/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9hmtnn20k1] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
}

.app-shell[b-9hmtnn20k1],
.public-shell[b-9hmtnn20k1] {
    color: var(--ink-950);
}

.app-main[b-9hmtnn20k1],
.public-main[b-9hmtnn20k1] {
    width: 100%;
    min-width: 0;
    flex: 1;
}

.content[b-9hmtnn20k1] {
    width: 100%;
    min-width: 0;
    padding: 0 clamp(1rem, 3vw, 2.25rem);
}

.app-error-card[b-9hmtnn20k1] {
    width: min(100%, 760px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 2rem auto;
    padding: 1.15rem;
    border: 1px solid color-mix(in srgb, var(--danger-600) 35%, var(--border));
    border-radius: 20px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.app-error-card-icon[b-9hmtnn20k1] {
    width: 2.7rem;
    height: 2.7rem;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--danger-600);
    background: var(--danger-50);
}

.app-error-card-icon :deep(.app-icon)[b-9hmtnn20k1] {
    width: 1.35rem;
    height: 1.35rem;
}

.app-error-card div[b-9hmtnn20k1] {
    min-width: 0;
    display: grid;
    gap: .25rem;
}

.app-error-card span[b-9hmtnn20k1] {
    color: var(--ink-600);
    line-height: 1.45;
}

.app-error-card button[b-9hmtnn20k1] {
    min-height: 44px;
    padding: .7rem 1rem;
    border: 0;
    border-radius: 13px;
    color: #fff;
    background: var(--brand-600);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.top-bar[b-9hmtnn20k1] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    min-height: 4.65rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem clamp(1rem, 3vw, 2.4rem);
    border-bottom: 1px solid rgba(147, 164, 190, 0.22);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0.55rem 1.8rem rgba(23, 43, 77, 0.05);
    backdrop-filter: blur(22px) saturate(150%);
}

.top-left[b-9hmtnn20k1] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: clamp(1.1rem, 3vw, 2.3rem);
}

.top-brand[b-9hmtnn20k1],
.footer-brand[b-9hmtnn20k1],
.public-brand[b-9hmtnn20k1] {
    display: inline-flex;
    min-width: 0;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.72rem;
    color: var(--ink-950);
    font-weight: 950;
    letter-spacing: -0.025em;
    text-decoration: none;
}

.top-brand:hover[b-9hmtnn20k1],
.top-brand:focus-visible[b-9hmtnn20k1],
.footer-brand:hover[b-9hmtnn20k1],
.footer-brand:focus-visible[b-9hmtnn20k1],
.public-brand:hover[b-9hmtnn20k1],
.public-brand:focus-visible[b-9hmtnn20k1] {
    color: var(--ink-950);
}

.top-brand-cell[b-9hmtnn20k1],
.footer-brand-cell[b-9hmtnn20k1],
.public-brand-cell[b-9hmtnn20k1] {
    display: inline-grid;
    width: 2.15rem;
    min-width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(9, 21, 47, 0.18);
    border-radius: 0.62rem;
    background: #09152f;
    box-shadow: var(--shadow-sm);
}

.top-brand-cell img[b-9hmtnn20k1],
.footer-brand-cell img[b-9hmtnn20k1],
.public-brand-cell img[b-9hmtnn20k1] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-brand-word[b-9hmtnn20k1] {
    font-size: 1rem;
}

.top-nav[b-9hmtnn20k1] {
    display: flex;
    align-items: center;
    gap: 0.18rem;
}

.top-nav[b-9hmtnn20k1]  a {
    position: relative;
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.46rem;
    border-radius: 0.9rem;
    padding: 0 0.86rem;
    color: var(--ink-600);
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

.top-nav[b-9hmtnn20k1]  a .app-icon {
    width: 1rem;
    height: 1rem;
    stroke-width: 1.9;
}

.top-nav[b-9hmtnn20k1]  a:hover,
.top-nav[b-9hmtnn20k1]  a:focus-visible {
    background: var(--brand-50);
    color: var(--brand-700);
}

.top-nav[b-9hmtnn20k1]  a.active {
    background: var(--brand-100);
    color: var(--brand-700);
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

.top-nav[b-9hmtnn20k1]  a.active::after {
    position: absolute;
    right: 0.78rem;
    bottom: 0.18rem;
    left: 0.78rem;
    height: 2px;
    border-radius: 999px;
    background: var(--brand-600);
    content: "";
}

.top-auth-state[b-9hmtnn20k1],
.top-account-link[b-9hmtnn20k1],
.top-sign-out[b-9hmtnn20k1] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
}

.top-auth-state[b-9hmtnn20k1] {
    gap: 0.55rem;
}

.top-account-link[b-9hmtnn20k1] {
    gap: 0.65rem;
    border-radius: 0.9rem;
    padding: 0.25rem 0.35rem 0.25rem 0.25rem;
    color: inherit;
    text-decoration: none;
}

.top-account-link:hover[b-9hmtnn20k1],
.top-account-link:focus-visible[b-9hmtnn20k1] {
    background: var(--surface-soft);
    color: inherit;
}

.top-user-avatar[b-9hmtnn20k1] {
    display: inline-grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.82rem;
    background: linear-gradient(145deg, #34d5c7, #4d7df7);
    color: #06152c;
    font-size: 0.82rem;
    font-weight: 950;
    box-shadow: 0 0.7rem 1.45rem rgba(37, 99, 235, 0.18);
}

.top-user-name[b-9hmtnn20k1] {
    max-width: min(27vw, 17rem);
    overflow: hidden;
    color: var(--ink-700);
    font-size: 0.84rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-auth-state form[b-9hmtnn20k1] {
    margin: 0;
}

.top-sign-out[b-9hmtnn20k1] {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid transparent;
    border-radius: 0.82rem;
    padding: 0;
    background: transparent;
    color: var(--ink-700);
    font: inherit;
    cursor: pointer;
}

.top-sign-out:hover[b-9hmtnn20k1],
.top-sign-out:focus-visible[b-9hmtnn20k1] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
}

.top-sign-out .app-icon[b-9hmtnn20k1] {
    width: 1.05rem;
    height: 1.05rem;
}

.top-sign-out-label[b-9hmtnn20k1] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.public-shell[b-9hmtnn20k1] {
    background:
        radial-gradient(circle at 12% 5%, rgba(207, 226, 255, 0.78), transparent 25rem),
        radial-gradient(circle at 88% 8%, rgba(235, 242, 255, 0.9), transparent 24rem),
        #f7faff;
}

.public-shell-home .public-main[b-9hmtnn20k1] {
    display: grid;
    min-height: 100vh;
    min-height: 100dvh;
}

.public-top-bar[b-9hmtnn20k1] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    min-height: 4.6rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem max(1rem, calc((100vw - 78rem) / 2));
    border-bottom: 1px solid rgba(147, 164, 190, 0.2);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(18px);
}

.public-login-link[b-9hmtnn20k1] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0 0.85rem 0 0.48rem;
    background: #fff;
    color: var(--ink-900);
    font-size: 0.84rem;
    font-weight: 820;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
}

.public-top-actions[b-9hmtnn20k1] {
    position: relative;
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.public-login-link:hover[b-9hmtnn20k1],
.public-login-link:focus-visible[b-9hmtnn20k1] {
    border-color: var(--brand-200);
    color: var(--brand-700);
    transform: translateY(-1px);
}

.public-google-mark[b-9hmtnn20k1] {
    display: inline-grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border: 1px solid #e6eaf0;
    border-radius: 0.58rem;
    background: #fff;
    color: #4285f4;
    font-size: 0.76rem;
    font-weight: 950;
}

.app-footer[b-9hmtnn20k1] {
    position: relative;
    margin-top: 2rem;
    border-top: 1px solid rgba(147, 164, 190, 0.2);
    background: rgba(255, 255, 255, 0.92);
    color: var(--ink-900);
}

.app-footer[b-9hmtnn20k1]::before {
    position: absolute;
    top: 0;
    right: clamp(1rem, 4vw, 2rem);
    left: clamp(1rem, 4vw, 2rem);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-600) 0 7rem, #e4eaf2 7rem 100%);
    content: "";
}

.footer-inner[b-9hmtnn20k1] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) auto;
    gap: clamp(2rem, 7vw, 5rem);
    max-width: 78rem;
    margin: 0 auto;
    padding: 2.15rem clamp(1rem, 4vw, 2rem) 1.3rem;
}

.footer-about[b-9hmtnn20k1] {
    display: grid;
    max-width: 26rem;
    gap: 0.8rem;
}

.footer-about p[b-9hmtnn20k1] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.91rem;
    line-height: 1.65;
}

.footer-brand-cell[b-9hmtnn20k1] {
    width: 1.85rem;
    min-width: 1.85rem;
    height: 1.85rem;
}

.footer-sections[b-9hmtnn20k1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(9rem, 1fr));
    gap: clamp(2rem, 6vw, 4rem);
}

.footer-group[b-9hmtnn20k1] {
    display: grid;
    align-content: start;
    gap: 0.4rem;
}

.footer-group h2[b-9hmtnn20k1] {
    margin: 0 0 0.3rem;
    color: var(--ink-500);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.09em;
}

.footer-group a[b-9hmtnn20k1],
.footer-link-button[b-9hmtnn20k1],
.logo-dev-attribution[b-9hmtnn20k1] {
    display: inline-flex;
    width: fit-content;
    min-height: 2.75rem;
    align-items: center;
    color: var(--ink-800);
    font-size: 0.89rem;
    font-weight: 700;
    text-decoration: none;
}

.footer-group a:hover[b-9hmtnn20k1],
.footer-group a:focus-visible[b-9hmtnn20k1],
.footer-link-button:hover[b-9hmtnn20k1],
.footer-link-button:focus-visible[b-9hmtnn20k1],
.logo-dev-attribution:hover[b-9hmtnn20k1],
.logo-dev-attribution:focus-visible[b-9hmtnn20k1] {
    color: var(--brand-700);
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.footer-bottom[b-9hmtnn20k1] {
    display: flex;
    max-width: 78rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 auto;
    border-top: 1px solid rgba(147, 164, 190, 0.2);
    padding: 0.92rem clamp(1rem, 4vw, 2rem) 1.1rem;
    color: var(--ink-500);
    font-size: 0.78rem;
    font-weight: 700;
}

.logo-dev-attribution[b-9hmtnn20k1] {
    color: var(--ink-600);
    font-size: 0.78rem;
    white-space: nowrap;
}

.footer-version[b-9hmtnn20k1] {
    color: var(--ink-600);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mobile-version-footer[b-9hmtnn20k1] {
    display: none;
}

.public-footer[b-9hmtnn20k1] {
    display: flex;
    min-height: 3.85rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(147, 164, 190, 0.2);
    padding: 0.85rem max(1rem, calc((100vw - 78rem) / 2));
    background: rgba(255, 255, 255, 0.94);
    color: var(--ink-500);
    font-size: 0.76rem;
    font-weight: 700;
}

.public-footer nav[b-9hmtnn20k1] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.public-footer a[b-9hmtnn20k1],
.public-footer-cookie-button[b-9hmtnn20k1] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    color: var(--ink-600);
    text-decoration: none;
}

.footer-link-button[b-9hmtnn20k1],
.public-footer-cookie-button[b-9hmtnn20k1] {
    width: fit-content;
    border: 0;
    padding: 0;
    background: transparent;
    font-family: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.public-footer a:hover[b-9hmtnn20k1],
.public-footer a:focus-visible[b-9hmtnn20k1],
.public-footer-cookie-button:hover[b-9hmtnn20k1],
.public-footer-cookie-button:focus-visible[b-9hmtnn20k1] {
    color: var(--brand-700);
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.mobile-tab-bar[b-9hmtnn20k1] {
    display: none;
}

#blazor-error-ui[b-9hmtnn20k1] {
    color-scheme: light only;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 0.75rem max(3.25rem, calc(0.8rem + env(safe-area-inset-right)))
        max(0.75rem, env(safe-area-inset-bottom))
        max(1.1rem, env(safe-area-inset-left));
    background: #fff4c7;
    color: #5f4600;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.18);
}

#blazor-error-ui .reload[b-9hmtnn20k1] {
    margin-left: 0.5rem;
    color: #7c2d12;
    font-weight: 800;
}

#blazor-error-ui .dismiss[b-9hmtnn20k1] {
    position: absolute;
    top: 50%;
    right: max(0.4rem, env(safe-area-inset-right));
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 0;
    border-radius: 0.7rem;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 1.2rem;
    cursor: pointer;
    transform: translateY(-50%);
}

#blazor-error-ui .dismiss:hover[b-9hmtnn20k1],
#blazor-error-ui .dismiss:focus-visible[b-9hmtnn20k1] {
    background: rgba(95, 70, 0, 0.12);
}

#blazor-error-ui .dismiss:focus-visible[b-9hmtnn20k1] {
    outline: 3px solid #7c2d12;
    outline-offset: -3px;
}

@media (max-width: 1080px) {
    .top-nav[b-9hmtnn20k1]  a span {
        display: none;
    }

    .top-nav[b-9hmtnn20k1]  a {
        width: 2.75rem;
        justify-content: center;
        padding: 0;
    }

    .top-user-name[b-9hmtnn20k1] {
        display: none;
    }
}

@media (max-width: 800px) {
    .app-shell[b-9hmtnn20k1],
    .public-shell[b-9hmtnn20k1] {
        overflow-x: clip;
    }

    .top-bar[b-9hmtnn20k1],
    .public-top-bar[b-9hmtnn20k1] {
        min-height: calc(4rem + env(safe-area-inset-top));
        padding: calc(0.48rem + env(safe-area-inset-top)) max(0.8rem, env(safe-area-inset-right)) 0.48rem max(0.8rem, env(safe-area-inset-left));
    }

    .top-left[b-9hmtnn20k1] {
        flex: 1 1 auto;
        gap: 0.5rem;
    }

    .top-brand[b-9hmtnn20k1] {
        min-width: 2.75rem;
        min-height: 2.75rem;
        gap: 0.52rem;
        font-size: 0.96rem;
        white-space: nowrap;
    }

    .top-brand-cell[b-9hmtnn20k1],
    .public-brand-cell[b-9hmtnn20k1] {
        width: 1.95rem;
        min-width: 1.95rem;
        height: 1.95rem;
        border-radius: 0.56rem;
    }

    .top-nav[b-9hmtnn20k1] {
        display: none;
    }

    .top-auth-state[b-9hmtnn20k1] {
        flex: 0 0 auto;
        gap: 0.25rem;
    }

    .top-account-link[b-9hmtnn20k1] {
        gap: 0;
        padding: 0;
    }

    .top-user-avatar[b-9hmtnn20k1] {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 0.88rem;
    }

    .top-user-name[b-9hmtnn20k1],
    .top-sign-out-label[b-9hmtnn20k1] {
        display: none;
    }

    .top-sign-out[b-9hmtnn20k1] {
        width: 2.75rem;
        min-width: 2.75rem;
        min-height: 2.75rem;
    }

    .content[b-9hmtnn20k1] {
        padding: 0.8rem 0.72rem calc(6.15rem + env(safe-area-inset-bottom));
    }

    .public-main[b-9hmtnn20k1] {
        padding-bottom: calc(5.9rem + env(safe-area-inset-bottom));
    }

    .public-shell-home .public-main[b-9hmtnn20k1] {
        min-height: 100svh;
        padding-bottom: 0;
    }

    .app-footer[b-9hmtnn20k1],
    .public-footer[b-9hmtnn20k1] {
        display: none;
    }

    .mobile-version-footer[b-9hmtnn20k1] {
        display: block;
        border-top: 1px solid rgba(147, 164, 190, 0.2);
        padding: 0.7rem 1rem calc(5.7rem + env(safe-area-inset-bottom));
        background: var(--surface-raised);
        color: var(--ink-600);
        font-size: 0.65rem;
        font-weight: 750;
        font-variant-numeric: tabular-nums;
        text-align: center;
    }

    .mobile-version-footer-home[b-9hmtnn20k1] {
        display: none;
    }

    .mobile-tab-bar[b-9hmtnn20k1] {
        position: fixed;
        z-index: 200;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr);
        height: calc(4.85rem + env(safe-area-inset-bottom));
        max-height: calc(4.85rem + env(safe-area-inset-bottom));
        align-items: start;
        border-top: 1px solid rgba(147, 164, 190, 0.24);
        padding: 0.42rem max(0.3rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(0.3rem, env(safe-area-inset-left));
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 -0.65rem 1.8rem rgba(23, 43, 77, 0.11);
        backdrop-filter: blur(22px) saturate(150%);
    }

    .public-mobile-tab-bar[b-9hmtnn20k1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a {
        display: grid;
        width: 100%;
        min-width: 0;
        min-height: 3.85rem;
        place-items: center;
        align-content: center;
        gap: 0.25rem;
        border-radius: 1rem;
        color: var(--ink-600);
        font-size: 1.18rem;
        text-decoration: none;
        touch-action: manipulation;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a .app-icon {
        width: 1.24rem;
        height: 1.24rem;
        stroke-width: 1.9;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a > span,
    .mobile-scan-action strong[b-9hmtnn20k1] {
        overflow: hidden;
        max-width: 100%;
        color: inherit;
        font-size: 0.72rem;
        font-weight: 900;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a.active {
        background: var(--brand-50);
        color: var(--brand-700);
        box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.05);
    }

    .mobile-tab-bar .mobile-scan-action[b-9hmtnn20k1] {
        align-self: start;
        margin-top: -1.02rem;
        color: var(--brand-700);
    }

    .mobile-scan-action > span[b-9hmtnn20k1] {
        display: grid;
        width: 3.75rem;
        height: 3.75rem;
        place-items: center;
        border: 0.24rem solid var(--surface-raised);
        border-radius: 1.18rem;
        background: linear-gradient(145deg, #1f6fff, #0b3f9f);
        color: #fff;
        font-size: 1.5rem;
        box-shadow: 0 0 0 1px rgba(11, 63, 159, 0.32), 0 0.95rem 2rem rgba(20, 73, 170, 0.42);
    }

    .mobile-scan-action:hover > span[b-9hmtnn20k1],
    .mobile-scan-action:focus-visible > span[b-9hmtnn20k1],
    .mobile-scan-action:active > span[b-9hmtnn20k1] {
        background: linear-gradient(145deg, #155ee0, #082f7d);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-600) 24%, transparent),
            0 0.85rem 1.7rem rgba(20, 73, 170, 0.46);
    }

    .mobile-scan-action > span .app-icon[b-9hmtnn20k1] {
        width: 1.45rem;
        height: 1.45rem;
    }

    .public-mobile-tab-bar .public-login-action[b-9hmtnn20k1] {
        color: var(--brand-700);
    }
}

@media (max-width: 640px) {
    .app-error-card[b-9hmtnn20k1] {
        grid-template-columns: auto minmax(0, 1fr);
        margin-block: 1rem;
    }

    .app-error-card button[b-9hmtnn20k1] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 430px) {
    .public-top-actions > .public-login-link[b-9hmtnn20k1],
    .public-top-actions[b-9hmtnn20k1] >  .apple-login-button {
        display: none;
    }

    .public-top-actions[b-9hmtnn20k1] >  .culture-switcher-error {
        position: absolute;
        z-index: 2;
        top: calc(100% + 0.35rem);
        right: 0;
        width: min(14rem, calc(100vw - 1.6rem));
        max-width: none;
        border: 1px solid var(--border);
        border-radius: 0.7rem;
        padding: 0.55rem 0.65rem;
        background: var(--surface-raised);
        box-shadow: var(--shadow-md);
        line-height: 1.4;
    }
}

@media (max-width: 400px) {
    .top-brand-word[b-9hmtnn20k1] {
        display: none;
    }
}

@media (max-width: 370px) {

    .content[b-9hmtnn20k1] {
        padding-right: 0.55rem;
        padding-left: 0.55rem;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a > span,
    .mobile-scan-action strong[b-9hmtnn20k1] {
        font-size: 0.66rem;
    }
}

@media (max-width: 300px) {
    .public-top-bar[b-9hmtnn20k1] {
        gap: 0.35rem;
        padding-right: max(0.5rem, env(safe-area-inset-right));
        padding-left: max(0.5rem, env(safe-area-inset-left));
    }

    .public-brand[b-9hmtnn20k1] {
        width: 2.75rem;
        min-width: 2.75rem;
        justify-content: center;
        gap: 0;
    }

    .public-brand > span:last-child[b-9hmtnn20k1] {
        display: none;
    }

    .public-login-link[b-9hmtnn20k1] {
        min-width: 0;
        gap: 0.35rem;
        padding-right: 0.55rem;
        padding-left: 0.35rem;
        font-size: 0.76rem;
    }

}

@media print {
    .top-bar[b-9hmtnn20k1],
    .public-top-bar[b-9hmtnn20k1],
    .mobile-tab-bar[b-9hmtnn20k1],
    .app-footer[b-9hmtnn20k1],
    .public-footer[b-9hmtnn20k1],
    .mobile-version-footer[b-9hmtnn20k1],
    #blazor-error-ui[b-9hmtnn20k1] {
        display: none;
    }

    .app-shell[b-9hmtnn20k1],
    .public-shell[b-9hmtnn20k1],
    .content[b-9hmtnn20k1] {
        min-height: 0;
        padding: 0;
        background: #fff;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6qohyfi2es],
.components-reconnect-repeated-attempt-visible[b-6qohyfi2es],
.components-reconnect-failed-visible[b-6qohyfi2es],
.components-pause-visible[b-6qohyfi2es],
.components-resume-failed-visible[b-6qohyfi2es],
.components-reconnect-expired-visible[b-6qohyfi2es],
.components-rejoining-animation[b-6qohyfi2es] {
    display: none;
}

#components-reconnect-modal[data-reconnect-state="show"] .components-reconnect-first-attempt-visible[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="show"] .components-rejoining-animation[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="retrying"] .components-reconnect-repeated-attempt-visible[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="retrying"] .components-rejoining-animation[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="failed"] .components-reconnect-failed-visible[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="paused"] .components-pause-visible[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="resume-failed"] .components-resume-failed-visible[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="rejected"] .components-reconnect-expired-visible[b-6qohyfi2es],
#components-reconnect-modal[data-reconnect-state="expired"] .components-reconnect-expired-visible[b-6qohyfi2es] {
    display: block;
}

#components-reconnect-modal[b-6qohyfi2es] {
    width: min(calc(100% - 2rem), 28rem);
    max-height: calc(100dvh - 2rem);
    margin: max(8dvh, 1rem) auto;
    overflow: auto;
    border: 1px solid var(--border-strong);
    border-radius: 1.25rem;
    padding: clamp(1.1rem, 4vw, 1.6rem);
    background: var(--surface-raised);
    color: var(--ink-900);
    color-scheme: light dark;
    box-shadow: 0 2rem 5rem rgba(15, 23, 42, 0.28);
    opacity: 0;
    transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete;
    animation: components-reconnect-modal-fade-out-b-6qohyfi2es 0.25s both;
}

#components-reconnect-modal[open][b-6qohyfi2es] {
    animation: components-reconnect-modal-slide-up-b-6qohyfi2es 0.36s cubic-bezier(.2, .8, .2, 1),
        components-reconnect-modal-fade-in-b-6qohyfi2es 0.22s ease-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-6qohyfi2es]::backdrop {
    background: color-mix(in srgb, var(--ink-950) 50%, transparent);
    backdrop-filter: blur(6px);
    animation: components-reconnect-modal-fade-in-b-6qohyfi2es 0.22s ease-out;
}

.components-reconnect-container[b-6qohyfi2es] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    text-align: center;
}

.components-reconnect-kicker[b-6qohyfi2es] {
    color: var(--brand-700);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.12em;
}

#components-reconnect-title[b-6qohyfi2es] {
    color: var(--ink-950);
    font-size: 1.2rem;
    letter-spacing: -0.025em;
}

#components-reconnect-modal p[b-6qohyfi2es] {
    margin: 0;
    color: var(--ink-600);
    line-height: 1.55;
    text-align: center;
}

.components-reconnect-actions[b-6qohyfi2es] {
    display: flex;
    width: 100%;
    justify-content: center;
}

#components-reconnect-modal button[hidden][b-6qohyfi2es] {
    display: none;
}

#components-reconnect-modal button[b-6qohyfi2es] {
    display: inline-flex;
    min-width: min(100%, 10rem);
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brand-600);
    border-radius: 0.85rem;
    padding: 0.6rem 1rem;
    background: var(--brand-600);
    color: #fff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0.7rem 1.4rem color-mix(in srgb, var(--brand-600) 24%, transparent);
}

#components-reconnect-modal button:hover:not(:disabled)[b-6qohyfi2es] {
    border-color: var(--brand-700);
    background: var(--brand-700);
}

#components-reconnect-modal button:focus-visible[b-6qohyfi2es] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 35%, transparent);
    outline-offset: 3px;
}

#components-reconnect-modal button:active:not(:disabled)[b-6qohyfi2es] {
    transform: translateY(1px);
}

#components-reconnect-modal button:disabled[b-6qohyfi2es] {
    cursor: wait;
    opacity: 0.68;
    box-shadow: none;
    transform: none;
}

#components-reconnect-modal button[aria-busy="true"][b-6qohyfi2es]::after {
    width: 0.9rem;
    height: 0.9rem;
    margin-left: 0.55rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    animation: components-reconnect-button-busy-b-6qohyfi2es 0.75s linear infinite;
}

.components-rejoining-animation[b-6qohyfi2es] {
    position: relative;
    width: 4rem;
    height: 4rem;
}

.components-rejoining-animation div[b-6qohyfi2es] {
    position: absolute;
    border: 3px solid var(--brand-600);
    border-radius: 50%;
    opacity: 1;
    animation: components-rejoining-animation-b-6qohyfi2es 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-6qohyfi2es] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-6qohyfi2es {
    0%, 4.9% {
        top: 2rem;
        left: 2rem;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 2rem;
        left: 2rem;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 4rem;
        height: 4rem;
        opacity: 0;
    }
}

@keyframes components-reconnect-button-busy-b-6qohyfi2es {
    to { transform: rotate(360deg); }
}

@keyframes components-reconnect-modal-slide-up-b-6qohyfi2es {
    from { transform: translateY(1.5rem) scale(0.97); }
    to { transform: translateY(0) scale(1); }
}

@keyframes components-reconnect-modal-fade-in-b-6qohyfi2es {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes components-reconnect-modal-fade-out-b-6qohyfi2es {
    from { opacity: 1; }
    to { opacity: 0; }
}

@media (max-width: 480px) {
    #components-reconnect-modal[b-6qohyfi2es] {
        width: calc(100% - max(1.25rem, env(safe-area-inset-left) + env(safe-area-inset-right)));
        margin: max(0.65rem, env(safe-area-inset-top)) auto;
        padding: 1rem;
    }

    #components-reconnect-modal button[b-6qohyfi2es] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-6qohyfi2es],
    #components-reconnect-modal[open][b-6qohyfi2es],
    #components-reconnect-modal[b-6qohyfi2es]::backdrop,
    .components-rejoining-animation div[b-6qohyfi2es],
    #components-reconnect-modal button[aria-busy="true"][b-6qohyfi2es]::after {
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition: none;
    }
}
/* /Components/Pages/Account.razor.rz.scp.css */
.account-page[b-a7w62z2ida] {
    display: grid;
    width: min(100%, var(--page-content-max));
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem) 0 3.5rem;
    color: var(--ink-950);
}

.account-hero[b-a7w62z2ida],
.account-profile-card[b-a7w62z2ida],
.account-plan-card[b-a7w62z2ida],
.account-menu-card[b-a7w62z2ida],
.account-build-card[b-a7w62z2ida],
.account-danger-zone[b-a7w62z2ida] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.account-danger-zone[b-a7w62z2ida] {
    order: 60;
}

.account-hero[b-a7w62z2ida] {
    position: relative;
    display: grid;
    min-height: 10rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    border-radius: var(--page-hero-radius);
    padding: var(--page-hero-padding);
    background:
        radial-gradient(circle at 90% 0, rgba(103, 154, 255, 0.17), transparent 18rem),
        linear-gradient(135deg, #fff, #f6f9ff 72%, #edf4ff);
    box-shadow: var(--shadow-md);
}

.account-hero[b-a7w62z2ida]::after {
    position: absolute;
    right: -5rem;
    bottom: -8rem;
    width: 18rem;
    height: 18rem;
    border: 1px solid rgba(37, 99, 235, 0.08);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 3rem rgba(37, 99, 235, 0.02);
}

.account-hero > *[b-a7w62z2ida] {
    position: relative;
    z-index: 1;
}

.account-hero-icon[b-a7w62z2ida],
.account-menu-icon[b-a7w62z2ida],
.account-danger-icon[b-a7w62z2ida] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-600);
}

.account-hero-icon[b-a7w62z2ida] {
    width: 4.35rem;
    height: 4.35rem;
    border: 1px solid rgba(205, 222, 246, 0.78);
    border-radius: 1.3rem;
    box-shadow: inset 0 1px 0 #fff;
}

.account-hero-icon[b-a7w62z2ida]  .app-icon {
    width: 1.95rem;
    height: 1.95rem;
    stroke-width: 1.7;
}

.account-kicker[b-a7w62z2ida] {
    display: block;
    color: var(--brand-600);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.account-hero h1[b-a7w62z2ida] {
    margin: 0.25rem 0 0;
    color: var(--ink-950);
    font-size: clamp(2.6rem, 6vw, 4.4rem);
    font-weight: 950;
    letter-spacing: -0.06em;
    line-height: 1;
}

.account-hero p[b-a7w62z2ida] {
    max-width: 35rem;
    margin: 0.65rem 0 0;
    color: var(--ink-600);
    font-size: clamp(0.88rem, 2vw, 1rem);
    line-height: 1.55;
}

.account-message[b-a7w62z2ida] {
    border-radius: 0.9rem;
    padding: 0.8rem 1rem;
    font-size: 0.8rem;
    font-weight: 800;
}

.account-message.error[b-a7w62z2ida] {
    border: 1px solid #fecdd3;
    background: var(--danger-50);
    color: #9f1239;
}


.account-profile-card[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    border-radius: 1.3rem;
    padding: 1rem;
}

.account-avatar[b-a7w62z2ida] {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: 1.25rem;
    background: linear-gradient(145deg, #34d5c7, #4d7df7);
    color: #06152c;
    font-size: 1.1rem;
    font-weight: 950;
    box-shadow: 0 0.9rem 1.8rem rgba(37,99,235,.2);
}

.account-profile-card > div[b-a7w62z2ida] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.account-profile-card strong[b-a7w62z2ida] {
    overflow: hidden;
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-profile-card small[b-a7w62z2ida] {
    overflow: hidden;
    color: var(--ink-600);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-plan-card[b-a7w62z2ida] {
    display: grid;
    gap: 1rem;
    overflow: hidden;
    border-radius: 1.3rem;
    padding: 1rem;
}

.account-plan-heading[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
}

.account-plan-heading > div[b-a7w62z2ida] {
    min-width: 0;
}

.account-plan-heading h2[b-a7w62z2ida] {
    margin: 0.12rem 0 0;
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.account-plan-heading p[b-a7w62z2ida] {
    margin: 0.25rem 0 0;
    color: var(--ink-600);
    font-size: 0.74rem;
    line-height: 1.45;
}

.account-plan-icon[b-a7w62z2ida] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.9rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.account-plan-icon[b-a7w62z2ida]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.account-plan-badge[b-a7w62z2ida] {
    align-self: start;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0.32rem 0.62rem;
    background: var(--surface-soft);
    color: var(--ink-700);
    font-size: 0.65rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.account-plan-badge.plus[b-a7w62z2ida] {
    border-color: color-mix(in srgb, var(--brand-600) 28%, transparent);
    background: var(--brand-50);
    color: var(--brand-700);
}

.account-storage-progress[b-a7w62z2ida] {
    height: 0.65rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--surface-soft);
    box-shadow: inset 0 0 0 1px var(--border);
}

.account-storage-progress > span[b-a7w62z2ida] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-600), #5b8cff);
    transition: width 180ms ease;
}

.account-storage-progress > span.over-limit[b-a7w62z2ida] {
    background: var(--danger-600);
}

.account-storage-metrics[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin: 0;
}

.account-storage-metrics > div[b-a7w62z2ida] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    border-radius: 0.8rem;
    padding: 0.65rem 0.75rem;
    background: var(--surface-soft);
}

.account-storage-metrics dt[b-a7w62z2ida] {
    color: var(--ink-600);
    font-size: 0.62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.account-storage-metrics dd[b-a7w62z2ida] {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--ink-900);
    font-size: 0.82rem;
    font-weight: 950;
}

.account-storage-state[b-a7w62z2ida],
.account-storage-warning[b-a7w62z2ida] {
    border-radius: 0.8rem;
    padding: 0.75rem 0.85rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.5;
}

.account-storage-state.locked[b-a7w62z2ida] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
}

.account-storage-state.locked[b-a7w62z2ida]  .app-icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: var(--brand-600);
}

.account-storage-state.error[b-a7w62z2ida],
.account-storage-warning[b-a7w62z2ida] {
    border: 1px solid color-mix(in srgb, var(--danger-600) 24%, transparent);
    background: var(--danger-50);
    color: #9f1239;
}

.account-billing-panel[b-a7w62z2ida] {
    display: grid;
    gap: 0.8rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

.account-billing-panel > header[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.account-billing-panel > header > div[b-a7w62z2ida] {
    min-width: 0;
}

.account-billing-panel h3[b-a7w62z2ida] {
    margin: 0.12rem 0 0;
    color: var(--ink-900);
    font-size: 0.92rem;
    font-weight: 950;
}

.account-billing-panel p[b-a7w62z2ida] {
    margin: 0.2rem 0 0;
    color: var(--ink-600);
    font-size: 0.7rem;
    line-height: 1.45;
}

.account-billing-panel > small[b-a7w62z2ida] {
    color: var(--ink-600);
    font-size: 0.64rem;
    line-height: 1.45;
}

.account-billing-icon[b-a7w62z2ida] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 0.8rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.account-billing-icon[b-a7w62z2ida]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.account-billing-mode[b-a7w62z2ida] {
    align-self: start;
    border-radius: 999px;
    padding: 0.28rem 0.5rem;
    background: var(--warning-50);
    color: var(--warning-600);
    font-size: 0.6rem;
    font-weight: 950;
    text-transform: uppercase;
}

.account-billing-message[b-a7w62z2ida] {
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.45;
}

.account-billing-message.error[b-a7w62z2ida] {
    border: 1px solid color-mix(in srgb, var(--danger-600) 24%, transparent);
    background: var(--danger-50);
    color: #9f1239;
}

.account-billing-actions[b-a7w62z2ida] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.account-billing-actions form[b-a7w62z2ida] {
    margin: 0;
}

.account-billing-actions button[b-a7w62z2ida] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--brand-600);
    border-radius: 0.8rem;
    padding: 0.62rem 0.82rem;
    background: var(--brand-600);
    color: #fff;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
}

.account-billing-actions button.secondary[b-a7w62z2ida] {
    background: var(--surface-raised);
    color: var(--brand-700);
}

.account-billing-actions button:hover[b-a7w62z2ida],
.account-billing-actions button:focus-visible[b-a7w62z2ida] {
    transform: translateY(-1px);
    box-shadow: 0 0.5rem 1rem color-mix(in srgb, var(--brand-600) 18%, transparent);
}

.account-billing-actions button:focus-visible[b-a7w62z2ida] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 24%, transparent);
    outline-offset: 2px;
}

.account-billing-actions[b-a7w62z2ida]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.account-provider[b-a7w62z2ida] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    background: var(--success-50);
    color: var(--success-600);
    font-size: 0.62rem;
    font-weight: 900;
}

.account-provider[b-a7w62z2ida]  .app-icon {
    width: 0.72rem;
    height: 0.72rem;
}


.account-menu-card[b-a7w62z2ida] {
    overflow: hidden;
    border-radius: 1.3rem;
}

.account-menu-card > a[b-a7w62z2ida],
.account-menu-card > button[b-a7w62z2ida],
.account-menu-card form > button[b-a7w62z2ida] {
    display: grid;
    width: 100%;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    border: 0;
    border-bottom: 1px solid var(--border);
    padding: 0.75rem 0.9rem;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.account-menu-card > a:last-child[b-a7w62z2ida],
.account-menu-card > button:last-child[b-a7w62z2ida],
.account-menu-card form:last-child > button[b-a7w62z2ida] {
    border-bottom: 0;
}

.account-menu-card > a:hover[b-a7w62z2ida],
.account-menu-card > a:focus-visible[b-a7w62z2ida],
.account-menu-card > button:hover[b-a7w62z2ida],
.account-menu-card > button:focus-visible[b-a7w62z2ida],
.account-menu-card form > button:hover[b-a7w62z2ida],
.account-menu-card form > button:focus-visible[b-a7w62z2ida] {
    background: var(--brand-50);
}

.account-menu-icon[b-a7w62z2ida] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.85rem;
}

.account-menu-icon[b-a7w62z2ida]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.account-menu-card a > span:nth-child(2)[b-a7w62z2ida],
.account-menu-card button > span:nth-child(2)[b-a7w62z2ida] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.account-menu-card strong[b-a7w62z2ida] {
    color: var(--ink-900);
    font-size: 0.85rem;
    font-weight: 900;
}

.account-menu-card small[b-a7w62z2ida] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

.account-chevron[b-a7w62z2ida],
.account-danger-chevron[b-a7w62z2ida] {
    width: 1rem;
    height: 1rem;
    color: var(--ink-400);
    transition: color 0.16s ease, transform 0.16s ease;
}

.account-logout-form[b-a7w62z2ida] {
    margin: 0;
}


.account-build-card[b-a7w62z2ida] {
    display: grid;
    gap: 1rem;
    border-radius: 1.3rem;
    padding: 1rem;
}

.account-build-heading[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
}

.account-build-icon[b-a7w62z2ida] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.9rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.account-build-icon[b-a7w62z2ida]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.account-build-heading > div[b-a7w62z2ida] {
    min-width: 0;
}

.account-build-kicker[b-a7w62z2ida] {
    display: block;
    margin-bottom: 0.12rem;
    color: var(--brand-600);
    font-size: 0.62rem;
    font-weight: 950;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.account-build-heading h2[b-a7w62z2ida] {
    margin: 0;
    color: var(--ink-950);
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.account-build-heading p[b-a7w62z2ida] {
    margin: 0.24rem 0 0;
    color: var(--ink-600);
    font-size: 0.72rem;
    line-height: 1.45;
}

.account-build-badge[b-a7w62z2ida] {
    border: 1px solid color-mix(in srgb, var(--brand-600) 24%, var(--border));
    border-radius: 999px;
    padding: 0.32rem 0.56rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.6rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.account-build-grid[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.account-build-grid > div[b-a7w62z2ida] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.65rem 0.7rem;
    background: var(--surface-soft);
}

.account-build-grid dt[b-a7w62z2ida] {
    color: var(--ink-600);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.account-build-grid dd[b-a7w62z2ida] {
    overflow: hidden;
    margin: 0;
    color: var(--ink-900);
    font-size: 0.72rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-build-grid code[b-a7w62z2ida] {
    color: inherit;
    font: inherit;
}

.account-build-commit dd[b-a7w62z2ida],
.account-build-branch dd[b-a7w62z2ida] {
    overflow: visible;
    text-overflow: clip;
}

.account-build-commit-link[b-a7w62z2ida] {
    display: flex;
    min-width: 0;
    min-height: 2.75rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    border-radius: 0.48rem;
    color: var(--brand-700);
    text-decoration: none;
    outline-offset: 0.2rem;
}

.account-build-commit-link code[b-a7w62z2ida] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-build-commit-link span[b-a7w62z2ida] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.18rem 0.38rem;
    background: var(--brand-100);
    color: var(--brand-700);
    font-size: 0.58rem;
    font-weight: 950;
}

.account-build-commit-link:hover[b-a7w62z2ida],
.account-build-commit-link:focus-visible[b-a7w62z2ida] {
    color: var(--brand-600);
    text-decoration: underline;
}

.account-build-branch dd[b-a7w62z2ida],
.account-build-branch code[b-a7w62z2ida] {
    overflow-wrap: anywhere;
    white-space: normal;
}

.account-danger-zone[b-a7w62z2ida] {
    overflow: hidden;
    border-color: #f0c9cf;
    border-radius: 1.2rem;
}

.account-danger-zone > summary[b-a7w62z2ida] {
    display: grid;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.9rem;
    background: #fff;
    cursor: pointer;
    list-style: none;
}

.account-danger-zone > summary[b-a7w62z2ida]::-webkit-details-marker { display: none; }

.account-danger-zone > summary:hover[b-a7w62z2ida] {
    background: var(--danger-50);
}

.account-danger-icon[b-a7w62z2ida] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.85rem;
    background: var(--danger-50);
    color: var(--danger-600);
}

.account-danger-zone summary > span:nth-child(2)[b-a7w62z2ida] {
    display: grid;
    gap: 0.08rem;
}

.account-danger-zone summary strong[b-a7w62z2ida] {
    color: var(--ink-900);
    font-size: 0.85rem;
}

.account-danger-zone summary small[b-a7w62z2ida] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

.account-danger-content[b-a7w62z2ida] {
    display: grid;
    gap: 0.8rem;
    border-top: 1px solid #f0c9cf;
    padding: 1rem;
    background: #fffafa;
}

.account-danger-content p[b-a7w62z2ida] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.78rem;
    line-height: 1.55;
}

.delete-account-form[b-a7w62z2ida] {
    display: grid;
    gap: 0.55rem;
}

.delete-account-form label[b-a7w62z2ida] {
    color: var(--ink-700);
    font-size: 0.72rem;
}

.delete-account-form input[b-a7w62z2ida] {
    min-height: 2.8rem;
    border: 1px solid #e8aab5;
    border-radius: 0.8rem;
    padding: 0 0.75rem;
    background: #fff;
    color: var(--ink-900);
}

.account-danger-action[b-a7w62z2ida] {
    min-height: 2.8rem;
    border: 1px solid var(--danger-600);
    border-radius: 0.8rem;
    background: var(--danger-600);
    color: #fff;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 680px) {
    .account-page[b-a7w62z2ida] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .account-hero[b-a7w62z2ida] {
        min-height: auto;
        gap: 0.75rem;
        border-radius: 1.3rem;
        padding: 1rem;
    }

    .account-hero-icon[b-a7w62z2ida] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1rem;
    }

    .account-hero h1[b-a7w62z2ida] {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .account-hero p[b-a7w62z2ida] {
        font-size: 0.76rem;
    }

    .account-profile-card[b-a7w62z2ida],
    .account-plan-card[b-a7w62z2ida],
    .account-menu-card[b-a7w62z2ida],
    .account-build-card[b-a7w62z2ida],
    .account-danger-zone[b-a7w62z2ida] {
        border-radius: 1.05rem;
    }

    .account-plan-heading[b-a7w62z2ida] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .account-billing-panel > header[b-a7w62z2ida] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .account-billing-mode[b-a7w62z2ida] {
        grid-column: 2;
        width: fit-content;
    }

    .account-billing-actions[b-a7w62z2ida],
    .account-billing-actions form[b-a7w62z2ida],
    .account-billing-actions button[b-a7w62z2ida] {
        width: 100%;
    }

    .account-plan-badge[b-a7w62z2ida] {
        grid-column: 2;
        width: fit-content;
    }

    .account-build-heading[b-a7w62z2ida] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .account-build-badge[b-a7w62z2ida] {
        display: none;
    }

    .account-build-grid[b-a7w62z2ida] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-build-grid > div:last-child[b-a7w62z2ida] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/AccountCategories.razor.rz.scp.css */
.categories-page[b-2edz6z7zov] {
    --categories-blue: #1762ef;
    --categories-ink: #0b1533;
    display: grid;
    width: min(100%, var(--page-content-max));
    gap: .85rem;
    margin: 0 auto;
    padding: clamp(.7rem, 2vw, 1.25rem) 0 4rem;
    color: var(--categories-ink);
}

.categories-header[b-2edz6z7zov],
.categories-toolbar[b-2edz6z7zov],
.categories-list-panel[b-2edz6z7zov],
.categories-editor-panel[b-2edz6z7zov],
.categories-empty[b-2edz6z7zov] {
    border: 1px solid #e1e7ef;
    background: #fff;
    box-shadow: 0 .55rem 1.6rem rgba(15, 23, 42, .055);
}

.categories-header[b-2edz6z7zov] {
    display: grid;
    gap: .7rem;
    border-radius: var(--page-hero-radius);
    padding: var(--page-hero-padding);
    background:
        radial-gradient(circle at 90% 0, rgba(103, 154, 255, 0.14), transparent 18rem),
        linear-gradient(135deg, #fff, #f7f9ff 72%, #eef4ff);
    box-shadow: var(--shadow-md);
}

.categories-back-link[b-2edz6z7zov] {
    display: inline-flex;
    width: fit-content;
    min-height: 2.75rem;
    align-items: center;
    gap: .32rem;
    border-radius: .8rem;
    padding: 0 .55rem 0 .35rem;
    color: #2563eb;
    font-size: .72rem;
    font-weight: 850;
    text-decoration: none;
}

.categories-back-link[b-2edz6z7zov]  .app-icon {
    width: .9rem;
    height: .9rem;
}

.categories-header-content[b-2edz6z7zov] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.categories-kicker[b-2edz6z7zov],
.categories-panel-kicker[b-2edz6z7zov] {
    color: #2563eb;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.categories-header h2[b-2edz6z7zov],
.categories-panel-heading h2[b-2edz6z7zov],
.categories-empty h2[b-2edz6z7zov],
.category-group h2[b-2edz6z7zov] {
    margin: 0;
}

.categories-header h2[b-2edz6z7zov] {
    margin-top: .13rem;
    font-size: clamp(2.2rem, 4.8vw, 3.6rem);
    letter-spacing: -.05em;
    line-height: 1;
}

.categories-header p[b-2edz6z7zov] {
    margin: .38rem 0 0;
    color: #64748b;
    font-size: clamp(.84rem, 1.8vw, .96rem);
}

.categories-primary-action[b-2edz6z7zov],
.categories-secondary-action[b-2edz6z7zov],
.categories-danger-action[b-2edz6z7zov] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    border-radius: .9rem;
    padding: .55rem .9rem;
    font: inherit;
    font-size: .76rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.categories-primary-action[b-2edz6z7zov] {
    border: 1px solid #1458e3;
    background: linear-gradient(135deg, #2c6df6, #1554dc);
    color: #fff;
    box-shadow: 0 .65rem 1.35rem rgba(37, 99, 235, .2);
}

.categories-primary-action:hover[b-2edz6z7zov] {
    transform: translateY(-1px);
    box-shadow: 0 .85rem 1.55rem rgba(37, 99, 235, .24);
}

.categories-primary-action[b-2edz6z7zov]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.categories-status[b-2edz6z7zov] {
    position: sticky;
    top: .6rem;
    z-index: 20;
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: .42rem;
    justify-self: center;
    border-radius: .85rem;
    padding: .72rem .9rem;
    font-size: .76rem;
    font-weight: 800;
    box-shadow: 0 .65rem 1.5rem rgba(15, 23, 42, .1);
}

.categories-status[b-2edz6z7zov]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.categories-status.neutral[b-2edz6z7zov] {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1d4ed8;
}

.categories-status.success[b-2edz6z7zov] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.categories-status.error[b-2edz6z7zov] {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #be123c;
}

.categories-toolbar[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: minmax(15rem, .9fr) minmax(22rem, 1.35fr);
    align-items: center;
    gap: .7rem 1rem;
    border-radius: 1.15rem;
    padding: .85rem;
}

.categories-search[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .48rem;
    border: 1px solid #dbe3ee;
    border-radius: .78rem;
    padding: 0 .7rem;
    background: #f8fafc;
    color: #64748b;
}

.categories-search:focus-within[b-2edz6z7zov] {
    border-color: #60a5fa;
    background: #fff;
    outline: 3px solid rgba(37, 99, 235, .12);
}

.categories-search[b-2edz6z7zov]  .app-icon {
    width: .95rem;
    height: .95rem;
}

.categories-search input[b-2edz6z7zov] {
    min-width: 0;
    min-height: 2.75rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-size: .78rem;
}

.categories-search input[b-2edz6z7zov]::placeholder {
    color: var(--ink-600);
    opacity: 1;
}

.categories-search button[b-2edz6z7zov] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.categories-filter-tabs[b-2edz6z7zov] {
    display: flex;
    min-width: 0;
    gap: .35rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.categories-filter-tabs button[b-2edz6z7zov] {
    display: inline-flex;
    min-height: 2.75rem;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: 1px solid #dbe3ee;
    border-radius: .75rem;
    padding: .45rem .62rem;
    background: #fff;
    color: #64748b;
    font: inherit;
    font-size: .7rem;
    font-weight: 820;
    cursor: pointer;
}

.categories-filter-tabs button:hover[b-2edz6z7zov] {
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.categories-filter-tabs button.selected[b-2edz6z7zov] {
    border-color: #2563eb;
    background: #2563eb;
    color: #fff;
    box-shadow: 0 .45rem 1rem rgba(37, 99, 235, .18);
}

.categories-filter-tabs button span[b-2edz6z7zov] {
    min-width: 1.25rem;
    border-radius: 999px;
    padding: .11rem .28rem;
    background: rgba(148, 163, 184, .14);
    color: var(--ink-600);
    font-size: .58rem;
}

.categories-filter-tabs button.selected span[b-2edz6z7zov] {
    background: rgba(15, 23, 42, .22);
    color: #fff;
}

.categories-summary[b-2edz6z7zov] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #64748b;
    font-size: .68rem;
}

.categories-summary strong[b-2edz6z7zov] {
    color: #0f172a;
}

.categories-summary i[b-2edz6z7zov] {
    width: .22rem;
    height: .22rem;
    border-radius: 50%;
    background: #cbd5e1;
}

.categories-layout[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr);
    gap: .85rem;
    align-items: start;
}

.categories-list-panel[b-2edz6z7zov],
.categories-editor-panel[b-2edz6z7zov] {
    border-radius: 1.2rem;
}

.categories-list-panel[b-2edz6z7zov] {
    display: grid;
    gap: .75rem;
    padding: .9rem;
}

.categories-groups[b-2edz6z7zov] {
    display: grid;
    gap: .9rem;
}

.category-group[b-2edz6z7zov] {
    display: grid;
    gap: .42rem;
}

.category-group > header[b-2edz6z7zov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .18rem;
}

.category-group h2[b-2edz6z7zov] {
    color: #334155;
    font-size: .75rem;
    letter-spacing: .01em;
}

.category-group > header > span[b-2edz6z7zov] {
    display: grid;
    min-width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: .6rem;
    font-weight: 850;
}

.categories-list[b-2edz6z7zov] {
    display: grid;
    gap: .38rem;
}

.category-row[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: .9rem;
    background: #fbfdff;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.category-row:hover[b-2edz6z7zov] {
    border-color: #cbd8e8;
    background: #fff;
    box-shadow: 0 .42rem .95rem rgba(15, 23, 42, .055);
}

.category-row.selected[b-2edz6z7zov] {
    border-color: #60a5fa;
    background: #f7faff;
    box-shadow: inset .2rem 0 0 #2563eb;
}

.category-row.archived[b-2edz6z7zov] {
    background: #f8fafc;
    opacity: .74;
}

.category-row-main[b-2edz6z7zov] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    border: 0;
    padding: .58rem .68rem;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.category-row-main[b-2edz6z7zov]  .category-badge {
    min-width: 0;
}

.category-row-main[b-2edz6z7zov]  .category-badge-copy strong {
    font-size: .78rem;
}

.category-row-main[b-2edz6z7zov]  .category-badge-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .72rem;
    box-shadow: none;
}

.category-row-meta[b-2edz6z7zov] {
    display: grid;
    justify-items: end;
    gap: .1rem;
    white-space: nowrap;
}

.category-row-meta small[b-2edz6z7zov] {
    color: #94a3b8;
    font-size: .57rem;
    font-weight: 800;
    text-transform: uppercase;
}

.category-row-meta strong[b-2edz6z7zov] {
    color: #64748b;
    font-size: .64rem;
}

.category-row-actions[b-2edz6z7zov] {
    display: flex;
    align-items: center;
    gap: .22rem;
    border-left: 1px solid #edf1f5;
    padding: .35rem;
}

.category-row-actions button[b-2edz6z7zov],
.categories-editor-close[b-2edz6z7zov] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid transparent;
    border-radius: .62rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.category-row-actions button:hover[b-2edz6z7zov],
.categories-editor-close:hover[b-2edz6z7zov] {
    border-color: #dbeafe;
    background: #eff6ff;
    color: #1d4ed8;
}

.category-row-actions button.hide:hover[b-2edz6z7zov] {
    border-color: #fee2e2;
    background: #fff1f2;
    color: #be123c;
}

.category-row-actions button.restore[b-2edz6z7zov] {
    color: #15803d;
}

.category-row-actions[b-2edz6z7zov]  .app-icon,
.categories-editor-close[b-2edz6z7zov]  .app-icon {
    width: .95rem;
    height: .95rem;
}

.categories-hidden-link[b-2edz6z7zov] {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e8f0;
    border-radius: .82rem;
    padding: .55rem .7rem;
    background: #f8fafc;
    color: #64748b;
    font: inherit;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.categories-hidden-link > span[b-2edz6z7zov] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
}

.categories-hidden-link[b-2edz6z7zov]  .app-icon {
    width: .9rem;
    height: .9rem;
}

.categories-empty-list[b-2edz6z7zov] {
    display: grid;
    min-height: 16rem;
    place-content: center;
    justify-items: center;
    gap: .3rem;
    border: 1px dashed #cbd5e1;
    border-radius: .95rem;
    padding: 1rem;
    color: #64748b;
    text-align: center;
}

.categories-empty-list > span[b-2edz6z7zov],
.categories-empty > span[b-2edz6z7zov] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: #eff6ff;
    color: #2563eb;
}

.categories-empty-list[b-2edz6z7zov]  .app-icon,
.categories-empty[b-2edz6z7zov]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.categories-empty-list strong[b-2edz6z7zov] {
    color: #334155;
    font-size: .85rem;
}

.categories-empty-list small[b-2edz6z7zov] {
    font-size: .7rem;
}

.categories-editor-panel[b-2edz6z7zov] {
    position: sticky;
    top: .8rem;
    display: grid;
    gap: .85rem;
    padding: .95rem;
}

.categories-editor-handle[b-2edz6z7zov],
.categories-editor-backdrop[b-2edz6z7zov] {
    display: none;
}

.categories-panel-heading[b-2edz6z7zov] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .75rem;
}

.categories-panel-heading h2[b-2edz6z7zov] {
    margin-top: .12rem;
    font-size: 1.1rem;
    letter-spacing: -.03em;
}

.categories-panel-heading small[b-2edz6z7zov] {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .65rem;
    line-height: 1.35;
}

.categories-editor-close[b-2edz6z7zov] {
    display: none;
}

.categories-preview[b-2edz6z7zov] {
    display: grid;
    gap: .55rem;
    overflow: hidden;
    border: 1px solid #dbeafe;
    border-radius: 1rem;
    padding: .75rem;
    background:
        radial-gradient(circle at 92% 8%, rgba(96, 165, 250, .14), transparent 6rem),
        linear-gradient(135deg, #f8fbff, #fff);
}

.categories-preview > span[b-2edz6z7zov] {
    color: #64748b;
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.categories-preview[b-2edz6z7zov]  .category-badge-copy strong {
    max-width: 14rem;
    font-size: .86rem;
}

.categories-preview[b-2edz6z7zov]  .category-badge-large .category-badge-icon {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .9rem;
}

.categories-form[b-2edz6z7zov] {
    display: grid;
    gap: .85rem;
}

.categories-field-grid[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .7rem;
}

.categories-form label[b-2edz6z7zov],
.categories-choice-group[b-2edz6z7zov] {
    display: grid;
    gap: .35rem;
}

.categories-form label > span[b-2edz6z7zov],
.categories-choice-heading > span[b-2edz6z7zov] {
    color: #334155;
    font-size: .69rem;
    font-weight: 850;
}

.categories-editor-panel[b-2edz6z7zov]  .categories-form input:not([type="hidden"]):not([type="color"]) {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid #cbd5e1;
    border-radius: .72rem;
    padding: .58rem .7rem;
    color: #0f172a;
    font: inherit;
    font-size: .78rem;
}

.categories-editor-panel[b-2edz6z7zov]  .categories-form input:not([type="hidden"]):not([type="color"]):focus {
    border-color: #60a5fa;
    outline: 3px solid rgba(37, 99, 235, .12);
}

.categories-editor-panel[b-2edz6z7zov]  .categories-form input:not([type="hidden"]):not([type="color"])::placeholder {
    color: #94a3b8;
}

.categories-form[b-2edz6z7zov]  .validation-message {
    color: #be123c;
    font-size: .64rem;
    font-weight: 750;
}

.categories-choice-heading[b-2edz6z7zov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.categories-choice-heading small[b-2edz6z7zov] {
    color: #64748b;
    font-size: .62rem;
}

.categories-icon-grid[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .38rem;
}

.categories-icon-grid button[b-2edz6z7zov] {
    display: grid;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid #dbe3ee;
    border-radius: .68rem;
    background: #fff;
    color: #475569;
    cursor: pointer;
}

.categories-icon-grid button:hover[b-2edz6z7zov] {
    border-color: #93c5fd;
    background: #f8fbff;
    color: #1d4ed8;
}

.categories-icon-grid button.selected[b-2edz6z7zov] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
    outline: 2px solid rgba(37, 99, 235, .14);
}

.categories-icon-grid[b-2edz6z7zov]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
}

.categories-color-picker-row[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: .5rem;
}

.categories-accent-grid[b-2edz6z7zov] {
    --category-primary: #475569;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2.75rem, 1fr));
    gap: .42rem;
}

.categories-accent-grid button[b-2edz6z7zov] {
    position: relative;
    display: grid;
    min-height: 2.75rem;
    place-items: center;
    border: 1px solid #dbe3ee;
    border-radius: .68rem;
    background: #fff;
    color: var(--category-primary);
    cursor: pointer;
}

.categories-accent-grid button > span[b-2edz6z7zov] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: var(--category-primary);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06);
}

.categories-accent-grid button.selected[b-2edz6z7zov] {
    border-color: var(--category-primary);
    outline: 2px solid color-mix(in srgb, var(--category-primary) 16%, transparent);
}

.categories-accent-grid button.selected > span[b-2edz6z7zov] {
    width: 1.45rem;
    height: 1.45rem;
}

.categories-accent-grid button[b-2edz6z7zov]  .app-icon {
    position: absolute;
    width: .75rem;
    height: .75rem;
    color: #fff;
    stroke-width: 2.8;
}

.categories-color-actions[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .42rem;
}

.categories-custom-color[b-2edz6z7zov] {
    --category-primary: #2563eb;
    position: relative;
    display: grid !important;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .38rem;
    border: 1px solid #dbe3ee;
    border-radius: .68rem;
    padding: .4rem .55rem;
    background: #fff;
    color: #334155;
    cursor: pointer;
}

.categories-random-color[b-2edz6z7zov] {
    display: inline-flex;
    min-width: 0;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    border: 1px solid #dbe3ee;
    border-radius: .68rem;
    padding: .4rem .55rem;
    background: #fff;
    color: #334155;
    font: inherit;
    font-size: .68rem;
    font-weight: 850;
    cursor: pointer;
}

.categories-random-color:hover[b-2edz6z7zov],
.categories-random-color:focus-visible[b-2edz6z7zov] {
    border-color: #60a5fa;
    background: #f8fbff;
    color: #1d4ed8;
}

.categories-random-color:focus-visible[b-2edz6z7zov] {
    outline: 3px solid rgba(37, 99, 235, .14);
    outline-offset: 1px;
}

.categories-random-color[b-2edz6z7zov]  .app-icon {
    width: .95rem;
    height: .95rem;
}

.categories-custom-color:hover[b-2edz6z7zov],
.categories-custom-color:focus-within[b-2edz6z7zov] {
    border-color: var(--category-primary);
}

.categories-custom-color.selected[b-2edz6z7zov] {
    border-color: var(--category-primary);
    outline: 2px solid color-mix(in srgb, var(--category-primary) 16%, transparent);
}

.categories-custom-color-swatch[b-2edz6z7zov] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: var(--category-primary);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .08);
}

.categories-custom-color > span:last-of-type[b-2edz6z7zov] {
    overflow: hidden;
    color: #334155;
    font-size: .68rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categories-custom-color input[type="color"][b-2edz6z7zov] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}

.category-accent-blue[b-2edz6z7zov] { --category-primary: #2563eb; }
.category-accent-indigo[b-2edz6z7zov] { --category-primary: #4f46e5; }
.category-accent-violet[b-2edz6z7zov] { --category-primary: #7c3aed; }
.category-accent-pink[b-2edz6z7zov] { --category-primary: #db2777; }
.category-accent-rose[b-2edz6z7zov] { --category-primary: #e11d48; }
.category-accent-red[b-2edz6z7zov] { --category-primary: #dc2626; }
.category-accent-orange[b-2edz6z7zov] { --category-primary: #ea580c; }
.category-accent-amber[b-2edz6z7zov] { --category-primary: #b45309; }
.category-accent-lime[b-2edz6z7zov] { --category-primary: #4d7c0f; }
.category-accent-green[b-2edz6z7zov] { --category-primary: #15803d; }
.category-accent-teal[b-2edz6z7zov] { --category-primary: #0f766e; }
.category-accent-slate[b-2edz6z7zov] { --category-primary: #475569; }

.categories-form-actions[b-2edz6z7zov] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: .48rem;
    border-top: 1px solid #edf1f5;
    padding-top: .8rem;
}

.categories-secondary-action[b-2edz6z7zov] {
    border: 1px solid #d8e0ea;
    background: #fff;
    color: #334155;
}

.categories-danger-action[b-2edz6z7zov] {
    border: 0;
    padding-inline: .35rem;
    background: transparent;
    color: #be123c;
}

.categories-primary-action:disabled[b-2edz6z7zov],
.categories-secondary-action:disabled[b-2edz6z7zov],
.categories-danger-action:disabled[b-2edz6z7zov] {
    cursor: wait;
    opacity: .62;
    transform: none;
}

.categories-mobile-add[b-2edz6z7zov] {
    display: none;
}

.categories-empty[b-2edz6z7zov] {
    display: grid;
    min-height: 22rem;
    place-content: center;
    justify-items: center;
    gap: .55rem;
    border-radius: 1.2rem;
    padding: 1.2rem;
    text-align: center;
}

.categories-empty h2[b-2edz6z7zov] {
    font-size: 1.15rem;
}

.categories-empty p[b-2edz6z7zov] {
    margin: 0;
    color: #64748b;
    font-size: .76rem;
}

@media (max-width: 900px) {
    .categories-layout[b-2edz6z7zov] {
        grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
    }

    .categories-toolbar[b-2edz6z7zov] {
        grid-template-columns: 1fr;
    }

    .categories-summary[b-2edz6z7zov] {
        grid-column: auto;
    }

    .categories-form-actions[b-2edz6z7zov] {
        grid-template-columns: 1fr 1fr;
    }

    .categories-form-actions > span[b-2edz6z7zov] {
        display: none;
    }

    .categories-danger-action[b-2edz6z7zov] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .categories-search input[b-2edz6z7zov],
    .categories-editor-panel[b-2edz6z7zov]  .categories-form input:not([type="hidden"]):not([type="color"]) {
        font-size: 1rem;
    }

    .categories-page[b-2edz6z7zov] {
        gap: .65rem;
        padding-top: .45rem;
        padding-bottom: 7rem;
    }

    .categories-header[b-2edz6z7zov] {
        gap: .55rem;
        border-radius: 1rem;
        padding: .75rem .8rem .85rem;
    }

    .categories-header-content[b-2edz6z7zov] {
        align-items: start;
    }

    .categories-header h2[b-2edz6z7zov] {
        font-size: 1.55rem;
    }

    .categories-header p[b-2edz6z7zov] {
        max-width: 21rem;
        font-size: .71rem;
        line-height: 1.4;
    }

    .categories-add-action[b-2edz6z7zov] {
        display: none;
    }

    .categories-toolbar[b-2edz6z7zov] {
        gap: .6rem;
        border-radius: 1rem;
        padding: .7rem;
    }

    .categories-filter-tabs button[b-2edz6z7zov] {
        width: 100%;
        min-height: 2.75rem;
        min-width: 0;
        flex: none;
        border-radius: 999px;
        padding-inline: .65rem;
    }

    .categories-filter-tabs[b-2edz6z7zov] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow-x: visible;
    }

    .categories-summary[b-2edz6z7zov] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .42rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .categories-summary i[b-2edz6z7zov] {
        display: none;
    }

    .categories-layout[b-2edz6z7zov] {
        display: block;
    }

    .categories-list-panel[b-2edz6z7zov] {
        gap: .65rem;
        border-radius: 1rem;
        padding: .7rem;
    }

    .categories-groups[b-2edz6z7zov] {
        gap: .75rem;
    }

    .category-row-main[b-2edz6z7zov] {
        gap: .45rem;
        padding: .5rem .55rem;
    }

    .category-row-main[b-2edz6z7zov]  .category-badge-copy small {
        display: none;
    }

    .category-row-main[b-2edz6z7zov]  .category-badge-copy strong {
        font-size: .74rem;
    }

    .category-row-main[b-2edz6z7zov]  .category-badge-icon {
        width: 2.1rem;
        height: 2.1rem;
    }

    .category-row-meta small[b-2edz6z7zov] {
        display: none;
    }

    .category-row-actions[b-2edz6z7zov] {
        gap: .08rem;
        padding: .25rem;
    }

    .category-row-actions button[b-2edz6z7zov] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .categories-editor-backdrop[b-2edz6z7zov] {
        position: fixed;
        inset: 0;
        z-index: 1240;
        display: block;
        background: rgba(15, 23, 42, .58);
        backdrop-filter: blur(5px);
        animation: categories-fade-in-b-2edz6z7zov .16s ease-out;
    }

    .categories-editor-panel[b-2edz6z7zov] {
        position: fixed;
        inset: auto 0 0;
        z-index: 1250;
        display: none;
        max-height: 92dvh;
        gap: .7rem;
        overflow-y: auto;
        border-width: 1px 0 0;
        border-radius: 1.4rem 1.4rem 0 0;
        padding: .55rem .9rem calc(.8rem + env(safe-area-inset-bottom));
        box-shadow: 0 -1.5rem 4rem rgba(15, 23, 42, .25);
    }

    .categories-editor-panel.open[b-2edz6z7zov] {
        display: grid;
        animation: categories-slide-up-b-2edz6z7zov .2s cubic-bezier(.2, .8, .2, 1);
    }

    .categories-editor-handle[b-2edz6z7zov] {
        display: block;
        width: 2.8rem;
        height: .27rem;
        margin: 0 auto;
        border-radius: 999px;
        background: #b7c2d0;
    }

    .categories-editor-close[b-2edz6z7zov] {
        display: grid;
    }

    .categories-panel-kicker[b-2edz6z7zov] {
        display: none;
    }

    .categories-panel-heading h2[b-2edz6z7zov] {
        font-size: 1.05rem;
    }

    .categories-preview[b-2edz6z7zov] {
        padding: .65rem;
    }

    .categories-field-grid[b-2edz6z7zov] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .categories-icon-grid[b-2edz6z7zov] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow-x: visible;
        padding: .08rem .12rem;
    }

    .categories-icon-grid button[b-2edz6z7zov] {
        width: 100%;
        height: 2.75rem;
        aspect-ratio: auto;
    }

    .categories-color-picker-row[b-2edz6z7zov] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 0;
    }

    .categories-color-actions[b-2edz6z7zov] {
        margin-block: .55rem;
    }

    .categories-accent-grid[b-2edz6z7zov] {
        grid-auto-flow: initial;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow-x: visible;
        padding: .08rem .12rem;
    }

    .categories-accent-grid button[b-2edz6z7zov] {
        width: 100%;
        height: 2.75rem;
    }

    .categories-custom-color[b-2edz6z7zov] {
        width: 100%;
        min-width: 0;
        min-height: 2.75rem;
        align-self: start;
    }

    .categories-form-actions[b-2edz6z7zov] {
        position: sticky;
        bottom: -.8rem;
        z-index: 3;
        grid-template-columns: 1fr 1.3fr;
        margin: 0 -.9rem -.8rem;
        padding: .7rem .9rem calc(.75rem + env(safe-area-inset-bottom));
        background: rgba(255, 255, 255, .97);
        box-shadow: 0 -.7rem 1.4rem rgba(15, 23, 42, .07);
    }

    .categories-form-actions .categories-danger-action[b-2edz6z7zov] {
        grid-column: 1 / -1;
        min-height: 2.75rem;
        justify-self: start;
        padding-block: .5rem;
    }

    .categories-form-actions .categories-secondary-action[b-2edz6z7zov],
    .categories-form-actions .categories-primary-action[b-2edz6z7zov] {
        width: 100%;
    }

    .categories-mobile-add[b-2edz6z7zov] {
        position: fixed;
        right: max(1rem, env(safe-area-inset-right));
        bottom: calc(5.4rem + env(safe-area-inset-bottom));
        left: max(1rem, env(safe-area-inset-left));
        z-index: 15;
        display: inline-flex;
        min-height: 3.25rem;
        align-items: center;
        justify-content: center;
        gap: .4rem;
        border: 1px solid #1458e3;
        border-radius: .9rem;
        padding: .6rem 1rem;
        background: linear-gradient(135deg, #2d6df6, #1554dc);
        color: #fff;
        font: inherit;
        font-size: .78rem;
        font-weight: 900;
        box-shadow: 0 .8rem 1.8rem rgba(37, 99, 235, .3);
    }

    .categories-page:has(.categories-editor-panel.open) .categories-mobile-add[b-2edz6z7zov] {
        display: none;
    }

    .categories-mobile-add[b-2edz6z7zov]  .app-icon {
        width: 1rem;
        height: 1rem;
    }
}

@media (max-width: 430px) {
    .categories-field-grid[b-2edz6z7zov] {
        grid-template-columns: 1fr;
    }

    .category-row-main[b-2edz6z7zov] {
        grid-template-columns: minmax(0, 1fr);
    }

    .category-row-meta[b-2edz6z7zov] {
        display: flex;
        justify-content: start;
    }

    .category-row-meta strong[b-2edz6z7zov] {
        padding-left: 2.6rem;
    }
}

@keyframes categories-fade-in-b-2edz6z7zov {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes categories-slide-up-b-2edz6z7zov {
    from { opacity: .9; transform: translateY(2rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .categories-editor-backdrop[b-2edz6z7zov],
    .categories-editor-panel.open[b-2edz6z7zov] {
        animation: none;
    }
}
/* /Components/Pages/AdminAuditLog.razor.rz.scp.css */
.admin-audit-export[b-nojrdwbtum] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .9rem;
    border: 1px solid var(--border);
    border-radius: .8rem;
    color: var(--ink-strong);
    text-decoration: none;
    font-weight: 700;
}

.admin-audit-integrity[b-nojrdwbtum] {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border);
    border-radius: .85rem;
    background: var(--surface-raised);
}

.admin-audit-integrity div[b-nojrdwbtum] { display: grid; gap: .25rem; }
.admin-audit-integrity.success[b-nojrdwbtum] { border-color: var(--success-border, var(--border)); }
.admin-audit-integrity.danger[b-nojrdwbtum] { border-color: var(--danger-border, var(--border)); }

.admin-audit-status[b-nojrdwbtum] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.admin-audit-status article[b-nojrdwbtum] {
    display: grid;
    gap: .3rem;
    padding: .9rem;
    border: 1px solid var(--border);
    border-radius: .9rem;
    background: var(--surface-raised);
}

.admin-audit-status span[b-nojrdwbtum],
.admin-audit-event dt[b-nojrdwbtum] {
    color: var(--ink-muted);
    font-size: .82rem;
}

.admin-audit-status .warning[b-nojrdwbtum],
.admin-audit-status .danger[b-nojrdwbtum] {
    border-color: var(--warning-border, var(--border));
}

.admin-audit-filters[b-nojrdwbtum] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.admin-audit-filters label[b-nojrdwbtum] {
    display: grid;
    gap: .35rem;
    font-weight: 650;
    font-size: .86rem;
}

.admin-audit-filters input[b-nojrdwbtum],
.admin-audit-filters select[b-nojrdwbtum] {
    min-height: 2.75rem;
    width: 100%;
    padding: .6rem .7rem;
    border: 1px solid var(--border);
    border-radius: .7rem;
    background: var(--surface-raised);
    color: var(--ink-strong);
}

.admin-audit-filter-actions[b-nojrdwbtum],
.admin-audit-pager[b-nojrdwbtum] {
    display: flex;
    align-items: end;
    gap: .55rem;
}

.admin-audit-filter-actions button[b-nojrdwbtum],
.admin-audit-pager button[b-nojrdwbtum] {
    min-height: 2.75rem;
}

.admin-audit-list[b-nojrdwbtum] {
    display: grid;
    gap: .75rem;
}

.admin-audit-event[b-nojrdwbtum] {
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: .9rem;
    background: var(--surface-raised);
}

.admin-audit-event header[b-nojrdwbtum] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.admin-audit-event h3[b-nojrdwbtum] {
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

.admin-audit-action[b-nojrdwbtum],
.admin-audit-result[b-nojrdwbtum] {
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .03em;
}

.admin-audit-result[b-nojrdwbtum] {
    padding: .35rem .55rem;
    border-radius: 999px;
    white-space: nowrap;
}

.admin-audit-result.success[b-nojrdwbtum] {
    color: var(--success-text, #176b3b);
    background: var(--success-soft, #e6f6ed);
}

.admin-audit-result.danger[b-nojrdwbtum] {
    color: var(--danger-text, #9b2335);
    background: var(--danger-soft, #fff0f2);
}

.admin-audit-event dl[b-nojrdwbtum] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: .85rem 0;
}

.admin-audit-event dl div[b-nojrdwbtum],
.admin-audit-diff div[b-nojrdwbtum] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.admin-audit-event dd[b-nojrdwbtum] {
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-audit-event summary[b-nojrdwbtum] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
}

.admin-audit-diff[b-nojrdwbtum] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.admin-audit-diff code[b-nojrdwbtum] {
    padding: .65rem;
    border-radius: .6rem;
    background: var(--surface-soft);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.admin-audit-pager[b-nojrdwbtum] {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .admin-audit-status[b-nojrdwbtum],
    .admin-audit-filters[b-nojrdwbtum] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-audit-event dl[b-nojrdwbtum],
    .admin-audit-diff[b-nojrdwbtum] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .admin-audit-status[b-nojrdwbtum],
    .admin-audit-filters[b-nojrdwbtum] {
        grid-template-columns: 1fr;
    }

    .admin-audit-event header[b-nojrdwbtum] {
        display: grid;
    }
}
/* /Components/Pages/AdminBackups.razor.rz.scp.css */
.admin-backup-summary-line[b-z1oqgjqr97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1rem;
    color: var(--ink-muted);
    font-size: .88rem;
}

.admin-backup-health[b-z1oqgjqr97] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .8rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-weight: 750;
}

.admin-backup-health.healthy[b-z1oqgjqr97],
.admin-backup-overview article.healthy[b-z1oqgjqr97] {
    border-color: var(--success-border, var(--border));
}

.admin-backup-health.healthy[b-z1oqgjqr97] {
    color: var(--success-text, #176b3b);
    background: var(--success-soft, var(--surface-soft));
}

.admin-backup-health.warning[b-z1oqgjqr97],
.admin-backup-overview article.warning[b-z1oqgjqr97] {
    border-color: var(--warning-border, var(--border));
}

.admin-backup-health.warning[b-z1oqgjqr97] {
    color: var(--warning-text, var(--ink-strong));
    background: var(--warning-soft, var(--surface-soft));
}

.admin-backup-overview[b-z1oqgjqr97] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.admin-backup-overview article[b-z1oqgjqr97] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .35rem;
    padding: .95rem;
    border: 1px solid var(--border);
    border-radius: .9rem;
    background: var(--surface-raised);
}

.admin-backup-overview span[b-z1oqgjqr97],
.admin-backup-overview small[b-z1oqgjqr97],
.admin-backup-facts dt[b-z1oqgjqr97] {
    color: var(--ink-muted);
}

.admin-backup-overview strong[b-z1oqgjqr97],
.admin-backup-facts dd[b-z1oqgjqr97] {
    overflow-wrap: anywhere;
}

.admin-backup-facts .warning[b-z1oqgjqr97] {
    outline: 1px solid var(--warning-border, var(--border));
    background: var(--warning-soft, var(--surface-soft));
}

.admin-backup-facts[b-z1oqgjqr97] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.admin-backup-facts div[b-z1oqgjqr97] {
    min-width: 0;
    display: grid;
    gap: .3rem;
    padding: .85rem;
    border-radius: .75rem;
    background: var(--surface-soft);
}

.admin-backup-facts dd[b-z1oqgjqr97] {
    margin: 0;
    font-weight: 750;
}

.admin-backup-notice[b-z1oqgjqr97],
.admin-backup-boundary[b-z1oqgjqr97] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .95rem 1rem;
    border: 1px solid var(--border);
    border-radius: .9rem;
    background: var(--surface-raised);
}

.admin-backup-notice div[b-z1oqgjqr97],
.admin-backup-boundary div[b-z1oqgjqr97] {
    min-width: 0;
    display: grid;
    gap: .3rem;
}

.admin-backup-notice span[b-z1oqgjqr97],
.admin-backup-boundary span[b-z1oqgjqr97] {
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.admin-backup-notice.warning[b-z1oqgjqr97],
.admin-backup-boundary[b-z1oqgjqr97] {
    border-color: var(--warning-border, var(--border));
    background: var(--warning-soft, var(--surface-soft));
}

.admin-backup-notice.danger[b-z1oqgjqr97] {
    border-color: var(--danger-border, var(--border));
    background: var(--danger-soft, var(--surface-soft));
}

.admin-backup-boundary[b-z1oqgjqr97] {
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .admin-backup-overview[b-z1oqgjqr97],
    .admin-backup-facts[b-z1oqgjqr97] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .admin-backup-summary-line[b-z1oqgjqr97] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-backup-health[b-z1oqgjqr97] {
        border-radius: .85rem;
    }

    .admin-backup-overview[b-z1oqgjqr97],
    .admin-backup-facts[b-z1oqgjqr97] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AdminSecurity.razor.rz.scp.css */
.security-section[b-r97adzaz3h] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.security-section-heading[b-r97adzaz3h],
.security-route-panel > header[b-r97adzaz3h] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.security-section-heading div[b-r97adzaz3h],
.security-route-panel > header div[b-r97adzaz3h] {
    min-width: 0;
}

.security-section-heading span[b-r97adzaz3h],
.security-route-panel > header span[b-r97adzaz3h] {
    color: var(--brand-700);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.security-section-heading h2[b-r97adzaz3h],
.security-route-panel h3[b-r97adzaz3h] {
    margin: .18rem 0 0;
    color: var(--ink-900);
}

.security-section-heading h2[b-r97adzaz3h] {
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.security-section-heading small[b-r97adzaz3h],
.security-route-panel > header small[b-r97adzaz3h] {
    color: var(--ink-500);
    text-align: right;
}

.security-protection-grid[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.security-protection-card[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .7rem;
    padding: .95rem;
    border: 1px solid var(--border);
    border-left-width: 4px;
    border-radius: 17px;
    background: var(--surface-soft);
}

.security-protection-card.healthy[b-r97adzaz3h] {
    border-left-color: var(--success-600);
}

.security-protection-card.configured[b-r97adzaz3h] {
    border-left-color: var(--brand-600);
}

.security-protection-card.attention[b-r97adzaz3h] {
    border-left-color: var(--warning-600);
}

.security-protection-card.critical[b-r97adzaz3h] {
    border-left-color: var(--danger-600);
}

.security-protection-card.unmonitored[b-r97adzaz3h] {
    border-left-color: var(--ink-400);
}

.security-card-title[b-r97adzaz3h] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.security-card-title > div[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.security-card-icon[b-r97adzaz3h] {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--brand-700);
    background: color-mix(in srgb, var(--brand-100) 72%, var(--surface-raised));
}

.security-card-icon .app-icon[b-r97adzaz3h] {
    width: 1.25rem;
    height: 1.25rem;
}

.security-protection-card h3[b-r97adzaz3h],
.security-signal-grid h3[b-r97adzaz3h] {
    margin: 0;
    color: var(--ink-900);
    font-size: .95rem;
}

.security-protection-card strong[b-r97adzaz3h] {
    color: var(--ink-700);
    font-size: .8rem;
}

.security-protection-card.healthy strong[b-r97adzaz3h] {
    color: var(--success-600);
}

.security-protection-card.attention strong[b-r97adzaz3h] {
    color: var(--warning-600);
}

.security-protection-card.critical strong[b-r97adzaz3h] {
    color: var(--danger-600);
}

.security-protection-card p[b-r97adzaz3h],
.security-protection-card small[b-r97adzaz3h],
.security-signal-grid p[b-r97adzaz3h],
.security-signal-grid small[b-r97adzaz3h],
.security-unmonitored-grid p[b-r97adzaz3h],
.security-host-next-step[b-r97adzaz3h],
.security-interpretation-note p[b-r97adzaz3h] {
    margin: 0;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

.security-protection-card p[b-r97adzaz3h] {
    color: var(--ink-700);
    font-size: .86rem;
}

.security-protection-card small[b-r97adzaz3h] {
    color: var(--ink-500);
    font-size: .76rem;
}

.security-observation-summary[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.security-observation-summary article[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    gap: .28rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: var(--surface-soft);
}

.security-observation-summary article.attention[b-r97adzaz3h] {
    border-color: color-mix(in srgb, var(--warning-600) 44%, var(--border));
}

.security-observation-summary article.healthy[b-r97adzaz3h] {
    border-color: color-mix(in srgb, var(--success-600) 38%, var(--border));
}

.security-observation-summary span[b-r97adzaz3h],
.security-observation-summary small[b-r97adzaz3h] {
    color: var(--ink-500);
    font-size: .78rem;
}

.security-observation-summary strong[b-r97adzaz3h] {
    color: var(--ink-900);
    font-size: clamp(1.1rem, 2vw, 1.65rem);
    overflow-wrap: anywhere;
}

.security-signal-grid[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
}

.security-signal-grid article[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .55rem;
    padding: .85rem;
    border: 1px solid var(--border);
    border-top-width: 3px;
    border-radius: 15px;
    background: var(--surface-soft);
}

.security-signal-grid article.healthy[b-r97adzaz3h] {
    border-top-color: var(--success-600);
}

.security-signal-grid article.attention[b-r97adzaz3h] {
    border-top-color: var(--warning-600);
}

.security-signal-grid article.critical[b-r97adzaz3h] {
    border-top-color: var(--danger-600);
}

.security-signal-grid header[b-r97adzaz3h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.security-signal-grid header strong[b-r97adzaz3h] {
    color: var(--ink-900);
    font-size: 1.15rem;
}

.security-signal-grid p[b-r97adzaz3h] {
    color: var(--ink-700);
    font-size: .8rem;
}

.security-signal-grid small[b-r97adzaz3h] {
    color: var(--ink-500);
    font-size: .72rem;
}

.security-route-panel[b-r97adzaz3h] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: var(--surface-soft);
}

.security-route-panel h3[b-r97adzaz3h] {
    font-size: 1.05rem;
}

.security-route-list[b-r97adzaz3h] {
    display: grid;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.security-route-list li[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(10rem, 1.2fr) minmax(8rem, 2fr);
    align-items: center;
    gap: 1rem;
}

.security-route-list li > div[b-r97adzaz3h] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
}

.security-route-list strong[b-r97adzaz3h],
.security-route-list span[b-r97adzaz3h] {
    overflow-wrap: anywhere;
}

.security-route-list strong[b-r97adzaz3h] {
    color: var(--ink-800);
    font-size: .86rem;
}

.security-route-list li > div span[b-r97adzaz3h] {
    color: var(--ink-500);
    font-size: .76rem;
    white-space: nowrap;
}

.security-route-bar[b-r97adzaz3h] {
    height: .55rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 72%, var(--surface-raised));
}

.security-route-bar span[b-r97adzaz3h] {
    display: block;
    min-width: 2px;
    height: 100%;
    border-radius: inherit;
    background: var(--brand-600);
}

.security-empty[b-r97adzaz3h] {
    margin: 0;
    padding: 1rem;
    color: var(--ink-600);
    border: 1px dashed var(--border);
    border-radius: 14px;
}

.security-interpretation-note[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    padding: .9rem;
    color: var(--ink-700);
    border: 1px solid color-mix(in srgb, var(--brand-500) 30%, var(--border));
    border-radius: 15px;
    background: color-mix(in srgb, var(--brand-50) 52%, var(--surface-raised));
}

.security-interpretation-note .app-icon[b-r97adzaz3h] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--brand-700);
}

.security-interpretation-note div[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    gap: .25rem;
}

.security-interpretation-note strong[b-r97adzaz3h] {
    color: var(--ink-900);
}

.security-interpretation-note p[b-r97adzaz3h] {
    font-size: .84rem;
}

.security-unmonitored-grid[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.security-unmonitored-grid article[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .5rem;
    padding: .9rem;
    border: 1px dashed var(--border);
    border-radius: 15px;
    background: var(--surface-soft);
}

.security-unmonitored-grid strong[b-r97adzaz3h] {
    color: var(--ink-900);
}

.security-unmonitored-grid span[b-r97adzaz3h] {
    width: fit-content;
    padding: .2rem .5rem;
    color: var(--ink-700);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 750;
}

.security-unmonitored-grid p[b-r97adzaz3h],
.security-host-next-step[b-r97adzaz3h] {
    color: var(--ink-600);
    font-size: .8rem;
}

.security-host-next-step[b-r97adzaz3h] {
    padding: .85rem;
    border-radius: 14px;
    background: var(--surface-soft);
}

.security-incident-panel[b-r97adzaz3h] {
    display: grid;
    gap: .85rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.security-incident-panel > header[b-r97adzaz3h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.security-incident-panel > header > div[b-r97adzaz3h] {
    min-width: 0;
}

.security-incident-panel > header span[b-r97adzaz3h] {
    color: var(--brand-700);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.security-incident-panel h3[b-r97adzaz3h] {
    margin: .2rem 0;
    color: var(--ink-900);
    font-size: 1rem;
}

.security-incident-panel header p[b-r97adzaz3h] {
    color: var(--ink-600);
    font-size: .78rem;
}

.security-incident-panel code[b-r97adzaz3h] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
    background: transparent;
    font-size: .82rem;
    font-weight: 750;
}

.security-burst-filter[b-r97adzaz3h] {
    min-height: 44px;
    flex: 0 0 auto;
    padding: .55rem .8rem;
    color: var(--ink-700);
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-raised);
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
}

.security-burst-filter:hover[b-r97adzaz3h],
.security-burst-filter:focus-visible[b-r97adzaz3h],
.security-burst-filter.selected[b-r97adzaz3h] {
    color: var(--brand-700);
    border-color: var(--brand-500);
    outline: none;
}

.security-burst-filter.selected[b-r97adzaz3h] {
    background: color-mix(in srgb, var(--brand-500) 12%, var(--surface-raised));
}

.security-incident-list[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.security-incident-card[b-r97adzaz3h] {
    min-width: 0;
    display: grid;
    gap: .75rem;
    padding: .9rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface-raised);
}

.security-incident-card.burst[b-r97adzaz3h] {
    border-color: color-mix(in srgb, #d97706 55%, var(--border));
}

.security-incident-card.blocked[b-r97adzaz3h] {
    border-color: color-mix(in srgb, #dc2626 55%, var(--border));
}

.security-incident-card > header[b-r97adzaz3h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.security-incident-badges[b-r97adzaz3h] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.security-incident-badges span[b-r97adzaz3h] {
    padding: .2rem .45rem;
    border-radius: 999px;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: 0;
}

.security-incident-badges .burst[b-r97adzaz3h] {
    color: #92400e;
    background: #fef3c7;
}

.security-incident-badges .blocked[b-r97adzaz3h] {
    color: #991b1b;
    background: #fee2e2;
}

.security-incident-card dl[b-r97adzaz3h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .8rem;
    margin: 0;
}

.security-incident-card dl div[b-r97adzaz3h] {
    min-width: 0;
}

.security-incident-card dt[b-r97adzaz3h] {
    color: var(--ink-600);
    font-size: .67rem;
    font-weight: 700;
    text-transform: uppercase;
}

.security-incident-card dd[b-r97adzaz3h] {
    margin: .12rem 0 0;
    overflow-wrap: anywhere;
    color: var(--ink-900);
    font-size: .78rem;
}

.security-incident-card > small[b-r97adzaz3h] {
    color: var(--ink-600);
    font-size: .72rem;
}

@media (max-width: 1100px) {
    .security-protection-grid[b-r97adzaz3h],
    .security-unmonitored-grid[b-r97adzaz3h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .security-signal-grid[b-r97adzaz3h] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .security-section[b-r97adzaz3h] {
        padding: .85rem;
        border-radius: 17px;
    }

    .security-section-heading[b-r97adzaz3h],
    .security-route-panel > header[b-r97adzaz3h] {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }

    .security-section-heading small[b-r97adzaz3h],
    .security-route-panel > header small[b-r97adzaz3h] {
        text-align: left;
    }

    .security-observation-summary[b-r97adzaz3h],
    .security-signal-grid[b-r97adzaz3h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .security-route-list li[b-r97adzaz3h] {
        grid-template-columns: 1fr;
        gap: .4rem;
    }

    .security-incident-panel > header[b-r97adzaz3h],
    .security-incident-card > header[b-r97adzaz3h] {
        align-items: flex-start;
        flex-direction: column;
    }

    .security-incident-badges[b-r97adzaz3h] {
        justify-content: flex-start;
    }

    .security-burst-filter[b-r97adzaz3h] {
        width: 100%;
    }

    .security-incident-list[b-r97adzaz3h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .security-protection-grid[b-r97adzaz3h],
    .security-observation-summary[b-r97adzaz3h],
    .security-signal-grid[b-r97adzaz3h],
    .security-unmonitored-grid[b-r97adzaz3h] {
        grid-template-columns: 1fr;
    }

    .security-route-list li > div[b-r97adzaz3h] {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
    }

    .security-route-list li > div span[b-r97adzaz3h] {
        white-space: normal;
    }

    .security-incident-card dl[b-r97adzaz3h] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .security-route-bar span[b-r97adzaz3h] {
        transition: none;
    }
}
/* /Components/Pages/BillDetail.razor.rz.scp.css */
.bill-detail-page[b-yv1rft1nup] {
    display: grid;
    gap: 1rem;
    width: min(100%, var(--page-detail-max));
    margin: 0 auto;
    padding: 1.25rem 0 3.5rem;
    color: var(--receipt-ink);
}

.bill-detail-page.compact-state[b-yv1rft1nup] {
    min-height: min(42rem, calc(100vh - 8rem));
    min-height: min(42rem, calc(100dvh - 8rem));
    place-items: center;
}

.bill-empty-shell[b-yv1rft1nup] {
    display: grid;
    width: min(100%, 42rem);
    gap: 1rem;
    border: 1px solid var(--receipt-border);
    border-radius: 1.75rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: #ffffff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.12);
}

.bill-empty-shell h1[b-yv1rft1nup],
.bill-empty-shell p[b-yv1rft1nup] {
    margin: 0;
}

.bill-empty-shell h1[b-yv1rft1nup] {
    font-size: clamp(2rem, 5vw, 3.25rem);
    letter-spacing: -0.05em;
    line-height: 1;
}

.bill-empty-shell p[b-yv1rft1nup] {
    color: var(--receipt-text);
    font-size: 1rem;
    line-height: 1.65;
}

.bill-detail-kicker[b-yv1rft1nup] {
    display: block;
    color: #0369a1;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bill-utility-bar[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 1.35rem;
    padding: 0.9rem 1rem;
    background: #ffffff;
}

.bill-utility-bar > div:first-child[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.1rem 0.85rem;
    align-items: center;
}

.bill-utility-bar > div:first-child small[b-yv1rft1nup] {
    grid-column: 2;
    color: var(--receipt-muted);
    line-height: 1.35;
}

.bill-source-dot[b-yv1rft1nup] {
    width: 0.7rem;
    height: 0.7rem;
    grid-row: 1 / span 2;
    border-radius: 999px;
    background: var(--receipt-subtle);
    box-shadow: 0 0 0 0.25rem #f1f5f9;
}

.bill-source-dot.verified[b-yv1rft1nup] {
    background: #16a34a;
    box-shadow: 0 0 0 0.25rem #dcfce7;
}

.bill-source-dot.manual[b-yv1rft1nup] {
    background: #d97706;
    box-shadow: 0 0 0 0.25rem #ffedd5;
}

.bill-utility-actions[b-yv1rft1nup] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.bill-utility-actions button[b-yv1rft1nup] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.85rem;
    padding: 0.65rem 0.85rem;
    background: #ffffff;
    color: var(--receipt-ink);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 850;
}

.bill-utility-actions button:where(:not(.bill-share-trigger)):hover[b-yv1rft1nup] {
    border-color: #93c5fd;
    background: var(--receipt-brand-soft);
}

.bill-utility-actions .bill-share-trigger[b-yv1rft1nup] {
    border-color: var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-900);
}

.bill-utility-actions .bill-share-trigger.active:not(:disabled)[b-yv1rft1nup] {
    border-color: var(--brand-400);
}

.bill-utility-actions .bill-share-trigger:active:not(:disabled)[b-yv1rft1nup] {
    background: var(--surface-soft);
}

.bill-utility-actions .bill-share-trigger:focus-visible[b-yv1rft1nup] {
    outline: 3px solid var(--brand-500);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .bill-utility-actions .bill-share-trigger:hover:not(:disabled)[b-yv1rft1nup] {
        background: var(--surface-soft);
    }
}

.bill-utility-actions button:disabled[b-yv1rft1nup] {
    cursor: wait;
    opacity: 0.65;
}

.bill-detail-status[b-yv1rft1nup] {
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    font-weight: 800;
    line-height: 1.4;
}

.bill-detail-status.neutral[b-yv1rft1nup] {
    border-color: #cbd5e1;
    background: var(--receipt-soft);
    color: #334155;
}

.bill-detail-status.success[b-yv1rft1nup] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.bill-detail-status.error[b-yv1rft1nup] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.receipt-scan-result[b-yv1rft1nup],
.receipt-attachment-result[b-yv1rft1nup] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.receipt-scan-result[b-yv1rft1nup]  .app-icon,
.receipt-attachment-result[b-yv1rft1nup]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}

.bill-action-message[b-yv1rft1nup] {
    margin: 0;
}

@media (max-width: 64rem) {
.bill-utility-bar[b-yv1rft1nup] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 45rem) {
.bill-detail-page[b-yv1rft1nup] {
        gap: 0.75rem;
        padding: 0.65rem 0;
    }

.bill-utility-bar[b-yv1rft1nup] {
        border-radius: 1.15rem;
    }

.bill-utility-actions[b-yv1rft1nup] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.bill-utility-actions button[b-yv1rft1nup] {
        min-width: 0;
        min-height: 3rem;
        padding-inline: 0.55rem;
        font-size: 0.82rem;
    }
}

/* Clean receipt-detail layout used by the main mobile and desktop view. */

.receipt-detail-page[b-yv1rft1nup] {
    width: min(100%, 58rem);
    gap: 0.85rem;
    padding-top: 1rem;
}

.receipt-category-container[b-yv1rft1nup] {
    --category-primary: var(--receipt-text);
    --category-soft: #f1f5f9;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--category-primary) 42%, #dbe4ee);
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 94% 12%, color-mix(in srgb, var(--category-primary) 24%, transparent), transparent 16rem),
        linear-gradient(135deg,
            color-mix(in srgb, var(--category-primary) 26%, #ffffff),
            color-mix(in srgb, var(--category-primary) 14%, #ffffff));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 0.45rem 1.25rem color-mix(in srgb, var(--category-primary) 13%, transparent);
}

.receipt-category-container:focus-within[b-yv1rft1nup] {
    border-color: var(--category-primary, var(--receipt-text));
    outline: 3px solid color-mix(in srgb, var(--category-primary, var(--receipt-text)) 18%, transparent);
    outline-offset: 2px;
}

.receipt-summary-card[b-yv1rft1nup],
.receipt-section-card[b-yv1rft1nup] {
    min-width: 0;
    border: 1px solid #e1e7ef;
    border-radius: 1.35rem;
    background: #ffffff;
    box-shadow: 0 0.55rem 1.6rem rgba(15, 23, 42, 0.07);
}

.receipt-summary-card[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.15rem;
    padding: 1.35rem;
}

.receipt-summary-logo[b-yv1rft1nup] {
    display: grid;
    place-items: center;
}

.receipt-summary-copy[b-yv1rft1nup] {
    display: grid;
    min-width: 0;
    justify-items: start;
    gap: 0.5rem;
}

.receipt-summary-copy h2[b-yv1rft1nup] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #0b1220;
    font-size: clamp(1.35rem, 3.6vw, 1.85rem);
    font-weight: 950;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

.receipt-summary-date[b-yv1rft1nup] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.45rem;
    color: var(--receipt-muted);
    font-size: 0.98rem;
    line-height: 1.35;
}

.receipt-summary-date[b-yv1rft1nup]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    stroke: currentColor;
    stroke-width: 1.8;
}

.receipt-status-pill[b-yv1rft1nup] {
    display: inline-flex;
    min-height: 2.15rem;
    align-items: center;
    gap: 0.4rem;
    border-radius: 0.72rem;
    padding: 0.4rem 0.68rem;
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.1;
}

.receipt-status-pill.verified[b-yv1rft1nup] {
    background: #e7f7e9;
    color: #187333;
}

.receipt-status-pill.manual[b-yv1rft1nup] {
    background: #fff3df;
    color: #9a4f08;
}

.receipt-status-pill[b-yv1rft1nup]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
    stroke: currentColor;
    stroke-width: 2.1;
}

.receipt-category-picker[b-yv1rft1nup] {
    position: relative;
    display: inline-grid;
    width: 100%;
    height: 100%;
    min-height: 3.8rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.72rem;
    row-gap: 0.18rem;
    border: 0;
    border-radius: 0;
    padding: 0.82rem 0.9rem;
    background: transparent;
    color: var(--category-primary);
    color-scheme: light only;
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--category-primary) 6%, transparent);
    transition: background-color 160ms ease, box-shadow 160ms ease;
}

.receipt-category-picker:hover[b-yv1rft1nup] {
    background: color-mix(in srgb, var(--category-primary) 7%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--category-primary) 22%, transparent);
}

.receipt-category-picker:focus-visible[b-yv1rft1nup] {
    outline: 3px solid color-mix(in srgb, var(--category-primary) 22%, transparent);
    outline-offset: 2px;
}

.receipt-category-picker:disabled[b-yv1rft1nup] {
    cursor: wait;
    opacity: .72;
}

.receipt-category-icon[b-yv1rft1nup] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.56rem;
    background: color-mix(in srgb, var(--category-primary) 10%, #ffffff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--category-primary) 30%, #ffffff);
}

.receipt-category-icon[b-yv1rft1nup]  .app-icon {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    stroke-width: 2;
}

.receipt-category-copy[b-yv1rft1nup] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 0.24rem;
}

.receipt-category-label[b-yv1rft1nup] {
    min-width: 0;
    color: color-mix(in srgb, var(--category-primary) 58%, #0f172a);
    white-space: nowrap;
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.receipt-category-value[b-yv1rft1nup] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #0b1220;
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.38;
    padding-block: 0.04rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receipt-category-chevron[b-yv1rft1nup] {
    display: grid;
    place-items: center;
    color: color-mix(in srgb, var(--category-primary) 58%, #334155);
}

.receipt-category-chevron[b-yv1rft1nup]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
    stroke-width: 2.2;
}

.receipt-category-saving[b-yv1rft1nup] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.9rem;
    color: var(--category-primary);
    font-size: 0.72rem;
    font-weight: 900;
}

.receipt-category-container.category-accent-blue[b-yv1rft1nup] { --category-primary: var(--receipt-brand); --category-soft: var(--receipt-brand-border); }

.receipt-category-container.category-accent-indigo[b-yv1rft1nup] { --category-primary: #4f46e5; --category-soft: #e0e7ff; }

.receipt-category-container.category-accent-violet[b-yv1rft1nup] { --category-primary: #7c3aed; --category-soft: #ede9fe; }

.receipt-category-container.category-accent-pink[b-yv1rft1nup] { --category-primary: #db2777; --category-soft: #fce7f3; }

.receipt-category-container.category-accent-rose[b-yv1rft1nup] { --category-primary: #e11d48; --category-soft: #ffe4e6; }

.receipt-category-container.category-accent-red[b-yv1rft1nup] { --category-primary: #dc2626; --category-soft: #fee2e2; }

.receipt-category-container.category-accent-orange[b-yv1rft1nup] { --category-primary: #ea580c; --category-soft: #ffedd5; }

.receipt-category-container.category-accent-amber[b-yv1rft1nup] { --category-primary: #b45309; --category-soft: #fef3c7; }

.receipt-category-container.category-accent-lime[b-yv1rft1nup] { --category-primary: #4d7c0f; --category-soft: #ecfccb; }

.receipt-category-container.category-accent-green[b-yv1rft1nup] { --category-primary: #15803d; --category-soft: #dcfce7; }

.receipt-category-container.category-accent-teal[b-yv1rft1nup] { --category-primary: #0f766e; --category-soft: #ccfbf1; }

.receipt-category-container.category-accent-slate[b-yv1rft1nup] { --category-primary: var(--receipt-text); --category-soft: var(--receipt-border); }

.receipt-summary-amount[b-yv1rft1nup] {
    justify-self: end;
    color: #07111f;
    font-size: clamp(2rem, 5.6vw, 3rem);
    font-weight: 950;
    letter-spacing: -0.055em;
    line-height: 1;
    white-space: nowrap;
}

.receipt-section-card[b-yv1rft1nup] {
    padding: 1rem 1.2rem;
}

.receipt-section-heading[b-yv1rft1nup],
.receipt-section-heading > div[b-yv1rft1nup] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.receipt-section-heading h2[b-yv1rft1nup] {
    margin: 0;
    color: #0b1220;
    font-size: clamp(1.12rem, 3vw, 1.35rem);
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.receipt-section-icon[b-yv1rft1nup] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    place-items: center;
    color: #1f6feb;
}

.receipt-section-icon[b-yv1rft1nup]  .app-icon {
    width: 1.75rem;
    height: 1.75rem;
    stroke: currentColor;
    stroke-width: 1.85;
}

.receipt-fact-list[b-yv1rft1nup],
.receipt-total-list[b-yv1rft1nup] {
    display: grid;
    margin: 0.75rem 0 0;
}

.receipt-fact-list > div[b-yv1rft1nup],
.receipt-total-list > div[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.36fr) minmax(0, 0.64fr);
    align-items: baseline;
    gap: 1rem;
    min-height: 2.75rem;
    border-bottom: 1px solid #e8edf3;
    padding: 0.62rem 0;
}

.receipt-fact-list > div:last-child[b-yv1rft1nup],
.receipt-total-list > div:last-child[b-yv1rft1nup] {
    border-bottom: 0;
}

.receipt-fact-list dt[b-yv1rft1nup],
.receipt-total-list dt[b-yv1rft1nup] {
    color: #667085;
    font-size: 0.92rem;
    line-height: 1.4;
}

.receipt-fact-list dd[b-yv1rft1nup],
.receipt-total-list dd[b-yv1rft1nup] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #111827;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.4;
}

.receipt-fact-list dd[b-yv1rft1nup] {
    text-align: left;
}

.receipt-seller-card .receipt-fact-list > div[b-yv1rft1nup] {
    align-items: center;
}

.receipt-seller-card .receipt-fact-list dd[b-yv1rft1nup] {
    justify-self: end;
    text-align: right;
}

.receipt-document-facts dd[b-yv1rft1nup],
.receipt-total-list dd[b-yv1rft1nup] {
    text-align: right;
}

.receipt-code[b-yv1rft1nup] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.82rem !important;
    word-break: break-all;
}

.receipt-uid-value[b-yv1rft1nup] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.receipt-uid-value > span[b-yv1rft1nup] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.receipt-uid-copy[b-yv1rft1nup] {
    display: inline-flex;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.5rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    cursor: pointer;
}

.receipt-uid-copy[b-yv1rft1nup]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

@media (hover: hover) and (pointer: fine) {
    .receipt-uid-copy:not(:disabled):hover[b-yv1rft1nup] {
        background: var(--surface-soft);
    }
}

.receipt-uid-copy:not(:disabled):active[b-yv1rft1nup] {
    background: var(--surface-soft);
}

.receipt-uid-copy:focus-visible[b-yv1rft1nup] {
    outline: 3px solid var(--brand-500);
    outline-offset: 3px;
}

.receipt-uid-copy:disabled[b-yv1rft1nup] {
    cursor: not-allowed;
    opacity: 0.55;
}

.receipt-uid-copy-feedback[b-yv1rft1nup] {
    margin: 0.5rem 0 0;
    color: var(--ink-700);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    line-height: 1.4;
    word-break: normal;
    overflow-wrap: anywhere;
}

.receipt-uid-copy-feedback.error[b-yv1rft1nup] {
    color: var(--danger-600);
}

.receipt-total-list > div[b-yv1rft1nup] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.receipt-total-list dd[b-yv1rft1nup] {
    min-width: 7rem;
}

.receipt-total-list .receipt-grand-total[b-yv1rft1nup] {
    min-height: 3.5rem;
    align-items: center;
    margin-top: 0.35rem;
    border-bottom: 0;
    border-radius: 0.8rem;
    padding: 0.65rem 0.75rem;
    background: linear-gradient(90deg, #f2f6ff, #f8faff);
}

.receipt-grand-total dt[b-yv1rft1nup],
.receipt-grand-total dd[b-yv1rft1nup] {
    color: #0b1220;
    font-weight: 950;
}

.receipt-grand-total dt[b-yv1rft1nup] {
    font-size: 1.12rem;
}

.receipt-grand-total dd[b-yv1rft1nup] {
    font-size: clamp(1.45rem, 4vw, 1.9rem);
    letter-spacing: -0.04em;
    white-space: nowrap;
}

.receipt-verification-card.verified .receipt-section-icon[b-yv1rft1nup],
.receipt-verification-card.verified .receipt-verification-mark[b-yv1rft1nup] {
    color: #18803d;
}

.receipt-verification-card.manual .receipt-section-icon[b-yv1rft1nup],
.receipt-verification-card.manual .receipt-verification-mark[b-yv1rft1nup] {
    color: #b45f0b;
}

.receipt-verification-body[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    margin-top: 0.75rem;
}

.receipt-verification-mark[b-yv1rft1nup] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border: 2px solid currentColor;
    border-radius: 999px;
    opacity: 0.75;
}

.receipt-verification-mark[b-yv1rft1nup]  .app-icon {
    width: 1.75rem;
    height: 1.75rem;
    stroke: currentColor;
    stroke-width: 2.1;
}

.receipt-verification-body > div[b-yv1rft1nup] {
    display: grid;
    gap: 0.18rem;
}

.receipt-verification-body strong[b-yv1rft1nup] {
    color: #111827;
    font-size: 1rem;
    line-height: 1.35;
}

.receipt-verification-body span[b-yv1rft1nup] {
    color: #667085;
    font-size: 0.9rem;
    line-height: 1.45;
}

.receipt-utility-bar[b-yv1rft1nup] {
    box-shadow: 0 0.45rem 1.35rem rgba(15, 23, 42, 0.05);
}

@media (max-width: 45rem) {
.receipt-detail-page[b-yv1rft1nup] {
        gap: 0.72rem;
        padding: 0.45rem 0 1.25rem;
    }

.receipt-summary-card[b-yv1rft1nup],
.receipt-section-card[b-yv1rft1nup] {
        border-radius: 1.05rem;
    }

.receipt-summary-card[b-yv1rft1nup] {
        gap: 0.75rem;
        padding: 1rem;
    }

.receipt-summary-copy[b-yv1rft1nup] {
        gap: 0.4rem;
    }

.receipt-summary-copy h2[b-yv1rft1nup] {
        font-size: 1.28rem;
    }

.receipt-summary-date[b-yv1rft1nup] {
        font-size: 0.86rem;
    }

.receipt-status-pill[b-yv1rft1nup] {
        min-height: 1.95rem;
        padding: 0.34rem 0.55rem;
        font-size: 0.78rem;
    }

.receipt-category-container[b-yv1rft1nup] {
        grid-template-columns: 1fr;
        border-radius: 0.95rem;
    }

.receipt-category-picker[b-yv1rft1nup] {
        width: 100%;
        min-height: 3.25rem;
        grid-template-columns: auto minmax(0, 1fr) auto;
        row-gap: 0.16rem;
        column-gap: 0.38rem;
    }

.receipt-category-saving[b-yv1rft1nup] {
        padding: 0.55rem 0.72rem;
    }

.receipt-category-icon[b-yv1rft1nup] {
        width: 1.55rem;
        height: 1.55rem;
    }

.receipt-category-label[b-yv1rft1nup] {
        font-size: 0.7rem;
    }

.receipt-summary-amount[b-yv1rft1nup] {
        font-size: clamp(1.75rem, 8vw, 2.35rem);
    }

.receipt-section-card[b-yv1rft1nup] {
        padding: 0.9rem 1rem;
    }

.receipt-fact-list > div[b-yv1rft1nup],
.receipt-total-list > div[b-yv1rft1nup] {
        grid-template-columns: minmax(6.4rem, 0.34fr) minmax(0, 0.66fr);
        gap: 0.7rem;
        min-height: 2.55rem;
        padding: 0.52rem 0;
    }

.receipt-fact-list dt[b-yv1rft1nup],
.receipt-total-list dt[b-yv1rft1nup],
.receipt-fact-list dd[b-yv1rft1nup],
.receipt-total-list dd[b-yv1rft1nup] {
        font-size: 0.86rem;
    }

.receipt-verification-mark[b-yv1rft1nup] {
        width: 2.7rem;
        height: 2.7rem;
    }
}

.receipt-summary-warning[b-yv1rft1nup] {
    margin: 0.65rem 0 0;
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.45;
}

@media (max-width: 22rem) {
.receipt-summary-card[b-yv1rft1nup] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

.receipt-category-picker[b-yv1rft1nup] {
        max-width: 100%;
    }

.receipt-summary-amount[b-yv1rft1nup] {
        grid-column: 2;
        justify-self: end;
        margin-top: -0.15rem;
    }
}

@media (max-width: 32rem) {
.receipt-section-heading h2[b-yv1rft1nup] {
        font-size: 1.1rem;
    }
}

@media print {
@page {
        margin: 12mm;
    }

.bill-detail-page[b-yv1rft1nup] {
        display: block;
        width: 100%;
        padding: 0;
        color: #000000;
    }

.bill-utility-bar[b-yv1rft1nup],
.bill-action-message[b-yv1rft1nup] {
        display: none !important;
    }
}

@media print {
.receipt-detail-page[b-yv1rft1nup] {
        width: 100%;
        gap: 4mm;
    }

.receipt-utility-bar[b-yv1rft1nup] {
        display: none !important;
    }

.receipt-summary-card[b-yv1rft1nup],
.receipt-section-card[b-yv1rft1nup] {
        break-inside: avoid;
        border: 1px solid #cbd5e1;
        border-radius: 4mm;
        box-shadow: none;
    }
}

/* Final mobile polish: compact items, collapsible technical data and unified icons. */

.receipt-document-details[b-yv1rft1nup] {
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 .45rem 1.25rem rgba(15, 23, 42, .05);
}

.receipt-document-details > summary[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    min-height: 4.2rem;
    padding: .75rem .9rem;
    cursor: pointer;
    list-style: none;
}

.receipt-document-details > summary[b-yv1rft1nup]::-webkit-details-marker {
    display: none;
}

.receipt-document-details > summary strong[b-yv1rft1nup],
.receipt-document-details > summary small[b-yv1rft1nup] {
    display: block;
}

.receipt-document-details > summary strong[b-yv1rft1nup] {
    font-size: .9rem;
}

.receipt-document-details > summary small[b-yv1rft1nup] {
    margin-top: .15rem;
    color: var(--receipt-muted);
    font-size: .7rem;
}

.receipt-details-chevron[b-yv1rft1nup] {
    width: 1rem;
    height: 1rem;
    color: var(--receipt-subtle);
    transition: transform 160ms ease;
}

.receipt-document-details[open] .receipt-details-chevron[b-yv1rft1nup] {
    transform: rotate(180deg);
}

.receipt-document-details-content[b-yv1rft1nup] {
    border-top: 1px solid #edf1f5;
    padding: .15rem .9rem .55rem;
}

.receipt-verification-card[b-yv1rft1nup] {
    padding: .75rem .9rem;
}

.receipt-verification-card .receipt-section-heading[b-yv1rft1nup] {
    padding-bottom: .45rem;
}

.receipt-verification-body[b-yv1rft1nup] {
    padding-top: .55rem;
}

@media (max-width: 640px) {
.receipt-summary-card[b-yv1rft1nup] {
        padding: .8rem;
    }

.receipt-section-card[b-yv1rft1nup] {
        padding: .8rem;
    }

.receipt-document-details[b-yv1rft1nup] {
        border-radius: 1rem;
    }

.receipt-document-details > summary[b-yv1rft1nup] {
        min-height: 3.8rem;
        padding: .65rem .75rem;
    }
}

/* Blockator unified light UI – receipt detail */

.receipt-detail-page[b-yv1rft1nup] {
    width: min(100%, var(--page-detail-max));
    gap: 0.9rem;
    padding: clamp(0.6rem, 2vw, 1.2rem) 0 3.5rem;
    color: var(--ink-950);
}

.receipt-summary-card[b-yv1rft1nup],
.receipt-section-card[b-yv1rft1nup],
.receipt-document-details[b-yv1rft1nup],
.receipt-verification-card[b-yv1rft1nup],
.receipt-utility-bar[b-yv1rft1nup] {
    border-color: rgba(190, 204, 224, 0.65);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.receipt-summary-card[b-yv1rft1nup] {
    gap: 1.25rem;
    border-radius: 1.55rem;
    padding: clamp(1.15rem, 2.7vw, 1.65rem);
    background:
        radial-gradient(circle at 92% 0, rgba(198, 219, 255, 0.35), transparent 18rem),
        #fff;
    box-shadow: var(--shadow-md);
}

.receipt-summary-copy h2[b-yv1rft1nup] {
    color: var(--ink-950);
    font-size: clamp(1.45rem, 3vw, 2rem);
}

.receipt-summary-date[b-yv1rft1nup] {
    color: var(--ink-600);
    font-size: 0.9rem;
}

.receipt-status-pill[b-yv1rft1nup] {
    min-height: 2rem;
    border-radius: 0.72rem;
    font-size: 0.78rem;
}

.receipt-status-pill.verified[b-yv1rft1nup] {
    background: var(--success-50);
    color: var(--success-600);
}

.receipt-summary-amount[b-yv1rft1nup] {
    color: var(--ink-950);
    font-size: clamp(2.15rem, 5vw, 3.25rem);
}

.receipt-category-container[b-yv1rft1nup] {
    border-color: rgba(232, 202, 154, 0.58);
    border-radius: 1.05rem;
    box-shadow: var(--shadow-sm);
}

.receipt-category-picker[b-yv1rft1nup] {
    min-height: 4rem;
    padding: 0.86rem 1rem;
}

.receipt-overview-grid[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
    align-items: stretch;
}

.receipt-overview-grid > .receipt-section-card[b-yv1rft1nup] {
    height: 100%;
}

.receipt-section-card[b-yv1rft1nup] {
    border-radius: 1.25rem;
    padding: 1rem 1.15rem;
}

.receipt-section-heading h2[b-yv1rft1nup] {
    color: var(--ink-950);
    font-size: clamp(1.1rem, 2.2vw, 1.35rem);
}

.receipt-section-icon[b-yv1rft1nup] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.78rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.receipt-section-icon[b-yv1rft1nup]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.receipt-fact-list > div[b-yv1rft1nup],
.receipt-total-list > div[b-yv1rft1nup] {
    min-height: 2.7rem;
    border-bottom-color: var(--border);
    padding: 0.58rem 0;
}

.receipt-fact-list dt[b-yv1rft1nup],
.receipt-total-list dt[b-yv1rft1nup] {
    color: var(--ink-500);
    font-size: 0.72rem;
}

.receipt-fact-list dd[b-yv1rft1nup],
.receipt-total-list dd[b-yv1rft1nup] {
    color: var(--ink-900);
    font-weight: 850;
}

.receipt-grand-total[b-yv1rft1nup] {
    margin-top: 0.35rem;
    border: 0 !important;
    border-radius: 0.8rem;
    padding: 0.75rem !important;
    background: var(--brand-50);
}

.receipt-grand-total dt[b-yv1rft1nup],
.receipt-grand-total dd[b-yv1rft1nup] {
    color: var(--ink-950);
    font-size: 0.95rem;
    font-weight: 950;
}

.receipt-document-details[b-yv1rft1nup] {
    overflow: hidden;
    border-radius: 1.1rem;
}

.receipt-document-details > summary[b-yv1rft1nup] {
    min-height: 4.2rem;
    background: #fff;
}

.receipt-document-details > summary:hover[b-yv1rft1nup] {
    background: var(--surface-soft);
}

.receipt-verification-card[b-yv1rft1nup] {
    border-radius: 1.2rem;
}

.receipt-verification-card.verified[b-yv1rft1nup] {
    border-color: #c7ead7;
    background: linear-gradient(135deg, #fff, #f7fffb);
}

.receipt-verification-mark[b-yv1rft1nup] {
    border-color: #72c698;
    color: var(--success-600);
}

.receipt-utility-bar[b-yv1rft1nup] {
    border-radius: 1.15rem;
    padding: 0.9rem 1rem;
}

.bill-utility-actions button[b-yv1rft1nup] {
    min-height: 2.75rem;
    border-radius: 0.82rem;
    font-weight: 850;
}

.bill-utility-actions button:where(:not(.bill-share-trigger)):hover[b-yv1rft1nup],
.bill-utility-actions button:where(:not(.bill-share-trigger)):focus-visible[b-yv1rft1nup] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
}

@media (min-width: 760px) {
.receipt-document-details[b-yv1rft1nup],
.receipt-verification-card[b-yv1rft1nup] {
        min-height: 5rem;
    }
}

@media (max-width: 760px) {
.receipt-detail-page[b-yv1rft1nup] {
        display: flex;
        flex-direction: column;
        gap: 0.72rem;
        padding-top: 0;
    }

.receipt-summary-card[b-yv1rft1nup] { order: 2; }

.receipt-category-container[b-yv1rft1nup] { order: 3; }

.receipt-detail-page > .bill-detail-status[b-yv1rft1nup] { order: 4; }

.receipt-seller-card[b-yv1rft1nup] { order: 6; }

.receipt-totals-card[b-yv1rft1nup] { order: 7; }

.receipt-document-details[b-yv1rft1nup] { order: 8; }

.receipt-verification-card[b-yv1rft1nup] { order: 9; }

.receipt-utility-bar[b-yv1rft1nup] { order: 10; }

.bill-action-message[b-yv1rft1nup] { order: 13 !important; }

.receipt-summary-card[b-yv1rft1nup] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.75rem;
        border-radius: 1.2rem;
        padding: 0.9rem;
    }

.receipt-summary-copy[b-yv1rft1nup] {
        gap: 0.35rem;
    }

.receipt-summary-copy h2[b-yv1rft1nup] {
        font-size: 1.12rem;
    }

.receipt-summary-date[b-yv1rft1nup] {
        font-size: 0.76rem;
    }

.receipt-status-pill[b-yv1rft1nup] {
        min-height: 1.8rem;
        padding: 0.35rem 0.55rem;
        font-size: 0.68rem;
    }

.receipt-summary-amount[b-yv1rft1nup] {
        font-size: clamp(1.65rem, 8vw, 2.25rem);
    }

.receipt-overview-grid[b-yv1rft1nup] {
        display: contents;
    }

.receipt-section-card[b-yv1rft1nup] {
        border-radius: 1.05rem;
        padding: 0.9rem;
    }

.receipt-utility-bar[b-yv1rft1nup] {
        border-radius: 1.05rem;
    }
}

@media (max-width: 470px) {
.receipt-summary-card[b-yv1rft1nup] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.55rem;
    }

.receipt-summary-logo[b-yv1rft1nup],
.receipt-summary-copy[b-yv1rft1nup],
.receipt-summary-amount[b-yv1rft1nup] {
        grid-area: auto;
    }

.receipt-summary-amount[b-yv1rft1nup] {
        justify-self: end;
        padding: 0;
        background: transparent;
        font-size: clamp(1.35rem, 7vw, 1.8rem);
        text-align: right;
    }

.receipt-summary-logo[b-yv1rft1nup]  .merchant-badge-large {
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 1rem;
    }

.receipt-category-picker[b-yv1rft1nup] {
        min-height: 3.65rem;
        padding: 0.72rem 0.8rem;
    }

.receipt-category-value[b-yv1rft1nup] {
        overflow: visible;
        font-size: 0.86rem;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

.receipt-fact-list > div[b-yv1rft1nup],
.receipt-total-list > div[b-yv1rft1nup] {
        grid-template-columns: minmax(6rem, 0.42fr) minmax(0, 0.58fr);
        gap: 0.7rem;
    }

.bill-utility-actions[b-yv1rft1nup] {
        grid-template-columns: 1fr;
    }
}

/* HOTFIX-2026-07-GROUP-RECEIPT-RESPONSIVE
   Rovnaké profesionálne správanie informácií o doklade v osobnom aj skupinovom detaile. */

.receipt-document-details[b-yv1rft1nup],
.receipt-document-details > summary[b-yv1rft1nup],
.receipt-document-details > summary > span:nth-child(2)[b-yv1rft1nup],
.receipt-document-details-content[b-yv1rft1nup],
.receipt-document-facts[b-yv1rft1nup],
.receipt-document-facts > div[b-yv1rft1nup],
.receipt-document-facts dd[b-yv1rft1nup] {
    min-width: 0;
    max-width: 100%;
}

/* Manual expense editing and amount history timeline. */

.bill-utility-actions .bill-edit-action[b-yv1rft1nup] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--brand-200);
    border-radius: 0.82rem;
    padding: 0.65rem 0.85rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.bill-utility-actions .bill-edit-action:hover[b-yv1rft1nup],
.bill-utility-actions .bill-edit-action:focus-visible[b-yv1rft1nup] {
    border-color: var(--brand-300);
    background: var(--brand-100);
    color: var(--brand-800);
}

@media (max-width: 470px) {
.bill-utility-actions .bill-edit-action[b-yv1rft1nup] {
        width: 100%;
    }
}

.receipt-document-details > summary[b-yv1rft1nup] {
    color: inherit !important;
    transition:
        background-color 150ms ease,
        border-color 150ms ease,
        color 150ms ease;
}

.receipt-document-details > summary:hover[b-yv1rft1nup],
.receipt-document-details > summary:focus-visible[b-yv1rft1nup] {
    background: color-mix(in srgb, currentColor 5%, transparent) !important;
    color: inherit !important;
}

.receipt-document-details > summary:focus-visible[b-yv1rft1nup] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 28%, transparent);
    outline-offset: 2px;
}

.receipt-document-details > summary strong[b-yv1rft1nup] {
    color: inherit !important;
}

.receipt-document-facts dd[b-yv1rft1nup] {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

@media (max-width: 560px) {
.receipt-document-details > summary[b-yv1rft1nup] {
        grid-template-columns: 2.25rem minmax(0, 1fr) 1rem;
        gap: 0.6rem;
        min-height: 3.9rem;
        padding: 0.7rem 0.75rem;
    }

.receipt-document-details > summary strong[b-yv1rft1nup] {
        font-size: 0.86rem;
        line-height: 1.25;
    }

.receipt-document-details > summary small[b-yv1rft1nup] {
        overflow-wrap: anywhere;
        font-size: 0.66rem;
        line-height: 1.35;
    }

.receipt-document-details-content[b-yv1rft1nup] {
        overflow: hidden;
        padding: 0.2rem 0.75rem 0.65rem;
    }

.receipt-document-facts > div[b-yv1rft1nup] {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0.18rem;
        padding: 0.62rem 0;
    }

.receipt-document-facts dt[b-yv1rft1nup] {
        font-size: 0.68rem;
        font-weight: 750;
        letter-spacing: 0.02em;
    }

.receipt-document-facts dd[b-yv1rft1nup] {
        width: 100%;
        font-size: 0.78rem;
        line-height: 1.45;
        text-align: left;
    }
}

.receipt-placement-context[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.75rem 0.9rem;
    background: var(--surface-soft);
}

.receipt-placement-context > span[b-yv1rft1nup] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 0.75rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.receipt-placement-context > span[b-yv1rft1nup]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.receipt-placement-context > div[b-yv1rft1nup] {
    display: grid;
    min-width: 0;
}

.receipt-placement-context small[b-yv1rft1nup],
.receipt-placement-context em[b-yv1rft1nup] {
    color: var(--ink-500);
    font-size: 0.7rem;
}

.receipt-placement-context strong[b-yv1rft1nup] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
}

.receipt-placement-context em[b-yv1rft1nup] {
    border-radius: 999px;
    padding: 0.3rem 0.55rem;
    background: var(--surface-raised);
    font-style: normal;
    font-weight: 800;
}

@media (max-width: 430px) {
.receipt-placement-context[b-yv1rft1nup] {
        grid-template-columns: auto minmax(0, 1fr);
    }

.receipt-placement-context em[b-yv1rft1nup] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-qux688vall] {
    display: grid;
    width: min(100%, var(--page-content-max));
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem) 0 3.5rem;
    color: var(--ink-950);
}

.dashboard-hero[b-qux688vall],
.dashboard-metric[b-qux688vall],
.dashboard-panel[b-qux688vall],
.dashboard-mini-card[b-qux688vall],
.dashboard-guest-card[b-qux688vall] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}

.dashboard-hero[b-qux688vall] {
    position: relative;
    display: grid;
    min-height: 15.25rem;
    grid-template-columns: auto minmax(0, 1fr) minmax(15rem, 23rem);
    grid-template-areas:
        "icon copy art"
        "icon actions art";
    align-items: center;
    gap: 0.7rem 1.2rem;
    overflow: hidden;
    border-radius: var(--page-hero-radius);
    padding: clamp(1.35rem, 3.4vw, 2.3rem);
    background:
        radial-gradient(circle at 85% 18%, rgba(121, 164, 255, 0.24), transparent 17rem),
        linear-gradient(135deg, #ffffff 0, #f3f7ff 58%, #eaf2ff 100%);
    box-shadow: var(--shadow-md);
}

.dashboard-hero[b-qux688vall]::after {
    position: absolute;
    right: -7rem;
    bottom: -9rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(37, 99, 235, 0.09);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 3rem rgba(37, 99, 235, 0.022), 0 0 0 6rem rgba(37, 99, 235, 0.016);
}

.dashboard-hero-icon[b-qux688vall],
.metric-icon[b-qux688vall],
.panel-icon[b-qux688vall],
.empty-icon[b-qux688vall] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-600);
}

.dashboard-hero-icon[b-qux688vall] {
    z-index: 2;
    grid-area: icon;
    align-self: start;
    width: 4.4rem;
    height: 4.4rem;
    border: 1px solid rgba(205, 222, 246, 0.75);
    border-radius: 1.35rem;
    margin-top: 0.15rem;
    box-shadow: inset 0 1px 0 #fff;
}

.dashboard-hero-icon[b-qux688vall]  .app-icon {
    width: 2rem;
    height: 2rem;
    stroke-width: 1.65;
}

.dashboard-hero-copy[b-qux688vall] {
    z-index: 2;
    grid-area: copy;
    min-width: 0;
    align-self: end;
}

.dashboard-kicker[b-qux688vall] {
    display: block;
    color: var(--brand-600);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.dashboard-hero h1[b-qux688vall],
.dashboard-guest-card h1[b-qux688vall] {
    margin: 0.28rem 0 0;
    color: var(--ink-950);
    font-weight: 950;
    letter-spacing: -0.06em;
    line-height: 0.98;
}

.dashboard-hero h1[b-qux688vall] {
    font-size: clamp(2.7rem, 6vw, 4.6rem);
}

.dashboard-hero p[b-qux688vall],
.dashboard-guest-card p[b-qux688vall] {
    margin: 0.75rem 0 0;
    color: var(--ink-600);
    line-height: 1.6;
}

.dashboard-hero p[b-qux688vall] {
    max-width: 34rem;
    font-size: clamp(0.92rem, 2vw, 1.06rem);
}

.dashboard-hero-actions[b-qux688vall] {
    z-index: 3;
    display: flex;
    grid-area: actions;
    align-self: start;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.dashboard-primary-action[b-qux688vall],
.dashboard-secondary-action[b-qux688vall] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.52rem;
    border-radius: 0.9rem;
    padding: 0.65rem 1rem;
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
}

.dashboard-primary-action[b-qux688vall] {
    border: 1px solid var(--brand-600);
    background: linear-gradient(145deg, #3777f6, #1d56d9);
    color: #fff;
    box-shadow: 0 0.9rem 1.8rem rgba(37, 99, 235, 0.22);
}

.dashboard-secondary-action[b-qux688vall] {
    border: 1px solid var(--border-strong);
    background: rgba(255, 255, 255, 0.88);
    color: var(--ink-900);
    box-shadow: var(--shadow-sm);
}

.dashboard-primary-action:hover[b-qux688vall],
.dashboard-primary-action:focus-visible[b-qux688vall],
.dashboard-secondary-action:hover[b-qux688vall],
.dashboard-secondary-action:focus-visible[b-qux688vall] {
    transform: translateY(-1px);
}

.dashboard-primary-action[b-qux688vall]  .app-icon,
.dashboard-secondary-action[b-qux688vall]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.dashboard-hero-art[b-qux688vall] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-area: art;
    min-height: 12rem;
    place-items: center;
}

.dashboard-receipt-sheet[b-qux688vall] {
    position: relative;
    display: grid;
    width: 8.2rem;
    height: 11rem;
    gap: 0.65rem;
    align-content: start;
    border: 1px solid #dbe7f7;
    border-radius: 0.95rem 0.95rem 0.35rem 0.35rem;
    padding: 1.7rem 1.1rem 1rem;
    background: linear-gradient(180deg, #fff, #f8fbff);
    box-shadow: 0 1.4rem 2.8rem rgba(38, 76, 133, 0.17);
    transform: rotate(7deg);
}

.dashboard-receipt-sheet[b-qux688vall]::before {
    position: absolute;
    top: 0.72rem;
    left: 50%;
    width: 3.2rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #c9d8ed;
    content: "";
    transform: translateX(-50%);
}

.dashboard-receipt-sheet[b-qux688vall]::after {
    position: absolute;
    right: 0;
    bottom: -0.55rem;
    left: 0;
    height: 0.8rem;
    background: linear-gradient(135deg, transparent 50%, #f8fbff 51%) 0 0/1rem 1rem repeat-x;
    content: "";
}

.dashboard-receipt-sheet i[b-qux688vall] {
    display: block;
    height: 0.38rem;
    border-radius: 999px;
    background: #dbe5f2;
}

.dashboard-receipt-sheet i:nth-child(1)[b-qux688vall] { width: 75%; }
.dashboard-receipt-sheet i:nth-child(2)[b-qux688vall] { width: 100%; }
.dashboard-receipt-sheet i:nth-child(3)[b-qux688vall] { width: 58%; }
.dashboard-receipt-sheet i:nth-child(4)[b-qux688vall] { width: 85%; }

.dashboard-scan-orb[b-qux688vall] {
    position: absolute;
    right: 1.8rem;
    bottom: 1.25rem;
    display: grid;
    width: 4.65rem;
    height: 4.65rem;
    place-items: center;
    border: 0.28rem solid rgba(255,255,255,.9);
    border-radius: 1.45rem;
    background: linear-gradient(145deg, #3c7cf7, #1749be);
    color: #fff;
    box-shadow: 0 1rem 2rem rgba(37, 99, 235, 0.31);
}

.dashboard-scan-orb[b-qux688vall]  .app-icon {
    width: 2rem;
    height: 2rem;
}

.dashboard-art-spark[b-qux688vall] {
    position: absolute;
    color: var(--brand-500);
    font-weight: 950;
}

.dashboard-art-spark.one[b-qux688vall] {
    top: 1rem;
    right: 0.7rem;
    font-size: 1.65rem;
}

.dashboard-art-spark.two[b-qux688vall] {
    bottom: 0.7rem;
    left: 1.7rem;
    color: #13a66b;
    font-size: 1.35rem;
}

.dashboard-status[b-qux688vall] {
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.8rem 1rem;
    background: #fff;
    color: var(--ink-700);
    font-size: 0.84rem;
    font-weight: 750;
    box-shadow: var(--shadow-sm);
}

.dashboard-status.error[b-qux688vall] {
    border-color: #fecdd3;
    background: var(--danger-50);
    color: #9f1239;
}

.status-loader[b-qux688vall] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.5rem;
    border: 2px solid var(--brand-100);
    border-top-color: var(--brand-600);
    border-radius: 50%;
    animation: dashboard-spin-b-qux688vall 0.8s linear infinite;
}

@keyframes dashboard-spin-b-qux688vall { to { transform: rotate(360deg); } }

.dashboard-metrics[b-qux688vall] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.dashboard-metric[b-qux688vall] {
    display: grid;
    min-width: 0;
    min-height: 8.25rem;
    gap: 0.25rem;
    border-radius: 1.25rem;
    padding: 1rem;
}

.metric-top[b-qux688vall] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.metric-icon[b-qux688vall] {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.92rem;
}

.metric-icon[b-qux688vall]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.metric-trend[b-qux688vall] {
    display: inline-flex;
    min-height: 1.65rem;
    align-items: center;
    border-radius: 999px;
    padding: 0 0.52rem;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
}

.metric-trend.neutral[b-qux688vall] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.metric-trend.increase[b-qux688vall] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.metric-trend.decrease[b-qux688vall],
.metric-trend.good[b-qux688vall] {
    background: var(--success-50);
    color: var(--success-600);
}

.dashboard-metric > small[b-qux688vall] {
    margin-top: 0.35rem;
    color: var(--ink-600);
    font-size: 0.74rem;
    font-weight: 800;
}

.dashboard-metric > strong[b-qux688vall] {
    overflow: hidden;
    color: var(--ink-950);
    font-size: clamp(1.55rem, 3.5vw, 2.15rem);
    font-weight: 950;
    letter-spacing: -0.05em;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-metric > p[b-qux688vall] {
    margin: 0;
    color: var(--ink-500);
    font-size: 0.68rem;
}

.dashboard-grid[b-qux688vall] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "category"
        "merchant"
        "summary";
    align-items: start;
    gap: 1rem;
}

.dashboard-panel[b-qux688vall] {
    min-width: 0;
    border-radius: 1.4rem;
    padding: 1rem;
}

.category-panel[b-qux688vall] { grid-area: category; }
.merchant-panel[b-qux688vall] { grid-area: merchant; }

.merchant-spend-list[b-qux688vall] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.8rem;
}

.merchant-spend-row[b-qux688vall] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.78rem;
    background: var(--surface-soft);
    color: inherit;
    text-decoration: none;
}

a.merchant-spend-row:hover[b-qux688vall],
a.merchant-spend-row:focus-visible[b-qux688vall] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    transform: translateY(-1px);
}

.merchant-spend-row > span[b-qux688vall] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.merchant-spend-row > span strong[b-qux688vall] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
}

.merchant-spend-row small[b-qux688vall],
.merchant-spend-row.muted[b-qux688vall] {
    color: var(--ink-600);
}

.merchant-spend-row > strong[b-qux688vall] {
    flex: 0 0 auto;
    color: var(--ink-950);
}

.dashboard-panel-header[b-qux688vall] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.15rem 0 0.9rem;
}

.panel-title-group[b-qux688vall] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.panel-title-group > div[b-qux688vall] {
    min-width: 0;
}

.panel-icon[b-qux688vall] {
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    border-radius: 0.95rem;
}

.panel-icon[b-qux688vall]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.dashboard-panel h2[b-qux688vall] {
    margin: 0.2rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.25rem, 2.7vw, 1.65rem);
    font-weight: 950;
    letter-spacing: -0.04em;
}

.dashboard-summary-strip[b-qux688vall] {
    display: grid;
    grid-area: summary;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.dashboard-mini-card[b-qux688vall] {
    display: grid;
    gap: 0.15rem;
    border-radius: 1.15rem;
    padding: 1rem;
}

.dashboard-mini-card > span[b-qux688vall],
.dashboard-mini-card > small[b-qux688vall] {
    color: var(--ink-500);
    font-size: 0.7rem;
}

.dashboard-mini-card > strong[b-qux688vall] {
    color: var(--ink-950);
    font-size: 1.35rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.dashboard-mini-card > strong.comparison-up[b-qux688vall] {
    color: var(--danger-600);
}

.dashboard-mini-card > strong.comparison-down[b-qux688vall] {
    color: var(--success-600);
}

.category-panel-hint[b-qux688vall] {
    margin: 0.85rem 0 0;
    color: var(--ink-600);
    font-size: 0.74rem;
    line-height: 1.5;
}

.category-bars[b-qux688vall] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.8rem;
}

.category-spend-link[b-qux688vall] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.75rem;
    background: var(--surface-soft);
    color: inherit;
    text-decoration: none;
}

.category-spend-link:hover[b-qux688vall],
.category-spend-link:focus-visible[b-qux688vall] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    transform: translateY(-1px);
}

.category-bar-heading[b-qux688vall],
.category-bar-footer[b-qux688vall] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.category-name-wrap[b-qux688vall] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.45rem;
}

.category-name-wrap strong[b-qux688vall] {
    overflow: hidden;
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-name-wrap small[b-qux688vall] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.18rem 0.42rem;
    background: var(--brand-100);
    color: var(--brand-700);
    font-size: 0.62rem;
    font-weight: 900;
}

.category-total[b-qux688vall] {
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 950;
    white-space: nowrap;
}

.category-track[b-qux688vall] {
    display: block;
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4eaf3;
}

.category-track i[b-qux688vall] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--category-primary);
}

.category-bar-footer small[b-qux688vall] {
    color: var(--ink-600);
    font-size: 0.66rem;
}

.category-open-label[b-qux688vall] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--brand-600);
    font-size: 0.64rem;
    font-weight: 900;
}

.category-open-label[b-qux688vall]  .app-icon {
    width: 0.75rem;
    height: 0.75rem;
}

.dashboard-empty[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 1.2rem 0.2rem 0.4rem;
}

.empty-icon[b-qux688vall] {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 0.95rem;
}

.dashboard-empty h3[b-qux688vall],
.dashboard-empty p[b-qux688vall] {
    margin: 0;
}

.dashboard-empty h3[b-qux688vall] {
    color: var(--ink-900);
    font-size: 0.95rem;
}

.dashboard-empty p[b-qux688vall] {
    margin-top: 0.18rem;
    color: var(--ink-600);
    font-size: 0.76rem;
}

.dashboard-guest-card[b-qux688vall] {
    display: grid;
    width: min(100%, 48rem);
    gap: 1rem;
    margin: 4rem auto;
    border-radius: 1.75rem;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.dashboard-guest-card h1[b-qux688vall] {
    font-size: clamp(2rem, 6vw, 3.5rem);
}

@media (max-width: 980px) {
    .dashboard-hero[b-qux688vall] {
        grid-template-columns: auto minmax(0, 1fr) minmax(11rem, 16rem);
    }

    .dashboard-metrics[b-qux688vall] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 680px) {
    .dashboard-page[b-qux688vall] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .dashboard-hero[b-qux688vall] {
        min-height: 0;
        grid-template-columns: auto minmax(0, 1fr) 5.8rem;
        grid-template-areas:
            "icon copy art"
            "actions actions art";
        gap: 0.75rem;
        border-radius: 1.35rem;
        padding: 1.05rem;
    }

    .dashboard-hero-icon[b-qux688vall] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1rem;
    }

    .dashboard-hero-icon[b-qux688vall]  .app-icon {
        width: 1.45rem;
        height: 1.45rem;
    }

    .dashboard-hero h1[b-qux688vall] {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .dashboard-hero p[b-qux688vall] {
        margin-top: 0.45rem;
        font-size: 0.78rem;
    }

    .dashboard-hero-actions[b-qux688vall] {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 0.25rem;
    }

    .dashboard-primary-action[b-qux688vall],
    .dashboard-secondary-action[b-qux688vall] {
        min-height: 2.8rem;
        padding: 0.55rem 0.65rem;
        font-size: 0.74rem;
    }

    .dashboard-hero-art[b-qux688vall] {
        min-height: 8.9rem;
        align-self: stretch;
        overflow: hidden;
        border-radius: 1rem;
        background: transparent;
    }

    .dashboard-receipt-sheet[b-qux688vall] {
        width: 4.2rem;
        height: 6.2rem;
        gap: 0.3rem;
        padding: 1rem 0.55rem 0.5rem;
        transform: rotate(7deg) translateY(-0.35rem);
    }

    .dashboard-receipt-sheet[b-qux688vall]::before {
        top: 0.42rem;
        width: 1.8rem;
        height: 0.25rem;
    }

    .dashboard-scan-orb[b-qux688vall] {
        right: 0;
        bottom: 0.65rem;
        width: 3rem;
        height: 3rem;
        border-radius: 1rem;
    }

    .dashboard-scan-orb[b-qux688vall]  .app-icon {
        width: 1.35rem;
        height: 1.35rem;
    }

    .dashboard-art-spark.one[b-qux688vall] {
        top: 0.45rem;
        right: 0;
    }

    .dashboard-art-spark.two[b-qux688vall] {
        bottom: 0.4rem;
        left: 0;
    }

    .dashboard-metrics[b-qux688vall] {
        gap: 0.6rem;
    }

    .dashboard-metric[b-qux688vall] {
        min-height: 7.35rem;
        border-radius: 1.05rem;
        padding: 0.78rem;
    }

    .metric-icon[b-qux688vall] {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 0.78rem;
    }

    .dashboard-metric > strong[b-qux688vall] {
        font-size: 1.45rem;
    }

    .dashboard-panel[b-qux688vall] {
        border-radius: 1.2rem;
        padding: 0.82rem;
    }

    .dashboard-panel-header[b-qux688vall] {
        padding-bottom: 0.75rem;
    }

    .panel-icon[b-qux688vall] {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 0.82rem;
    }

    .dashboard-panel h2[b-qux688vall] {
        font-size: 1.15rem;
    }

    .dashboard-summary-strip[b-qux688vall] {
        gap: 0.6rem;
    }

    .dashboard-mini-card[b-qux688vall] {
        border-radius: 1rem;
        padding: 0.8rem;
    }

    .dashboard-mini-card > strong[b-qux688vall] {
        font-size: 1.1rem;
    }

}

@media (max-width: 390px) {
    .dashboard-hero[b-qux688vall] {
        grid-template-columns: auto minmax(0, 1fr) 4.9rem;
        gap: 0.58rem;
    }

    .dashboard-summary-strip[b-qux688vall] {
        grid-template-columns: 1fr;
    }

    .metric-trend[b-qux688vall] {
        padding-inline: 0.38rem;
        font-size: 0.6rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .status-loader[b-qux688vall] {
        animation: none;
    }
}

/* User-customizable dashboard composition */
.dashboard-metrics[b-qux688vall] {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.dashboard-grid.no-category[b-qux688vall] {
    grid-template-areas:
        "merchant"
        "summary";
}

.dashboard-grid.no-merchant[b-qux688vall] {
    grid-template-areas:
        "category"
        "summary";
}

.dashboard-grid.no-category.no-merchant[b-qux688vall] {
    grid-template-areas: "summary";
}

.dashboard-summary-strip.single[b-qux688vall] {
    grid-template-columns: minmax(0, 1fr);
}

.dashboard-customized-empty[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    border: 1px dashed var(--border-strong);
    border-radius: 1.2rem;
    padding: 1rem;
    background: var(--surface-soft);
    color: var(--ink-700);
}

.dashboard-customized-empty strong[b-qux688vall] {
    color: var(--ink-900);
    font-size: 0.86rem;
    font-weight: 900;
}

.dashboard-customized-empty p[b-qux688vall] {
    margin: 0.2rem 0 0;
    color: var(--ink-500);
    font-size: 0.72rem;
    line-height: 1.5;
}

.dashboard-hero-customize[b-qux688vall] {
    position: absolute;
    z-index: 4;
    top: clamp(0.9rem, 2vw, 1.25rem);
    right: clamp(0.9rem, 2vw, 1.25rem);
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.8rem;
    padding: 0.55rem 0.75rem;
    background: color-mix(in srgb, var(--surface-raised) 86%, transparent);
    color: var(--ink-600);
    box-shadow: var(--shadow-sm);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
    backdrop-filter: blur(0.5rem);
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.dashboard-hero-customize:hover[b-qux688vall],
.dashboard-hero-customize:focus-visible[b-qux688vall] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
    transform: translateY(-1px);
}

.dashboard-hero-customize:focus-visible[b-qux688vall] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

.dashboard-hero-customize[b-qux688vall]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

@media (max-width: 980px) {
    .dashboard-metrics[b-qux688vall] {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    }
}

@media (max-width: 680px) {
    .dashboard-metrics[b-qux688vall] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-hero-customize[b-qux688vall] {
        top: 0.75rem;
        right: 0.75rem;
        width: 2.75rem;
        height: 2.75rem;
        min-height: 2.75rem;
        border-radius: 50%;
        padding: 0;
    }

    .dashboard-hero-customize span[b-qux688vall] {
        display: none;
    }

    .dashboard-hero-customize[b-qux688vall]  .app-icon {
        width: 1.05rem;
        height: 1.05rem;
    }
}

@media (max-width: 390px) {
    .dashboard-metrics[b-qux688vall] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.dashboard-grid.no-summary[b-qux688vall] {
    grid-template-areas:
        "category"
        "merchant";
}

.dashboard-grid.no-summary.no-category[b-qux688vall] {
    grid-template-areas: "merchant";
}

.dashboard-grid.no-summary.no-merchant[b-qux688vall] {
    grid-template-areas: "category";
}
/* /Components/Pages/GroupDetail.razor.rz.scp.css */
/* The receipt cards on the group detail page intentionally have their own
   mobile composition. Keeping it scoped here prevents the overview cards and
   the regular receipt history from inheriting group-only layout rules. */
.group-detail-workspace[b-f96k38mpcs] {
    width: min(100%, var(--page-content-max));
    gap: 0.9rem;
    padding-top: clamp(0.6rem, 2vw, 1.2rem);
}

.group-page-header[b-f96k38mpcs] {
    display: grid;
    min-height: 3.45rem;
    grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
    align-items: center;
}

.group-page-header h1[b-f96k38mpcs] {
    margin: 0;
    color: var(--ink-950);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 950;
    letter-spacing: -0.045em;
    line-height: 1.1;
    text-align: center;
}

.group-back-link[b-f96k38mpcs] {
    display: inline-flex;
    width: fit-content;
    height: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    padding: 0 0.6rem 0 0.35rem;
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: background 0.18s ease, transform 0.18s ease;
}

.group-back-link:hover[b-f96k38mpcs],
.group-back-link:focus-visible[b-f96k38mpcs] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
    transform: translateX(-1px);
}

.group-back-link[b-f96k38mpcs]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.group-header-spacer[b-f96k38mpcs] {
    justify-self: end;
    width: 2.75rem;
    height: 2.75rem;
}

.group-selected-hero .workspace-hero-content h2[b-f96k38mpcs] {
    margin: 0.25rem 0 0;
    color: var(--ink-950);
    font-size: clamp(2.35rem, 5vw, 4rem);
    font-weight: 950;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

@media (max-width: 760px) {
    .group-detail-workspace[b-f96k38mpcs] {
        gap: 0.72rem;
        padding-top: 0;
    }

    .group-page-header[b-f96k38mpcs] {
        grid-template-columns: 2.85rem minmax(0, 1fr) 2.85rem;
        min-height: 3rem;
    }

    .group-page-header h1[b-f96k38mpcs] {
        font-size: 1.55rem;
    }

    .group-back-link[b-f96k38mpcs] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border-radius: 999px;
        padding: 0;
    }

    .group-back-link span[b-f96k38mpcs] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .group-selected-hero .workspace-hero-content h2[b-f96k38mpcs] {
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .group-detail-workspace[b-f96k38mpcs],
    .bills-list-panel[b-f96k38mpcs],
    .bill-history-grid[b-f96k38mpcs],
    .group-bill-row[b-f96k38mpcs] {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .quick-filter-row[b-f96k38mpcs] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        overflow: visible;
    }

    .quick-filter[b-f96k38mpcs] {
        flex: 0 1 auto;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .bill-history-grid[b-f96k38mpcs] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .group-bill-row[b-f96k38mpcs] {
        position: relative;
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 1rem;
        padding: 0;
        background: var(--surface-raised);
        box-shadow: var(--shadow-sm);
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card {
        display: grid;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-template-columns: 3.15rem minmax(0, 1fr);
        grid-template-areas:
            "badge main"
            "side side";
        align-items: start;
        gap: 0.72rem 0.78rem;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0.85rem;
        background: transparent;
        box-shadow: none;
        transform: none;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card.has-featured-item {
        grid-template-areas:
            "badge main"
            "side side";
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card:focus-visible {
        border: 0;
        background: var(--surface-soft);
        box-shadow: none;
        transform: none;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-badge {
        position: static;
        grid-area: badge;
        width: 3.15rem;
        height: 3.15rem;
        min-width: 3.15rem;
        align-self: start;
        border-radius: 0.95rem;
        margin: 0;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-main {
        position: static;
        display: grid;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-area: main;
        gap: 0.58rem;
        margin: 0;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-heading {
        position: static;
        display: grid;
        width: 100%;
        min-width: 0;
        grid-area: auto;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.38rem;
        align-items: start;
        margin: 0;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-title {
        position: static;
        display: -webkit-box;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        margin: 0;
        color: var(--ink-950);
        font-size: 0.95rem;
        line-height: 1.24;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-status {
        position: static;
        width: fit-content;
        max-width: 100%;
        justify-self: start;
        margin: 0;
        font-size: 0.62rem;
        white-space: nowrap;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured {
        position: static;
        display: grid;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-area: auto;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "copy price";
        align-items: end;
        gap: 0.55rem;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 0.78rem;
        margin: 0;
        padding: 0.58rem 0.64rem;
        background: var(--surface-soft);
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured-icon {
        display: none;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured-copy {
        position: static;
        display: grid;
        min-width: 0;
        grid-area: copy;
        gap: 0.12rem;
        margin: 0;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured-copy small {
        display: block;
        margin: 0;
        color: var(--ink-500);
        font-size: 0.52rem;
        line-height: 1.2;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured-copy strong {
        display: -webkit-box;
        min-width: 0;
        overflow: hidden;
        margin: 0;
        color: var(--ink-800);
        font-size: 0.72rem;
        line-height: 1.3;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured-price {
        position: static;
        grid-area: price;
        align-self: end;
        justify-self: end;
        margin: 0;
        color: var(--ink-950);
        font-size: 0.78rem;
        line-height: 1.2;
        white-space: nowrap;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-meta {
        position: static;
        display: flex;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-area: auto;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.32rem 0.48rem;
        margin: 0;
        color: var(--ink-500);
        font-size: 0.64rem;
        line-height: 1.4;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-meta-entry,
    .group-bill-row[b-f96k38mpcs]  .bill-list-card-category {
        position: static;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-side {
        position: static;
        display: grid;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-area: side;
        grid-template-columns: auto auto minmax(0, 1fr);
        grid-template-areas: "label value subtitle";
        align-items: baseline;
        justify-items: start;
        gap: 0.2rem 0.55rem;
        overflow: hidden;
        border-top: 1px solid var(--border);
        margin: 0;
        padding: 0.68rem 0 0;
        background: transparent;
        text-align: left;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-total-label {
        position: static;
        grid-area: label;
        margin: 0;
        color: var(--ink-500);
        font-size: 0.55rem;
        white-space: nowrap;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-total-value {
        position: static;
        grid-area: value;
        justify-self: start;
        margin: 0;
        color: var(--ink-950);
        font-size: 1rem;
        line-height: 1.15;
        white-space: nowrap;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-subtitle {
        position: static;
        grid-area: subtitle;
        min-width: 0;
        max-width: 100%;
        justify-self: end;
        overflow: hidden;
        margin: 0;
        color: var(--ink-500);
        font-size: 0.62rem;
        line-height: 1.3;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-arrow {
        display: none;
    }
}

@media (max-width: 760px) and (hover: hover) and (pointer: fine) {
    .group-bill-row[b-f96k38mpcs]  .bill-list-card:hover {
        border: 0;
        background: var(--surface-soft);
        box-shadow: none;
        transform: none;
    }
}

@media (max-width: 380px) {
    .group-bill-row[b-f96k38mpcs]  .bill-list-card {
        grid-template-columns: 2.8rem minmax(0, 1fr);
        gap: 0.65rem;
        padding: 0.75rem;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-badge {
        width: 2.8rem;
        height: 2.8rem;
        min-width: 2.8rem;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-featured {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-side {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "label value"
            "subtitle subtitle";
        row-gap: 0.42rem;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-subtitle {
        justify-self: start;
        text-align: left;
    }
}
.group-bill-row[b-f96k38mpcs] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.group-bill-row[b-f96k38mpcs]  .bill-list-card {
    width: 100%;
}
/* /Components/Pages/Groups.razor.rz.scp.css */
.workspace-hero[b-k8coyod0dn],
.workspace-search-card[b-k8coyod0dn],
.workspace-panel[b-k8coyod0dn] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}


.workspace-hero-icon[b-k8coyod0dn],
.workspace-section-icon[b-k8coyod0dn],
.empty-icon[b-k8coyod0dn],
.group-list-card-icon[b-k8coyod0dn],
.bill-list-card-featured-icon[b-k8coyod0dn] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-600);
}


.workspace-hero-icon[b-k8coyod0dn]  .app-icon {
    width: 1.95rem;
    height: 1.95rem;
    stroke-width: 1.7;
}

.workspace-hero-content[b-k8coyod0dn],
.workspace-actions[b-k8coyod0dn] {
    z-index: 2;
}

.workspace-hero-content[b-k8coyod0dn] {
    min-width: 0;
}


.workspace-hero h1[b-k8coyod0dn] {
    margin: 0.25rem 0 0;
    color: var(--ink-950);
    font-size: clamp(2.6rem, 6vw, 4.4rem);
    font-weight: 950;
    letter-spacing: -0.06em;
    line-height: 0.98;
}

.workspace-hero p[b-k8coyod0dn] {
    max-width: 35rem;
    margin: 0.65rem 0 0;
    color: var(--ink-600);
    font-size: clamp(0.88rem, 2vw, 1rem);
    line-height: 1.6;
}

.workspace-actions[b-k8coyod0dn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.workspace-primary-action[b-k8coyod0dn],
.workspace-secondary-action[b-k8coyod0dn] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.9rem;
    padding: 0.65rem 0.95rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}


.workspace-secondary-action[b-k8coyod0dn] {
    border: 1px solid var(--border-strong);
    background: rgba(255,255,255,.9);
    color: var(--ink-900);
    box-shadow: var(--shadow-sm);
}

.workspace-primary-action:hover[b-k8coyod0dn],
.workspace-primary-action:focus-visible[b-k8coyod0dn],
.workspace-secondary-action:hover[b-k8coyod0dn],
.workspace-secondary-action:focus-visible[b-k8coyod0dn] {
    transform: translateY(-1px);
}

.workspace-primary-action:disabled[b-k8coyod0dn],
.workspace-secondary-action:disabled[b-k8coyod0dn] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.workspace-primary-action[b-k8coyod0dn]  .app-icon,
.workspace-secondary-action[b-k8coyod0dn]  .app-icon {
    width: 1rem;
    height: 1rem;
}


.group-create-panel[b-k8coyod0dn] {
    gap: 0.95rem;
}

.group-create-panel[b-k8coyod0dn]  form {
    display: grid;
    gap: 0.8rem;
}

.group-create-panel .search-field input[b-k8coyod0dn] {
    font-size: 1rem;
}

.group-recent-shared[b-k8coyod0dn] {
    display: grid;
    gap: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--brand-500) 24%, var(--border));
    border-radius: 1.15rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--brand-50) 46%, var(--surface-raised));
    box-shadow: var(--shadow-sm);
}

.group-recent-shared-heading[b-k8coyod0dn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.group-recent-shared-heading > div[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.group-recent-shared-heading h2[b-k8coyod0dn],
.group-recent-shared-heading p[b-k8coyod0dn] {
    margin: 0;
}

.group-recent-shared-heading h2[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 1.1rem;
    letter-spacing: -0.025em;
}

.group-recent-shared-heading p[b-k8coyod0dn] {
    color: var(--ink-600);
    font-size: 0.78rem;
}

.group-recent-shared-list[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.group-recent-shared-item[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    min-height: 4.75rem;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    grid-template-areas:
        "icon copy arrow"
        "icon role arrow";
    align-items: center;
    gap: 0.2rem 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.7rem;
    background: var(--surface-raised);
    color: inherit;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.group-recent-shared-item:hover[b-k8coyod0dn],
.group-recent-shared-item:focus-visible[b-k8coyod0dn] {
    border-color: var(--brand-500);
    color: inherit;
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.group-recent-shared-item:focus-visible[b-k8coyod0dn] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 28%, transparent);
    outline-offset: 2px;
}

.group-recent-shared-icon[b-k8coyod0dn] {
    grid-area: icon;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.78rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-recent-shared-icon[b-k8coyod0dn]  .app-icon {
    width: 1.2rem;
    height: 1.2rem;
}

.group-recent-shared-copy[b-k8coyod0dn] {
    grid-area: copy;
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.group-recent-shared-copy strong[b-k8coyod0dn],
.group-recent-shared-copy small[b-k8coyod0dn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-recent-shared-copy strong[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 0.84rem;
}

.group-recent-shared-copy small[b-k8coyod0dn] {
    color: var(--ink-500);
    font-size: 0.66rem;
}

.group-recent-shared-role[b-k8coyod0dn] {
    grid-area: role;
    justify-self: start;
    color: var(--brand-700);
    font-size: 0.66rem;
    font-weight: 850;
}

.group-recent-shared-arrow[b-k8coyod0dn] {
    grid-area: arrow;
    color: var(--ink-400);
}

.group-recent-shared-arrow[b-k8coyod0dn]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.group-scan-destinations-card[b-k8coyod0dn] {
    gap: 0.9rem;
}

.group-scan-destination-list[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.group-scan-destination[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    min-height: 4.5rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.7rem;
    background: var(--surface-raised);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
    -webkit-tap-highlight-color: transparent;
}

.group-scan-destination:hover[b-k8coyod0dn],
.group-scan-destination.selected[b-k8coyod0dn] {
    border-color: var(--brand-500);
    background: var(--brand-50);
}

.group-scan-destination.selected[b-k8coyod0dn] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-500) 17%, transparent);
}

.group-scan-destination > input[b-k8coyod0dn] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.group-scan-check[b-k8coyod0dn] {
    display: grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border: 2px solid var(--border-strong);
    border-radius: 0.5rem;
    background: var(--surface-raised);
    color: transparent;
}

.group-scan-check[b-k8coyod0dn]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-scan-destination > input:checked + .group-scan-check[b-k8coyod0dn] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.group-scan-destination > input:focus-visible + .group-scan-check[b-k8coyod0dn] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 28%, transparent);
    outline-offset: 2px;
}

.group-scan-destination > span:last-child[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    gap: 0.14rem;
}

.group-scan-destination strong[b-k8coyod0dn],
.group-scan-destination small[b-k8coyod0dn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-scan-destination strong[b-k8coyod0dn] {
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 950;
}

.group-scan-destination small[b-k8coyod0dn] {
    color: var(--ink-500);
    font-size: 0.62rem;
}

.group-existing-receipts-card[b-k8coyod0dn] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(190, 204, 224, 0.62);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}

.group-existing-receipts-summary[b-k8coyod0dn] {
    position: relative;
    display: grid;
    min-height: 6.2rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    overflow: hidden;
    padding: 1rem 1.15rem;
    background:
        radial-gradient(circle at 88% 20%, rgba(37, 99, 235, 0.13), transparent 10rem),
        linear-gradient(135deg, #ffffff 0%, #f7faff 58%, #edf4ff 100%);
    color: var(--ink-900);
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.group-existing-receipts-summary[b-k8coyod0dn]::after {
    position: absolute;
    right: 8rem;
    bottom: -4.8rem;
    width: 9rem;
    height: 9rem;
    border: 1px solid rgba(37, 99, 235, 0.08);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 1.8rem rgba(37, 99, 235, 0.025);
    pointer-events: none;
}

.group-existing-receipts-summary[b-k8coyod0dn]::-webkit-details-marker {
    display: none;
}

.group-existing-receipts-summary:hover[b-k8coyod0dn],
.group-existing-receipts-summary:focus-visible[b-k8coyod0dn],
.group-existing-receipts-card[open] > .group-existing-receipts-summary[b-k8coyod0dn] {
    background:
        radial-gradient(circle at 88% 20%, rgba(37, 99, 235, 0.18), transparent 10rem),
        linear-gradient(135deg, #ffffff 0%, #f3f7ff 58%, #e7f0ff 100%);
}

.group-existing-receipts-summary:focus-visible[b-k8coyod0dn] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 22%, transparent);
    outline-offset: -3px;
}

.group-existing-receipts-icon[b-k8coyod0dn] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    place-items: center;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 1rem;
    background: linear-gradient(145deg, #3777f6, #1d56d9);
    color: #fff;
    box-shadow: 0 0.7rem 1.5rem rgba(37, 99, 235, 0.2);
}

.group-existing-receipts-icon[b-k8coyod0dn]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.group-existing-receipts-copy[b-k8coyod0dn] {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.group-existing-receipts-copy strong[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.group-existing-receipts-copy > span[b-k8coyod0dn] {
    color: var(--ink-500);
    font-size: 0.66rem;
}

.group-existing-receipts-copy .group-existing-receipts-kicker[b-k8coyod0dn] {
    color: var(--brand-600);
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.group-existing-receipts-action[b-k8coyod0dn] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 999px;
    padding: 0 0.75rem;
    background: rgba(255, 255, 255, 0.82);
    color: var(--brand-700);
    font-size: 0.65rem;
    font-weight: 900;
    box-shadow: var(--shadow-sm);
    white-space: nowrap;
}

.group-existing-receipts-close-label[b-k8coyod0dn] {
    display: none;
}

.group-existing-receipts-card[open] .group-existing-receipts-open-label[b-k8coyod0dn] {
    display: none;
}

.group-existing-receipts-card[open] .group-existing-receipts-close-label[b-k8coyod0dn] {
    display: inline;
}

.group-existing-receipts-chevron[b-k8coyod0dn] {
    display: grid;
    color: var(--ink-700);
    transition: transform 0.16s ease;
}

.group-existing-receipts-chevron[b-k8coyod0dn]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.group-existing-receipts-card[open] .group-existing-receipts-chevron[b-k8coyod0dn] {
    transform: rotate(90deg);
}

.group-existing-receipts-content[b-k8coyod0dn] {
    display: grid;
    gap: 0.9rem;
    border-top: 1px solid var(--border);
    padding: 0.9rem;
}

.group-bulk-target[b-k8coyod0dn] {
    display: grid;
    gap: 0.35rem;
}

.group-bulk-target > span[b-k8coyod0dn] {
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 900;
}

.group-bulk-target select[b-k8coyod0dn] {
    width: 100%;
    min-height: 2.9rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.8rem;
    padding: 0 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 850;
}

.group-bulk-target select:focus-visible[b-k8coyod0dn] {
    border-color: var(--brand-600);
    outline: 3px solid color-mix(in srgb, var(--brand-500) 18%, transparent);
    outline-offset: 1px;
}

.group-bulk-search[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
}

.group-bulk-search-field[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    min-height: 2.9rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.8rem;
    padding: 0 0.7rem;
    background: var(--surface-raised);
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.group-bulk-search-field:focus-within[b-k8coyod0dn] {
    border-color: var(--brand-600);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 18%, transparent);
}

.group-bulk-search-icon[b-k8coyod0dn] {
    display: grid;
    color: var(--ink-500);
}

.group-bulk-search-icon[b-k8coyod0dn]  .app-icon,
.group-bulk-search-button[b-k8coyod0dn]  .app-icon,
.group-bulk-search-clear[b-k8coyod0dn]  .app-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.group-bulk-search-field input[b-k8coyod0dn] {
    min-width: 0;
    min-height: 2.75rem;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    color: var(--ink-900);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 750;
}

.group-bulk-search-field input[b-k8coyod0dn]::placeholder {
    color: var(--ink-400);
    font-weight: 650;
}

.group-bulk-search-field input[b-k8coyod0dn]::-webkit-search-cancel-button {
    display: none;
}

.group-bulk-search-clear[b-k8coyod0dn] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 0;
    border-radius: 0.65rem;
    background: transparent;
    color: var(--ink-500);
    cursor: pointer;
}

.group-bulk-search-clear:hover[b-k8coyod0dn] {
    background: var(--surface-soft);
    color: var(--ink-900);
}

.group-bulk-search-button[b-k8coyod0dn] {
    display: inline-flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.8rem;
    padding: 0 0.9rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
}

.group-bulk-search-button:hover[b-k8coyod0dn] {
    border-color: var(--brand-500);
    color: var(--brand-700);
}

.group-bulk-search-button:disabled[b-k8coyod0dn],
.group-bulk-search-clear:disabled[b-k8coyod0dn] {
    cursor: not-allowed;
    opacity: 0.5;
}

.group-bulk-search-result[b-k8coyod0dn] {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 0.72rem;
    padding: 0.45rem 0.7rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.64rem;
    font-weight: 750;
}

.group-bulk-search-result strong[b-k8coyod0dn] {
    color: var(--ink-900);
}

.group-bulk-toolbar[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
}

.group-bulk-select-all[b-k8coyod0dn] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.78rem;
    padding: 0 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    cursor: pointer;
}

.group-bulk-select-all input[b-k8coyod0dn] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--brand-600);
}

.group-bulk-select-all span[b-k8coyod0dn] {
    font-size: 0.68rem;
    font-weight: 900;
}

.group-bulk-add-button[b-k8coyod0dn] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--brand-600);
    border-radius: 0.78rem;
    padding: 0 0.85rem;
    background: var(--brand-600);
    color: #fff;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
}

.group-bulk-add-button[b-k8coyod0dn]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-bulk-add-button:disabled[b-k8coyod0dn],
.group-bulk-select-all:has(input:disabled)[b-k8coyod0dn] {
    cursor: not-allowed;
    opacity: 0.55;
}

.group-bulk-message[b-k8coyod0dn],
.group-bulk-loading[b-k8coyod0dn],
.group-bulk-empty[b-k8coyod0dn] {
    border-radius: 0.8rem;
    padding: 0.7rem 0.8rem;
    font-size: 0.7rem;
}

.group-bulk-message[b-k8coyod0dn] {
    font-weight: 850;
}

.group-bulk-message.success[b-k8coyod0dn] {
    background: var(--success-50);
    color: var(--success-600);
}

.group-bulk-message.error[b-k8coyod0dn] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.group-bulk-loading[b-k8coyod0dn] {
    background: var(--surface-soft);
    color: var(--ink-600);
    font-weight: 800;
}

.group-bulk-empty[b-k8coyod0dn] {
    display: grid;
    gap: 0.25rem;
    border: 1px dashed var(--border-strong);
    background: var(--surface-soft);
    text-align: center;
}

.group-bulk-empty strong[b-k8coyod0dn] {
    color: var(--ink-900);
    font-size: 0.76rem;
}

.group-bulk-empty span[b-k8coyod0dn] {
    color: var(--ink-600);
}

.group-bulk-receipt-list[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.group-bulk-receipt[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    min-height: 5.25rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.7rem;
    background: var(--surface-raised);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
    -webkit-tap-highlight-color: transparent;
}

.group-bulk-receipt:hover[b-k8coyod0dn],
.group-bulk-receipt.selected[b-k8coyod0dn] {
    border-color: var(--brand-500);
    background: var(--brand-50);
}

.group-bulk-receipt.selected[b-k8coyod0dn] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-500) 18%, transparent);
}

.group-bulk-receipt > input[b-k8coyod0dn] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.group-bulk-receipt-check[b-k8coyod0dn] {
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border: 2px solid var(--border-strong);
    border-radius: 0.48rem;
    background: var(--surface-raised);
    color: transparent;
}

.group-bulk-receipt-check[b-k8coyod0dn]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-bulk-receipt > input:checked + .group-bulk-receipt-check[b-k8coyod0dn] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.group-bulk-receipt > input:focus-visible + .group-bulk-receipt-check[b-k8coyod0dn] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 28%, transparent);
    outline-offset: 2px;
}

.group-bulk-receipt-copy[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.group-bulk-receipt-copy > strong[b-k8coyod0dn],
.group-bulk-receipt-item[b-k8coyod0dn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-bulk-receipt-copy > strong[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 0.74rem;
    font-weight: 950;
}

.group-bulk-receipt-copy small[b-k8coyod0dn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.45rem;
    color: var(--ink-500);
    font-size: 0.57rem;
}

.group-bulk-attachment-marker[b-k8coyod0dn] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    color: var(--brand-700);
    font-weight: 850;
}

.group-bulk-attachment-marker[b-k8coyod0dn]  .app-icon {
    width: 0.68rem;
    height: 0.68rem;
}

.group-bulk-receipt-item[b-k8coyod0dn] {
    color: var(--ink-700);
    font-size: 0.6rem;
    font-weight: 750;
}

.group-bulk-receipt-total[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 0.74rem;
    font-weight: 950;
    white-space: nowrap;
}

.group-bulk-pagination[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.55rem;
}

.group-bulk-pagination button[b-k8coyod0dn] {
    min-height: 2.75rem;
    border: 1px solid var(--border);
    border-radius: 0.72rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.66rem;
    font-weight: 850;
    cursor: pointer;
}

.group-bulk-pagination button:first-child[b-k8coyod0dn] {
    justify-self: start;
}

.group-bulk-pagination button:last-child[b-k8coyod0dn] {
    justify-self: end;
}

.group-bulk-pagination button:disabled[b-k8coyod0dn] {
    cursor: not-allowed;
    opacity: 0.5;
}

.group-bulk-pagination span[b-k8coyod0dn] {
    color: var(--ink-500);
    font-size: 0.62rem;
    font-weight: 800;
    text-align: center;
}


.search-field-icon[b-k8coyod0dn]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
}


.validation-message[b-k8coyod0dn] {
    color: #9f1239;
    font-size: 0.72rem;
    font-weight: 800;
}


.workspace-section-icon[b-k8coyod0dn]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}


.group-create-panel .workspace-list-title h2[b-k8coyod0dn] {
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
}


.workspace-list-title p[b-k8coyod0dn]  .app-icon {
    width: 0.82rem;
    height: 0.82rem;
}


.group-list-card[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    border: 1px solid transparent;
    border-bottom-color: var(--border);
    border-radius: 1rem;
    padding: 0.9rem 0.55rem;
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.group-list-card:last-child[b-k8coyod0dn] {
    border-bottom-color: transparent;
}

.group-list-card:hover[b-k8coyod0dn],
.group-list-card:focus-visible[b-k8coyod0dn] {
    border-color: var(--brand-200);
    background: linear-gradient(90deg, var(--brand-50), var(--surface-raised) 55%);
    box-shadow: 0 0.75rem 1.8rem rgba(37, 99, 235, 0.08);
    transform: translateY(-1px);
}

.group-list-card:focus-visible[b-k8coyod0dn] {
    outline: 3px solid rgba(37, 99, 235, 0.18);
    outline-offset: 2px;
}

.group-list-card-icon[b-k8coyod0dn] {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(205, 222, 246, 0.78);
    border-radius: 0.95rem;
    box-shadow: inset 0 1px 0 #fff;
}

.group-list-card-icon[b-k8coyod0dn]  .app-icon {
    width: 1.28rem;
    height: 1.28rem;
}

.bill-list-card-main[b-k8coyod0dn],
.bill-list-card-side[b-k8coyod0dn] {
    min-width: 0;
}

.bill-list-card-main[b-k8coyod0dn] {
    display: grid;
    gap: 0.4rem;
}

.bill-list-card-heading[b-k8coyod0dn] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.48rem;
}

.bill-list-card-title[b-k8coyod0dn] {
    display: block;
    overflow: hidden;
    min-width: 0;
    color: var(--ink-950);
    font-size: 0.91rem;
    font-weight: 950;
    letter-spacing: -0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-status[b-k8coyod0dn] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.22rem;
    min-height: 1.45rem;
    border-radius: 999px;
    padding: 0 0.43rem;
    font-size: 0.56rem;
    font-weight: 900;
    white-space: nowrap;
}

.bill-list-card-status[b-k8coyod0dn]  .app-icon {
    width: 0.68rem;
    height: 0.68rem;
    stroke-width: 2.15;
}

.bill-list-card-status.verified[b-k8coyod0dn] {
    background: var(--success-50);
    color: var(--success-600);
}

.bill-list-card-status.manual[b-k8coyod0dn] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.bill-list-card-status.neutral[b-k8coyod0dn] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.bill-list-card-featured[b-k8coyod0dn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.48rem;
    width: min(100%, 30rem);
    min-height: 2.55rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0.38rem 0.48rem;
    background: var(--surface-soft);
}

.bill-list-card-featured-icon[b-k8coyod0dn] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 0.58rem;
    background: var(--brand-100);
}

.bill-list-card-featured-icon[b-k8coyod0dn]  .app-icon {
    width: 0.88rem;
    height: 0.88rem;
}

.bill-list-card-featured-copy[b-k8coyod0dn] {
    display: grid;
    min-width: 0;
    gap: 0.02rem;
}

.bill-list-card-featured-copy small[b-k8coyod0dn] {
    color: var(--ink-500);
    font-size: 0.52rem;
    font-weight: 950;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.bill-list-card-featured-copy strong[b-k8coyod0dn] {
    overflow: hidden;
    color: var(--ink-800);
    font-size: 0.78rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-featured-price[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.bill-list-card-meta[b-k8coyod0dn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.16rem 0.45rem;
    color: var(--ink-500);
    font-size: 0.63rem;
}

.bill-list-card-meta > span + span[b-k8coyod0dn]::before {
    content: "·";
    margin-right: 0.45rem;
    color: #c2cedd;
}

.bill-list-card-side[b-k8coyod0dn] {
    display: grid;
    min-width: 6.5rem;
    justify-items: end;
    gap: 0.06rem;
    text-align: right;
}

.bill-list-card-total-label[b-k8coyod0dn],
.bill-list-card-subtitle[b-k8coyod0dn],
.bill-list-card-total-value[b-k8coyod0dn] {
    display: block;
}

.bill-list-card-total-label[b-k8coyod0dn] {
    color: var(--ink-400);
    font-size: 0.51rem;
    font-weight: 950;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.bill-list-card-total-value[b-k8coyod0dn] {
    color: var(--ink-950);
    font-size: 1.08rem;
    font-weight: 950;
    letter-spacing: -0.035em;
    line-height: 1.08;
    white-space: nowrap;
}

.bill-list-card-subtitle[b-k8coyod0dn] {
    overflow: hidden;
    max-width: 8.5rem;
    color: var(--ink-500);
    font-size: 0.58rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-arrow[b-k8coyod0dn] {
    display: grid;
    color: var(--ink-400);
}

.group-list-card:hover .bill-list-card-arrow[b-k8coyod0dn],
.group-list-card:focus-visible .bill-list-card-arrow[b-k8coyod0dn] {
    color: var(--brand-600);
}

.bill-list-card-arrow[b-k8coyod0dn]  .app-icon {
    width: 1rem;
    height: 1rem;
}


.empty-icon[b-k8coyod0dn] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.95rem;
}

.empty-icon[b-k8coyod0dn]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}


@media (max-width: 980px) {
    .workspace-hero[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .workspace-actions[b-k8coyod0dn] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .workspace-page[b-k8coyod0dn] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .workspace-hero[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.75rem;
        border-radius: 1.35rem;
        padding: 1rem;
    }

    .workspace-hero-icon[b-k8coyod0dn] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1rem;
    }

    .workspace-hero-icon[b-k8coyod0dn]  .app-icon {
        width: 1.45rem;
        height: 1.45rem;
    }

    .workspace-hero h1[b-k8coyod0dn] {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .workspace-hero p[b-k8coyod0dn] {
        margin-top: 0.4rem;
        font-size: 0.76rem;
    }

    .workspace-actions[b-k8coyod0dn] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .group-scan-destination-list[b-k8coyod0dn] {
        grid-template-columns: 1fr;
    }

    .group-scan-destination[b-k8coyod0dn] {
        min-height: 4.25rem;
    }

    .group-bulk-search[b-k8coyod0dn],
    .group-bulk-toolbar[b-k8coyod0dn],
    .group-bulk-receipt-list[b-k8coyod0dn] {
        grid-template-columns: 1fr;
    }

    .group-bulk-search-button[b-k8coyod0dn] {
        width: 100%;
        min-height: 2.8rem;
    }

    .group-bulk-search-field input[b-k8coyod0dn],
    .group-bulk-target select[b-k8coyod0dn] {
        font-size: 1rem;
    }

    .group-existing-receipts-summary[b-k8coyod0dn] {
        min-height: 5.4rem;
        gap: 0.65rem;
        padding: 0.8rem;
    }

    .group-existing-receipts-summary[b-k8coyod0dn]::after {
        display: none;
    }

    .group-existing-receipts-icon[b-k8coyod0dn] {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: 0.85rem;
    }

    .group-existing-receipts-copy strong[b-k8coyod0dn] {
        font-size: 0.9rem;
    }

    .group-existing-receipts-copy > span[b-k8coyod0dn] {
        font-size: 0.59rem;
        line-height: 1.35;
    }

    .group-existing-receipts-action[b-k8coyod0dn] {
        min-width: 2.75rem;
        padding: 0;
        justify-content: center;
    }

    .group-existing-receipts-open-label[b-k8coyod0dn],
    .group-existing-receipts-close-label[b-k8coyod0dn] {
        display: none !important;
    }

    .group-bulk-select-all[b-k8coyod0dn],
    .group-bulk-add-button[b-k8coyod0dn] {
        width: 100%;
    }

    .group-bulk-receipt[b-k8coyod0dn] {
        min-height: 4.75rem;
        padding: 0.68rem;
    }

    .group-bulk-pagination[b-k8coyod0dn] {
        grid-template-columns: 1fr 1fr;
    }

    .group-bulk-pagination span[b-k8coyod0dn] {
        grid-column: 1 / -1;
        grid-row: 1;
        text-align: center;
    }

    .workspace-primary-action[b-k8coyod0dn],
    .workspace-secondary-action[b-k8coyod0dn] {
        min-height: 2.8rem;
        padding: 0.55rem 0.55rem;
        font-size: 0.72rem;
    }

    .workspace-search-card[b-k8coyod0dn] {
        border-radius: 1.2rem;
        padding: 0.75rem;
    }

    .workspace-search-row[b-k8coyod0dn] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem;
    }

    .search-field input[b-k8coyod0dn],
    .search-submit[b-k8coyod0dn] {
        min-height: 2.8rem;
    }

    .search-field input[b-k8coyod0dn] {
        padding-right: 0.55rem;
        padding-left: 2.4rem;
        font-size: 16px;
    }

    .search-field-icon[b-k8coyod0dn] {
        left: 0.78rem;
    }

    .search-submit[b-k8coyod0dn] {
        min-width: 4.7rem;
        padding: 0 0.65rem;
        font-size: 0.72rem;
    }

    .workspace-panel[b-k8coyod0dn] {
        border-radius: 1.2rem;
        padding: 0.8rem;
    }

    .workspace-list-heading[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.6rem;
    }

    .workspace-section-icon[b-k8coyod0dn],
    .group-list-card-icon[b-k8coyod0dn] {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 0.82rem;
    }

    .workspace-list-title h2[b-k8coyod0dn] {
        font-size: 1.15rem;
    }

    .workspace-result-count[b-k8coyod0dn] {
        font-size: 0.68rem;
    }

    .group-list-card[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.65rem;
        padding: 0.8rem 0.35rem;
    }

    .bill-list-card-side[b-k8coyod0dn] {
        min-width: 5.8rem;
    }

    .bill-list-card-featured[b-k8coyod0dn] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .bill-list-card-arrow[b-k8coyod0dn] {
        display: none;
    }

    .workspace-empty.big-empty[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .workspace-empty.big-empty .workspace-primary-action[b-k8coyod0dn] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 390px) {
    .workspace-search-row[b-k8coyod0dn] {
        grid-template-columns: 1fr;
    }

    .search-submit[b-k8coyod0dn] {
        width: 100%;
    }

    .workspace-result-count[b-k8coyod0dn] {
        max-width: 5.5rem;
        text-align: right;
        white-space: normal;
    }

    .group-list-card[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .bill-list-card-side[b-k8coyod0dn] {
        grid-column: 1 / -1;
        justify-items: start;
        text-align: left;
    }
}

.group-list-card-mobile-bill-count[b-k8coyod0dn] {
    display: none;
}

/* The group overview has its own mobile card. Keep it independent from the
   receipt-card layout used inside a group detail page. */
@media (max-width: 680px) {
    .group-recent-shared-list[b-k8coyod0dn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .group-recent-shared-copy strong[b-k8coyod0dn],
    .group-recent-shared-copy small[b-k8coyod0dn] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .bill-history-grid[b-k8coyod0dn] {
        gap: 0.75rem;
    }

    .group-list-card[b-k8coyod0dn],
    .group-list-card:last-child[b-k8coyod0dn] {
        display: grid;
        width: 100%;
        min-width: 0;
        grid-template-columns: 2.75rem minmax(0, 1fr);
        grid-template-areas:
            "icon main"
            "side side" !important;
        align-items: start;
        gap: 0.7rem;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 1rem;
        padding: 0.8rem;
        background: var(--surface-raised);
        box-shadow: var(--shadow-sm);
    }

    .group-list-card:hover[b-k8coyod0dn],
    .group-list-card:focus-visible[b-k8coyod0dn] {
        background: var(--surface-soft);
        transform: none;
    }

    .group-list-card-icon[b-k8coyod0dn] {
        grid-area: icon;
        width: 2.75rem;
        height: 2.75rem;
        align-self: start;
    }

    .group-list-card .bill-list-card-main[b-k8coyod0dn] {
        grid-area: main;
        display: grid;
        width: 100%;
        min-width: 0;
        gap: 0.55rem;
    }

    .group-list-card .bill-list-card-heading[b-k8coyod0dn] {
        display: grid;
        min-width: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.38rem;
        align-items: start;
    }

    .group-list-card .bill-list-card-title[b-k8coyod0dn] {
        display: -webkit-box;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        color: var(--ink-950);
        font-size: 0.95rem;
        line-height: 1.25;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .group-list-card .bill-list-card-status[b-k8coyod0dn] {
        justify-self: start;
        width: auto;
        max-width: 100%;
        font-size: 0.62rem;
    }

    .group-list-card .group-list-card-summary[b-k8coyod0dn] {
        display: none !important;
    }

    .group-list-card-mobile-bill-count[b-k8coyod0dn] {
        display: inline-flex;
    }

    .group-list-card .bill-list-card-meta[b-k8coyod0dn] {
        display: flex;
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
        gap: 0.3rem 0.45rem;
        color: var(--ink-600);
        font-size: 0.64rem;
        line-height: 1.4;
    }

    .group-list-card .bill-list-card-side[b-k8coyod0dn] {
        grid-area: side;
        display: grid;
        width: 100%;
        min-width: 0;
        grid-template-columns: auto auto minmax(0, 1fr);
        grid-template-areas: "label value subtitle";
        align-items: baseline;
        justify-items: start;
        gap: 0.2rem 0.55rem;
        overflow: hidden;
        border-top: 1px solid var(--border);
        padding-top: 0.65rem;
        text-align: left;
    }

    .group-list-card .bill-list-card-total-label[b-k8coyod0dn] {
        grid-area: label;
        color: var(--ink-500);
        white-space: nowrap;
    }

    .group-list-card .bill-list-card-total-value[b-k8coyod0dn] {
        grid-area: value;
        justify-self: start;
        color: var(--ink-950);
        font-size: 1rem;
        white-space: nowrap;
    }

    .group-list-card .bill-list-card-subtitle[b-k8coyod0dn] {
        grid-area: subtitle;
        min-width: 0;
        max-width: 100%;
        justify-self: end;
        overflow: visible;
        color: var(--ink-600);
        font-size: 0.62rem;
        text-align: right;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .group-list-card .bill-list-card-arrow[b-k8coyod0dn] {
        display: none;
    }
}

@media (max-width: 390px) {
    .group-list-card .bill-list-card-side[b-k8coyod0dn] {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "label value"
            "subtitle subtitle";
    }

    .group-list-card .bill-list-card-subtitle[b-k8coyod0dn] {
        justify-self: start;
        text-align: left;
    }
}
/* /Components/Pages/GroupSettings.razor.rz.scp.css */
.group-settings-workspace[b-8qgw7vf9t5] {
    width: min(100%, var(--page-content-max));
    gap: 0.9rem;
    padding-top: clamp(0.6rem, 2vw, 1.2rem);
}

.group-settings-workspace > *[b-8qgw7vf9t5] {
    min-width: 0;
    grid-column: 1 / -1;
}

.group-settings-workspace > .workspace-hero[b-8qgw7vf9t5] {
    min-height: 8.5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: clamp(1.1rem, 3vw, 1.65rem);
}

.group-settings-workspace > .workspace-hero .workspace-hero-icon[b-8qgw7vf9t5] {
    width: 3.65rem;
    height: 3.65rem;
}

.group-settings-workspace > .workspace-hero h2[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
    font-size: clamp(2rem, 4.8vw, 3.35rem);
    line-height: 1;
}

.group-settings-summary[b-8qgw7vf9t5] {
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(6.2rem, 1fr));
    gap: 0.45rem;
    width: min(100%, 18rem);
}

.group-settings-summary.limited[b-8qgw7vf9t5] {
    grid-template-columns: repeat(2, minmax(6.2rem, 1fr));
}

.group-settings-summary > span[b-8qgw7vf9t5] {
    display: grid;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.45rem 0.65rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
}

.group-settings-summary > span > small[b-8qgw7vf9t5] {
    color: inherit;
    font-size: 0.66rem;
    line-height: 1.1;
}

.group-settings-summary strong[b-8qgw7vf9t5] {
    color: var(--ink-950);
    font-size: 0.9rem;
}

.group-settings-summary .group-settings-role[b-8qgw7vf9t5] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-settings-toast-stack[b-8qgw7vf9t5] {
    position: fixed;
    z-index: 1150;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    display: grid;
    width: min(25rem, calc(100vw - 2rem));
    gap: 0.6rem;
    pointer-events: none;
}

.group-settings-toast[b-8qgw7vf9t5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
    border: 1px solid var(--border-strong);
    border-radius: 1rem;
    padding: 0.8rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-lg);
    pointer-events: auto;
}

.group-settings-toast.success[b-8qgw7vf9t5] {
    border-color: color-mix(in srgb, var(--success-600) 38%, var(--border));
}

.group-settings-toast.error[b-8qgw7vf9t5] {
    border-color: color-mix(in srgb, var(--danger-600) 42%, var(--border));
}

.group-settings-toast-icon[b-8qgw7vf9t5] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 0.75rem;
}

.group-settings-toast.success .group-settings-toast-icon[b-8qgw7vf9t5] {
    background: var(--success-50);
    color: var(--success-600);
}

.group-settings-toast.error .group-settings-toast-icon[b-8qgw7vf9t5] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.group-settings-toast-icon[b-8qgw7vf9t5]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.group-settings-toast-copy[b-8qgw7vf9t5] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
    padding-top: 0.08rem;
}

.group-settings-toast-copy strong[b-8qgw7vf9t5] {
    color: var(--ink-950);
    font-size: 0.8rem;
    font-weight: 900;
}

.group-settings-toast-copy span[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
    color: var(--ink-600);
    font-size: 0.74rem;
    line-height: 1.45;
}

.group-settings-toast-dismiss[b-8qgw7vf9t5] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 0;
    border-radius: 0.75rem;
    background: transparent;
    color: var(--ink-500);
    cursor: pointer;
}

.group-settings-toast-dismiss:hover[b-8qgw7vf9t5],
.group-settings-toast-dismiss:focus-visible[b-8qgw7vf9t5] {
    background: var(--surface-muted);
    color: var(--ink-900);
    outline: none;
}

.group-settings-toast-dismiss:focus-visible[b-8qgw7vf9t5] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 24%, transparent);
}

.group-settings-toast-dismiss[b-8qgw7vf9t5]  .app-icon {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 860px) {
.group-settings-workspace > .workspace-hero[b-8qgw7vf9t5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

.group-settings-summary[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
        width: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}

@media (max-width: 800px) {
.group-settings-toast-stack[b-8qgw7vf9t5] {
        right: max(0.65rem, env(safe-area-inset-right));
        bottom: calc(5.5rem + env(safe-area-inset-bottom));
        left: max(0.65rem, env(safe-area-inset-left));
        width: auto;
    }

}

@media (max-width: 760px) {
.group-settings-workspace[b-8qgw7vf9t5] {
        gap: 0.72rem;
        padding-top: 0;
    }

.group-settings-workspace > .workspace-hero[b-8qgw7vf9t5] {
        min-height: auto;
        padding: 1rem;
    }

.group-settings-workspace > .workspace-hero .workspace-hero-icon[b-8qgw7vf9t5] {
        width: 3rem;
        height: 3rem;
    }

.group-settings-summary[b-8qgw7vf9t5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 390px) {
.group-settings-summary[b-8qgw7vf9t5],
.group-settings-summary.limited[b-8qgw7vf9t5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.group-settings-summary > span[b-8qgw7vf9t5] {
        min-height: 3.35rem;
        justify-content: center;
    }

}
/* /Components/Pages/Home.razor.rz.scp.css */
.welcome-page[b-x5oeeu3ick] {
    --welcome-action: #2563eb;
    --welcome-action-hover: #1d4ed8;
    width: 100%;
    min-width: 0;
    color: var(--ink-950);
    overflow-wrap: anywhere;
}

.welcome-page[b-x5oeeu3ick],
.welcome-page *[b-x5oeeu3ick] {
    min-width: 0;
}

.welcome-intro-panel[b-x5oeeu3ick] {
    min-height: 100svh;
    min-height: 100dvh;
}

.welcome-intro-panel[b-x5oeeu3ick] {
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--brand-100) 78%, transparent), transparent 28rem),
        radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--brand-50) 88%, transparent), transparent 30rem),
        var(--surface);
}

.welcome-frame[b-x5oeeu3ick] {
    display: grid;
    width: min(100%, 90rem);
    min-height: 100svh;
    min-height: 100dvh;
    grid-template-rows: auto minmax(0, 1fr);
    margin: 0 auto;
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: max(clamp(1rem, 4vw, 4rem), env(safe-area-inset-right));
    padding-left: max(clamp(1rem, 4vw, 4rem), env(safe-area-inset-left));
}

.welcome-skip-link[b-x5oeeu3ick] {
    position: fixed;
    z-index: 1000;
    top: max(0.75rem, env(safe-area-inset-top));
    left: max(0.75rem, env(safe-area-inset-left));
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    border-radius: 0.75rem;
    padding: 0.65rem 1rem;
    background: var(--ink-950);
    color: var(--surface);
    box-shadow: var(--shadow-lg);
    font-size: 0.9rem;
    font-weight: 850;
    text-decoration: none;
    transform: translateY(calc(-100% - 2rem));
    transition: transform 0.18s ease;
}

.welcome-skip-link:focus-visible[b-x5oeeu3ick] {
    color: var(--surface);
    transform: translateY(0);
}

.welcome-topbar[b-x5oeeu3ick] {
    display: grid;
    min-height: 5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(1rem, 3vw, 2.5rem);
    border-bottom: 1px solid var(--border);
}

.welcome-trust[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-self: center;
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0 0.9rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.72rem;
    font-weight: 850;
}

.welcome-trust > span[b-x5oeeu3ick] {
    width: 0.44rem;
    height: 0.44rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--success-600);
    box-shadow: 0 0 0 0.22rem var(--success-50);
}

.welcome-topbar-actions[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.welcome-culture-control[b-x5oeeu3ick] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: flex-start;
}

.welcome-topbar-login[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--welcome-action);
    border-radius: 0.78rem;
    padding: 0.55rem 0.9rem;
    background: var(--welcome-action);
    color: #fff;
    box-shadow: 0 0.45rem 1.1rem rgba(37, 99, 235, 0.18);
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.welcome-topbar-login:hover[b-x5oeeu3ick],
.welcome-topbar-login:focus-visible[b-x5oeeu3ick] {
    border-color: var(--welcome-action-hover);
    background: var(--welcome-action-hover);
    color: #fff;
}

.welcome-hero[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(24rem, 0.94fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5.5rem);
    padding: clamp(2.5rem, 5vw, 5rem) 0 max(clamp(2.5rem, 5vw, 4rem), env(safe-area-inset-bottom));
}

.welcome-copy[b-x5oeeu3ick] {
    max-width: 46rem;
}

.welcome-kicker[b-x5oeeu3ick],
.welcome-preview-eyebrow[b-x5oeeu3ick],
.welcome-section-index[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--brand-700);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
}

.welcome-kicker[b-x5oeeu3ick]::before {
    width: 1.65rem;
    height: 2px;
    border-radius: 999px;
    background: var(--brand-500);
    content: "";
}

.welcome-copy h1[b-x5oeeu3ick] {
    max-width: 15ch;
    margin: 1rem 0 1.25rem;
    color: var(--ink-950);
    font-size: clamp(2.45rem, calc(1.75rem + 3.15vw), 5.4rem);
    font-weight: 920;
    letter-spacing: -0.06em;
    line-height: 0.98;
    text-wrap: balance;
}

.welcome-hero-lead[b-x5oeeu3ick] {
    max-width: 40rem;
    margin: 0;
    color: var(--ink-700);
    font-size: clamp(1rem, 1.6vw, 1.16rem);
    line-height: 1.68;
}

.login-alert[b-x5oeeu3ick] {
    display: grid;
    max-width: 40rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.72rem;
    margin-top: 1rem;
    border: 1px solid var(--danger-600);
    border-radius: 0.95rem;
    padding: 0.85rem 0.95rem;
    background: var(--danger-50);
    color: var(--ink-950);
}

.login-alert > span[b-x5oeeu3ick] {
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 999px;
    background: var(--danger-600);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 900;
}

.login-alert p[b-x5oeeu3ick] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
}

.welcome-login-actions[b-x5oeeu3ick] {
    max-width: 40rem;
    margin-top: 1.4rem;
}

.welcome-login-label[b-x5oeeu3ick] {
    margin: 0 0 0.65rem;
    color: var(--ink-600);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;
}

.welcome-provider-actions[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

.welcome-login-button[b-x5oeeu3ick] {
    display: grid;
    min-height: 3.45rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.92rem;
    padding: 0.48rem 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-950);
    box-shadow: var(--shadow-sm);
    font-size: 0.86rem;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.welcome-login-button:hover[b-x5oeeu3ick],
.welcome-login-button:focus-visible[b-x5oeeu3ick] {
    border-color: var(--brand-300);
    color: var(--ink-950);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.welcome-login-button > strong[b-x5oeeu3ick] {
    overflow-wrap: anywhere;
    font-weight: 900;
}

.welcome-login-button:only-child[b-x5oeeu3ick] {
    grid-column: 1 / -1;
}

.debug-icon[b-x5oeeu3ick] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.62rem;
}

.debug-icon[b-x5oeeu3ick] {
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 1.05rem;
}

.welcome-login-button.debug[b-x5oeeu3ick] {
    width: 100%;
    margin-top: 0.75rem;
    border-style: dashed;
}

.welcome-security-note[b-x5oeeu3ick] {
    display: grid;
    max-width: 40rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.48rem;
    margin: 1rem 0 0;
    color: var(--ink-600);
    font-size: 0.76rem;
    line-height: 1.5;
}

.welcome-security-note > :first-child[b-x5oeeu3ick] {
    margin-top: 0.12rem;
    color: var(--success-600);
}

.welcome-feature-link[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    border-radius: 0.65rem;
    color: var(--brand-700);
    font-size: 0.8rem;
    font-weight: 900;
    text-underline-offset: 0.2rem;
}

.welcome-feature-link[b-x5oeeu3ick]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
    transform: rotate(90deg);
}

.welcome-product-preview[b-x5oeeu3ick] {
    display: grid;
    width: 100%;
    max-width: 32rem;
    align-content: center;
    justify-self: end;
    gap: 0;
    margin: 0;
}

.welcome-product-preview figcaption[b-x5oeeu3ick] {
    display: grid;
    gap: 0.22rem;
}

.welcome-product-preview figcaption strong[b-x5oeeu3ick] {
    color: var(--ink-900);
    font-size: 1rem;
    line-height: 1.4;
}

.welcome-preview-eyebrow[b-x5oeeu3ick] {
    font-size: 0.75rem;
}

.welcome-screenshot-stage[b-x5oeeu3ick] {
    position: relative;
    display: grid;
    width: 100%;
    place-items: center;
    isolation: isolate;
    padding: 2rem;
    perspective: 1100px;
}

.welcome-screenshot-stage[b-x5oeeu3ick]::before {
    position: absolute;
    z-index: -1;
    inset: 8% 0;
    border-radius: 50%;
    background: radial-gradient(ellipse, color-mix(in srgb, var(--brand-500) 20%, transparent), transparent 70%);
    filter: blur(1.6rem);
    pointer-events: none;
    content: "";
}

.welcome-screenshot-frame[b-x5oeeu3ick] {
    width: min(100%, 26rem);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: 0.375rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-lg);
    transform: rotateX(2deg) rotateY(-8deg) rotateZ(3deg);
    transform-origin: center;
}

.welcome-screenshot-image[b-x5oeeu3ick] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: calc(var(--radius-xl) - 0.375rem);
}

.welcome-features[b-x5oeeu3ick] {
    padding: clamp(2rem, 5vw, 4.5rem) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-right)) clamp(2rem, 5vw, 4.5rem) max(clamp(1rem, 4vw, 3rem), env(safe-area-inset-left));
    background: var(--surface-soft);
}

.welcome-feature-grid[b-x5oeeu3ick] {
    display: grid;
    width: min(100%, var(--page-detail-max));
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    margin: 0 auto;
}

.welcome-feature-panel[b-x5oeeu3ick] {
    display: grid;
    min-width: 0;
    scroll-margin-top: 1.5rem;
    border: 1px solid var(--border);
    border-radius: var(--page-hero-radius);
    padding: clamp(1.25rem, 3vw, 2.5rem);
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.welcome-scan-panel[b-x5oeeu3ick] {
    border-color: var(--brand-200);
    background: linear-gradient(145deg, var(--brand-50), var(--brand-100));
}

.welcome-feature-inner[b-x5oeeu3ick] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1.75rem;
}

.welcome-feature-visual[b-x5oeeu3ick] {
    width: 100%;
    min-width: 0;
    margin-top: auto;
}

.welcome-feature-copy[b-x5oeeu3ick] {
    min-width: 0;
}

.welcome-feature-icon[b-x5oeeu3ick] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
    color: var(--brand-700);
}

.welcome-feature-icon[b-x5oeeu3ick]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.welcome-section-index[b-x5oeeu3ick] {
    color: var(--brand-700);
}

.welcome-feature-copy h2[b-x5oeeu3ick] {
    margin: 1rem 0 0.75rem;
    color: var(--ink-950);
    font-size: clamp(1.5rem, calc(1.1rem + 1vw), 2rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.14;
    text-wrap: balance;
}

.welcome-scan-panel h2[b-x5oeeu3ick] {
    font-size: clamp(1.75rem, calc(1.15rem + 1.5vw), 2.5rem);
}

.welcome-feature-copy > p[b-x5oeeu3ick] {
    max-width: 42rem;
    margin: 0;
    color: var(--ink-700);
    font-size: 1rem;
    line-height: 1.65;
}

.welcome-feature-copy > small[b-x5oeeu3ick] {
    display: block;
    margin-top: 0.75rem;
    color: var(--ink-600);
    font-size: 0.875rem;
    line-height: 1.55;
}

.welcome-protection-panel[b-x5oeeu3ick] {
    background: var(--surface-soft);
    box-shadow: none;
}

@media (min-width: 1024px) {
    .welcome-feature-grid[b-x5oeeu3ick] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .welcome-scan-panel[b-x5oeeu3ick],
    .welcome-analytics-panel[b-x5oeeu3ick] {
        grid-column: span 7;
    }

    .welcome-archive-panel[b-x5oeeu3ick],
    .welcome-groups-panel[b-x5oeeu3ick] {
        grid-column: span 5;
    }

    .welcome-protection-panel[b-x5oeeu3ick] {
        grid-column: 1 / -1;
    }

    .welcome-protection-panel .welcome-feature-inner[b-x5oeeu3ick] {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
        align-items: center;
        gap: clamp(2rem, 4vw, 4rem);
    }

    .welcome-protection-panel .welcome-feature-visual[b-x5oeeu3ick] {
        margin-top: 0;
    }
}

.welcome-final-actions[b-x5oeeu3ick] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.35rem;
}

.welcome-final-primary[b-x5oeeu3ick],
.welcome-text-link[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.78rem;
    padding: 0.65rem 1rem;
    font-size: 0.84rem;
    font-weight: 900;
    text-align: center;
}

.welcome-final-primary[b-x5oeeu3ick] {
    border: 1px solid var(--welcome-action);
    background: var(--welcome-action);
    color: #fff;
    box-shadow: var(--shadow-sm);
    text-decoration: none;
}

.welcome-final-primary:hover[b-x5oeeu3ick],
.welcome-final-primary:focus-visible[b-x5oeeu3ick] {
    border-color: var(--welcome-action-hover);
    background: var(--welcome-action-hover);
    color: #fff;
}

.welcome-text-link[b-x5oeeu3ick] {
    color: var(--brand-700);
    text-underline-offset: 0.2rem;
}

.welcome-faq[b-x5oeeu3ick] {
    border-top: 1px solid var(--border);
    padding: clamp(3.5rem, 6vw, 5.5rem) max(clamp(1rem, 5vw, 5rem), env(safe-area-inset-right)) clamp(3.5rem, 6vw, 5.5rem) max(clamp(1rem, 5vw, 5rem), env(safe-area-inset-left));
    background: var(--surface-soft);
}

.welcome-faq-inner[b-x5oeeu3ick] {
    display: grid;
    width: min(100%, 90rem);
    gap: clamp(2rem, 4vw, 3.5rem);
    margin: 0 auto;
}

.welcome-faq-header[b-x5oeeu3ick] {
    max-width: 48rem;
}

.welcome-faq-header h2[b-x5oeeu3ick] {
    max-width: 16ch;
    margin: 0.65rem 0 0.9rem;
    color: var(--ink-950);
    font-size: clamp(2rem, calc(1.5rem + 2vw), 3.5rem);
    font-weight: 920;
    letter-spacing: -0.05em;
    line-height: 1.02;
    text-wrap: balance;
}

.welcome-faq-header p[b-x5oeeu3ick] {
    max-width: 40rem;
    margin: 0;
    color: var(--ink-700);
    font-size: 1rem;
    line-height: 1.65;
}

.welcome-faq-columns[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
}

.welcome-faq-list[b-x5oeeu3ick] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
}

.welcome-faq-item[b-x5oeeu3ick] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.welcome-faq-item > summary[b-x5oeeu3ick] {
    display: grid;
    min-height: 3.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.85rem 1rem;
    color: var(--ink-900);
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

.welcome-faq-item > summary[b-x5oeeu3ick]::-webkit-details-marker {
    display: none;
}

.welcome-faq-item > summary:hover[b-x5oeeu3ick],
.welcome-faq-item > summary:focus-visible[b-x5oeeu3ick],
.welcome-faq-item[open] > summary[b-x5oeeu3ick] {
    background: var(--brand-50);
    color: var(--brand-800);
}

.welcome-faq-item > summary:focus-visible[b-x5oeeu3ick] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 24%, transparent);
    outline-offset: -3px;
}

.welcome-faq-chevron[b-x5oeeu3ick] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: var(--brand-50);
    color: var(--brand-700);
    transition: transform 0.16s ease;
}

.welcome-faq-chevron[b-x5oeeu3ick]  .app-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.welcome-faq-item[open] .welcome-faq-chevron[b-x5oeeu3ick] {
    transform: rotate(180deg);
}

.welcome-faq-item > p[b-x5oeeu3ick] {
    margin: 0;
    border-top: 1px solid var(--border);
    padding: 0.95rem 1rem 1.05rem;
    color: var(--ink-700);
    font-size: 0.88rem;
    line-height: 1.65;
}

.welcome-footer[b-x5oeeu3ick] {
    display: grid;
    width: min(100%, 90rem);
    grid-template-columns: minmax(12rem, auto) minmax(0, 1fr);
    align-items: start;
    gap: 1rem 2rem;
    margin: 0 auto;
    border-top: 1px solid var(--border);
    padding: 1.5rem max(clamp(1rem, 4vw, 4rem), env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(clamp(1rem, 4vw, 4rem), env(safe-area-inset-left));
    color: var(--ink-600);
    font-size: 0.78rem;
}

.welcome-footer > span[b-x5oeeu3ick] {
    padding-top: 0.72rem;
    font-weight: 800;
}

.welcome-legal[b-x5oeeu3ick] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    text-align: right;
}

.welcome-legal p[b-x5oeeu3ick] {
    margin: 0;
    line-height: 1.5;
}

.welcome-legal-links[b-x5oeeu3ick] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 0.9rem;
}

.welcome-legal-links a[b-x5oeeu3ick],
.welcome-cookie-settings[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    border-radius: 0.55rem;
    color: var(--ink-700);
    font: inherit;
    font-weight: 800;
    text-underline-offset: 0.18em;
}

.welcome-legal-links a:hover[b-x5oeeu3ick],
.welcome-legal-links a:focus-visible[b-x5oeeu3ick],
.welcome-cookie-settings:hover[b-x5oeeu3ick],
.welcome-cookie-settings:focus-visible[b-x5oeeu3ick] {
    color: var(--brand-700);
}

.welcome-cookie-settings[b-x5oeeu3ick] {
    border: 0;
    padding: 0 0.15rem;
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
}

.login-redirect[b-x5oeeu3ick] {
    display: grid;
    min-height: 100svh;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    padding: 2rem;
    text-align: center;
}

.login-redirect h1[b-x5oeeu3ick],
.login-redirect p[b-x5oeeu3ick] {
    margin: 0;
}

.login-redirect h1[b-x5oeeu3ick] {
    font-size: clamp(1.8rem, 5vw, 2.6rem);
    letter-spacing: -0.04em;
}

.login-redirect p[b-x5oeeu3ick] {
    color: var(--ink-600);
}

.redirect-spinner[b-x5oeeu3ick] {
    width: 2.4rem;
    height: 2.4rem;
    border: 0.22rem solid var(--brand-100);
    border-top-color: var(--brand-600);
    border-radius: 50%;
    animation: welcome-spin-b-x5oeeu3ick 0.82s linear infinite;
}

@keyframes welcome-spin-b-x5oeeu3ick {
    to { transform: rotate(360deg); }
}

@media (max-width: 1080px) {
    .welcome-hero[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1.08fr) minmax(21rem, 0.92fr);
        gap: 2rem;
    }
}

@media (max-width: 1023px) {
    .welcome-hero[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2.5rem;
    }

    .welcome-copy[b-x5oeeu3ick] {
        width: 100%;
        justify-self: center;
    }

    .welcome-product-preview[b-x5oeeu3ick] {
        justify-self: center;
    }
}

@media (max-width: 900px) {
    .welcome-trust[b-x5oeeu3ick] {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .welcome-frame[b-x5oeeu3ick] {
        display: block;
        padding-right: max(1.2rem, env(safe-area-inset-right));
        padding-left: max(1.2rem, env(safe-area-inset-left));
    }

    .welcome-topbar[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.75rem;
    }

    .welcome-trust[b-x5oeeu3ick] {
        display: none;
    }

    .welcome-hero[b-x5oeeu3ick] {
        padding-top: 3rem;
    }

    .welcome-copy[b-x5oeeu3ick],
    .welcome-login-actions[b-x5oeeu3ick] {
        max-width: none;
    }

    .welcome-screenshot-stage[b-x5oeeu3ick] {
        padding: 1.25rem 0.875rem;
        perspective: none;
    }

    .welcome-screenshot-frame[b-x5oeeu3ick] {
        transform: none;
    }

    .welcome-faq[b-x5oeeu3ick] {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .welcome-faq-columns[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1fr);
    }

    .welcome-footer[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1fr);
    }

    .welcome-footer > span[b-x5oeeu3ick] {
        padding-top: 0;
    }

    .welcome-legal[b-x5oeeu3ick] {
        justify-items: start;
        text-align: left;
    }

    .welcome-legal-links[b-x5oeeu3ick] {
        justify-content: flex-start;
    }
}

@media (max-width: 430px) {
    .welcome-frame[b-x5oeeu3ick] {
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-left: max(1rem, env(safe-area-inset-left));
    }

    .welcome-topbar-actions[b-x5oeeu3ick] {
        gap: 0.4rem;
    }

    .welcome-culture-control[b-x5oeeu3ick]  .culture-switcher-error {
        position: absolute;
        z-index: 6;
        top: calc(100% + 0.35rem);
        right: 0;
        width: min(14rem, calc(100vw - 2rem));
        max-width: none;
        border: 1px solid var(--border);
        border-radius: 0.7rem;
        padding: 0.55rem 0.65rem;
        background: var(--surface-raised);
        box-shadow: var(--shadow-md);
        line-height: 1.4;
    }

    .welcome-topbar-login[b-x5oeeu3ick] {
        padding-right: 0.68rem;
        padding-left: 0.68rem;
        font-size: 0.76rem;
    }

    .welcome-copy h1[b-x5oeeu3ick] {
        margin-top: 0.8rem;
        letter-spacing: -0.052em;
    }

    .welcome-hero-lead[b-x5oeeu3ick] {
        font-size: 1rem;
        line-height: 1.65;
    }

    .welcome-final-actions[b-x5oeeu3ick] {
        display: grid;
    }

    .welcome-footer[b-x5oeeu3ick] {
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-left: max(1rem, env(safe-area-inset-left));
    }
}

@media (max-width: 300px) {
    .welcome-topbar[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1fr);
        align-content: center;
        gap: 0.5rem;
        padding: 0.5rem 0;
    }

    .welcome-topbar-actions[b-x5oeeu3ick] {
        display: grid;
        width: 100%;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .welcome-culture-control[b-x5oeeu3ick] {
        justify-self: start;
    }

    .welcome-culture-control[b-x5oeeu3ick]  .culture-switcher-menu,
    .welcome-culture-control[b-x5oeeu3ick]  .culture-switcher-error {
        right: auto;
        left: 0;
    }

    .welcome-topbar-login[b-x5oeeu3ick] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .welcome-page[b-x5oeeu3ick] {
        scroll-behavior: auto;
    }

    .welcome-skip-link[b-x5oeeu3ick],
    .welcome-login-button[b-x5oeeu3ick] {
        transition: none;
    }

    .welcome-login-button:hover[b-x5oeeu3ick],
    .welcome-login-button:focus-visible[b-x5oeeu3ick] {
        transform: none;
    }

    .redirect-spinner[b-x5oeeu3ick] {
        animation: none;
    }
}
/* /Components/Pages/LegalPage.razor.rz.scp.css */
.legal-page[b-bgegsp1wff] {
    display: grid;
    width: min(100%, 58rem);
    min-width: 0;
    gap: 1.25rem;
    margin: 0 auto;
    padding: 2rem 0 3rem;
    color: #111827;
}

.legal-header[b-bgegsp1wff] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
}

.legal-kicker[b-bgegsp1wff] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
}

.legal-header h1[b-bgegsp1wff] {
    margin: 0;
    font-size: 2.25rem;
    line-height: 1.05;
}

.legal-header p[b-bgegsp1wff] {
    max-width: 42rem;
    margin: 0;
    color: #64748b;
    line-height: 1.65;
}

.legal-header dl[b-bgegsp1wff] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0;
}

.legal-header dl div[b-bgegsp1wff] {
    display: grid;
    min-width: 0;
    flex: 1 1 11rem;
    gap: 0.15rem;
    min-width: 11rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #ffffff;
}

.legal-header dt[b-bgegsp1wff] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.legal-header dd[b-bgegsp1wff] {
    margin: 0;
    font-weight: 800;
}

.legal-sheet[b-bgegsp1wff] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0 2px, transparent 2px),
        repeating-linear-gradient(180deg, #ffffff 0 2.35rem, #f8fafc 2.35rem calc(2.35rem + 1px));
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.legal-sheet h2[b-bgegsp1wff] {
    margin: 0.5rem 0 0;
    font-size: 1rem;
}

.legal-sheet h2:first-child[b-bgegsp1wff] {
    margin-top: 0;
}

.legal-sheet p[b-bgegsp1wff],
.legal-sheet ul[b-bgegsp1wff] {
    margin: 0;
    color: #334155;
    line-height: 1.65;
}

.legal-sheet ul[b-bgegsp1wff] {
    padding-left: 1.2rem;
}

.legal-page :is(p, li, dd, a)[b-bgegsp1wff] {
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .legal-page[b-bgegsp1wff] {
        padding-top: 1rem;
    }

    .legal-header h1[b-bgegsp1wff] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/ManualBill.razor.rz.scp.css */
.manual-bill-page[b-5awb45n73w] {
    display: grid;
    width: min(100%, var(--page-content-max));
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem) 0 3.5rem;
    color: var(--ink-950);
}

.manual-bill-hero[b-5awb45n73w],
.manual-form-card[b-5awb45n73w],
.manual-empty-card[b-5awb45n73w] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.manual-page-header[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
    align-items: center;
    min-height: 3.45rem;
}

.manual-page-header h1[b-5awb45n73w] {
    margin: 0;
    color: var(--ink-950);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 950;
    letter-spacing: -0.045em;
    line-height: 1.1;
    text-align: center;
}

.manual-header-back-link[b-5awb45n73w] {
    display: inline-flex;
    width: fit-content;
    height: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    padding: 0 0.6rem 0 0.35rem;
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: background 0.18s ease, transform 0.18s ease;
}

.manual-header-back-link span[b-5awb45n73w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manual-header-back-link:hover[b-5awb45n73w],
.manual-header-back-link:focus-visible[b-5awb45n73w] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
    transform: translateX(-1px);
}

.manual-header-back-link[b-5awb45n73w]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.manual-header-spacer[b-5awb45n73w] {
    width: 2.75rem;
    height: 2.75rem;
    justify-self: end;
}

.manual-bill-hero[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.55fr);
    align-items: center;
    gap: 1rem;
    border-radius: var(--page-hero-radius);
    padding: var(--page-hero-padding);
    background:
        radial-gradient(circle at 90% 0, rgba(103,154,255,.18), transparent 16rem),
        linear-gradient(135deg, #fff, #f4f8ff);
    box-shadow: var(--shadow-md);
}

.manual-kicker[b-5awb45n73w] {
    display: block;
    color: var(--brand-600);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.manual-bill-hero h2[b-5awb45n73w],
.manual-empty-card h2[b-5awb45n73w] {
    color: var(--ink-950);
    font-weight: 950;
    letter-spacing: -0.045em;
}

.manual-bill-hero h2[b-5awb45n73w] {
    margin: 0.25rem 0 0;
    font-size: clamp(2.2rem, 5.5vw, 3.8rem);
    line-height: 1;
}

.manual-bill-hero p[b-5awb45n73w] {
    max-width: 38rem;
    margin: 0.65rem 0 0;
    color: var(--ink-600);
    line-height: 1.6;
}

.manual-bill-hero > aside[b-5awb45n73w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.2rem 0.7rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.85rem;
    background: rgba(255,255,255,.85);
}

.manual-bill-hero > aside[b-5awb45n73w]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
    color: var(--brand-600);
}

.manual-bill-hero > aside span[b-5awb45n73w] {
    color: var(--ink-500);
    font-size: 0.68rem;
    line-height: 1.45;
}

.manual-status[b-5awb45n73w] {
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.8rem 1rem;
    background: #fff;
    color: var(--ink-700);
    font-size: 0.8rem;
    font-weight: 750;
}

.manual-status.error[b-5awb45n73w] {
    border-color: #fecdd3;
    background: var(--danger-50);
    color: #9f1239;
}

.manual-layout[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

.manual-form-card[b-5awb45n73w],
.manual-empty-card[b-5awb45n73w] {
    border-radius: 1.35rem;
    padding: 1rem;
}

.manual-section-heading[b-5awb45n73w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
}

.manual-section-heading.separated[b-5awb45n73w] {
    margin-top: 1.25rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

.manual-section-heading > span[b-5awb45n73w] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 0.8rem;
    background: var(--brand-100);
    color: var(--brand-700);
    font-size: 0.76rem;
    font-weight: 950;
}

.manual-section-heading h2[b-5awb45n73w],
.manual-section-heading p[b-5awb45n73w] {
    margin: 0;
}

.manual-section-heading h2[b-5awb45n73w] {
    color: var(--ink-950);
    font-size: 1.08rem;
    font-weight: 950;
}

.manual-section-heading p[b-5awb45n73w] {
    margin-top: 0.12rem;
    color: var(--ink-500);
    font-size: 0.68rem;
}

.manual-field-grid[b-5awb45n73w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.manual-primary-field-grid[b-5awb45n73w] {
    align-items: start;
}

.manual-additional-field-grid[b-5awb45n73w] {
    align-items: start;
}

.manual-additional-details[b-5awb45n73w] {
    overflow: hidden;
    margin-top: 1rem;
    border: 1px solid var(--border);
    border-radius: 1.05rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.manual-additional-details > summary[b-5awb45n73w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.2rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    color: var(--ink-900);
    cursor: pointer;
    list-style: none;
}

.manual-additional-details > summary[b-5awb45n73w]::-webkit-details-marker {
    display: none;
}

.manual-additional-details > summary:hover[b-5awb45n73w],
.manual-additional-details > summary:focus-visible[b-5awb45n73w] {
    background: var(--surface-soft);
}

.manual-additional-details > summary > span:nth-child(2)[b-5awb45n73w] {
    display: grid;
    gap: 0.12rem;
}

.manual-additional-details > summary strong[b-5awb45n73w] {
    font-size: 0.86rem;
    font-weight: 900;
}

.manual-additional-details > summary small[b-5awb45n73w] {
    color: var(--ink-500);
    font-size: 0.66rem;
    line-height: 1.4;
}

.manual-additional-details-icon[b-5awb45n73w] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 0.82rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.manual-additional-details-icon[b-5awb45n73w]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.manual-additional-details[b-5awb45n73w]  .manual-additional-details-chevron {
    width: 1rem;
    height: 1rem;
    color: var(--ink-500);
    transition: transform 160ms ease;
}

.manual-additional-details[open][b-5awb45n73w]  .manual-additional-details-chevron {
    transform: rotate(180deg);
}

.manual-additional-details-content[b-5awb45n73w] {
    border-top: 1px solid var(--border);
    padding: 0.9rem;
    background: var(--surface-soft);
}

.manual-additional-details-content .manual-field-grid[b-5awb45n73w] {
    margin-top: 0;
}

.manual-bill-page[b-5awb45n73w]  .manual-attachments-section {
    margin-top: 1rem;
}

.manual-field-grid label[b-5awb45n73w],
.manual-field-grid > .manual-field[b-5awb45n73w],
.manual-note-field[b-5awb45n73w] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.manual-field-grid label.wide[b-5awb45n73w],
.manual-note-field[b-5awb45n73w] {
    grid-column: 1 / -1;
}

.manual-field-grid label > span[b-5awb45n73w],
.manual-field > label[b-5awb45n73w],
.manual-note-field > span[b-5awb45n73w] {
    color: var(--ink-700);
    font-size: 0.68rem;
    font-weight: 850;
}

.manual-field-grid[b-5awb45n73w]  input,
.manual-field-grid[b-5awb45n73w]  select,
.manual-note-field[b-5awb45n73w]  textarea {
    width: 100%;
    min-height: 2.8rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.82rem;
    padding: 0 0.72rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    color-scheme: light only;
    outline: 0;
}

.manual-note-field[b-5awb45n73w]  textarea {
    min-height: 7rem;
    padding-top: 0.7rem;
    resize: vertical;
}

.quick-filter-row[b-5awb45n73w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.quick-filter-row label[b-5awb45n73w] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: 0.55rem 0.8rem;
    background: var(--surface-soft);
    color: var(--ink-800);
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

.quick-filter-row label.selected[b-5awb45n73w] {
    border-color: var(--brand-300);
    background: var(--brand-100);
    color: var(--brand-700);
}

.quick-filter-row input[b-5awb45n73w] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    accent-color: var(--brand-600);
}

.manual-field-grid[b-5awb45n73w]  input:focus,
.manual-field-grid[b-5awb45n73w]  select:focus,
.manual-note-field[b-5awb45n73w]  textarea:focus {
    border-color: var(--brand-500);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,99,235,.11);
}

.manual-field-grid small[b-5awb45n73w],
.manual-note-field small[b-5awb45n73w] {
    color: var(--ink-500);
    font-size: 0.62rem;
    line-height: 1.4;
}

.manual-money-field[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.8rem 2.8rem;
    align-items: start;
    gap: 0.4rem;
}

.manual-money-input[b-5awb45n73w] {
    position: relative;
    min-width: 0;
}

.manual-money-input[b-5awb45n73w]  input {
    padding-right: 2.2rem;
    font-variant-numeric: tabular-nums;
}

.manual-money-currency[b-5awb45n73w] {
    position: absolute;
    top: 1.4rem;
    right: 0.8rem;
    color: var(--ink-500);
    font-weight: 850;
    pointer-events: none;
    transform: translateY(-50%);
}

.manual-money-step-button[b-5awb45n73w] {
    display: grid;
    width: 2.8rem;
    min-height: 2.8rem;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 0.82rem;
    padding: 0;
    background: var(--surface-raised);
    color: var(--ink-800);
    box-shadow: var(--shadow-sm);
    font: inherit;
    font-size: 1.3rem;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
}

.manual-money-step-button:hover[b-5awb45n73w],
.manual-money-step-button:focus-visible[b-5awb45n73w] {
    border-color: var(--brand-300);
    background: var(--brand-50);
    color: var(--brand-700);
}

.manual-money-step-button:disabled[b-5awb45n73w] {
    cursor: not-allowed;
    opacity: 0.48;
}

.manual-form-actions[b-5awb45n73w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: 1rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

.manual-form-actions .manual-primary-action[b-5awb45n73w],
.manual-form-actions .manual-secondary-action[b-5awb45n73w] {
    min-width: 8.25rem;
    min-height: 3.2rem;
    padding: 0 1.25rem;
    font-size: 0.84rem;
}

.manual-primary-action[b-5awb45n73w],
.manual-secondary-action[b-5awb45n73w] {
    display: inline-flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    padding: 0 0.9rem;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.manual-primary-action[b-5awb45n73w] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
    box-shadow: 0 0.75rem 1.5rem rgba(37,99,235,.18);
}

.manual-secondary-action[b-5awb45n73w] {
    border: 1px solid var(--border-strong);
    background: #fff;
    color: var(--ink-800);
}

.manual-secondary-action:hover[b-5awb45n73w],
.manual-secondary-action:focus-visible[b-5awb45n73w] {
    border-color: var(--brand-200);
    background: var(--surface-soft);
    color: var(--brand-700);
}

.manual-primary-action:disabled[b-5awb45n73w],
.manual-secondary-action[aria-disabled="true"][b-5awb45n73w] {
    cursor: not-allowed;
    opacity: 0.55;
}

.manual-empty-card[b-5awb45n73w] {
    display: grid;
    gap: 0.75rem;
}

.manual-empty-card h2[b-5awb45n73w],
.manual-empty-card p[b-5awb45n73w] {
    margin: 0;
}

.manual-empty-card p[b-5awb45n73w] {
    color: var(--ink-600);
}

.manual-uid-card[b-5awb45n73w] {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 1.35rem;
    padding: 1rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: var(--shadow-sm);
    overflow-wrap: anywhere;
}

.manual-uid-heading[b-5awb45n73w] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.manual-uid-heading img[b-5awb45n73w] {
    flex: 0 0 auto;
    object-fit: contain;
}

.manual-uid-heading h2[b-5awb45n73w] {
    min-width: 0;
    margin: 0;
    font-size: 1.08rem;
    font-weight: 950;
}

.manual-uid-card > p[b-5awb45n73w],
.manual-uid-card .manual-status[b-5awb45n73w] {
    margin: 0.75rem 0 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.manual-uid-card > p[b-5awb45n73w] {
    color: var(--ink-600);
}

.manual-uid-form[b-5awb45n73w] {
    display: grid;
    gap: 0.4rem;
    margin-top: 1rem;
}

.manual-uid-form > label[b-5awb45n73w] {
    font-size: 0.875rem;
    font-weight: 850;
}

.manual-uid-controls[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.manual-uid-controls input[b-5awb45n73w] {
    width: 100%;
    min-width: 0;
    min-height: 2.9rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.82rem;
    padding: 0.6rem 0.72rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font-size: 1rem;
}

.manual-uid-card :is(input, button, a):focus-visible[b-5awb45n73w] {
    outline: 2px solid var(--brand-500);
    outline-offset: 3px;
}

.manual-uid-controls input[aria-invalid="true"][b-5awb45n73w] {
    border-color: var(--danger-600);
}

.manual-uid-controls input:disabled[b-5awb45n73w] {
    opacity: 0.6;
    cursor: not-allowed;
}

.manual-uid-card :is(button, a)[b-5awb45n73w] {
    font-size: 0.875rem;
}

.manual-uid-duplicate[b-5awb45n73w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.manual-uid-duplicate p[b-5awb45n73w] {
    margin: 0;
}

@media (hover: hover) and (pointer: fine) {
    .manual-uid-controls button:not(:disabled):hover[b-5awb45n73w] {
        background: var(--brand-700);
        border-color: var(--brand-700);
    }
}

.manual-uid-controls button:not(:disabled):active[b-5awb45n73w] {
    background: var(--brand-700);
}

@media (max-width: 900px) {
    .manual-bill-hero[b-5awb45n73w] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .manual-uid-card[b-5awb45n73w] {
        border-radius: 1.1rem;
    }

    .manual-uid-controls[b-5awb45n73w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .manual-bill-page[b-5awb45n73w] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .manual-bill-hero[b-5awb45n73w],
    .manual-form-card[b-5awb45n73w],
    .manual-empty-card[b-5awb45n73w] {
        border-radius: 1.1rem;
    }

    .manual-page-header[b-5awb45n73w] {
        grid-template-columns: 2.85rem minmax(0, 1fr) 2.85rem;
        min-height: 3rem;
    }

    .manual-page-header h1[b-5awb45n73w] {
        font-size: 1.55rem;
    }

    .manual-header-back-link[b-5awb45n73w] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border-radius: 999px;
        padding: 0;
    }

    .manual-header-back-link span[b-5awb45n73w] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .manual-bill-hero[b-5awb45n73w] {
        padding: 1rem;
    }

    .manual-bill-hero h2[b-5awb45n73w] {
        font-size: 2.35rem;
    }

    .manual-bill-hero p[b-5awb45n73w] {
        font-size: 0.76rem;
    }

    .manual-field-grid[b-5awb45n73w] {
        grid-template-columns: 1fr;
    }

    .manual-field-grid label.wide[b-5awb45n73w],
    .manual-note-field[b-5awb45n73w] {
        grid-column: auto;
    }

    .manual-field-grid[b-5awb45n73w]  input,
    .manual-field-grid[b-5awb45n73w]  select,
    .manual-note-field[b-5awb45n73w]  textarea {
        font-size: 16px;
    }

    .manual-form-actions[b-5awb45n73w] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .manual-form-actions .manual-primary-action[b-5awb45n73w],
    .manual-form-actions .manual-secondary-action[b-5awb45n73w] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-x8eg6t5lni] {
    display: grid;
    width: min(100%, 68rem);
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem) 0 3.5rem;
}

.notifications-hero[b-x8eg6t5lni],
.notifications-filter[b-x8eg6t5lni],
.notifications-list[b-x8eg6t5lni],
.notifications-state[b-x8eg6t5lni],
.notifications-empty[b-x8eg6t5lni],
.notifications-pagination[b-x8eg6t5lni] {
    border: 1px solid var(--border);
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.notifications-hero[b-x8eg6t5lni] {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border-radius: 1.25rem;
    padding: 1.25rem;
}

.notifications-hero-icon[b-x8eg6t5lni],
.notifications-empty > span[b-x8eg6t5lni],
.notifications-item-icon[b-x8eg6t5lni] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-700);
}

.notifications-hero-icon[b-x8eg6t5lni] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
}

.notifications-hero h1[b-x8eg6t5lni] {
    margin: 0.16rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.9rem, 5vw, 3rem);
    letter-spacing: -0.045em;
}

.notifications-hero p[b-x8eg6t5lni] {
    margin: 0.38rem 0 0;
    color: var(--ink-600);
    line-height: 1.5;
}

.notifications-kicker[b-x8eg6t5lni] {
    color: var(--brand-700);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.notifications-mark-all[b-x8eg6t5lni],
.notifications-filter button[b-x8eg6t5lni],
.notifications-actions button[b-x8eg6t5lni],
.notifications-state button[b-x8eg6t5lni],
.notifications-pagination button[b-x8eg6t5lni] {
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
}

.notifications-mark-all[b-x8eg6t5lni] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: white;
}

.notifications-filter[b-x8eg6t5lni] {
    display: flex;
    width: fit-content;
    gap: 0.3rem;
    border-radius: 999px;
    padding: 0.3rem;
}

.notifications-filter button[b-x8eg6t5lni] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    border-color: transparent;
}

.notifications-filter button.selected[b-x8eg6t5lni] {
    background: var(--brand-600);
    color: white;
}

.notifications-filter button span[b-x8eg6t5lni] {
    display: inline-grid;
    min-width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 14%, transparent);
    font-size: 0.68rem;
}

.notifications-list[b-x8eg6t5lni] {
    display: grid;
    margin: 0;
    overflow: hidden;
    border-radius: 1.2rem;
    padding: 0;
    list-style: none;
}

.notifications-list li[b-x8eg6t5lni] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border);
}

.notifications-list li:last-child[b-x8eg6t5lni] {
    border-bottom: 0;
}

.notifications-list li.unread[b-x8eg6t5lni] {
    box-shadow: inset 3px 0 var(--brand-600);
    background: color-mix(in srgb, var(--brand-50) 55%, var(--surface-raised));
}

.notifications-item-icon[b-x8eg6t5lni] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.95rem;
}

.notifications-item-icon.accepted[b-x8eg6t5lni] {
    background: var(--success-50);
    color: var(--success-600);
}

.notifications-item-icon.rejected[b-x8eg6t5lni] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.notifications-item-icon.invited[b-x8eg6t5lni] {
    color: var(--brand-700);
    background: color-mix(in srgb, var(--brand-600) 14%, var(--surface-raised));
}

.notifications-copy[b-x8eg6t5lni] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
}

.notifications-copy strong[b-x8eg6t5lni] {
    color: var(--ink-950);
}

.notifications-copy p[b-x8eg6t5lni] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-600);
    font-size: 0.84rem;
    line-height: 1.5;
}

.notifications-copy time[b-x8eg6t5lni] {
    color: var(--ink-500);
    font-size: 0.72rem;
    font-weight: 750;
}

.notifications-actions[b-x8eg6t5lni] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.notifications-actions button.primary[b-x8eg6t5lni] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: white;
}

.notifications-state[b-x8eg6t5lni],
.notifications-empty[b-x8eg6t5lni] {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
    border-radius: 1.2rem;
    padding: 2.5rem 1.25rem;
    color: var(--ink-600);
    text-align: center;
}

.notifications-state.error[b-x8eg6t5lni] {
    color: var(--danger-600);
}

.notifications-empty > span[b-x8eg6t5lni] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.1rem;
}

.notifications-empty strong[b-x8eg6t5lni] {
    color: var(--ink-950);
}

.notifications-empty p[b-x8eg6t5lni] {
    margin: 0;
}

.notifications-pagination[b-x8eg6t5lni] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    border-radius: 1rem;
    padding: 0.75rem;
    color: var(--ink-600);
    font-size: 0.8rem;
    font-weight: 800;
}

button:focus-visible[b-x8eg6t5lni],
a:focus-visible[b-x8eg6t5lni] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

button:disabled[b-x8eg6t5lni] {
    cursor: not-allowed;
    opacity: 0.58;
}

@media (max-width: 700px) {
    .notifications-page[b-x8eg6t5lni] {
        padding-top: 0;
    }

    .notifications-hero[b-x8eg6t5lni] {
        grid-template-columns: 3rem minmax(0, 1fr);
        padding: 1rem;
    }

    .notifications-hero-icon[b-x8eg6t5lni] {
        width: 3rem;
        height: 3rem;
    }

    .notifications-mark-all[b-x8eg6t5lni] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .notifications-list li[b-x8eg6t5lni] {
        grid-template-columns: 2.75rem minmax(0, 1fr);
        align-items: start;
        padding: 0.9rem;
    }

    .notifications-item-icon[b-x8eg6t5lni] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .notifications-actions[b-x8eg6t5lni] {
        grid-column: 2;
        justify-content: flex-start;
    }

    .notifications-pagination[b-x8eg6t5lni] {
        justify-content: space-between;
    }
}

@media (max-width: 390px) {
    .notifications-filter[b-x8eg6t5lni] {
        width: 100%;
    }

    .notifications-filter button[b-x8eg6t5lni] {
        flex: 1 1 0;
        justify-content: center;
    }

    .notifications-pagination[b-x8eg6t5lni] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .notifications-pagination span[b-x8eg6t5lni] {
        grid-column: 1 / -1;
        grid-row: 1;
        text-align: center;
    }
}
/* /Components/Pages/PriceAnalytics.razor.rz.scp.css */
.price-analytics-page[b-0k3neyuv5t] {
    display: grid;
    width: min(100%, var(--page-content-max));
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem) 0 3.5rem;
    color: var(--ink-950);
}

.spending-period-actions[b-0k3neyuv5t] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.price-analytics-hero-actions[b-0k3neyuv5t] {
    z-index: 2;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.spending-period-button[b-0k3neyuv5t],
.spending-filter-link[b-0k3neyuv5t] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.85rem;
    padding: 0 0.85rem;
    background: #fff;
    color: var(--ink-800);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.spending-period-button:hover[b-0k3neyuv5t],
.spending-period-button:focus-visible[b-0k3neyuv5t],
.spending-filter-link:hover[b-0k3neyuv5t],
.spending-filter-link:focus-visible[b-0k3neyuv5t] {
    border-color: var(--brand-200);
    color: var(--brand-700);
    transform: translateY(-1px);
}

.spending-period-button:disabled[b-0k3neyuv5t],
.spending-period-picker input:disabled[b-0k3neyuv5t],
.spending-period-picker button:disabled[b-0k3neyuv5t] {
    cursor: wait;
    opacity: 0.62;
    transform: none;
}

.spending-period-button[b-0k3neyuv5t]  .app-icon,
.spending-filter-link[b-0k3neyuv5t]  .app-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.spending-period-picker[b-0k3neyuv5t] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 20;
    display: grid;
    width: min(23rem, calc(100vw - 2rem));
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.85rem;
    background: #fff;
    box-shadow: var(--shadow-lg);
}

.spending-period-picker label[b-0k3neyuv5t] {
    display: grid;
    gap: 0.35rem;
}

.spending-period-picker label span[b-0k3neyuv5t] {
    color: var(--ink-600);
    font-size: 0.68rem;
    font-weight: 850;
}

.spending-period-picker input[b-0k3neyuv5t],
.spending-period-picker button[b-0k3neyuv5t] {
    min-height: 2.65rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.78rem;
    padding: 0 0.7rem;
    background: #fff;
    color: var(--ink-900);
}

.spending-period-picker button[b-0k3neyuv5t] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.price-notes-panel[b-0k3neyuv5t] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    border-radius: 1.15rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}

.price-notes-heading[b-0k3neyuv5t] {
    display: flex;
    min-height: 2rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    margin-bottom: 0.8rem;
}

.price-notes-heading h2[b-0k3neyuv5t] {
    margin: 0;
    color: var(--ink-950);
    font-size: 0.84rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.price-notes-table[b-0k3neyuv5t] {
    display: grid;
}

.price-notes-header[b-0k3neyuv5t],
.price-note-row[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: minmax(10rem, 1.3fr) 0.55fr 0.8fr 0.65fr minmax(10rem, 1.2fr);
    align-items: center;
    gap: 0.7rem;
    min-height: 2.75rem;
    border-bottom: 1px solid var(--border);
    padding: 0 0.45rem;
}

.price-notes-header[b-0k3neyuv5t] {
    min-height: 2rem;
    color: var(--ink-500);
    font-size: 0.56rem;
    font-weight: 850;
}

.price-note-row[b-0k3neyuv5t] {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background: transparent;
    color: var(--ink-700);
    font-family: inherit;
    font-size: 0.64rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.price-note-row:last-child[b-0k3neyuv5t] {
    border-bottom: 0;
}

.price-note-row:hover[b-0k3neyuv5t],
.price-note-row:focus-visible[b-0k3neyuv5t] {
    border-radius: 0.65rem;
    background: var(--brand-50);
}

.price-note-row.selected[b-0k3neyuv5t] {
    border-radius: 0.65rem;
    background: var(--brand-50);
    box-shadow: inset 3px 0 0 var(--brand-600);
}

.price-note-row strong[b-0k3neyuv5t] {
    overflow: hidden;
    color: var(--ink-900);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-note-row > span:nth-child(2) i[b-0k3neyuv5t] {
    display: block;
    width: 2.8rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--surface-muted);
}

.price-note-row > span:nth-child(2) i.good[b-0k3neyuv5t] { background: #b8e7cf; }
.price-note-row > span:nth-child(2) i.warning[b-0k3neyuv5t] { background: #ffd4bc; }
.price-note-row .increase[b-0k3neyuv5t] { color: var(--danger-600); font-weight: 850; }
.price-note-row .decrease[b-0k3neyuv5t] { color: var(--success-600); font-weight: 850; }
.price-note-row .neutral[b-0k3neyuv5t] { color: var(--ink-500); }

.price-note-column-label[b-0k3neyuv5t] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.price-note-comparison[b-0k3neyuv5t] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.8rem;
    border: 1px solid var(--brand-200);
    border-radius: 1rem;
    padding: 0.85rem;
    background: linear-gradient(145deg, var(--brand-50), #fff 68%);
}

.price-note-comparison > header[b-0k3neyuv5t] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
}

.price-note-comparison h3[b-0k3neyuv5t],
.price-note-comparison header small[b-0k3neyuv5t] {
    margin: 0;
}

.price-note-comparison h3[b-0k3neyuv5t] {
    margin-top: 0.12rem;
    color: var(--ink-950);
    font-size: 1rem;
    font-weight: 950;
}

.price-note-comparison header small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.6rem;
}

.price-note-comparison > header > button[b-0k3neyuv5t] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 0.65rem;
    background: #fff;
    color: var(--ink-600);
    font: inherit;
    font-size: 1.1rem;
    cursor: pointer;
}

.price-note-comparison-metrics[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.price-note-comparison-metrics > div[b-0k3neyuv5t] {
    display: grid;
    gap: 0.12rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.55rem;
    background: rgba(255, 255, 255, 0.82);
}

.price-note-comparison-metrics span[b-0k3neyuv5t],
.price-note-comparison-metrics strong[b-0k3neyuv5t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-note-comparison-metrics span[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.56rem;
}

.price-note-comparison-metrics strong[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 0.74rem;
}

.price-note-source-names[b-0k3neyuv5t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.price-note-source-names > span[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.58rem;
    font-weight: 850;
}

.price-note-source-names small[b-0k3neyuv5t] {
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0.22rem 0.42rem;
    background: #fff;
    color: var(--ink-700);
    font-size: 0.54rem;
}

.price-note-purchase-list[b-0k3neyuv5t] {
    display: grid;
    gap: 0.4rem;
}

.price-note-purchase-list > article[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0.55rem;
    background: #fff;
}

.price-note-purchase-list > article > span[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.price-note-purchase-list strong[b-0k3neyuv5t],
.price-note-purchase-list small[b-0k3neyuv5t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-note-purchase-list strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.64rem;
}

.price-note-purchase-list small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.54rem;
}

.price-note-purchase-list a[b-0k3neyuv5t] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.6rem;
    padding: 0.42rem 0.55rem;
    background: var(--brand-600);
    color: #fff;
    font-size: 0.55rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.price-analytics-hero[b-0k3neyuv5t],
.price-analytics-metrics article[b-0k3neyuv5t],
.price-product-catalog[b-0k3neyuv5t],
.price-product-card[b-0k3neyuv5t],
.price-result-limit[b-0k3neyuv5t],
.price-analytics-empty[b-0k3neyuv5t] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}

.price-analytics-hero[b-0k3neyuv5t] {
    position: relative;
    display: grid;
    min-height: 10rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    border-radius: var(--page-hero-radius);
    padding: clamp(1.25rem, 3vw, 2rem);
    background:
        radial-gradient(circle at 87% 20%, rgba(93, 146, 255, 0.21), transparent 17rem),
        linear-gradient(135deg, #fff, #f5f8ff 70%, #edf4ff);
    box-shadow: var(--shadow-md);
}

.price-analytics-hero.period-picker-open[b-0k3neyuv5t] {
    z-index: 30;
    overflow: visible;
}

.price-analytics-hero.period-picker-open[b-0k3neyuv5t]::after {
    display: none;
}

.price-analytics-hero[b-0k3neyuv5t]::after {
    position: absolute;
    right: -4rem;
    bottom: -7rem;
    width: 17rem;
    height: 17rem;
    border: 1px solid rgba(37,99,235,.08);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 3rem rgba(37,99,235,.02);
}

.price-analytics-hero-icon[b-0k3neyuv5t],
.price-section-icon[b-0k3neyuv5t],
.price-analytics-empty > span[b-0k3neyuv5t] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-600);
}

.price-analytics-hero-icon[b-0k3neyuv5t] {
    z-index: 2;
    width: 4.35rem;
    height: 4.35rem;
    border: 1px solid rgba(205, 222, 246, 0.78);
    border-radius: 1.3rem;
}

.price-analytics-hero-icon[b-0k3neyuv5t]  .app-icon {
    width: 1.95rem;
    height: 1.95rem;
    stroke-width: 1.7;
}

.price-analytics-hero-copy[b-0k3neyuv5t] {
    z-index: 2;
    min-width: 0;
}

.price-kicker[b-0k3neyuv5t] {
    display: block;
    color: var(--brand-600);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.price-analytics-hero h1[b-0k3neyuv5t] {
    margin: 0.25rem 0 0;
    color: var(--ink-950);
    font-size: clamp(2.6rem, 6vw, 4.4rem);
    font-weight: 950;
    letter-spacing: -0.06em;
    line-height: 0.98;
}

.price-analytics-hero p[b-0k3neyuv5t] {
    max-width: 38rem;
    margin: 0.65rem 0 0;
    color: var(--ink-600);
    font-size: clamp(0.88rem, 2vw, 1rem);
    line-height: 1.6;
}

.workspace-status[b-0k3neyuv5t] {
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.8rem 1rem;
    background: #fff;
    color: var(--ink-700);
    font-size: 0.82rem;
    font-weight: 750;
    box-shadow: var(--shadow-sm);
}

.workspace-status.error[b-0k3neyuv5t] {
    border-color: color-mix(in srgb, var(--danger-600) 38%, var(--border));
    background: var(--danger-50);
    color: var(--danger-600);
}

.price-analytics-metrics[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.price-analytics-metrics article[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    min-height: 7.3rem;
    gap: 0.15rem;
    border-radius: 1.2rem;
    padding: 1rem;
}

.price-analytics-metrics span[b-0k3neyuv5t],
.price-analytics-metrics small[b-0k3neyuv5t] {
    display: block;
    color: var(--ink-500);
    font-size: 0.68rem;
}

.price-analytics-metrics strong[b-0k3neyuv5t] {
    display: block;
    overflow: hidden;
    margin: 0.25rem 0 0.08rem;
    color: var(--ink-950);
    font-size: 1.42rem;
    font-weight: 950;
    letter-spacing: -0.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-analytics-metrics strong.increase[b-0k3neyuv5t] { color: var(--danger-600); }
.price-analytics-metrics strong.decrease[b-0k3neyuv5t] { color: var(--success-600); }

.price-result-limit[b-0k3neyuv5t] {
    border-radius: 0.95rem;
    padding: 0.8rem 1rem;
    color: var(--ink-600);
    font-size: 0.75rem;
}

.price-result-limit strong[b-0k3neyuv5t],
.price-result-limit span[b-0k3neyuv5t] {
    display: block;
}

.price-result-limit strong[b-0k3neyuv5t] {
    color: var(--ink-800);
}

.price-analytics-empty[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    border-radius: 1.2rem;
    padding: 1.2rem;
}

.price-analytics-empty.compact[b-0k3neyuv5t] {
    margin-top: 0.8rem;
    box-shadow: none;
}

.price-analytics-empty > span[b-0k3neyuv5t] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.95rem;
}

.price-analytics-empty h2[b-0k3neyuv5t],
.price-analytics-empty p[b-0k3neyuv5t] {
    margin: 0;
}

.price-analytics-empty h2[b-0k3neyuv5t] {
    font-size: 1rem;
}

.price-analytics-empty p[b-0k3neyuv5t] {
    margin-top: 0.2rem;
    color: var(--ink-600);
    font-size: 0.76rem;
}

.price-product-catalog[b-0k3neyuv5t] {
    min-width: 0;
    border-radius: 1.4rem;
    padding: 1rem;
}

.price-product-catalog-header[b-0k3neyuv5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.15rem 0 0.9rem;
}

.price-section-title[b-0k3neyuv5t] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.price-section-icon[b-0k3neyuv5t] {
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    border-radius: 0.95rem;
}

.price-section-icon[b-0k3neyuv5t]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.price-section-title h2[b-0k3neyuv5t] {
    margin: 0.18rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.25rem, 2.8vw, 1.65rem);
    font-weight: 950;
    letter-spacing: -0.04em;
}

.price-product-catalog-header > strong[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.75rem;
    white-space: nowrap;
}

.price-product-grid[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 0.9rem;
}

.price-product-card[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 0.75rem;
    border-radius: 1.15rem;
    padding: 0.9rem;
}

.price-product-card:hover[b-0k3neyuv5t] {
    border-color: var(--brand-200);
    box-shadow: 0 0.9rem 2rem rgba(37,99,235,.08);
}

.price-product-card.expanded[b-0k3neyuv5t] {
    grid-column: 1 / -1;
}

.price-product-heading[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.price-product-copy[b-0k3neyuv5t] {
    min-width: 0;
}

.price-product-count[b-0k3neyuv5t] {
    display: block;
    color: var(--ink-500);
    font-size: 0.62rem;
    font-weight: 850;
}

.price-product-copy h3[b-0k3neyuv5t] {
    margin: 0.25rem 0 0;
    overflow: hidden;
    color: var(--ink-950);
    font-size: 0.95rem;
    font-weight: 950;
    letter-spacing: -0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spending-period-mode[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
}

.spending-period-picker .spending-period-mode button[b-0k3neyuv5t] {
    border-color: var(--border-strong);
    background: var(--surface-soft);
    color: var(--ink-700);
}

.spending-period-picker .spending-period-mode button.selected[b-0k3neyuv5t] {
    border-color: var(--brand-500);
    background: var(--brand-100);
    color: var(--brand-700);
}

.spending-custom-range-fields[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.spending-custom-range-fields input[b-0k3neyuv5t] {
    min-width: 0;
    width: 100%;
}

.price-product-item-categories[b-0k3neyuv5t] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.28rem;
    margin-top: 0.35rem;
}

.price-product-copy p[b-0k3neyuv5t] {
    margin: 0.22rem 0 0;
    overflow: hidden;
    color: var(--ink-500);
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-product-latest[b-0k3neyuv5t] {
    display: grid;
    min-width: 7rem;
    justify-items: end;
    gap: 0.12rem;
    text-align: right;
}

.price-product-latest > span[b-0k3neyuv5t] {
    color: var(--ink-400);
    font-size: 0.52rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.price-product-latest > strong[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 1.08rem;
    font-weight: 950;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.price-signal[b-0k3neyuv5t] {
    display: inline-flex;
    min-height: 1.35rem;
    align-items: center;
    border-radius: 999px;
    padding: 0 0.42rem;
    font-size: 0.55rem;
    font-style: normal;
    font-weight: 900;
}

.price-signal.warning[b-0k3neyuv5t] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.price-signal.good[b-0k3neyuv5t] {
    background: var(--success-50);
    color: var(--success-600);
}

.price-signal.neutral[b-0k3neyuv5t] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.price-product-stats[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.price-product-stats > div[b-0k3neyuv5t] {
    display: grid;
    gap: 0.1rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.55rem;
    background: var(--surface-soft);
}

.price-product-stats span[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.55rem;
}

.price-product-stats strong[b-0k3neyuv5t] {
    overflow: hidden;
    color: var(--ink-900);
    font-size: 0.72rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-product-stats .best[b-0k3neyuv5t] {
    border-color: #bde7cf;
    background: var(--success-50);
}

.price-average-comparison[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    border-radius: 0.78rem;
    padding: 0.55rem 0.65rem;
    font-size: 0.65rem;
    line-height: 1.45;
}

.price-average-comparison .app-icon[b-0k3neyuv5t] {
    width: 0.9rem;
    height: 0.9rem;
}

.price-average-comparison.higher[b-0k3neyuv5t] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.price-average-comparison.lower[b-0k3neyuv5t] {
    background: var(--success-50);
    color: var(--success-600);
}

.price-average-comparison.same[b-0k3neyuv5t] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.price-product-foot[b-0k3neyuv5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    border-top: 1px solid var(--border);
    padding-top: 0.7rem;
}

.price-cheapest-summary[b-0k3neyuv5t] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.55rem;
}

.price-cheapest-summary > span[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.04rem;
}

.price-cheapest-summary small[b-0k3neyuv5t],
.price-cheapest-summary strong[b-0k3neyuv5t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-cheapest-summary small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.55rem;
}

.price-cheapest-summary strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.69rem;
    font-weight: 900;
}

.price-history-toggle[b-0k3neyuv5t] {
    display: inline-flex;
    min-height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--brand-200);
    border-radius: 0.75rem;
    padding: 0 0.6rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font: inherit;
    font-size: 0.62rem;
    font-weight: 900;
    cursor: pointer;
}

.price-history-toggle .app-icon[b-0k3neyuv5t] {
    width: 0.85rem;
    height: 0.85rem;
}

.price-history-expanded[b-0k3neyuv5t] {
    display: grid;
    gap: 0.8rem;
    border-top: 1px solid var(--border);
    padding-top: 0.8rem;
}

.price-grouping-panel[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    border: 1px solid var(--brand-200);
    border-radius: 0.85rem;
    padding: 0.7rem 0.75rem;
    background: var(--brand-50);
}

.price-grouping-icon[b-0k3neyuv5t] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    border-radius: 0.6rem;
    background: var(--brand-100);
    color: var(--brand-600);
}

.price-grouping-icon[b-0k3neyuv5t]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.price-grouping-panel > div[b-0k3neyuv5t] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.price-grouping-panel strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.price-grouping-panel small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.61rem;
    line-height: 1.45;
}

.price-grouping-names[b-0k3neyuv5t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.price-grouping-names span[b-0k3neyuv5t] {
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0.24rem 0.45rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font-size: 0.58rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-change-panel[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.15rem 0.7rem;
    border-radius: 0.85rem;
    padding: 0.65rem 0.75rem;
    background: var(--surface-soft);
}

.price-change-panel span[b-0k3neyuv5t],
.price-change-panel small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.62rem;
}

.price-change-panel strong[b-0k3neyuv5t] {
    align-self: center;
    grid-row: 1 / span 2;
    grid-column: 2;
    font-size: 0.9rem;
    font-weight: 950;
}

.price-change-panel strong.increase[b-0k3neyuv5t] { color: var(--danger-600); }
.price-change-panel strong.decrease[b-0k3neyuv5t] { color: var(--success-600); }
.price-change-panel strong.neutral[b-0k3neyuv5t] { color: var(--ink-600); }

.price-history-list-heading[b-0k3neyuv5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.price-history-list-heading > span[b-0k3neyuv5t] {
    display: grid;
}

.price-history-list-heading b[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.78rem;
}

.price-history-list-heading small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.6rem;
}

.price-history-list-heading > strong[b-0k3neyuv5t] {
    display: grid;
    min-width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--ink-700);
    font-size: 0.64rem;
}

.price-history-list[b-0k3neyuv5t] {
    display: grid;
    gap: 0.55rem;
}

.price-history-document[b-0k3neyuv5t] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    background: #fff;
}

.price-history-document-header[b-0k3neyuv5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.7rem;
    color: inherit;
    text-decoration: none;
}

.price-history-document-header:hover[b-0k3neyuv5t] {
    background: var(--brand-50);
}

.price-history-document-header > span:first-child[b-0k3neyuv5t],
.price-history-document-total[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.price-history-document-header b[b-0k3neyuv5t] {
    overflow: hidden;
    color: var(--ink-900);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-history-document-header small[b-0k3neyuv5t],
.price-history-document-total small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.57rem;
}

.price-history-document-total[b-0k3neyuv5t] {
    flex: 0 0 auto;
    justify-items: end;
}

.price-history-document-total strong[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 0.76rem;
    font-weight: 950;
}

.price-history-document-items[b-0k3neyuv5t] {
    display: grid;
    border-top: 1px solid var(--border);
    padding: 0 0.7rem;
    background: var(--surface-soft);
}

.price-history-item[b-0k3neyuv5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    border-bottom: 1px solid var(--border);
    padding: 0.62rem 0;
}

.price-history-item:last-child[b-0k3neyuv5t] { border-bottom: 0; }

.price-history-item > span[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.price-history-item b[b-0k3neyuv5t] {
    color: var(--ink-800);
    font-size: 0.65rem;
}

.price-history-item small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.55rem;
}

.price-history-item > strong[b-0k3neyuv5t] {
    flex: 0 0 auto;
    color: var(--ink-950);
    font-size: 0.68rem;
    font-weight: 950;
}

@media (max-width: 980px) {
    .price-analytics-hero[b-0k3neyuv5t] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .price-analytics-hero-actions[b-0k3neyuv5t] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .price-analytics-metrics[b-0k3neyuv5t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .price-product-grid[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .price-product-card.expanded[b-0k3neyuv5t] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .price-analytics-page[b-0k3neyuv5t] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .spending-period-actions[b-0k3neyuv5t] {
        display: flex;
        width: 100%;
    }

    .price-analytics-hero-actions .spending-filter-link[b-0k3neyuv5t] {
        display: none;
    }

    .spending-period-button[b-0k3neyuv5t] {
        width: 100%;
    }

    .spending-period-picker[b-0k3neyuv5t] {
        right: auto;
        left: 0;
    }

    .spending-period-picker input[b-0k3neyuv5t] {
        font-size: 16px;
    }

    .price-notes-panel[b-0k3neyuv5t] {
        padding: 0.82rem;
    }

    .price-notes-heading[b-0k3neyuv5t] {
        margin-bottom: 0.55rem;
    }

    .price-notes-header[b-0k3neyuv5t] {
        display: none;
    }

    .price-notes-table[b-0k3neyuv5t] {
        gap: 0.42rem;
    }

    .price-note-row[b-0k3neyuv5t] {
        min-height: 4.2rem;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.2rem 0.55rem;
        border: 1px solid var(--border);
        border-radius: 0.78rem;
        padding: 0.6rem;
        background: var(--surface-soft);
    }

    .price-note-row > strong[b-0k3neyuv5t] {
        font-size: 0.68rem;
    }

    .price-note-row > span:nth-child(2)[b-0k3neyuv5t] {
        grid-column: 2;
        grid-row: 1;
    }

    .price-note-row > span:nth-child(3)[b-0k3neyuv5t] {
        color: var(--ink-600);
        font-size: 0.64rem;
    }

    .price-note-row > span:nth-child(4)[b-0k3neyuv5t] {
        justify-self: end;
        font-size: 0.64rem;
    }

    .price-note-row > span:nth-child(5)[b-0k3neyuv5t] {
        grid-column: 1 / -1;
        color: var(--ink-500);
        font-size: 0.64rem;
        line-height: 1.4;
    }

    .price-note-comparison-metrics[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .price-note-purchase-list > article[b-0k3neyuv5t] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .price-note-purchase-list > article > span:nth-child(3)[b-0k3neyuv5t] {
        grid-column: 2 / -1;
    }

    .price-note-purchase-list a[b-0k3neyuv5t] {
        grid-column: 1 / -1;
        text-align: center;
    }

    .price-analytics-hero[b-0k3neyuv5t] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.75rem;
        border-radius: 1.35rem;
        padding: 1rem;
    }

    .price-analytics-hero-icon[b-0k3neyuv5t] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1rem;
    }

    .price-analytics-hero-icon[b-0k3neyuv5t]  .app-icon {
        width: 1.45rem;
        height: 1.45rem;
    }

    .price-analytics-hero h1[b-0k3neyuv5t] {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .price-analytics-hero p[b-0k3neyuv5t] {
        margin-top: 0.4rem;
        font-size: 0.76rem;
    }

    .price-analytics-metrics[b-0k3neyuv5t] {
        gap: 0.6rem;
    }

    .price-analytics-metrics article[b-0k3neyuv5t] {
        min-height: 6.5rem;
        border-radius: 1rem;
        padding: 0.78rem;
    }

    .price-analytics-metrics strong[b-0k3neyuv5t] {
        font-size: 1.2rem;
    }

    .price-product-catalog[b-0k3neyuv5t] {
        border-radius: 1.2rem;
        padding: 0.8rem;
    }

    .price-section-icon[b-0k3neyuv5t] {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 0.82rem;
    }

    .price-section-title h2[b-0k3neyuv5t] {
        font-size: 1.15rem;
    }

    .price-product-grid[b-0k3neyuv5t] {
        gap: 0.65rem;
    }

    .price-product-card[b-0k3neyuv5t] {
        border-radius: 1rem;
        padding: 0.75rem;
    }

    .price-product-heading[b-0k3neyuv5t] {
        gap: 0.5rem;
    }

    .price-product-copy h3[b-0k3neyuv5t] {
        font-size: 0.84rem;
    }

    .price-product-latest[b-0k3neyuv5t] {
        min-width: 6.2rem;
    }

    .price-product-latest > strong[b-0k3neyuv5t] {
        font-size: 0.92rem;
    }

    .price-product-foot[b-0k3neyuv5t] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (max-width: 390px) {
    .spending-custom-range-fields[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 390px) {
    .price-product-heading[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .price-product-latest[b-0k3neyuv5t] {
        justify-items: start;
        text-align: left;
    }

    .price-product-foot[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .price-history-toggle[b-0k3neyuv5t] {
        width: 100%;
        justify-content: center;
    }
}

.price-plan-unavailable[b-0k3neyuv5t] {
    min-height: min(30rem, 65vh);
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.8rem;
    padding: clamp(1.25rem, 5vw, 3rem);
    border: 1px solid var(--border);
    border-radius: 1.5rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    text-align: center;
}

.price-plan-unavailable-icon[b-0k3neyuv5t] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    background: var(--surface-soft);
    color: var(--brand-600);
}

.price-plan-unavailable-icon[b-0k3neyuv5t]  .app-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.price-plan-unavailable h1[b-0k3neyuv5t],
.price-plan-unavailable p[b-0k3neyuv5t] {
    margin: 0;
}

.price-plan-unavailable h1[b-0k3neyuv5t] {
    max-width: 35rem;
    color: var(--ink-900);
    font-size: clamp(1.55rem, 4vw, 2.35rem);
}

.price-plan-unavailable p[b-0k3neyuv5t] {
    max-width: 37rem;
    line-height: 1.6;
}

.price-plan-unavailable > a[b-0k3neyuv5t] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.35rem;
    padding: 0.65rem 1rem;
    border-radius: 0.9rem;
    background: var(--brand-600);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.price-plan-unavailable > a:hover[b-0k3neyuv5t] {
    background: color-mix(in srgb, var(--brand-600) 85%, #000);
}

.price-plan-unavailable > a:focus-visible[b-0k3neyuv5t] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 38%, transparent);
    outline-offset: 3px;
}
/* /Components/Pages/PrivateAttachmentStatusDocument.razor.rz.scp.css */
.attachment-status-shell[b-4i85fecemi] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
    overflow-x: clip;
    background:
        radial-gradient(circle at 12% 5%, rgba(207, 226, 255, 0.78), transparent 25rem),
        radial-gradient(circle at 88% 8%, rgba(235, 242, 255, 0.9), transparent 24rem),
        #f7faff;
    color: var(--ink-950);
}

.attachment-status-topbar[b-4i85fecemi] {
    position: sticky;
    z-index: 30;
    top: 0;
    display: block;
    min-height: 5rem;
    padding: 0;
    border-bottom: 1px solid rgba(147, 164, 190, 0.2);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(18px);
}

.attachment-status-header-content[b-4i85fecemi] {
    display: flex;
    width: min(100%, 78rem);
    min-height: 5rem;
    align-items: center;
    margin: 0 auto;
    padding-right: max(1rem, env(safe-area-inset-right));
    padding-left: max(1rem, env(safe-area-inset-left));
}

.attachment-status-main[b-4i85fecemi] {
    width: 100%;
    min-width: 0;
    flex: 1;
}

.attachment-provider-actions[b-4i85fecemi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    margin-top: 0.35rem;
}

.attachment-status-navigation-actions[b-4i85fecemi] {
    margin-top: 0;
}

.status-card.warning[b-4i85fecemi] {
    border-color: color-mix(in srgb, var(--warning-600) 36%, var(--border));
    background: linear-gradient(
        160deg,
        var(--surface-raised),
        color-mix(in srgb, var(--warning-50) 72%, var(--surface-raised)));
}

.status-kicker.warning[b-4i85fecemi] {
    color: var(--warning-600);
}

@media (max-width: 800px) {
    .attachment-status-topbar[b-4i85fecemi],
    .attachment-status-header-content[b-4i85fecemi] {
        min-height: calc(4rem + env(safe-area-inset-top));
    }

    .attachment-status-header-content[b-4i85fecemi] {
        padding-top: env(safe-area-inset-top);
    }
}

@media print {
    .attachment-status-topbar[b-4i85fecemi] {
        display: none;
    }

    .attachment-status-shell[b-4i85fecemi] {
        min-height: 0;
    }
}
/* /Components/Pages/ProductManagement.razor.rz.scp.css */
.product-manager-page[b-ub9ednt6d9] {
    display: grid;
    width: min(100%, var(--page-content-max));
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem) 0 4rem;
    color: var(--ink-950);
}

.product-manager-hero[b-ub9ednt6d9],
.merge-workbench[b-ub9ednt6d9],
.product-catalog-panel[b-ub9ednt6d9],
.product-safety-note[b-ub9ednt6d9] {
    border: 1px solid var(--border);
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.product-manager-hero[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    border-radius: var(--page-hero-radius);
    padding: clamp(1.25rem, 3vw, 2rem);
    background:
        radial-gradient(circle at 92% 5%, rgba(103, 154, 255, 0.18), transparent 18rem),
        linear-gradient(135deg, var(--surface-raised), var(--surface-soft) 72%, var(--brand-50));
}

.product-manager-hero-icon[b-ub9ednt6d9] {
    display: grid;
    width: 4.35rem;
    height: 4.35rem;
    place-items: center;
    border: 1px solid rgba(205, 222, 246, 0.78);
    border-radius: 1.3rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.product-manager-hero-icon[b-ub9ednt6d9]  .app-icon {
    width: 1.9rem;
    height: 1.9rem;
}

.product-manager-kicker[b-ub9ednt6d9] {
    color: var(--brand-600);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.product-manager-hero h2[b-ub9ednt6d9] {
    margin: 0.2rem 0 0;
    font-size: clamp(2.3rem, 5vw, 4rem);
    font-weight: 950;
    letter-spacing: -0.055em;
    line-height: 1;
}

.product-manager-hero p[b-ub9ednt6d9],
.product-catalog-heading p[b-ub9ednt6d9],
.merge-workbench-copy p[b-ub9ednt6d9] {
    margin: 0.55rem 0 0;
    color: var(--ink-600);
    font-size: 0.86rem;
    line-height: 1.55;
}

.product-manager-back[b-ub9ednt6d9],
.primary-action[b-ub9ednt6d9],
.secondary-action[b-ub9ednt6d9],
.danger-action[b-ub9ednt6d9],
.text-action[b-ub9ednt6d9] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 0.8rem;
    padding: 0.6rem 0.85rem;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.product-manager-back[b-ub9ednt6d9],
.secondary-action[b-ub9ednt6d9] {
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-900);
}

.primary-action[b-ub9ednt6d9] {
    border: 1px solid var(--brand-600);
    background: linear-gradient(145deg, #3777f6, #1d56d9);
    color: #fff;
    box-shadow: 0 0.8rem 1.5rem rgba(37, 99, 235, 0.2);
}

.danger-action[b-ub9ednt6d9] {
    border: 1px solid #e11d48;
    background: #e11d48;
    color: #fff;
}

.text-action[b-ub9ednt6d9] {
    min-height: 2.75rem;
    border: 0;
    background: transparent;
    color: var(--brand-600);
}

.danger-text[b-ub9ednt6d9] {
    color: var(--danger-600);
}

button:disabled[b-ub9ednt6d9],
input:disabled[b-ub9ednt6d9],
select:disabled[b-ub9ednt6d9] {
    cursor: not-allowed;
    opacity: 0.56;
}

.product-manager-back:hover[b-ub9ednt6d9],
.primary-action:hover:not(:disabled)[b-ub9ednt6d9],
.secondary-action:hover:not(:disabled)[b-ub9ednt6d9],
.danger-action:hover:not(:disabled)[b-ub9ednt6d9],
.text-action:hover:not(:disabled)[b-ub9ednt6d9] {
    transform: translateY(-1px);
}

.product-safety-note[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
    border-color: var(--brand-200);
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.product-safety-note[b-ub9ednt6d9]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.12rem;
}

.product-safety-note p[b-ub9ednt6d9] {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.5;
}

.product-manager-status[b-ub9ednt6d9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.8rem 1rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font-size: 0.82rem;
    font-weight: 800;
}

.product-manager-status.success[b-ub9ednt6d9] {
    border-color: #b7ebcf;
    background: var(--success-50);
    color: var(--success-600);
}

.product-manager-status.error[b-ub9ednt6d9] {
    border-color: color-mix(in srgb, var(--danger-600) 30%, var(--border));
    background: var(--danger-50);
    color: var(--danger-600);
}

.merge-workbench[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.9fr);
    align-items: end;
    gap: 1.2rem;
    border-radius: 1.35rem;
    padding: 1.05rem;
}

.merge-workbench-copy[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.step-number[b-ub9ednt6d9] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 0.72rem;
    background: var(--brand-600);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 950;
}

.merge-workbench h2[b-ub9ednt6d9],
.product-catalog-heading h2[b-ub9ednt6d9] {
    margin: 0;
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    font-weight: 950;
    letter-spacing: -0.025em;
}

.merge-controls[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.55rem;
}

.merge-controls > label[b-ub9ednt6d9],
.split-controls label[b-ub9ednt6d9],
.managed-actions label[b-ub9ednt6d9] {
    display: grid;
    gap: 0.3rem;
}

.merge-controls > .primary-action[b-ub9ednt6d9] {
    grid-column: 2;
    grid-row: 1;
}

.merge-target-control[b-ub9ednt6d9],
.merge-override-warning[b-ub9ednt6d9] {
    grid-column: 1 / -1;
}

.merge-controls label span[b-ub9ednt6d9],
.split-controls label span[b-ub9ednt6d9],
.managed-actions label span[b-ub9ednt6d9] {
    color: var(--ink-600);
    font-size: 0.7rem;
    font-weight: 900;
}

.merge-controls input[b-ub9ednt6d9],
.merge-controls select[b-ub9ednt6d9],
.split-controls input[b-ub9ednt6d9],
.managed-actions input[b-ub9ednt6d9],
.product-search input[b-ub9ednt6d9] {
    min-width: 0;
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.78rem;
    padding: 0.6rem 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-950);
    font: inherit;
    font-size: 0.8rem;
    outline: none;
}

.merge-controls input:focus[b-ub9ednt6d9],
.merge-controls select:focus[b-ub9ednt6d9],
.split-controls input:focus[b-ub9ednt6d9],
.managed-actions input:focus[b-ub9ednt6d9],
.product-search input:focus[b-ub9ednt6d9] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.merge-override-warning[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    border: 1px solid color-mix(in srgb, var(--warning-600) 36%, var(--border));
    border-radius: 0.85rem;
    padding: 0.75rem;
    background: var(--warning-50);
    color: var(--warning-600);
}

.merge-override-warning[b-ub9ednt6d9]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.1rem;
}

.merge-override-warning strong[b-ub9ednt6d9] {
    color: var(--ink-900);
    font-size: 0.76rem;
}

.merge-override-warning p[b-ub9ednt6d9] {
    margin: 0.2rem 0 0.55rem;
    color: var(--ink-700);
    font-size: 0.68rem;
    line-height: 1.45;
}

.merge-override-warning label[b-ub9ednt6d9] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    color: var(--ink-800);
    font-size: 0.68rem;
    font-weight: 850;
    cursor: pointer;
}

.merge-override-warning input[b-ub9ednt6d9] {
    width: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    margin: 0.05rem 0 0;
    accent-color: var(--brand-600);
}

.merge-controls > .text-action[b-ub9ednt6d9] {
    grid-column: 1 / -1;
    justify-self: end;
}

.product-catalog-panel[b-ub9ednt6d9] {
    display: grid;
    gap: 1rem;
    border-radius: 1.35rem;
    padding: 1.05rem;
}

.product-catalog-heading[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 24rem);
    align-items: end;
    gap: 1rem;
}

.product-search[b-ub9ednt6d9] {
    position: relative;
}

.product-search[b-ub9ednt6d9]  .app-icon {
    position: absolute;
    top: 50%;
    left: 0.8rem;
    width: 1rem;
    height: 1rem;
    color: var(--ink-500);
    transform: translateY(-50%);
}

.product-search input[b-ub9ednt6d9] {
    width: 100%;
    padding-left: 2.35rem;
}

.product-grid[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.product-card[b-ub9ednt6d9] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 1.15rem;
    padding: 0.95rem;
    background: linear-gradient(160deg, var(--surface-raised), var(--surface-soft));
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.product-card.selected[b-ub9ednt6d9] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.09), var(--shadow-sm);
}

.product-card.managed[b-ub9ednt6d9] {
    background: linear-gradient(160deg, var(--surface-raised), var(--brand-50));
}

.product-card-heading[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
}

.merge-checkbox[b-ub9ednt6d9] {
    position: relative;
    display: grid;
    margin-top: 0.1rem;
    cursor: pointer;
}

.merge-checkbox input[b-ub9ednt6d9] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.merge-checkbox span[b-ub9ednt6d9] {
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border: 1.5px solid var(--border-strong);
    border-radius: 0.48rem;
    background: var(--surface-raised);
    color: transparent;
}

.merge-checkbox input:checked + span[b-ub9ednt6d9] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.merge-checkbox input:focus-visible + span[b-ub9ednt6d9] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

.merge-checkbox span[b-ub9ednt6d9]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
    stroke-width: 2.4;
}

.product-card-title[b-ub9ednt6d9],
.product-title-line[b-ub9ednt6d9] {
    min-width: 0;
}

.product-title-line[b-ub9ednt6d9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.6rem;
}

.product-title-line h3[b-ub9ednt6d9] {
    flex: 1 1 12rem;
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -0.015em;
}

.product-card-title > p[b-ub9ednt6d9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    margin: 0.4rem 0 0;
    color: var(--ink-600);
    font-size: 0.7rem;
    font-weight: 750;
}

.managed-badge[b-ub9ednt6d9],
.automatic-badge[b-ub9ednt6d9],
.override-badge[b-ub9ednt6d9] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.25rem 0.48rem;
    font-size: 0.6rem;
    font-weight: 950;
    white-space: nowrap;
}

.managed-badge[b-ub9ednt6d9] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.automatic-badge[b-ub9ednt6d9] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.override-badge[b-ub9ednt6d9] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.alias-editor[b-ub9ednt6d9] {
    border-top: 1px solid var(--border);
    padding-top: 0.7rem;
}

.alias-editor summary[b-ub9ednt6d9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    color: var(--ink-900);
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.alias-editor summary small[b-ub9ednt6d9] {
    color: var(--ink-500);
    font-size: 0.64rem;
    font-weight: 700;
}

.alias-list[b-ub9ednt6d9] {
    display: grid;
    gap: 0.38rem;
    margin-top: 0.65rem;
}

.alias-row[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 0.72rem;
    padding: 0.5rem 0.6rem;
    background: var(--surface-soft);
    cursor: pointer;
}

.alias-row input[b-ub9ednt6d9] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--brand-600);
}

.alias-row > span[b-ub9ednt6d9] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.alias-row strong[b-ub9ednt6d9] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alias-row small[b-ub9ednt6d9] {
    flex: 0 0 auto;
    color: var(--ink-500);
    font-size: 0.62rem;
}

.split-controls[b-ub9ednt6d9],
.managed-actions[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.managed-actions[b-ub9ednt6d9] {
    border-top: 1px dashed var(--border-strong);
    padding-top: 0.75rem;
}

.managed-actions > .danger-text[b-ub9ednt6d9] {
    grid-column: 1 / -1;
    justify-self: start;
}

.product-empty[b-ub9ednt6d9] {
    display: grid;
    min-height: 14rem;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    border: 1px dashed var(--border-strong);
    border-radius: 1rem;
    color: var(--ink-500);
    text-align: center;
}

.product-empty[b-ub9ednt6d9]  .app-icon {
    width: 2.3rem;
    height: 2.3rem;
}

.product-empty h3[b-ub9ednt6d9],
.product-empty p[b-ub9ednt6d9] {
    margin: 0;
}

.product-empty h3[b-ub9ednt6d9] {
    color: var(--ink-900);
}

.product-empty p[b-ub9ednt6d9] {
    max-width: 30rem;
    font-size: 0.78rem;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .product-manager-hero[b-ub9ednt6d9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .product-manager-back[b-ub9ednt6d9] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .merge-workbench[b-ub9ednt6d9],
    .product-catalog-heading[b-ub9ednt6d9] {
        grid-template-columns: 1fr;
    }

    .product-grid[b-ub9ednt6d9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .product-manager-page[b-ub9ednt6d9] {
        gap: 0.75rem;
        padding-top: 0.5rem;
    }

    .product-manager-hero[b-ub9ednt6d9] {
        grid-template-columns: 1fr;
        border-radius: 1.2rem;
        padding: 1rem;
    }

    .product-manager-hero-icon[b-ub9ednt6d9] {
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 0.95rem;
    }

    .product-manager-hero h2[b-ub9ednt6d9] {
        font-size: 2.25rem;
    }

    .merge-controls[b-ub9ednt6d9],
    .split-controls[b-ub9ednt6d9],
    .managed-actions[b-ub9ednt6d9] {
        grid-template-columns: 1fr;
    }

    .merge-controls > .text-action[b-ub9ednt6d9],
    .merge-controls > .primary-action[b-ub9ednt6d9],
    .merge-target-control[b-ub9ednt6d9],
    .merge-override-warning[b-ub9ednt6d9],
    .managed-actions > .danger-text[b-ub9ednt6d9],
    .managed-actions > .unmerge-confirmation[b-ub9ednt6d9] {
        grid-column: auto;
        grid-row: auto;
    }

    .primary-action[b-ub9ednt6d9],
    .secondary-action[b-ub9ednt6d9],
    .danger-action[b-ub9ednt6d9] {
        width: 100%;
    }

    .merge-controls input[b-ub9ednt6d9],
    .merge-controls select[b-ub9ednt6d9],
    .split-controls input[b-ub9ednt6d9],
    .managed-actions input[b-ub9ednt6d9],
    .product-search input[b-ub9ednt6d9] {
        font-size: 1rem;
    }

    .product-title-line[b-ub9ednt6d9] {
        display: grid;
        justify-content: initial;
    }

    .managed-badge[b-ub9ednt6d9],
    .automatic-badge[b-ub9ednt6d9],
    .override-badge[b-ub9ednt6d9] {
        justify-self: start;
    }

    .alias-editor summary small[b-ub9ednt6d9] {
        display: none;
    }
}

.product-plan-unavailable[b-ub9ednt6d9] {
    min-height: min(20rem, 42vh);
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.8rem;
    padding: clamp(1.25rem, 5vw, 3rem);
    border: 1px solid var(--border);
    border-radius: 1.5rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    text-align: center;
}

.product-plan-unavailable-icon[b-ub9ednt6d9] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    background: var(--surface-soft);
    color: var(--brand-600);
}

.product-plan-unavailable-icon[b-ub9ednt6d9]  .app-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.product-plan-unavailable h2[b-ub9ednt6d9],
.product-plan-unavailable p[b-ub9ednt6d9] {
    margin: 0;
}

.product-plan-unavailable h2[b-ub9ednt6d9] {
    max-width: 35rem;
    color: var(--ink-900);
    font-size: clamp(1.45rem, 4vw, 2.15rem);
}

.product-plan-unavailable p[b-ub9ednt6d9] {
    max-width: 37rem;
    line-height: 1.6;
}

.product-plan-unavailable > a[b-ub9ednt6d9] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.35rem;
    padding: 0.65rem 1rem;
    border-radius: 0.9rem;
    background: var(--brand-600);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.product-plan-unavailable > a:hover[b-ub9ednt6d9] {
    background: color-mix(in srgb, var(--brand-600) 85%, #000);
}

.product-plan-unavailable > a:focus-visible[b-ub9ednt6d9] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 38%, transparent);
    outline-offset: 3px;
}

.product-cleanup-panel[b-ub9ednt6d9] {
    display: grid;
    gap: 1rem;
    border: 1px solid var(--border);
    border-radius: 1.4rem;
    padding: clamp(1rem, 3vw, 1.4rem);
    background: var(--surface-raised);
}

.product-cleanup-panel > header[b-ub9ednt6d9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
}

.product-cleanup-panel > header > div[b-ub9ednt6d9] {
    min-width: 0;
}

.product-cleanup-panel h2[b-ub9ednt6d9],
.product-cleanup-panel p[b-ub9ednt6d9] {
    margin: 0;
}

.product-cleanup-panel h2[b-ub9ednt6d9] {
    margin-top: 0.12rem;
    color: var(--ink-900);
    font-size: 1.1rem;
    font-weight: 950;
}

.product-cleanup-panel p[b-ub9ednt6d9] {
    margin-top: 0.25rem;
    color: var(--ink-600);
    font-size: 0.74rem;
    line-height: 1.5;
}

.product-cleanup-icon[b-ub9ednt6d9],
.product-cleanup-rule-icon[b-ub9ednt6d9] {
    display: grid;
    place-items: center;
    background: var(--surface-soft);
    color: var(--brand-600);
}

.product-cleanup-icon[b-ub9ednt6d9] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.9rem;
}

.product-cleanup-rule-icon[b-ub9ednt6d9] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.8rem;
}

.product-cleanup-icon[b-ub9ednt6d9]  .app-icon,
.product-cleanup-rule-icon[b-ub9ednt6d9]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.product-cleanup-list[b-ub9ednt6d9] {
    display: grid;
    gap: 0.55rem;
}

.product-cleanup-list > article[b-ub9ednt6d9] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.75rem;
    background: var(--surface-soft);
}

.product-cleanup-rule-copy[b-ub9ednt6d9] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.product-cleanup-rule-copy strong[b-ub9ednt6d9],
.product-cleanup-rule-copy small[b-ub9ednt6d9] {
    overflow-wrap: anywhere;
}

.product-cleanup-rule-copy strong[b-ub9ednt6d9] {
    color: var(--ink-900);
    font-size: 0.8rem;
    font-weight: 900;
}

.product-cleanup-rule-copy small[b-ub9ednt6d9] {
    color: var(--ink-500);
    font-size: 0.68rem;
    line-height: 1.4;
}

.product-cleanup-list > article > .text-action[b-ub9ednt6d9] {
    min-height: 2.75rem;
}

.product-cleanup-empty[b-ub9ednt6d9] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    border-radius: 0.9rem;
    padding: 0.8rem;
    background: var(--surface-soft);
    color: var(--success-600);
}

.product-cleanup-empty[b-ub9ednt6d9]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

.product-cleanup-empty > span[b-ub9ednt6d9] {
    display: grid;
    gap: 0.12rem;
}

.product-cleanup-empty strong[b-ub9ednt6d9] {
    color: var(--ink-900);
    font-size: 0.78rem;
}

.product-cleanup-empty small[b-ub9ednt6d9] {
    color: var(--ink-500);
    font-size: 0.68rem;
}

@media (max-width: 680px) {
    .product-cleanup-list > article[b-ub9ednt6d9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .product-cleanup-list > article > .text-action[b-ub9ednt6d9] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .product-cleanup-list > article > .text-action[b-ub9ednt6d9] {
        justify-content: center;
    }
}
/* /Components/Pages/SharedGroup.razor.rz.scp.css */
.shared-group-page[b-m1fgpkr9u8] {
    display: grid;
    width: min(100%, 68rem);
    gap: 1rem;
    margin: 0 auto;
    padding: clamp(0.75rem, 3vw, 1.5rem) 0 4rem;
    color: var(--ink-900);
}

.shared-group-state[b-m1fgpkr9u8] {
    display: grid;
    width: min(100%, 38rem);
    min-height: 25rem;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    margin: clamp(2rem, 10vh, 7rem) auto 0;
    border: 1px solid var(--border);
    border-radius: 1.5rem;
    padding: clamp(1.5rem, 5vw, 3rem);
    background: var(--surface-raised);
    box-shadow: var(--shadow-md);
    text-align: center;
}

.shared-group-state h1[b-m1fgpkr9u8],
.shared-group-state p[b-m1fgpkr9u8] {
    margin: 0;
}

.shared-group-state h1[b-m1fgpkr9u8] {
    color: var(--ink-950);
    font-size: clamp(1.7rem, 6vw, 2.6rem);
    letter-spacing: -0.04em;
}

.shared-group-state p[b-m1fgpkr9u8] {
    color: var(--ink-600);
    line-height: 1.6;
}

.shared-group-state-icon[b-m1fgpkr9u8] {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: 1.2rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.shared-group-state-icon[b-m1fgpkr9u8]  .app-icon {
    width: 2rem;
    height: 2rem;
}

.shared-group-state a[b-m1fgpkr9u8],
.shared-group-state button[b-m1fgpkr9u8] {
    min-height: 2.75rem;
    border: 1px solid var(--brand-600);
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    background: var(--brand-600);
    color: white;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.shared-group-state button:disabled[b-m1fgpkr9u8] {
    cursor: wait;
    opacity: 0.65;
}

.shared-group-state a:focus-visible[b-m1fgpkr9u8],
.shared-group-state button:focus-visible[b-m1fgpkr9u8],
.shared-group-pagination button:focus-visible[b-m1fgpkr9u8] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

.shared-group-kicker[b-m1fgpkr9u8] {
    color: var(--brand-700);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shared-group-banner[b-m1fgpkr9u8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand-500) 24%, var(--border));
    border-radius: 1.5rem;
    padding: clamp(1.2rem, 4vw, 2rem);
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--brand-400) 25%, transparent), transparent 19rem),
        var(--surface-raised);
    box-shadow: var(--shadow-md);
}

.shared-group-banner-icon[b-m1fgpkr9u8] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: 1.1rem;
    background: var(--brand-600);
    color: white;
}

.shared-group-banner-icon[b-m1fgpkr9u8]  .app-icon {
    width: 1.7rem;
    height: 1.7rem;
}

.shared-group-banner h1[b-m1fgpkr9u8],
.shared-group-banner p[b-m1fgpkr9u8] {
    margin: 0;
}

.shared-group-banner h1[b-m1fgpkr9u8] {
    margin-top: 0.2rem;
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: clamp(2rem, 6vw, 3.5rem);
    letter-spacing: -0.055em;
    line-height: 1;
}

.shared-group-banner p[b-m1fgpkr9u8] {
    margin-top: 0.55rem;
    color: var(--ink-600);
    line-height: 1.5;
}

.shared-group-readonly[b-m1fgpkr9u8] {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--brand-200);
    border-radius: 999px;
    padding: 0.55rem 0.8rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.shared-group-banner-actions[b-m1fgpkr9u8] {
    display: grid;
    justify-items: end;
    gap: 0.55rem;
}

.shared-group-join-button[b-m1fgpkr9u8] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--brand-600);
    border-radius: 999px;
    padding: 0.65rem 0.9rem;
    background: var(--brand-600);
    color: white;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
}

.shared-group-join-button:hover:not(:disabled)[b-m1fgpkr9u8] {
    background: var(--brand-700);
}

.shared-group-join-button:focus-visible[b-m1fgpkr9u8] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

.shared-group-join-button:disabled[b-m1fgpkr9u8] {
    border-color: var(--border-strong);
    background: var(--surface-muted);
    color: var(--ink-500);
    cursor: not-allowed;
}

.shared-group-join-button[b-m1fgpkr9u8]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.shared-group-join-status[b-m1fgpkr9u8] {
    grid-column: 2 / -1;
    justify-self: end;
    margin: -0.2rem 0 0;
    border-radius: 0.8rem;
    padding: 0.55rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 750;
}

.shared-group-join-status.success[b-m1fgpkr9u8] {
    background: var(--success-50);
    color: var(--success-600);
}

.shared-group-join-status.error[b-m1fgpkr9u8] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.shared-group-summary[b-m1fgpkr9u8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.shared-group-summary article[b-m1fgpkr9u8] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--surface-raised);
}

.shared-group-summary span[b-m1fgpkr9u8] {
    color: var(--ink-600);
    font-size: 0.76rem;
    font-weight: 800;
}

.shared-group-summary strong[b-m1fgpkr9u8] {
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: clamp(1rem, 3vw, 1.4rem);
}

.shared-group-content[b-m1fgpkr9u8] {
    display: grid;
    gap: 1rem;
    border: 1px solid var(--border);
    border-radius: 1.5rem;
    padding: clamp(1rem, 3vw, 1.5rem);
    background: var(--surface-raised);
    box-shadow: var(--shadow-md);
}

.shared-group-heading[b-m1fgpkr9u8] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.shared-group-heading h2[b-m1fgpkr9u8] {
    margin: 0.2rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.35rem, 4vw, 1.8rem);
}

.shared-group-heading > span[b-m1fgpkr9u8] {
    color: var(--ink-600);
    font-size: 0.82rem;
    font-weight: 800;
}

.shared-group-bills[b-m1fgpkr9u8] {
    display: grid;
    gap: 0.75rem;
}

.shared-group-bill[b-m1fgpkr9u8] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-soft);
}

.shared-group-bill-heading[b-m1fgpkr9u8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem;
}

.shared-group-bill > summary.shared-group-bill-heading[b-m1fgpkr9u8] {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.shared-group-bill > summary.shared-group-bill-heading[b-m1fgpkr9u8]::-webkit-details-marker {
    display: none;
}

.shared-group-bill > summary.shared-group-bill-heading:hover[b-m1fgpkr9u8],
.shared-group-bill[open] > summary.shared-group-bill-heading[b-m1fgpkr9u8] {
    background: color-mix(in srgb, var(--brand-50) 55%, transparent);
}

.shared-group-bill > summary.shared-group-bill-heading:focus-visible[b-m1fgpkr9u8] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 28%, transparent);
    outline-offset: -3px;
}

.shared-group-bill-chevron[b-m1fgpkr9u8] {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--ink-500);
    transition: transform 160ms ease;
}

.shared-group-bill[open] .shared-group-bill-chevron[b-m1fgpkr9u8] {
    transform: rotate(180deg);
}

.shared-group-bill-icon[b-m1fgpkr9u8] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.shared-group-bill h3[b-m1fgpkr9u8],
.shared-group-bill p[b-m1fgpkr9u8] {
    margin: 0;
}

.shared-group-bill h3[b-m1fgpkr9u8] {
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 1rem;
}

.shared-group-bill p[b-m1fgpkr9u8] {
    margin-top: 0.2rem;
    color: var(--ink-600);
    font-size: 0.78rem;
}

.shared-group-bill-heading > strong[b-m1fgpkr9u8] {
    color: var(--ink-950);
    font-size: 1.05rem;
    white-space: nowrap;
}

.shared-group-items[b-m1fgpkr9u8] {
    display: grid;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--border);
    list-style: none;
}

.shared-group-items li[b-m1fgpkr9u8] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
}

.shared-group-items li + li[b-m1fgpkr9u8] {
    border-top: 1px solid var(--border);
}

.shared-group-items li > span[b-m1fgpkr9u8] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.shared-group-items li strong[b-m1fgpkr9u8] {
    overflow-wrap: anywhere;
}

.shared-group-items small[b-m1fgpkr9u8] {
    color: var(--ink-600);
}

.shared-group-empty[b-m1fgpkr9u8] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 1px dashed var(--border-strong);
    border-radius: 1rem;
    padding: 1.2rem;
    color: var(--ink-600);
}

.shared-group-empty h2[b-m1fgpkr9u8],
.shared-group-empty p[b-m1fgpkr9u8] {
    margin: 0;
}

.shared-group-empty h2[b-m1fgpkr9u8] {
    color: var(--ink-900);
    font-size: 1rem;
}

.shared-group-empty p[b-m1fgpkr9u8] {
    margin-top: 0.2rem;
    line-height: 1.5;
}

.shared-group-pagination[b-m1fgpkr9u8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.shared-group-pagination button[b-m1fgpkr9u8] {
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.shared-group-pagination button:disabled[b-m1fgpkr9u8] {
    cursor: not-allowed;
    opacity: 0.5;
}

.shared-group-pagination span[b-m1fgpkr9u8] {
    color: var(--ink-600);
    font-size: 0.8rem;
    font-weight: 800;
}

.shared-group-disclosure[b-m1fgpkr9u8] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    color: var(--ink-600);
    font-size: 0.78rem;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .shared-group-banner[b-m1fgpkr9u8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .shared-group-readonly[b-m1fgpkr9u8] {
        justify-self: start;
    }

    .shared-group-banner-actions[b-m1fgpkr9u8] {
        grid-column: 1 / -1;
        justify-items: start;
    }

    .shared-group-join-status[b-m1fgpkr9u8] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .shared-group-summary[b-m1fgpkr9u8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .shared-group-page[b-m1fgpkr9u8] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .shared-group-banner[b-m1fgpkr9u8],
    .shared-group-content[b-m1fgpkr9u8] {
        border-radius: 1.15rem;
    }

    .shared-group-banner[b-m1fgpkr9u8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .shared-group-banner-icon[b-m1fgpkr9u8] {
        width: 3rem;
        height: 3rem;
    }

    .shared-group-join-button[b-m1fgpkr9u8] {
        width: 100%;
    }

    .shared-group-bill-heading[b-m1fgpkr9u8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .shared-group-bill > summary.shared-group-bill-heading[b-m1fgpkr9u8] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .shared-group-bill-heading > strong[b-m1fgpkr9u8] {
        grid-column: 2;
        justify-self: start;
    }

    .shared-group-bill > summary.shared-group-bill-heading .shared-group-bill-chevron[b-m1fgpkr9u8] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .shared-group-pagination[b-m1fgpkr9u8] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .shared-group-pagination span[b-m1fgpkr9u8] {
        grid-column: 1 / -1;
        grid-row: 1;
        text-align: center;
    }
}

@media (max-width: 360px) {
    .shared-group-summary[b-m1fgpkr9u8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .shared-group-items li[b-m1fgpkr9u8] {
        align-items: flex-start;
    }
}
/* /Components/Pages/SharedReceipt.razor.rz.scp.css */
.shared-receipt-page[b-3qwdt0yhbf] {
    width: min(100%, var(--page-detail-max));
    margin: 0 auto;
    padding: clamp(0.6rem, 2vw, 1.2rem) 0 3.5rem;
    color: var(--receipt-ink);
}

.shared-receipt-banner[b-3qwdt0yhbf],
.shared-receipt-state[b-3qwdt0yhbf] {
    border: 1px solid #bfdbfe;
    background: #ffffff;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

.shared-receipt-banner[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border-radius: 1.5rem;
    padding: 1.2rem 1.35rem;
    background:
        radial-gradient(circle at 100% 0, var(--receipt-brand-border), transparent 34%),
        linear-gradient(135deg, #ffffff, #f8fbff);
}

.shared-receipt-banner-mark[b-3qwdt0yhbf],
.shared-receipt-state-icon[b-3qwdt0yhbf] {
    display: inline-grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 1rem;
    background: var(--receipt-brand-border);
    color: var(--receipt-brand-strong);
}

.shared-receipt-banner-mark[b-3qwdt0yhbf]  .app-icon,
.shared-receipt-state-icon[b-3qwdt0yhbf]  .app-icon {
    width: 1.4rem;
    height: 1.4rem;
}

.shared-receipt-kicker[b-3qwdt0yhbf] {
    display: block;
    margin-bottom: 0.18rem;
    color: var(--receipt-brand);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.shared-receipt-banner h1[b-3qwdt0yhbf],
.shared-receipt-banner p[b-3qwdt0yhbf],
.shared-receipt-state h1[b-3qwdt0yhbf],
.shared-receipt-state p[b-3qwdt0yhbf] {
    margin: 0;
}

.shared-receipt-banner h1[b-3qwdt0yhbf] {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
}

.shared-receipt-banner p[b-3qwdt0yhbf] {
    margin-top: 0.25rem;
    color: var(--receipt-text);
    font-size: 0.9rem;
    line-height: 1.5;
}

.shared-receipt-readonly[b-3qwdt0yhbf] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    padding: 0.48rem 0.72rem;
    background: #f0fdf4;
    color: #166534;
    font-size: 0.78rem;
    font-weight: 850;
    white-space: nowrap;
}

.shared-receipt-readonly[b-3qwdt0yhbf]  .app-icon,
.shared-receipt-privacy-note[b-3qwdt0yhbf]  .app-icon,
.shared-receipt-footer[b-3qwdt0yhbf]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.shared-receipt-content[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.9rem;
    margin-top: 0.9rem;
}

/* Rovnaká hlavná karta ako v detaile bločku. */
.receipt-summary-card[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
    border: 1px solid rgba(190, 204, 224, 0.65);
    border-radius: 1.55rem;
    padding: clamp(1.15rem, 2.7vw, 1.65rem);
    background:
        radial-gradient(circle at 92% 0, rgba(198, 219, 255, 0.35), transparent 18rem),
        #ffffff;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

.receipt-summary-logo[b-3qwdt0yhbf],
.receipt-summary-copy[b-3qwdt0yhbf] {
    min-width: 0;
}

.receipt-summary-copy[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.38rem;
}

.receipt-summary-copy h2[b-3qwdt0yhbf] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--receipt-ink);
    font-size: clamp(1.45rem, 3vw, 2rem);
    letter-spacing: -0.04em;
}

.receipt-summary-date[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: var(--receipt-muted);
    font-size: 0.9rem;
}

.receipt-summary-date[b-3qwdt0yhbf]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.receipt-status-pill[b-3qwdt0yhbf] {
    display: inline-flex;
    width: fit-content;
    min-height: 2rem;
    align-items: center;
    gap: 0.38rem;
    border-radius: 0.72rem;
    padding: 0.38rem 0.62rem;
    font-size: 0.78rem;
    font-weight: 850;
}

.receipt-status-pill.verified[b-3qwdt0yhbf] {
    background: #ecfdf3;
    color: #16805a;
}

.receipt-status-pill.manual[b-3qwdt0yhbf] {
    background: #fff7ed;
    color: #c2410c;
}

.receipt-status-pill[b-3qwdt0yhbf]  .app-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.receipt-summary-amount[b-3qwdt0yhbf] {
    color: var(--receipt-ink);
    font-size: clamp(2.15rem, 5vw, 3.25rem);
    font-weight: 950;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

.shared-receipt-privacy-note[b-3qwdt0yhbf] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    border: 1px solid var(--receipt-brand-border);
    border-radius: 1rem;
    padding: 0.85rem 0.95rem;
    background: #f8fbff;
    color: var(--receipt-text);
    font-size: 0.84rem;
    line-height: 1.5;
}

.shared-receipt-privacy-note[b-3qwdt0yhbf]  .app-icon {
    flex: 0 0 auto;
    margin-top: 0.12rem;
    color: var(--receipt-brand);
}

.shared-attachments-card[b-3qwdt0yhbf] {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.shared-attachments-heading[b-3qwdt0yhbf] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
}

.shared-attachments-heading > div[b-3qwdt0yhbf] {
    min-width: 0;
}

.shared-attachments-heading h2[b-3qwdt0yhbf],
.shared-attachments-heading p[b-3qwdt0yhbf] {
    margin: 0;
}

.shared-attachments-heading h2[b-3qwdt0yhbf] {
    color: var(--ink-950);
    font-size: clamp(1.1rem, 2.2vw, 1.35rem);
}

.shared-attachments-heading p[b-3qwdt0yhbf] {
    margin-top: 0.2rem;
    color: var(--ink-600);
    font-size: 0.78rem;
    line-height: 1.45;
}

.shared-attachments-grid[b-3qwdt0yhbf] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: 0.75rem;
}

.shared-attachment-card[b-3qwdt0yhbf] {
    display: grid;
    min-width: 0;
    grid-template-rows: auto auto 1fr;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    background: var(--surface-soft);
}

.shared-attachment-preview[b-3qwdt0yhbf] {
    display: grid;
    min-height: 8.5rem;
    place-items: center;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
    background: var(--surface-muted);
    color: var(--brand-700);
    text-decoration: none;
}

.shared-attachment-preview.image[b-3qwdt0yhbf] {
    aspect-ratio: 16 / 10;
}

.shared-attachment-preview img[b-3qwdt0yhbf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 160ms ease;
}

.shared-attachment-preview-unavailable[b-3qwdt0yhbf] {
    display: grid;
    max-width: 13rem;
    place-items: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--warning-600);
    text-align: center;
}

.shared-attachment-preview-unavailable > span[b-3qwdt0yhbf] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 1.3rem;
    font-weight: 900;
}

.shared-attachment-preview-unavailable small[b-3qwdt0yhbf] {
    color: var(--ink-600);
    font-weight: 750;
    line-height: 1.4;
}

.shared-attachment-preview.image:hover img[b-3qwdt0yhbf],
.shared-attachment-preview.image:focus-visible img[b-3qwdt0yhbf] {
    transform: scale(1.025);
}

.shared-attachment-preview.file[b-3qwdt0yhbf] {
    gap: 0.45rem;
    align-content: center;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.shared-attachment-preview.file[b-3qwdt0yhbf]  .app-icon {
    width: 2rem;
    height: 2rem;
}

.shared-attachment-preview:focus-visible[b-3qwdt0yhbf],
.shared-attachment-actions a:focus-visible[b-3qwdt0yhbf] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 28%, transparent);
    outline-offset: -3px;
}

.shared-attachment-info[b-3qwdt0yhbf] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
    padding: 0.7rem 0.75rem 0.45rem;
}

.shared-attachment-info strong[b-3qwdt0yhbf] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
    font-size: 0.82rem;
}

.shared-attachment-info span[b-3qwdt0yhbf] {
    color: var(--ink-500);
    font-size: 0.68rem;
    font-weight: 700;
}

.shared-attachment-actions[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-self: end;
    gap: 0.45rem;
    padding: 0.45rem 0.75rem 0.75rem;
}

.shared-attachment-actions a[b-3qwdt0yhbf] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--border);
    border-radius: 0.72rem;
    padding: 0.5rem 0.65rem;
    background: var(--surface-raised);
    color: var(--brand-700);
    font-size: 0.75rem;
    font-weight: 850;
    text-decoration: none;
}

.shared-attachment-actions a:hover[b-3qwdt0yhbf],
.shared-attachment-actions a:focus-visible[b-3qwdt0yhbf] {
    border-color: var(--brand-600);
    background: var(--brand-50);
}

.shared-attachment-actions a[b-3qwdt0yhbf]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

/* Rovnaké informačné karty ako v detaile bločku. */
.receipt-section-card[b-3qwdt0yhbf],
.receipt-document-details[b-3qwdt0yhbf] {
    border: 1px solid rgba(190, 204, 224, 0.65);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.05);
}

.receipt-section-card[b-3qwdt0yhbf] {
    border-radius: 1.25rem;
    padding: 1rem 1.15rem;
}

.receipt-section-heading[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding-bottom: 0.75rem;
}

.receipt-section-heading-with-meta[b-3qwdt0yhbf] {
    justify-content: space-between;
}

.receipt-section-heading-with-meta > div[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.receipt-section-heading h2[b-3qwdt0yhbf] {
    margin: 0;
    color: var(--receipt-ink);
    font-size: clamp(1.1rem, 2.2vw, 1.35rem);
}

.receipt-section-icon[b-3qwdt0yhbf] {
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.78rem;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand);
}

.receipt-section-icon[b-3qwdt0yhbf]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.receipt-count-pill[b-3qwdt0yhbf] {
    border-radius: 999px;
    padding: 0.3rem 0.55rem;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand-strong);
    font-size: 0.75rem;
    font-weight: 800;
}

.receipt-empty-state[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.25rem;
    border-radius: 0.85rem;
    padding: 1rem;
    background: var(--receipt-soft);
    color: var(--receipt-muted);
    text-align: center;
}

.receipt-empty-state strong[b-3qwdt0yhbf] {
    color: #334155;
}

.receipt-items-table-wrap[b-3qwdt0yhbf] {
    overflow-x: auto;
    border: 1px solid var(--receipt-border);
    border-radius: 0.95rem;
    -webkit-overflow-scrolling: touch;
}

.receipt-items-table[b-3qwdt0yhbf] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    font-size: 0.88rem;
}

.receipt-items-table th[b-3qwdt0yhbf],
.receipt-items-table td[b-3qwdt0yhbf] {
    border-bottom: 1px solid var(--receipt-border);
    padding: 0.72rem 0.75rem;
    text-align: right;
}

.receipt-items-table th[b-3qwdt0yhbf] {
    background: var(--receipt-soft);
    color: var(--receipt-muted);
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.receipt-items-table th:first-child[b-3qwdt0yhbf],
.receipt-items-table td:first-child[b-3qwdt0yhbf] {
    width: 55%;
    text-align: left;
}

.receipt-items-table tbody tr:last-child td[b-3qwdt0yhbf] {
    border-bottom: 0;
}

.receipt-item-name[b-3qwdt0yhbf] {
    color: var(--receipt-ink);
    font-weight: 850;
}

.receipt-items-table td:last-child[b-3qwdt0yhbf] {
    color: var(--receipt-ink);
    font-weight: 850;
}

.receipt-overview-grid[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
    align-items: stretch;
}

.receipt-overview-grid > .receipt-section-card[b-3qwdt0yhbf] {
    height: 100%;
}

.receipt-fact-list[b-3qwdt0yhbf],
.receipt-total-list[b-3qwdt0yhbf] {
    display: grid;
    margin: 0;
}

.receipt-fact-list > div[b-3qwdt0yhbf],
.receipt-total-list > div[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.42fr) minmax(0, 0.58fr);
    align-items: center;
    gap: 0.75rem;
    min-height: 2.7rem;
    border-bottom: 1px solid var(--receipt-border);
    padding: 0.58rem 0;
}

.receipt-fact-list > div:last-child[b-3qwdt0yhbf],
.receipt-total-list > div:last-child[b-3qwdt0yhbf] {
    border-bottom: 0;
}

.receipt-fact-list dt[b-3qwdt0yhbf],
.receipt-total-list dt[b-3qwdt0yhbf] {
    color: var(--receipt-muted);
    font-size: 0.72rem;
}

.receipt-fact-list dd[b-3qwdt0yhbf],
.receipt-total-list dd[b-3qwdt0yhbf] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--receipt-ink);
    font-weight: 850;
    text-align: right;
}

.receipt-grand-total[b-3qwdt0yhbf] {
    margin-top: 0.35rem;
    border: 0 !important;
    border-radius: 0.8rem;
    padding: 0.75rem !important;
    background: var(--receipt-brand-soft);
}

.receipt-grand-total dt[b-3qwdt0yhbf],
.receipt-grand-total dd[b-3qwdt0yhbf] {
    color: var(--receipt-ink);
    font-size: 0.95rem;
    font-weight: 950;
}

.receipt-summary-warning[b-3qwdt0yhbf] {
    margin: 0.7rem 0 0;
    border: 1px solid #fde68a;
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: #fffbeb;
    color: #92400e;
    font-size: 0.72rem;
    line-height: 1.45;
}

.receipt-document-details[b-3qwdt0yhbf] {
    overflow: hidden;
    border-radius: 1.1rem;
}

.receipt-document-details > summary[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    min-height: 4.2rem;
    padding: 0.75rem 0.9rem;
    background: #ffffff;
    cursor: pointer;
    list-style: none;
}

.receipt-document-details > summary[b-3qwdt0yhbf]::-webkit-details-marker {
    display: none;
}

.receipt-document-details > summary:hover[b-3qwdt0yhbf] {
    background: var(--receipt-soft);
}

.receipt-document-details > summary strong[b-3qwdt0yhbf],
.receipt-document-details > summary small[b-3qwdt0yhbf] {
    display: block;
}

.receipt-document-details > summary strong[b-3qwdt0yhbf] {
    font-size: 0.9rem;
}

.receipt-document-details > summary small[b-3qwdt0yhbf] {
    margin-top: 0.15rem;
    color: var(--receipt-muted);
    font-size: 0.7rem;
}

.receipt-details-chevron[b-3qwdt0yhbf] {
    width: 1rem;
    height: 1rem;
    color: var(--receipt-subtle);
    transition: transform 160ms ease;
}

.receipt-document-details[open] .receipt-details-chevron[b-3qwdt0yhbf] {
    transform: rotate(180deg);
}

.receipt-document-details-content[b-3qwdt0yhbf] {
    border-top: 1px solid #edf1f5;
    padding: 0.15rem 0.9rem 0.55rem;
}

.receipt-verification-card.verified[b-3qwdt0yhbf] {
    border-color: #c7ead7;
    background: linear-gradient(135deg, #ffffff, #f7fffb);
}

.receipt-verification-card.manual[b-3qwdt0yhbf] {
    border-color: #fed7aa;
    background: linear-gradient(135deg, #ffffff, #fffaf5);
}

.receipt-verification-body[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border-top: 1px solid #e8eef5;
    padding-top: 0.75rem;
}

.receipt-verification-mark[b-3qwdt0yhbf] {
    display: inline-grid;
    position: relative;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #72c698;
    border-radius: 50%;
    color: #16805a;
    line-height: 0;
}

.receipt-verification-card.manual .receipt-verification-mark[b-3qwdt0yhbf] {
    border-color: #fb923c;
    color: #c2410c;
}

.receipt-verification-mark[b-3qwdt0yhbf]  .app-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.35rem;
    height: 1.35rem;
    margin: 0;
    transform: translate(-50%, -50%);
}

.receipt-verification-body strong[b-3qwdt0yhbf],
.receipt-verification-body span[b-3qwdt0yhbf] {
    display: block;
}

.receipt-verification-body strong[b-3qwdt0yhbf] {
    font-size: 0.9rem;
}

.receipt-verification-body span[b-3qwdt0yhbf] {
    margin-top: 0.18rem;
    color: var(--receipt-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.shared-payment-card[b-3qwdt0yhbf] {
    --payment-surface: #ffffff;
    --payment-soft: #f4f8ff;
    --payment-border: #cfe0f5;
    --payment-text: var(--receipt-ink);
    --payment-muted: var(--receipt-muted);
    overflow: hidden;
    border: 1px solid var(--payment-border);
    border-radius: 1.25rem;
    padding: clamp(1rem, 2.5vw, 1.3rem);
    background:
        radial-gradient(circle at 100% 0, rgba(59, 130, 246, 0.12), transparent 17rem),
        var(--payment-surface);
    color: var(--payment-text);
    box-shadow: 0 0.45rem 1.35rem rgba(15, 23, 42, 0.06);
}

.shared-payment-heading[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
}

.shared-payment-heading h2[b-3qwdt0yhbf],
.shared-payment-heading p[b-3qwdt0yhbf],
.shared-payment-warning[b-3qwdt0yhbf] {
    margin: 0;
}

.shared-payment-heading h2[b-3qwdt0yhbf] {
    color: var(--payment-text);
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
}

.shared-payment-heading p[b-3qwdt0yhbf] {
    margin-top: 0.18rem;
    color: var(--payment-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.shared-payment-icon[b-3qwdt0yhbf] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--receipt-brand-border);
    color: var(--receipt-brand);
}

.shared-payment-icon[b-3qwdt0yhbf]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.shared-payment-state[b-3qwdt0yhbf] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.9rem;
    border: 1px solid var(--payment-border);
    border-radius: 0.85rem;
    padding: 0.8rem;
    background: var(--payment-soft);
    color: var(--payment-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.shared-payment-state.error[b-3qwdt0yhbf] {
    border-color: rgba(225, 29, 72, 0.3);
    background: rgba(225, 29, 72, 0.08);
    color: #be123c;
}

.shared-payment-state[b-3qwdt0yhbf]  .app-icon,
.shared-payment-warning[b-3qwdt0yhbf]  .app-icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin-top: 0.12rem;
}

.shared-payment-body[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: minmax(10rem, 12.5rem) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1rem, 3vw, 1.5rem);
    margin-top: 1rem;
    border: 1px solid var(--payment-border);
    border-radius: 1rem;
    padding: clamp(0.85rem, 2vw, 1.1rem);
    background: var(--payment-soft);
}

.shared-payment-qr[b-3qwdt0yhbf] {
    display: grid;
    width: 100%;
    max-width: 12.5rem;
    aspect-ratio: 1;
    place-items: center;
    justify-self: center;
    overflow: hidden;
    border: 0.55rem solid #ffffff;
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.12);
}

.shared-payment-qr img[b-3qwdt0yhbf] {
    display: block;
    width: 100%;
    height: 100%;
}

.shared-payment-details[b-3qwdt0yhbf] {
    display: grid;
    min-width: 0;
}

.shared-payment-label[b-3qwdt0yhbf] {
    color: var(--payment-muted);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.shared-payment-amount[b-3qwdt0yhbf] {
    margin-top: 0.1rem;
    color: var(--payment-text);
    font-size: clamp(1.8rem, 5vw, 2.65rem);
    font-weight: 950;
    letter-spacing: -0.045em;
}

.shared-payment-details dl[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.45rem;
    margin: 0.8rem 0 0;
}

.shared-payment-details dl > div[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 0.6rem;
}

.shared-payment-details dt[b-3qwdt0yhbf] {
    color: var(--payment-muted);
    font-size: 0.68rem;
}

.shared-payment-details dd[b-3qwdt0yhbf] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--payment-text);
    font-size: 0.72rem;
    font-weight: 800;
}

.shared-payment-open[b-3qwdt0yhbf] {
    display: inline-flex;
    width: fit-content;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0.9rem;
    border-radius: 0.72rem;
    padding: 0.6rem 0.85rem;
    background: linear-gradient(135deg, var(--receipt-brand), var(--receipt-brand-strong));
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
    text-decoration: none;
}

.shared-payment-open[b-3qwdt0yhbf]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.shared-payment-warning[b-3qwdt0yhbf] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.8rem;
    color: var(--payment-muted);
    font-size: 0.66rem;
    line-height: 1.45;
}

.shared-receipt-footer[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 0.35rem 0;
    color: var(--receipt-muted);
    font-size: 0.8rem;
}

.shared-receipt-footer span[b-3qwdt0yhbf],
.shared-receipt-footer a[b-3qwdt0yhbf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.shared-receipt-footer a[b-3qwdt0yhbf] {
    color: var(--receipt-brand-strong);
    font-weight: 850;
    text-decoration: none;
}

.shared-receipt-state[b-3qwdt0yhbf] {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
    border-radius: 1.5rem;
    padding: clamp(2rem, 8vw, 4.5rem) 1.25rem;
    text-align: center;
}

.shared-receipt-state h1[b-3qwdt0yhbf] {
    font-size: clamp(1.5rem, 4vw, 2.2rem);
}

.shared-receipt-state p[b-3qwdt0yhbf] {
    max-width: 34rem;
    color: var(--receipt-muted);
    line-height: 1.55;
}

.shared-receipt-state a[b-3qwdt0yhbf] {
    margin-top: 0.55rem;
    border-radius: 0.85rem;
    padding: 0.72rem 1rem;
    background: var(--receipt-brand);
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
}

.shared-receipt-state.unavailable .shared-receipt-state-icon[b-3qwdt0yhbf] {
    background: #f1f5f9;
    color: var(--receipt-muted);
}

@media (max-width: 760px) {
    .shared-receipt-page[b-3qwdt0yhbf] {
        padding: 0.65rem;
    }

    .shared-receipt-banner[b-3qwdt0yhbf] {
        grid-template-columns: auto minmax(0, 1fr);
        border-radius: 1.15rem;
        padding: 1rem;
    }

    .shared-receipt-readonly[b-3qwdt0yhbf] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .shared-receipt-content[b-3qwdt0yhbf] {
        gap: 0.72rem;
    }

    .receipt-summary-card[b-3qwdt0yhbf] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.75rem;
        border-radius: 1.2rem;
        padding: 0.9rem;
    }

    .receipt-summary-copy[b-3qwdt0yhbf] {
        gap: 0.35rem;
    }

    .receipt-summary-copy h2[b-3qwdt0yhbf] {
        font-size: 1.12rem;
    }

    .receipt-summary-date[b-3qwdt0yhbf] {
        font-size: 0.76rem;
    }

    .receipt-status-pill[b-3qwdt0yhbf] {
        min-height: 1.8rem;
        padding: 0.35rem 0.55rem;
        font-size: 0.68rem;
    }

    .receipt-summary-amount[b-3qwdt0yhbf] {
        font-size: clamp(1.65rem, 8vw, 2.25rem);
    }

    .receipt-section-card[b-3qwdt0yhbf] {
        border-radius: 1.05rem;
        padding: 0.9rem;
    }

    .receipt-items-table-wrap[b-3qwdt0yhbf] {
        margin-right: -0.35rem;
        margin-left: -0.35rem;
    }

    .receipt-items-table[b-3qwdt0yhbf] {
        min-width: 0;
        table-layout: fixed;
    }

    .receipt-items-table th[b-3qwdt0yhbf],
    .receipt-items-table td[b-3qwdt0yhbf] {
        padding-right: 0.45rem;
        padding-left: 0.45rem;
        font-size: 0.7rem;
    }

    .receipt-items-table th:first-child[b-3qwdt0yhbf],
    .receipt-items-table td:first-child[b-3qwdt0yhbf] {
        width: 44%;
        padding-left: 0.7rem;
    }

    .receipt-items-table th:last-child[b-3qwdt0yhbf],
    .receipt-items-table td:last-child[b-3qwdt0yhbf] {
        padding-right: 0.7rem;
    }

    .shared-receipt-footer[b-3qwdt0yhbf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .shared-payment-body[b-3qwdt0yhbf] {
        grid-template-columns: minmax(8.5rem, 10.5rem) minmax(0, 1fr);
        gap: 0.85rem;
    }
}

@media (max-width: 470px) {
    .shared-attachments-grid[b-3qwdt0yhbf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .receipt-summary-card[b-3qwdt0yhbf] {
        gap: 0.55rem;
    }

    .receipt-summary-logo[b-3qwdt0yhbf]  .merchant-badge-large {
        width: 3.45rem;
        height: 3.45rem;
        border-radius: 1rem;
    }

    .receipt-summary-copy h2[b-3qwdt0yhbf] {
        font-size: 1.02rem;
    }

    .receipt-summary-date[b-3qwdt0yhbf] {
        font-size: 0.68rem;
    }

    .receipt-status-pill[b-3qwdt0yhbf] {
        min-height: 1.7rem;
        padding: 0.28rem 0.42rem;
        font-size: 0.61rem;
    }

    .receipt-summary-amount[b-3qwdt0yhbf] {
        font-size: clamp(1.3rem, 7vw, 1.75rem);
    }

    .receipt-fact-list > div[b-3qwdt0yhbf],
    .receipt-total-list > div[b-3qwdt0yhbf] {
        grid-template-columns: minmax(6rem, 0.42fr) minmax(0, 0.58fr);
        gap: 0.7rem;
    }

    .shared-payment-card[b-3qwdt0yhbf] {
        border-radius: 1.05rem;
        padding: 0.85rem;
    }

    .shared-payment-body[b-3qwdt0yhbf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .shared-payment-qr[b-3qwdt0yhbf] {
        width: min(100%, 14rem);
        max-width: 14rem;
    }

    .shared-payment-details[b-3qwdt0yhbf] {
        justify-items: center;
        text-align: center;
    }

    .shared-payment-details dl[b-3qwdt0yhbf] {
        width: 100%;
        text-align: left;
    }

    .shared-payment-open[b-3qwdt0yhbf] {
        width: 100%;
    }
}

/* HOTFIX-2026-07-SHARED-RECEIPT-RESPONSIVE
   Stabilný hover v tmavej téme a bezpečné zobrazenie dlhých údajov dokladu. */
.receipt-document-details[b-3qwdt0yhbf],
.receipt-document-details > summary[b-3qwdt0yhbf],
.receipt-document-details > summary > span:nth-child(2)[b-3qwdt0yhbf],
.receipt-document-details-content[b-3qwdt0yhbf],
.receipt-document-facts[b-3qwdt0yhbf],
.receipt-document-facts > div[b-3qwdt0yhbf],
.receipt-document-facts dd[b-3qwdt0yhbf] {
    min-width: 0;
    max-width: 100%;
}

.receipt-document-details > summary[b-3qwdt0yhbf] {
    color: inherit !important;
    transition:
        background-color 150ms ease,
        border-color 150ms ease,
        color 150ms ease;
}

.receipt-document-details > summary:hover[b-3qwdt0yhbf],
.receipt-document-details > summary:focus-visible[b-3qwdt0yhbf] {
    background: color-mix(in srgb, currentColor 5%, transparent) !important;
    color: inherit !important;
    outline: none;
}

.receipt-document-details > summary strong[b-3qwdt0yhbf] {
    color: inherit !important;
}

.receipt-document-facts dd[b-3qwdt0yhbf] {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.receipt-items-table-wrap[b-3qwdt0yhbf] {
    max-width: 100%;
}

@media (max-width: 560px) {
    .receipt-document-details > summary[b-3qwdt0yhbf] {
        grid-template-columns: 2.25rem minmax(0, 1fr) 1rem;
        gap: 0.6rem;
        min-height: 3.9rem;
        padding: 0.7rem 0.75rem;
    }

    .receipt-document-details > summary strong[b-3qwdt0yhbf] {
        font-size: 0.86rem;
        line-height: 1.25;
    }

    .receipt-document-details > summary small[b-3qwdt0yhbf] {
        overflow-wrap: anywhere;
        font-size: 0.66rem;
        line-height: 1.35;
    }

    .receipt-document-details-content[b-3qwdt0yhbf] {
        overflow: hidden;
        padding: 0.2rem 0.75rem 0.65rem;
    }

    .receipt-document-facts > div[b-3qwdt0yhbf] {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0.18rem;
        padding: 0.62rem 0;
    }

    .receipt-document-facts dt[b-3qwdt0yhbf] {
        font-size: 0.68rem;
        font-weight: 750;
        letter-spacing: 0.02em;
    }

    .receipt-document-facts dd[b-3qwdt0yhbf] {
        width: 100%;
        color: inherit;
        font-size: 0.78rem;
        line-height: 1.45;
        text-align: left;
    }

    .receipt-items-table th[b-3qwdt0yhbf],
    .receipt-items-table td[b-3qwdt0yhbf] {
        overflow-wrap: anywhere;
        word-break: normal;
    }
}

/* Anonymné rozdelenie položiek. Farby sú zámerne postavené na premenných,
   aby svetlý a tmavý režim používali rovnakú štruktúru bez bielych presvitov. */
.receipt-split-card[b-3qwdt0yhbf] {
    --split-surface: #ffffff;
    --split-surface-soft: var(--receipt-soft);
    --split-surface-muted: #eef4fb;
    --split-border: #d9e4f2;
    --split-text: var(--receipt-ink);
    --split-muted: var(--receipt-muted);
    --split-action: var(--receipt-brand);
    --split-action-strong: var(--receipt-brand-strong);
    overflow: hidden;
    border: 1px solid var(--split-border);
    border-radius: 1.35rem;
    padding: clamp(1rem, 2.5vw, 1.35rem);
    background: var(--split-surface);
    color: var(--split-text);
    box-shadow: 0 0.65rem 1.8rem rgba(15, 23, 42, 0.07);
}

.receipt-split-heading[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.receipt-split-heading h2[b-3qwdt0yhbf],
.receipt-split-heading p[b-3qwdt0yhbf],
.receipt-split-join h3[b-3qwdt0yhbf],
.receipt-split-join p[b-3qwdt0yhbf],
.receipt-split-item h3[b-3qwdt0yhbf],
.receipt-split-refresh-note[b-3qwdt0yhbf] {
    margin: 0;
}

.receipt-split-heading h2[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: clamp(1.2rem, 3vw, 1.55rem);
    letter-spacing: -0.035em;
}

.receipt-split-heading p[b-3qwdt0yhbf] {
    margin-top: 0.2rem;
    color: var(--split-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.receipt-split-live[b-3qwdt0yhbf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--split-muted);
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.receipt-split-live > span[b-3qwdt0yhbf] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0.22rem rgba(34, 197, 94, 0.15);
}

.receipt-split-loading[b-3qwdt0yhbf],
.receipt-split-message[b-3qwdt0yhbf] {
    margin-top: 1rem;
    border: 1px solid var(--split-border);
    border-radius: 0.8rem;
    padding: 0.75rem 0.85rem;
    background: var(--split-surface-soft);
    color: var(--split-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.receipt-split-message.error[b-3qwdt0yhbf] {
    border-color: rgba(225, 29, 72, 0.3);
    background: rgba(225, 29, 72, 0.08);
    color: #be123c;
}

.receipt-split-message.success[b-3qwdt0yhbf] {
    border-color: rgba(5, 150, 105, 0.3);
    background: rgba(5, 150, 105, 0.08);
    color: #047857;
}

.receipt-split-join[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    border: 1px solid var(--split-border);
    border-radius: 1rem;
    padding: 0.9rem;
    background: var(--split-surface-soft);
}

.receipt-split-join > div:first-child[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
}

.receipt-split-join-icon[b-3qwdt0yhbf] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.82rem;
    background: var(--receipt-brand-border);
    color: var(--receipt-brand);
}

.receipt-split-join-icon[b-3qwdt0yhbf]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.receipt-split-join h3[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: 0.96rem;
}

.receipt-split-join p[b-3qwdt0yhbf] {
    margin-top: 0.15rem;
    color: var(--split-muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.receipt-split-join label[b-3qwdt0yhbf],
.receipt-split-colors legend[b-3qwdt0yhbf] {
    color: var(--split-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.receipt-split-join input[b-3qwdt0yhbf],
.receipt-split-controls[b-3qwdt0yhbf]  .localized-decimal-field input {
    width: 100%;
    border: 1px solid var(--split-border);
    border-radius: 0.72rem;
    background: var(--split-surface);
    color: var(--split-text);
    font: inherit;
    font-weight: 750;
    outline: none;
}

.receipt-split-join input[b-3qwdt0yhbf] {
    min-height: 2.85rem;
    padding: 0.65rem 0.75rem;
}

.receipt-split-join input:focus[b-3qwdt0yhbf],
.receipt-split-controls[b-3qwdt0yhbf]  .localized-decimal-field input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.14);
}

.receipt-split-colors[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    border: 0;
    padding: 0;
}

.receipt-split-colors legend[b-3qwdt0yhbf] {
    float: left;
    margin-right: 0.2rem;
}

.receipt-split-color[b-3qwdt0yhbf] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.receipt-split-color[b-3qwdt0yhbf]::before {
    width: 1.55rem;
    height: 1.55rem;
    border: 0.18rem solid var(--split-surface-soft);
    border-radius: 50%;
    background: var(--participant);
    box-shadow: 0 0 0 1px var(--split-border);
    content: "";
}

.receipt-split-color.selected[b-3qwdt0yhbf]::before {
    box-shadow: 0 0 0 2px var(--split-surface-soft), 0 0 0 4px var(--participant);
}

.receipt-split-join-button[b-3qwdt0yhbf] {
    display: inline-flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 0;
    border-radius: 0.78rem;
    padding: 0.65rem 1rem;
    background: linear-gradient(135deg, var(--split-action), var(--split-action-strong));
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.receipt-split-join-button[b-3qwdt0yhbf]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.receipt-split-join-button:disabled[b-3qwdt0yhbf],
.receipt-split-controls button:disabled[b-3qwdt0yhbf],
.receipt-split-controls[b-3qwdt0yhbf]  .localized-decimal-field input:disabled {
    cursor: not-allowed;
    opacity: 0.52;
}

.receipt-split-current[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1rem;
    border: 1px solid color-mix(in srgb, var(--participant) 30%, var(--split-border));
    border-radius: 0.95rem;
    padding: 0.65rem 0.75rem;
    background: color-mix(in srgb, var(--participant) 8%, var(--split-surface));
}

.receipt-split-current > span:nth-child(2)[b-3qwdt0yhbf] {
    display: grid;
}

.receipt-split-current small[b-3qwdt0yhbf] {
    color: var(--split-muted);
    font-size: 0.62rem;
}

.receipt-split-current strong[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: 0.85rem;
}

.receipt-split-avatar[b-3qwdt0yhbf] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--participant) 58%, var(--split-border));
    border-radius: 50%;
    background: var(--split-surface-muted);
    color: var(--split-text);
    font-size: 0.68rem;
    font-weight: 950;
}

.receipt-split-private[b-3qwdt0yhbf] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--split-muted);
    font-size: 0.64rem;
    font-weight: 750;
}

.receipt-split-private[b-3qwdt0yhbf]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.receipt-split-participants[b-3qwdt0yhbf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.receipt-split-participant[b-3qwdt0yhbf],
.receipt-split-allocations > span[b-3qwdt0yhbf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--participant) 30%, var(--split-border));
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    background: color-mix(in srgb, var(--participant) 9%, var(--split-surface));
    color: color-mix(in srgb, var(--participant) 82%, var(--split-text));
    font-size: 0.68rem;
    font-weight: 850;
}

.receipt-split-participant > span[b-3qwdt0yhbf] {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--participant) 58%, var(--split-border));
    border-radius: 50%;
    background: var(--split-surface-muted);
    color: var(--split-text);
    font-size: 0.5rem;
}

.receipt-split-participant.current[b-3qwdt0yhbf],
.receipt-split-allocations > span.current[b-3qwdt0yhbf] {
    box-shadow: inset 0 0 0 1px var(--participant);
}

.receipt-split-allocations > span[b-3qwdt0yhbf] {
    display: grid;
    justify-items: start;
    border-radius: 0.7rem;
}

.receipt-split-allocations > span > span[b-3qwdt0yhbf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.receipt-split-allocations > span > small[b-3qwdt0yhbf] {
    max-width: 18rem;
    overflow-wrap: anywhere;
    color: var(--split-muted);
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1.35;
}

.receipt-split-tabs[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.3rem;
    margin-top: 1rem;
    border-radius: 0.75rem;
    padding: 0.25rem;
    background: var(--split-surface-muted);
}

.receipt-split-tabs button[b-3qwdt0yhbf] {
    min-height: 2.75rem;
    border: 0;
    border-radius: 0.58rem;
    background: transparent;
    color: var(--split-muted);
    font-weight: 850;
    cursor: pointer;
}

.receipt-split-tabs button.active[b-3qwdt0yhbf] {
    background: var(--split-surface);
    color: var(--receipt-brand);
    box-shadow: 0 0.15rem 0.45rem rgba(15, 23, 42, 0.08);
}

.receipt-split-original[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    margin-top: 0.75rem;
}

.receipt-split-original-heading[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.2rem;
}

.receipt-split-original-heading strong[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: 0.9rem;
}

.receipt-split-original-heading span[b-3qwdt0yhbf] {
    color: var(--split-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

.receipt-split-original-table[b-3qwdt0yhbf] {
    margin: 0;
}

/* Údaje predajcu držíme v kompaktných dvojstĺpcových riadkoch. Dlhá hodnota
   sa môže zalomiť iba vo svojom stĺpci a nikdy nevytlačí kartu mimo viewport. */
.receipt-seller-card[b-3qwdt0yhbf],
.receipt-seller-card .receipt-fact-list[b-3qwdt0yhbf],
.receipt-seller-card .receipt-fact-list > div[b-3qwdt0yhbf] {
    min-width: 0;
    max-width: 100%;
}

.receipt-seller-card[b-3qwdt0yhbf] {
    overflow: hidden;
}

.receipt-seller-card .receipt-fact-list > div[b-3qwdt0yhbf] {
    grid-template-columns: minmax(4.5rem, 0.35fr) minmax(0, 0.65fr);
    align-items: baseline;
}

.receipt-seller-card .receipt-fact-list dd[b-3qwdt0yhbf] {
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    justify-self: stretch;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: right;
    white-space: normal;
}

.receipt-split-items[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.7rem;
    margin-top: 0.75rem;
}

.receipt-split-item[b-3qwdt0yhbf] {
    min-width: 0;
    border: 1px solid var(--split-border);
    border-radius: 0.95rem;
    padding: 0.8rem;
    background: var(--split-surface-soft);
}

.receipt-split-item-heading[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.65rem;
}

.receipt-split-item-heading h3[b-3qwdt0yhbf] {
    overflow-wrap: anywhere;
    color: var(--split-text);
    font-size: 0.9rem;
    line-height: 1.25;
}

.receipt-split-item-heading span[b-3qwdt0yhbf] {
    color: var(--split-muted);
    font-size: 0.64rem;
}

.receipt-split-item-heading > strong[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: 0.9rem;
    white-space: nowrap;
}

.receipt-split-allocations[b-3qwdt0yhbf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.6rem;
}

.receipt-split-unassigned[b-3qwdt0yhbf] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.6rem;
    color: var(--split-muted);
    font-size: 0.68rem;
}

.receipt-split-controls[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: 2.75rem minmax(5rem, 0.75fr) 2.75rem minmax(6.8rem, 1fr);
    align-items: start;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.receipt-split-controls button[b-3qwdt0yhbf] {
    min-height: 2.75rem;
    border: 1px solid var(--split-border);
    border-radius: 0.66rem;
    background: var(--split-surface);
    color: var(--receipt-brand);
    font-size: 1.15rem;
    font-weight: 950;
    cursor: pointer;
}

.receipt-split-controls label[b-3qwdt0yhbf] {
    position: relative;
    min-width: 0;
}

.receipt-split-controls label > .receipt-split-control-label[b-3qwdt0yhbf] {
    position: absolute;
    top: 0.2rem;
    left: 0.55rem;
    z-index: 1;
    color: var(--split-muted);
    font-size: 0.48rem;
    font-weight: 800;
    text-transform: uppercase;
}

.receipt-split-controls[b-3qwdt0yhbf]  .localized-decimal-field input {
    min-height: 2.75rem;
    padding: 0.85rem 0.45rem 0.2rem;
    text-align: center;
}

.receipt-split-controls .receipt-split-all-mine[b-3qwdt0yhbf] {
    padding: 0.4rem 0.65rem;
    background: var(--split-action);
    color: #ffffff;
    font-size: 0.68rem;
}

.receipt-split-note-editor[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.65rem;
    border-top: 1px dashed var(--split-border);
    padding-top: 0.65rem;
}

.receipt-split-note-editor > label[b-3qwdt0yhbf] {
    color: var(--split-muted);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.receipt-split-note-editor > div[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
}

.receipt-split-note-editor input[b-3qwdt0yhbf] {
    min-width: 0;
    min-height: 2.75rem;
    border: 1px solid var(--split-border);
    border-radius: 0.66rem;
    padding: 0.55rem 0.65rem;
    background: var(--split-surface);
    color: var(--split-text);
    font: inherit;
    font-size: 0.72rem;
    outline: none;
}

.receipt-split-note-editor input:focus[b-3qwdt0yhbf] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.14);
}

.receipt-split-note-editor button[b-3qwdt0yhbf] {
    min-height: 2.75rem;
    border: 0;
    border-radius: 0.66rem;
    padding: 0.5rem 0.75rem;
    background: var(--split-action);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    cursor: pointer;
}

.receipt-split-note-editor button:disabled[b-3qwdt0yhbf],
.receipt-split-note-editor input:disabled[b-3qwdt0yhbf] {
    cursor: not-allowed;
    opacity: 0.52;
}

.receipt-split-note-editor > small[b-3qwdt0yhbf] {
    color: var(--split-muted);
    font-size: 0.58rem;
    line-height: 1.4;
}

.receipt-split-overview[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.receipt-split-overview-person[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.35rem;
}

.receipt-split-overview-items[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    border: 1px solid var(--split-border);
    border-radius: 0.72rem;
    padding: 0.55rem 0.65rem;
    background: var(--split-surface-soft);
    list-style: none;
}

.receipt-split-overview-items li[b-3qwdt0yhbf] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    color: var(--split-muted);
    font-size: 0.66rem;
}

.receipt-split-overview-items li + li[b-3qwdt0yhbf] {
    border-top: 1px dashed var(--split-border);
    padding-top: 0.3rem;
}

.receipt-split-overview-items strong[b-3qwdt0yhbf] {
    overflow-wrap: anywhere;
    color: var(--split-text);
}

.receipt-split-overview-items small[b-3qwdt0yhbf] {
    overflow-wrap: anywhere;
    color: var(--split-muted);
    font-size: 0.6rem;
    font-style: italic;
}

.receipt-split-recipient-label[b-3qwdt0yhbf] {
    border-radius: 999px;
    padding: 0.25rem 0.5rem;
    background: #d1fae5;
    color: #047857 !important;
    font-size: 0.62rem;
    font-weight: 900;
}

.shared-payment-state.recipient[b-3qwdt0yhbf] {
    border-color: rgba(5, 150, 105, 0.3);
    background: rgba(5, 150, 105, 0.08);
    color: #047857;
}

.receipt-split-overview-row[b-3qwdt0yhbf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid color-mix(in srgb, var(--participant, var(--receipt-subtle)) 25%, var(--split-border));
    border-radius: 0.82rem;
    padding: 0.6rem 0.7rem;
    background: color-mix(in srgb, var(--participant, var(--receipt-subtle)) 7%, var(--split-surface-soft));
}

.receipt-split-overview-row > strong[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: 0.82rem;
}

.receipt-split-overview-row > span:last-child[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-weight: 950;
    white-space: nowrap;
}

.receipt-split-overview-total[b-3qwdt0yhbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25rem;
    border-top: 1px solid var(--split-border);
    padding: 0.75rem 0.2rem 0.1rem;
    color: var(--split-muted);
    font-size: 0.75rem;
}

.receipt-split-overview-total strong[b-3qwdt0yhbf] {
    color: var(--split-text);
    font-size: 1rem;
}

.receipt-split-refresh-note[b-3qwdt0yhbf] {
    margin-top: 0.75rem;
    color: var(--split-muted);
    font-size: 0.62rem;
    text-align: center;
}

.color-blue[b-3qwdt0yhbf] {
    --participant: var(--receipt-brand);
    --participant-soft: var(--receipt-brand-border);
}

.color-mint[b-3qwdt0yhbf] {
    --participant: #059669;
    --participant-soft: #d1fae5;
}

.color-violet[b-3qwdt0yhbf] {
    --participant: #7c3aed;
    --participant-soft: #ede9fe;
}

.color-orange[b-3qwdt0yhbf] {
    --participant: #ea580c;
    --participant-soft: #ffedd5;
}

.color-rose[b-3qwdt0yhbf] {
    --participant: #e11d48;
    --participant-soft: #ffe4e6;
}

.color-teal[b-3qwdt0yhbf] {
    --participant: #0d9488;
    --participant-soft: #ccfbf1;
}

@media (max-width: 760px) {
    .receipt-split-card[b-3qwdt0yhbf] {
        border-radius: 1.05rem;
        padding: 0.82rem;
    }

    .receipt-split-heading[b-3qwdt0yhbf] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .receipt-split-live[b-3qwdt0yhbf] {
        grid-column: 2;
        margin-top: -0.2rem;
    }

    .receipt-split-private[b-3qwdt0yhbf] {
        display: none;
    }

    .receipt-split-current[b-3qwdt0yhbf] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .receipt-split-join input[b-3qwdt0yhbf],
    .receipt-split-note-editor input[b-3qwdt0yhbf] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .receipt-split-colors[b-3qwdt0yhbf] {
        flex-wrap: wrap;
    }

    .receipt-split-colors legend[b-3qwdt0yhbf] {
        width: 100%;
        margin-bottom: 0.15rem;
    }

    .receipt-split-controls[b-3qwdt0yhbf] {
        grid-template-columns: 2.75rem minmax(4.8rem, 1fr) 2.75rem;
    }

    .receipt-split-controls .receipt-split-all-mine[b-3qwdt0yhbf] {
        grid-column: 1 / -1;
    }

    .receipt-split-note-editor > div[b-3qwdt0yhbf] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Workspace.razor.rz.scp.css */

.workspace-context-back-link[b-p4b4f5fxrk] {
    display: inline-flex;
    width: fit-content;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.9rem;
    padding: 0.55rem 0.78rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
}

.workspace-context-back-link:hover[b-p4b4f5fxrk],
.workspace-context-back-link:focus-visible[b-p4b4f5fxrk] {
    border-color: var(--brand-300);
    color: var(--brand-700);
}

.workspace-context-back-link[b-p4b4f5fxrk]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.workspace-hero[b-p4b4f5fxrk],
.workspace-panel[b-p4b4f5fxrk],
.workspace-guest-card[b-p4b4f5fxrk] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}


.workspace-hero-icon[b-p4b4f5fxrk],
.workspace-section-icon[b-p4b4f5fxrk],
.empty-icon[b-p4b4f5fxrk] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-600);
}


.workspace-hero-icon[b-p4b4f5fxrk]  .app-icon {
    width: 1.95rem;
    height: 1.95rem;
    stroke-width: 1.7;
}

.workspace-hero-content[b-p4b4f5fxrk] {
    z-index: 2;
    min-width: 0;
}


.workspace-hero h1[b-p4b4f5fxrk],
.workspace-hero h2[b-p4b4f5fxrk],
.workspace-guest-card h1[b-p4b4f5fxrk] {
    margin: 0.25rem 0 0;
    color: var(--ink-950);
    font-weight: 950;
    letter-spacing: -0.06em;
    line-height: 0.98;
}

.workspace-hero h1[b-p4b4f5fxrk],
.workspace-hero h2[b-p4b4f5fxrk] {
    font-size: clamp(2.6rem, 6vw, 4.4rem);
}

.workspace-hero p[b-p4b4f5fxrk],
.workspace-guest-card p[b-p4b4f5fxrk] {
    margin: 0.65rem 0 0;
    color: var(--ink-600);
    line-height: 1.6;
}

.workspace-hero p[b-p4b4f5fxrk] {
    max-width: 35rem;
    font-size: clamp(0.88rem, 2vw, 1rem);
}

.workspace-actions[b-p4b4f5fxrk] {
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.workspace-primary-action[b-p4b4f5fxrk],
.workspace-secondary-action[b-p4b4f5fxrk],
.workspace-debug-action[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.9rem;
    padding: 0.65rem 0.95rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}


.workspace-secondary-action[b-p4b4f5fxrk],
.workspace-debug-action[b-p4b4f5fxrk] {
    border: 1px solid var(--border-strong);
    background: rgba(255,255,255,.9);
    color: var(--ink-900);
    box-shadow: var(--shadow-sm);
}

.workspace-debug-action[b-p4b4f5fxrk] {
    color: #7c3aed;
}

.workspace-primary-action:hover[b-p4b4f5fxrk],
.workspace-primary-action:focus-visible[b-p4b4f5fxrk],
.workspace-secondary-action:hover[b-p4b4f5fxrk],
.workspace-secondary-action:focus-visible[b-p4b4f5fxrk],
.workspace-debug-action:hover[b-p4b4f5fxrk],
.workspace-debug-action:focus-visible[b-p4b4f5fxrk] {
    transform: translateY(-1px);
}

.workspace-primary-action:disabled[b-p4b4f5fxrk],
.workspace-secondary-action:disabled[b-p4b4f5fxrk],
.workspace-debug-action:disabled[b-p4b4f5fxrk] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.workspace-primary-action.compact[b-p4b4f5fxrk],
.workspace-secondary-action.compact[b-p4b4f5fxrk] {
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.73rem;
}

.workspace-actions[b-p4b4f5fxrk]  .app-icon,
.workspace-primary-action[b-p4b4f5fxrk]  .app-icon,
.workspace-secondary-action[b-p4b4f5fxrk]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.workspace-group-action[b-p4b4f5fxrk] {
    color: var(--brand-700);
}


.workspace-duplicate-notice[b-p4b4f5fxrk] {
    position: fixed;
    z-index: 300;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: max(1rem, env(safe-area-inset-left));
    display: grid;
    gap: 1rem;
    width: auto;
    max-width: 34rem;
    max-height: calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin: 0 auto;
    overflow-y: auto;
    border: 1px solid color-mix(in srgb, var(--warning-600) 38%, var(--border));
    border-radius: 1.25rem;
    padding: 1rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    box-shadow: var(--shadow-lg);
}

.workspace-duplicate-header[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
}

.workspace-duplicate-icon[b-p4b4f5fxrk] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--warning-50);
    color: var(--warning-600);
}

.workspace-duplicate-icon[b-p4b4f5fxrk]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.workspace-duplicate-copy[b-p4b4f5fxrk] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-duplicate-copy h2[b-p4b4f5fxrk] {
    margin: 0.1rem 0 0;
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 850;
    line-height: 1.35;
}

.workspace-duplicate-copy p[b-p4b4f5fxrk] {
    margin: 0.35rem 0 0;
    color: var(--ink-600);
    font-size: 0.875rem;
    line-height: 1.5;
}

.workspace-duplicate-close[b-p4b4f5fxrk] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    background: var(--surface-raised);
    color: var(--ink-600);
    cursor: pointer;
}

.workspace-duplicate-close[b-p4b4f5fxrk]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.workspace-duplicate-timer[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.55rem;
}

.workspace-duplicate-countdown[b-p4b4f5fxrk] {
    color: var(--ink-600);
    font-size: 0.875rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.workspace-duplicate-progress[b-p4b4f5fxrk] {
    height: 0.3rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--surface-soft);
}

.workspace-duplicate-progress > span[b-p4b4f5fxrk] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--warning-600);
    transition: width 0.2s linear;
}

.workspace-duplicate-open[b-p4b4f5fxrk],
.workspace-duplicate-stay[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.85rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
}

.workspace-duplicate-open[b-p4b4f5fxrk] {
    border: 1px solid var(--warning-600);
    background: var(--warning-600);
    color: var(--warning-on-solid);
}

.workspace-duplicate-open[b-p4b4f5fxrk]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.workspace-duplicate-stay[b-p4b4f5fxrk] {
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-800);
}

.workspace-duplicate-open:hover[b-p4b4f5fxrk] {
    border-color: color-mix(in srgb, var(--warning-600) 88%, var(--ink-950));
    background: color-mix(in srgb, var(--warning-600) 88%, var(--ink-950));
    color: var(--warning-on-solid);
}

.workspace-duplicate-stay:hover[b-p4b4f5fxrk],
.workspace-duplicate-close:hover[b-p4b4f5fxrk] {
    background: var(--surface-soft);
}

.workspace-duplicate-notice :is(a, button):focus-visible[b-p4b4f5fxrk] {
    outline: 3px solid var(--warning-600);
    outline-offset: 3px;
}

.workspace-loading-state[b-p4b4f5fxrk] {
    min-height: 8rem;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    text-align: center;
}

.workspace-post-scan-overlay[b-p4b4f5fxrk] {
    position: fixed;
    z-index: 9000;
    inset: 0;
    display: grid;
    overflow: auto;
    place-items: center;
    padding:
        max(1rem, env(safe-area-inset-top))
        max(1rem, env(safe-area-inset-right))
        max(1rem, env(safe-area-inset-bottom))
        max(1rem, env(safe-area-inset-left));
    background: color-mix(in srgb, var(--ink-950) 48%, transparent);
    backdrop-filter: blur(5px);
}

.workspace-post-scan-card[b-p4b4f5fxrk] {
    display: grid;
    width: min(100%, 25rem);
    min-width: 0;
    place-items: center;
    gap: 0.6rem;
    border: 1px solid var(--border-strong);
    border-radius: 1.25rem;
    padding: clamp(1.25rem, 5vw, 1.8rem);
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: 0 2rem 5rem color-mix(in srgb, var(--ink-950) 28%, transparent);
    text-align: center;
}

.workspace-post-scan-card strong[b-p4b4f5fxrk] {
    color: var(--ink-950);
    font-size: clamp(1.05rem, 4vw, 1.25rem);
    font-weight: 950;
}

.workspace-post-scan-card > span:last-child[b-p4b4f5fxrk] {
    color: var(--ink-600);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.5;
}

.workspace-post-scan-spinner[b-p4b4f5fxrk] {
    width: 2.5rem;
    height: 2.5rem;
    border: 0.22rem solid color-mix(in srgb, var(--brand-600) 20%, var(--border));
    border-top-color: var(--brand-600);
    border-radius: 50%;
    animation: workspace-post-scan-spin-b-p4b4f5fxrk 800ms linear infinite;
}

@keyframes workspace-post-scan-spin-b-p4b4f5fxrk {
    to {
        transform: rotate(360deg);
    }
}


.workspace-section-icon[b-p4b4f5fxrk]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}


.workspace-list-title p[b-p4b4f5fxrk]  .app-icon {
    width: 0.82rem;
    height: 0.82rem;
}


.bulk-group-panel[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.8rem;
    margin: 0.85rem 0 0.25rem;
    border: 1px solid var(--brand-200);
    border-radius: 1rem;
    padding: 0.85rem;
    background: linear-gradient(145deg, var(--brand-50), #fff 72%);
}

.bulk-group-panel > header[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
}

.bulk-group-icon[b-p4b4f5fxrk] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border-radius: 0.82rem;
    background: var(--brand-100);
    color: var(--brand-700);
}

.bulk-group-icon[b-p4b4f5fxrk]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.bulk-group-panel h3[b-p4b4f5fxrk],
.bulk-group-panel p[b-p4b4f5fxrk] {
    margin: 0;
}

.bulk-group-panel h3[b-p4b4f5fxrk] {
    margin-top: 0.12rem;
    color: var(--ink-950);
    font-size: 0.92rem;
    font-weight: 950;
}

.bulk-group-panel p[b-p4b4f5fxrk] {
    margin-top: 0.18rem;
    color: var(--ink-500);
    font-size: 0.64rem;
    line-height: 1.45;
}

.bulk-group-close[b-p4b4f5fxrk] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 0.65rem;
    background: #fff;
    color: var(--ink-600);
    font: inherit;
    font-size: 1.05rem;
    cursor: pointer;
}

.bulk-group-controls[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto auto auto;
    align-items: end;
    gap: 0.55rem;
}

.bulk-group-controls label[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.3rem;
}

.bulk-group-controls label > span[b-p4b4f5fxrk] {
    color: var(--ink-600);
    font-size: 0.62rem;
    font-weight: 900;
}

.bulk-group-controls .bulk-select-all[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 2.7rem;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.75rem;
    padding: 0 0.7rem;
    background: #fff;
    color: var(--ink-800);
    cursor: pointer;
    white-space: nowrap;
}

.bulk-group-controls .bulk-select-all input[b-p4b4f5fxrk] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--brand-600);
    cursor: pointer;
}

.bulk-group-controls .bulk-select-all > span[b-p4b4f5fxrk] {
    color: inherit;
    font-size: 0.68rem;
}

.bulk-group-controls .bulk-select-all:has(input:focus-visible)[b-p4b4f5fxrk] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 16%, transparent);
}

.bulk-group-controls .bulk-select-all:has(input:disabled)[b-p4b4f5fxrk] {
    cursor: not-allowed;
    opacity: 0.55;
}

.bulk-group-controls .bulk-select-all input:disabled[b-p4b4f5fxrk] {
    cursor: not-allowed;
}

.bulk-group-controls select[b-p4b4f5fxrk],
.bulk-select-visible[b-p4b4f5fxrk],
.bulk-group-submit[b-p4b4f5fxrk] {
    min-height: 2.7rem;
    border-radius: 0.75rem;
    padding: 0 0.7rem;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 900;
}

.bulk-group-controls select[b-p4b4f5fxrk],
.bulk-select-visible[b-p4b4f5fxrk] {
    border: 1px solid var(--border-strong);
    background: #fff;
    color: var(--ink-800);
}

.bulk-select-visible[b-p4b4f5fxrk],
.bulk-group-submit[b-p4b4f5fxrk] {
    cursor: pointer;
}

.bulk-group-submit[b-p4b4f5fxrk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.bulk-group-submit:disabled[b-p4b4f5fxrk] {
    cursor: not-allowed;
    opacity: 0.5;
}

.bulk-group-submit[b-p4b4f5fxrk]  .app-icon {
    width: 0.85rem;
    height: 0.85rem;
}

.bulk-group-message[b-p4b4f5fxrk] {
    border-radius: 0.72rem;
    padding: 0.62rem 0.7rem;
    font-size: 0.68rem;
    font-weight: 850;
}

.bulk-group-message.success[b-p4b4f5fxrk] {
    background: var(--success-50);
    color: var(--success-600);
}

.bulk-group-message.error[b-p4b4f5fxrk] {
    background: var(--danger-50);
    color: var(--danger-600);
}


.bulk-bill-card[b-p4b4f5fxrk] {
    position: relative;
    isolation: isolate;
    min-width: 0;
    border-radius: 1rem;
    transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.bulk-mobile-receipt[b-p4b4f5fxrk] {
    display: none;
}

.bulk-bill-card.selected[b-p4b4f5fxrk] {
    background: var(--brand-50);
    box-shadow:
        inset 4px 0 0 var(--brand-600),
        0 0 0 2px var(--brand-500),
        0 0.75rem 1.8rem rgba(37, 99, 235, 0.13);
}

.bulk-bill-card.selected[b-p4b4f5fxrk]  .bill-list-card {
    border-bottom-color: transparent;
    background: linear-gradient(90deg, var(--brand-50), rgba(255, 255, 255, 0.96) 58%);
}

.bulk-bill-selector[b-p4b4f5fxrk] {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    z-index: 4;
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    gap: 0.28rem;
    border: 2px solid var(--brand-500);
    border-radius: 999px;
    padding: 0 0.55rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font: inherit;
    font-size: 0.58rem;
    font-weight: 900;
    box-shadow: 0 0.35rem 1rem rgba(37, 99, 235, 0.14);
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.bulk-bill-selector:hover[b-p4b4f5fxrk] {
    border-color: var(--brand-700);
    background: var(--brand-100);
    box-shadow: 0 0.5rem 1.2rem rgba(37, 99, 235, 0.2);
    transform: translateY(-1px);
}

.bulk-bill-selector:focus-visible[b-p4b4f5fxrk] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

.bulk-bill-selector[aria-pressed="true"][b-p4b4f5fxrk] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
    box-shadow: 0 0.45rem 1.15rem rgba(37, 99, 235, 0.3);
}

.bulk-bill-selector[aria-pressed="true"]:hover[b-p4b4f5fxrk] {
    border-color: var(--brand-700);
    background: var(--brand-700);
}

.bulk-bill-selector[b-p4b4f5fxrk]  .app-icon {
    width: 0.75rem;
    height: 0.75rem;
}

.bill-history-grid[b-p4b4f5fxrk]  .bill-list-card {
    border-radius: 1rem;
}


.empty-icon[b-p4b4f5fxrk] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.95rem;
}


.workspace-guest[b-p4b4f5fxrk] {
    min-height: min(42rem, calc(100vh - 8rem));
    min-height: min(42rem, calc(100dvh - 8rem));
    place-items: center;
}

.workspace-guest-card[b-p4b4f5fxrk] {
    display: grid;
    width: min(100%, 44rem);
    gap: 1rem;
    border-radius: 1.7rem;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.workspace-guest-card h1[b-p4b4f5fxrk] {
    font-size: clamp(2rem, 6vw, 3.4rem);
}

@media (max-width: 980px) {
    .workspace-hero[b-p4b4f5fxrk] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .workspace-actions[b-p4b4f5fxrk] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

}

@media (max-width: 800px) {
    .workspace-duplicate-notice[b-p4b4f5fxrk] {
        right: max(0.65rem, env(safe-area-inset-right));
        bottom: calc(4.85rem + 0.75rem + env(safe-area-inset-bottom));
        left: max(0.65rem, env(safe-area-inset-left));
        max-height: calc(100dvh - 6.35rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
}

@media (max-width: 680px) {
    .workspace-page[b-p4b4f5fxrk] {
        gap: 0.75rem;
        padding-top: 0;
    }

    .workspace-hero[b-p4b4f5fxrk] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.75rem;
        border-radius: 1.35rem;
        padding: 1rem;
    }

    .workspace-hero-icon[b-p4b4f5fxrk] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1rem;
    }

    .workspace-hero-icon[b-p4b4f5fxrk]  .app-icon {
        width: 1.45rem;
        height: 1.45rem;
    }

    .workspace-hero h1[b-p4b4f5fxrk],
    .workspace-hero h2[b-p4b4f5fxrk] {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .workspace-hero p[b-p4b4f5fxrk] {
        margin-top: 0.4rem;
        font-size: 0.76rem;
    }

    .workspace-actions[b-p4b4f5fxrk] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        gap: 0.55rem;
    }

    .workspace-group-action[b-p4b4f5fxrk] {
        grid-column: 1 / -1;
    }

    .bulk-group-panel[b-p4b4f5fxrk] {
        padding: 0.72rem;
    }

    .bulk-group-controls[b-p4b4f5fxrk] {
        grid-template-columns: 1fr;
    }

    .bulk-group-controls select[b-p4b4f5fxrk],
    .bulk-select-all[b-p4b4f5fxrk],
    .bulk-select-visible[b-p4b4f5fxrk],
    .bulk-group-submit[b-p4b4f5fxrk] {
        width: 100%;
    }

    .bulk-bill-selector[b-p4b4f5fxrk] {
        display: none;
    }

    .bulk-bill-card.selection-active[b-p4b4f5fxrk] {
        margin-bottom: 0.55rem;
        border: 1px solid var(--border-strong);
        border-radius: 0.9rem;
        background: #fff;
        box-shadow: var(--shadow-sm);
    }

    .bulk-bill-card.selection-active.selected[b-p4b4f5fxrk] {
        border-color: var(--brand-600);
        background: var(--brand-50);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-500) 22%, transparent);
    }

    .bulk-bill-card.selection-active[b-p4b4f5fxrk]  .bill-list-card {
        display: none;
    }

    .bulk-mobile-receipt[b-p4b4f5fxrk] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.65rem;
        min-height: 4.7rem;
        padding: 0.72rem;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .bulk-mobile-receipt input[b-p4b4f5fxrk] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .bulk-mobile-check[b-p4b4f5fxrk] {
        display: grid;
        width: 1.65rem;
        height: 1.65rem;
        place-items: center;
        border: 2px solid var(--border-strong);
        border-radius: 0.48rem;
        background: #fff;
        color: transparent;
    }

    .bulk-mobile-check[b-p4b4f5fxrk]  .app-icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .bulk-mobile-receipt input:checked + .bulk-mobile-check[b-p4b4f5fxrk] {
        border-color: var(--brand-600);
        background: var(--brand-600);
        color: #fff;
    }

    .bulk-mobile-receipt input:focus-visible + .bulk-mobile-check[b-p4b4f5fxrk] {
        outline: 3px solid color-mix(in srgb, var(--brand-500) 28%, transparent);
        outline-offset: 2px;
    }

    .bulk-mobile-copy[b-p4b4f5fxrk] {
        display: grid;
        min-width: 0;
        gap: 0.2rem;
    }

    .bulk-mobile-copy > strong[b-p4b4f5fxrk],
    .bulk-mobile-item[b-p4b4f5fxrk] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bulk-mobile-copy > strong[b-p4b4f5fxrk] {
        color: var(--ink-950);
        font-size: 0.78rem;
        font-weight: 950;
    }

    .bulk-mobile-copy small[b-p4b4f5fxrk] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem 0.55rem;
        color: var(--ink-500);
        font-size: 0.58rem;
    }

    .bulk-mobile-item[b-p4b4f5fxrk] {
        color: var(--ink-700);
        font-size: 0.62rem;
        font-weight: 750;
    }

    .bulk-mobile-total[b-p4b4f5fxrk] {
        color: var(--ink-950);
        font-size: 0.78rem;
        font-weight: 950;
        white-space: nowrap;
    }

    .workspace-debug-action[b-p4b4f5fxrk] {
        grid-column: 1 / -1;
    }

    .workspace-primary-action[b-p4b4f5fxrk],
    .workspace-secondary-action[b-p4b4f5fxrk],
    .workspace-debug-action[b-p4b4f5fxrk] {
        min-height: 2.8rem;
        padding: 0.55rem 0.55rem;
        font-size: 0.72rem;
    }

    .workspace-panel[b-p4b4f5fxrk] {
        border-radius: 1.2rem;
        padding: 0.8rem;
    }

    .workspace-list-heading[b-p4b4f5fxrk] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.6rem;
    }

    .workspace-section-icon[b-p4b4f5fxrk] {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 0.82rem;
    }

    .workspace-list-title h2[b-p4b4f5fxrk] {
        font-size: 1.15rem;
    }

    .workspace-result-count[b-p4b4f5fxrk] {
        font-size: 0.68rem;
    }

    .workspace-empty.big-empty[b-p4b4f5fxrk] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .workspace-empty.big-empty .workspace-primary-action[b-p4b4f5fxrk] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 390px) {
    .workspace-actions[b-p4b4f5fxrk] {
        grid-template-columns: 1fr;
    }

    .workspace-result-count[b-p4b4f5fxrk] {
        max-width: 5.5rem;
        text-align: right;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-duplicate-progress > span[b-p4b4f5fxrk] {
        transition: none;
    }

    .workspace-post-scan-spinner[b-p4b4f5fxrk] {
        animation-duration: 1.6s;
    }
}
/* /Components/Shared/AccountDashboardPreferencesPanel.razor.rz.scp.css */
.account-dashboard-customization[b-6couef9y1o] {
    order: 55;
    overflow: hidden;
    scroll-margin-top: 5.5rem;
    border: 1px solid rgba(190, 204, 224, 0.62);
    border-radius: 1.3rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.account-dashboard-customization:target[b-6couef9y1o] {
    border-color: var(--brand-300);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-600) 10%, transparent), var(--shadow-sm);
}

.account-dashboard-customization-heading[b-6couef9y1o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem;
    cursor: pointer;
    list-style: none;
    transition: background 0.16s ease;
}

.account-dashboard-customization-heading[b-6couef9y1o]::-webkit-details-marker {
    display: none;
}

.account-dashboard-customization-heading[b-6couef9y1o]::marker {
    content: "";
}

.account-dashboard-customization-heading:hover[b-6couef9y1o] {
    background: color-mix(in srgb, var(--brand-50) 42%, transparent);
}

.account-dashboard-customization-heading:focus-visible[b-6couef9y1o] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 22%, transparent);
    outline-offset: -3px;
}

.account-dashboard-customization[open] .account-dashboard-customization-heading[b-6couef9y1o] {
    background: color-mix(in srgb, var(--brand-50) 24%, transparent);
}

.account-dashboard-customization-content[b-6couef9y1o] {
    display: grid;
    gap: 1rem;
    border-top: 1px solid var(--border);
    padding: 1rem;
}

.account-dashboard-customization-icon[b-6couef9y1o],
.account-dashboard-option-icon[b-6couef9y1o] {
    display: grid;
    place-items: center;
    background: var(--brand-50);
    color: var(--brand-600);
}

.account-dashboard-customization-icon[b-6couef9y1o] {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 0.95rem;
}

.account-dashboard-customization-icon[b-6couef9y1o]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.account-dashboard-customization-heading h2[b-6couef9y1o] {
    margin: 0;
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.account-theme-kicker[b-6couef9y1o] {
    display: block;
    color: var(--brand-600);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.account-dashboard-customization-heading p[b-6couef9y1o] {
    max-width: 43rem;
    margin: 0.28rem 0 0;
    color: var(--ink-600);
    font-size: 0.74rem;
    line-height: 1.5;
}

.account-dashboard-selected-count[b-6couef9y1o] {
    border-radius: 999px;
    padding: 0.35rem 0.58rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.66rem;
    font-weight: 900;
    white-space: nowrap;
}

.account-dashboard-customization-heading[b-6couef9y1o]  .account-dashboard-customization-chevron {
    width: 1rem;
    height: 1rem;
    color: var(--ink-500);
    transition: transform 0.18s ease, color 0.18s ease;
}

.account-dashboard-customization[open] .account-dashboard-customization-heading[b-6couef9y1o]  .account-dashboard-customization-chevron {
    transform: rotate(180deg);
    color: var(--brand-600);
}

.account-dashboard-options[b-6couef9y1o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.account-dashboard-option[b-6couef9y1o] {
    position: relative;
    display: grid;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.72rem;
    background: var(--surface-soft);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.account-dashboard-option:hover[b-6couef9y1o] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    transform: translateY(-1px);
}

.account-dashboard-option:has(input:focus-visible)[b-6couef9y1o] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 22%, transparent);
    outline-offset: 2px;
}

.account-dashboard-option:has(input:checked)[b-6couef9y1o] {
    border-color: color-mix(in srgb, var(--brand-600) 45%, var(--border));
    background: color-mix(in srgb, var(--brand-50) 72%, var(--surface-raised));
}

.account-dashboard-option.wide[b-6couef9y1o] {
    grid-column: span 2;
}

.account-dashboard-option > input[b-6couef9y1o] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.account-dashboard-option-icon[b-6couef9y1o] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 0.8rem;
}

.account-dashboard-option-icon[b-6couef9y1o]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.account-dashboard-option > span:nth-of-type(2)[b-6couef9y1o] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.account-dashboard-option strong[b-6couef9y1o] {
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 900;
}

.account-dashboard-option small[b-6couef9y1o] {
    color: var(--ink-500);
    font-size: 0.66rem;
    line-height: 1.4;
}

.account-dashboard-switch[b-6couef9y1o] {
    position: relative;
    width: 2.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--surface-muted);
    box-shadow: inset 0 0 0 1px var(--border-strong);
    transition: background 0.16s ease, box-shadow 0.16s ease;
}

.account-dashboard-switch[b-6couef9y1o]::after {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 50%;
    background: var(--surface-raised);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2);
    content: "";
    transition: transform 0.16s ease;
}

.account-dashboard-option input:checked ~ .account-dashboard-switch[b-6couef9y1o] {
    background: var(--brand-600);
    box-shadow: none;
}

.account-dashboard-option input:checked ~ .account-dashboard-switch[b-6couef9y1o]::after {
    transform: translateX(1rem);
}

.account-dashboard-basic-plan[b-6couef9y1o] {
    display: grid;
    gap: 0.85rem;
}

.account-dashboard-basic-heading[b-6couef9y1o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
}

.account-dashboard-basic-heading > div[b-6couef9y1o] {
    min-width: 0;
}

.account-dashboard-basic-heading h3[b-6couef9y1o],
.account-dashboard-basic-heading p[b-6couef9y1o] {
    margin: 0;
}

.account-dashboard-basic-heading h3[b-6couef9y1o] {
    margin-top: 0.12rem;
    color: var(--ink-900);
    font-size: 0.9rem;
    font-weight: 950;
}

.account-dashboard-basic-heading p[b-6couef9y1o] {
    margin-top: 0.25rem;
    color: var(--ink-600);
    font-size: 0.7rem;
    line-height: 1.5;
}

.account-dashboard-basic-icon[b-6couef9y1o] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--surface-soft);
    color: var(--brand-600);
}

.account-dashboard-basic-icon[b-6couef9y1o]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.account-dashboard-basic-items[b-6couef9y1o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.account-dashboard-basic-items article[b-6couef9y1o] {
    display: grid;
    min-width: 0;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.72rem;
    background: var(--surface-soft);
}

.account-dashboard-basic-items article > span:nth-child(2)[b-6couef9y1o] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.account-dashboard-basic-items strong[b-6couef9y1o] {
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 900;
}

.account-dashboard-basic-items small[b-6couef9y1o] {
    color: var(--ink-500);
    font-size: 0.66rem;
    line-height: 1.4;
}

.account-dashboard-fixed-badge[b-6couef9y1o] {
    border-radius: 999px;
    padding: 0.3rem 0.5rem;
    background: var(--success-50);
    color: var(--success-600);
    font-size: 0.6rem;
    font-weight: 900;
    white-space: nowrap;
}

.account-dashboard-plus-note[b-6couef9y1o] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    border-radius: 0.85rem;
    padding: 0.72rem 0.85rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.5;
}

.account-dashboard-plus-note[b-6couef9y1o]  .app-icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin-top: 0.08rem;
}

.account-dashboard-basic-plan > .account-dashboard-preview-link[b-6couef9y1o] {
    width: fit-content;
    margin-left: 0;
}

.account-dashboard-loading[b-6couef9y1o],
.account-dashboard-message[b-6couef9y1o] {
    border-radius: 0.85rem;
    padding: 0.72rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.account-dashboard-loading[b-6couef9y1o] {
    background: var(--surface-soft);
    color: var(--ink-600);
}

.account-dashboard-message.success[b-6couef9y1o] {
    background: var(--success-50);
    color: var(--success-600);
}

.account-dashboard-message.error[b-6couef9y1o] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.account-dashboard-actions[b-6couef9y1o] {
    display: block;
}

.account-dashboard-action[b-6couef9y1o] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    padding: 0.62rem 0.9rem;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.account-dashboard-action.primary[b-6couef9y1o] {
    background: var(--brand-600);
    color: #fff;
}

.account-dashboard-action.secondary[b-6couef9y1o] {
    border-color: var(--border);
    background: var(--surface-raised);
    color: var(--ink-800);
}

.account-dashboard-action:not(:disabled):hover[b-6couef9y1o] {
    transform: translateY(-1px);
}

.account-dashboard-action.primary:not(:disabled):hover[b-6couef9y1o] {
    background: var(--brand-700);
}

.account-dashboard-action.secondary:not(:disabled):hover[b-6couef9y1o] {
    border-color: color-mix(in srgb, var(--brand-600) 40%, var(--border));
    color: var(--brand-700);
}

.account-dashboard-action:focus-visible[b-6couef9y1o] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 28%, transparent);
    outline-offset: 2px;
}

.account-dashboard-action:disabled[b-6couef9y1o] {
    cursor: wait;
    opacity: 0.62;
}

.account-dashboard-preview-link[b-6couef9y1o] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    margin-left: 0;
    padding: 0.55rem 0.2rem;
    color: var(--brand-600);
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.account-dashboard-preview-link[b-6couef9y1o]  .app-icon {
    width: 0.85rem;
    height: 0.85rem;
}

@media (max-width: 680px) {
    .account-dashboard-customization[b-6couef9y1o] {
        border-radius: 1.05rem;
    }

    .account-dashboard-customization-heading[b-6couef9y1o] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: start;
        padding: 0.85rem;
    }

    .account-dashboard-customization-heading[b-6couef9y1o]  .account-dashboard-customization-chevron {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
    }

    .account-dashboard-selected-count[b-6couef9y1o] {
        grid-column: 2 / 4;
        width: fit-content;
    }

    .account-dashboard-customization-content[b-6couef9y1o] {
        padding: 0.85rem;
    }

    .account-dashboard-options[b-6couef9y1o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .account-dashboard-basic-items[b-6couef9y1o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .account-dashboard-basic-items article[b-6couef9y1o] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .account-dashboard-fixed-badge[b-6couef9y1o] {
        grid-column: 2;
        width: fit-content;
    }

    .account-dashboard-option.wide[b-6couef9y1o] {
        grid-column: auto;
    }

    .account-dashboard-preview-link[b-6couef9y1o] {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .account-dashboard-actions[b-6couef9y1o],
    .account-dashboard-action[b-6couef9y1o] {
        width: 100%;
    }
}
/* /Components/Shared/AccountMasterProtectionPanel.razor.rz.scp.css */
.account-preferences-card[b-kua16jqffx] {
    overflow: hidden;
    order: 50;
    border: 1px solid rgba(190, 204, 224, 0.62);
    border-radius: 1.3rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.account-menu-expandable > summary[b-kua16jqffx] {
    display: grid;
    width: 100%;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.9rem;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    list-style: none;
}

.account-menu-expandable > summary[b-kua16jqffx]::-webkit-details-marker {
    display: none;
}

.account-menu-expandable > summary:hover[b-kua16jqffx],
.account-menu-expandable > summary:focus-visible[b-kua16jqffx],
.account-menu-expandable[open] > summary[b-kua16jqffx] {
    background: var(--brand-50);
}

.account-menu-expandable > summary > span:nth-child(2)[b-kua16jqffx] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.account-menu-expandable strong[b-kua16jqffx] {
    color: var(--ink-900);
    font-size: 0.85rem;
    font-weight: 900;
}

.account-menu-expandable small[b-kua16jqffx] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

.account-menu-expandable[open] > summary .account-chevron[b-kua16jqffx] {
    color: var(--brand-600);
    transform: rotate(90deg);
}

.account-menu-expanded-content[b-kua16jqffx] {
    display: grid;
    gap: 0.9rem;
    border-top: 1px solid var(--border);
    padding: 1rem;
    background: linear-gradient(180deg, var(--surface-soft), #fff);
}

.account-menu-icon[b-kua16jqffx] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--brand-100);
    color: var(--brand-700);
}

.account-menu-icon[b-kua16jqffx]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.account-chevron[b-kua16jqffx] {
    width: 1rem;
    height: 1rem;
    color: var(--ink-400);
    transition: color 0.16s ease, transform 0.16s ease;
}

.account-menu-expanded-content > p[b-kua16jqffx] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.76rem;
    line-height: 1.5;
}

.account-message[b-kua16jqffx] {
    border-radius: 0.9rem;
    padding: 0.8rem 1rem;
    font-size: 0.8rem;
    font-weight: 800;
}

.account-message.error[b-kua16jqffx] {
    border: 1px solid color-mix(in srgb, var(--danger-600) 38%, var(--border));
    background: var(--danger-50);
    color: var(--danger-600);
}

.account-message.success[b-kua16jqffx] {
    border: 1px solid #a7f3d0;
    background: var(--success-50);
    color: var(--success-600);
}

.account-message.warning[b-kua16jqffx] {
    display: grid;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--warning-600) 38%, var(--border));
    background: var(--warning-50);
    color: var(--warning-600);
}

.account-message code[b-kua16jqffx] {
    display: block;
    overflow-wrap: anywhere;
    margin: 0.65rem 0;
    padding: 0.65rem;
    border-radius: 0.65rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    user-select: all;
}

.account-payment-note[b-kua16jqffx] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    border-radius: 0.75rem;
    padding: 0.6rem 0.7rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.67rem;
    line-height: 1.45;
}

.account-payment-note[b-kua16jqffx]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: var(--brand-600);
}

.account-form-grid[b-kua16jqffx] {
    display: grid;
    gap: 0.75rem;
}

.account-form-grid label[b-kua16jqffx] {
    display: grid;
    gap: 0.35rem;
    color: var(--ink-700);
    font-size: 0.76rem;
    font-weight: 800;
}

.account-form-grid p[b-kua16jqffx] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.76rem;
    line-height: 1.5;
}

.account-form-grid input[b-kua16jqffx] {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.75rem 0.85rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.account-form-grid :is(.workspace-primary-action, .workspace-secondary-action)[b-kua16jqffx] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.account-master-duration[b-kua16jqffx] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    margin: 0;
    border: 0;
    padding: 0;
}

.account-master-duration legend[b-kua16jqffx] {
    margin-bottom: 0.35rem;
    color: var(--ink-700);
    font-size: 0.72rem;
    font-weight: 900;
}

.account-master-duration > div[b-kua16jqffx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.account-master-duration button[b-kua16jqffx] {
    min-height: 2.75rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.5rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
}

.account-master-duration button:hover[b-kua16jqffx],
.account-master-duration button:focus-visible[b-kua16jqffx],
.account-master-duration button.selected[b-kua16jqffx] {
    border-color: var(--brand-600);
    background: var(--brand-100);
    color: var(--brand-700);
}

.account-master-duration button:focus-visible[b-kua16jqffx],
.account-master-unlock-action:focus-visible[b-kua16jqffx] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 24%, transparent);
    outline-offset: 2px;
}

.account-master-duration button:disabled[b-kua16jqffx],
.account-master-unlock-action:disabled[b-kua16jqffx] {
    cursor: not-allowed;
    opacity: 0.58;
}

.account-master-duration > small[b-kua16jqffx] {
    color: var(--ink-600);
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.4;
}

.account-master-unlock-action[b-kua16jqffx] {
    display: inline-flex;
    width: 100%;
    min-height: 3.15rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid var(--brand-600);
    border-radius: 0.95rem;
    padding: 0.7rem 1rem;
    background: linear-gradient(145deg, #3777f6, #1d56d9);
    color: #fff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    box-shadow: 0 0.9rem 1.8rem color-mix(in srgb, var(--brand-600) 24%, transparent);
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.account-master-unlock-action[b-kua16jqffx]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.account-master-unlock-action:hover[b-kua16jqffx],
.account-master-unlock-action:focus-visible[b-kua16jqffx] {
    transform: translateY(-1px);
    box-shadow: 0 1rem 2rem color-mix(in srgb, var(--brand-600) 30%, transparent);
}

.account-menu-expanded-content details > summary[b-kua16jqffx] {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    cursor: pointer;
    font-weight: 850;
}

.account-menu-expanded-content details > summary:focus-visible[b-kua16jqffx] {
    border-radius: 0.55rem;
    outline: 3px solid color-mix(in srgb, var(--brand-600) 24%, transparent);
    outline-offset: 2px;
}

.recovery-document-card[b-kua16jqffx] {
    display: grid;
    gap: 0.7rem;
}

.recovery-required-backdrop[b-kua16jqffx] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 1rem;
    background: rgba(2, 8, 23, 0.78);
    backdrop-filter: blur(8px);
}

.recovery-required-backdrop .recovery-document-card[b-kua16jqffx] {
    width: min(44rem, 100%);
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    border-width: 2px;
    padding: clamp(1rem, 4vw, 1.5rem);
    box-shadow: 0 1.5rem 4rem rgba(2, 8, 23, 0.42);
}

.recovery-save-confirmation[b-kua16jqffx] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font-weight: 850;
    line-height: 1.4;
}

.recovery-save-confirmation input[b-kua16jqffx] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.08rem;
    accent-color: var(--brand-600);
}

.recovery-document-card small[b-kua16jqffx] {
    color: inherit;
    line-height: 1.45;
    opacity: 0.88;
}

.recovery-document-actions[b-kua16jqffx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.recovery-document-actions button[b-kua16jqffx] {
    min-height: 2.75rem;
}

@media (max-width: 680px) {
    .account-preferences-card[b-kua16jqffx] {
        border-radius: 1.05rem;
    }

    .recovery-required-backdrop[b-kua16jqffx] {
        padding:
            max(0.75rem, env(safe-area-inset-top))
            max(0.75rem, env(safe-area-inset-right))
            max(0.75rem, env(safe-area-inset-bottom))
            max(0.75rem, env(safe-area-inset-left));
    }

    .recovery-required-backdrop .recovery-document-card[b-kua16jqffx] {
        max-height: calc(
            100dvh
            - max(0.75rem, env(safe-area-inset-top))
            - max(0.75rem, env(safe-area-inset-bottom))
        );
    }

    .account-form-grid input[b-kua16jqffx] {
        font-size: 16px;
    }
}
/* /Components/Shared/AccountPreferencesPanel.razor.rz.scp.css */
.account-preferences-card[b-jdkc5s27cg] {
    overflow: hidden;
    border: 1px solid rgba(190, 204, 224, 0.62);
    border-radius: 1.3rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.account-menu-expandable[b-jdkc5s27cg] {
    border-bottom: 1px solid var(--border);
}

.account-menu-expandable:last-child[b-jdkc5s27cg] {
    border-bottom: 0;
}

.account-menu-expandable > summary[b-jdkc5s27cg] {
    display: grid;
    width: 100%;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.9rem;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    list-style: none;
}

.account-menu-expandable > summary[b-jdkc5s27cg]::-webkit-details-marker {
    display: none;
}

.account-menu-expandable > summary:hover[b-jdkc5s27cg],
.account-menu-expandable > summary:focus-visible[b-jdkc5s27cg],
.account-menu-expandable[open] > summary[b-jdkc5s27cg] {
    background: var(--brand-50);
}

.account-menu-expandable > summary > span:nth-child(2)[b-jdkc5s27cg] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.account-menu-expandable strong[b-jdkc5s27cg] {
    color: var(--ink-900);
    font-size: 0.85rem;
    font-weight: 900;
}

.account-menu-expandable small[b-jdkc5s27cg] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

.account-menu-expandable[open] > summary .account-chevron[b-jdkc5s27cg] {
    color: var(--brand-600);
    transform: rotate(90deg);
}

.account-menu-expanded-content[b-jdkc5s27cg] {
    display: grid;
    gap: 0.9rem;
    border-top: 1px solid var(--border);
    padding: 1rem;
    background: linear-gradient(180deg, var(--surface-soft), #fff);
}

.account-menu-icon[b-jdkc5s27cg] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.account-menu-icon.payment[b-jdkc5s27cg] {
    background: var(--success-50);
    color: var(--success-600);
}

.account-menu-icon.language[b-jdkc5s27cg] {
    border: 1px solid var(--border);
    background: var(--surface-soft);
}

.account-menu-icon.language img[b-jdkc5s27cg],
.account-language-option-flag img[b-jdkc5s27cg] {
    display: block;
    width: 1.7rem;
    height: 1.275rem;
    border: 1px solid color-mix(in srgb, var(--ink-950) 18%, transparent);
    border-radius: 0.2rem;
    object-fit: cover;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
}

.account-language-option-flag img[b-jdkc5s27cg] {
    width: 1.6rem;
    height: 1.2rem;
}

.account-menu-icon[b-jdkc5s27cg]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.account-chevron[b-jdkc5s27cg] {
    width: 1rem;
    height: 1rem;
    color: var(--ink-400);
    transition: color 0.16s ease, transform 0.16s ease;
}

.account-expanded-heading p[b-jdkc5s27cg] {
    margin: 0.22rem 0 0;
    color: var(--ink-600);
    font-size: 0.72rem;
    line-height: 1.5;
}

.account-theme-kicker[b-jdkc5s27cg] {
    display: block;
    color: var(--brand-600);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.account-theme-options[b-jdkc5s27cg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.account-theme-option[b-jdkc5s27cg] {
    position: relative;
    display: grid;
    min-height: 7.2rem;
    grid-template-rows: auto 1fr;
    gap: 0.65rem;
    border: 1px solid rgba(190, 204, 224, 0.75);
    border-radius: 1rem;
    padding: 0.85rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    text-align: left;
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.account-theme-option:hover:not(:disabled)[b-jdkc5s27cg],
.account-theme-option:focus-visible[b-jdkc5s27cg] {
    border-color: var(--brand-400);
    background: var(--brand-50);
    transform: translateY(-1px);
}

.account-theme-option:focus-visible[b-jdkc5s27cg] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 20%, transparent);
    outline-offset: 2px;
}

.account-theme-option.selected[b-jdkc5s27cg] {
    border-color: var(--brand-600);
    background: var(--brand-50);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-600) 12%, transparent);
}

.account-theme-option:disabled[b-jdkc5s27cg] {
    cursor: wait;
    opacity: 0.64;
}

.account-theme-option-icon[b-jdkc5s27cg] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 0.75rem;
    background: var(--surface-soft);
    color: var(--brand-600);
}

.account-theme-option.selected .account-theme-option-icon[b-jdkc5s27cg] {
    background: var(--brand-100);
    color: var(--brand-700);
}

.account-theme-option-icon[b-jdkc5s27cg]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
}

.account-theme-option-copy[b-jdkc5s27cg] {
    display: grid;
    align-content: end;
    gap: 0.12rem;
}

.account-theme-option-copy strong[b-jdkc5s27cg] {
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 900;
}

.account-theme-option-copy small[b-jdkc5s27cg] {
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 700;
}

.account-theme-selected-mark[b-jdkc5s27cg] {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 50%;
    background: transparent;
    color: transparent;
}

.account-theme-option.selected .account-theme-selected-mark[b-jdkc5s27cg] {
    background: var(--brand-600);
    color: #fff;
}

.account-theme-selected-mark[b-jdkc5s27cg]  .app-icon {
    width: 0.75rem;
    height: 0.75rem;
}

.account-theme-status[b-jdkc5s27cg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.8rem;
    padding: 0.65rem 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-600);
    font-size: 0.7rem;
    font-weight: 750;
}

.account-theme-status-dot[b-jdkc5s27cg] {
    width: 0.55rem;
    height: 0.55rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--brand-600);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand-600) 12%, transparent);
}

.account-theme-message[b-jdkc5s27cg] {
    border: 1px solid color-mix(in srgb, var(--danger-600) 38%, var(--border));
    border-radius: 0.8rem;
    padding: 0.65rem 0.75rem;
    background: var(--danger-50);
    color: var(--danger-600);
    font-size: 0.7rem;
    font-weight: 800;
}

.account-payment-fields[b-jdkc5s27cg] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 0.75rem;
}

.account-payment-fields label[b-jdkc5s27cg] {
    display: grid;
    gap: 0.35rem;
}

.account-payment-fields label > span[b-jdkc5s27cg] {
    color: var(--ink-700);
    font-size: 0.72rem;
    font-weight: 850;
}

.account-payment-fields input[b-jdkc5s27cg] {
    width: 100%;
    min-height: 2.85rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0.7rem 0.8rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font: inherit;
    font-size: 0.78rem;
    outline: none;
}

.account-payment-fields input:focus[b-jdkc5s27cg] {
    border-color: var(--brand-600);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand-600) 14%, transparent);
}

.account-payment-note[b-jdkc5s27cg] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    border-radius: 0.75rem;
    padding: 0.6rem 0.7rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.67rem;
    line-height: 1.45;
}

.account-payment-note[b-jdkc5s27cg]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: var(--brand-600);
}

.account-payment-message[b-jdkc5s27cg] {
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.6rem 0.7rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.7rem;
    font-weight: 750;
}

.account-payment-message.success[b-jdkc5s27cg] {
    border-color: color-mix(in srgb, var(--success-600) 38%, var(--border));
    background: var(--success-50);
    color: var(--success-600);
}

.account-payment-message.error[b-jdkc5s27cg] {
    border-color: color-mix(in srgb, var(--danger-600) 38%, var(--border));
    background: var(--danger-50);
    color: var(--danger-600);
}

.account-payment-actions[b-jdkc5s27cg] {
    display: block;
}

.account-language-options[b-jdkc5s27cg] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-language-options .account-theme-option[b-jdkc5s27cg] {
    min-height: 6.2rem;
}

.account-payment-actions button[b-jdkc5s27cg] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 0.8rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.account-payment-actions button:disabled[b-jdkc5s27cg] {
    cursor: not-allowed;
    opacity: 0.58;
}

.account-payment-save[b-jdkc5s27cg] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.account-payment-save[b-jdkc5s27cg]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.account-payment-clear[b-jdkc5s27cg] {
    border: 1px solid var(--border);
    background: var(--surface-raised);
    color: var(--ink-700);
}

@media (max-width: 680px) {
    .account-preferences-card[b-jdkc5s27cg] {
        border-radius: 1.05rem;
    }

    .account-payment-fields[b-jdkc5s27cg],
    .account-language-options[b-jdkc5s27cg],
    .account-theme-options[b-jdkc5s27cg] {
        grid-template-columns: 1fr;
    }

    .account-theme-option[b-jdkc5s27cg] {
        min-height: 4.25rem;
    }

    .account-payment-fields input[b-jdkc5s27cg] {
        font-size: 16px;
    }
}
/* /Components/Shared/ActionBar.razor.rz.scp.css */
.action-bar[b-wcii99dnet] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.action-bar-leading[b-wcii99dnet] {
    min-width: 0;
    margin-right: auto;
}

.action-bar-secondary[b-wcii99dnet],
.action-bar-primary[b-wcii99dnet] {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
}

.action-bar[b-wcii99dnet]  :is(button, a) {
    min-height: 2.75rem;
}

@media (max-width: 480px) {
    .action-bar.stacked-on-mobile.has-secondary[b-wcii99dnet] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .action-bar.stacked-on-mobile.has-secondary .action-bar-leading[b-wcii99dnet] {
        grid-column: 1 / -1;
        margin-right: 0;
    }

    .action-bar.stacked-on-mobile.has-secondary .action-bar-secondary[b-wcii99dnet],
    .action-bar.stacked-on-mobile.has-secondary .action-bar-primary[b-wcii99dnet] {
        min-width: 0;
    }

    .action-bar.stacked-on-mobile.has-secondary[b-wcii99dnet]  :is(button, a) {
        width: 100%;
    }
}

@media (max-width: 340px) {
    .action-bar.stacked-on-mobile.has-secondary[b-wcii99dnet] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Shared/AppIcon.razor.rz.scp.css */
.app-icon[b-du3cmeq9a6] {
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Shared/AppleLoginButton.razor.rz.scp.css */
.apple-login-button[b-68c5zjp8sp] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid #111;
    border-radius: 0.85rem;
    padding: 0.65rem 1rem;
    background: #111;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.apple-login-button:hover[b-68c5zjp8sp],
.apple-login-button:focus-visible[b-68c5zjp8sp] {
    background: #2a2a2a;
    color: #fff;
}

.apple-symbol[b-68c5zjp8sp] {
    font-size: 1.05rem;
    line-height: 1;
}

.apple-login-button.prominent[b-68c5zjp8sp] {
    display: grid;
    min-height: 3.45rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    border-color: transparent;
    border-radius: 0.92rem;
    padding: 0.48rem 0.75rem;
    box-shadow: 0 0.85rem 1.7rem rgba(17, 17, 17, 0.24);
}

.apple-login-button.prominent:hover[b-68c5zjp8sp],
.apple-login-button.prominent:focus-visible[b-68c5zjp8sp] {
    border-color: var(--brand-200);
    box-shadow: 0 1rem 2.2rem rgba(17, 17, 17, 0.22);
    transform: translateY(-2px);
}

.apple-icon[b-68c5zjp8sp] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.62rem;
    background: #fff;
}

.apple-icon img[b-68c5zjp8sp] {
    width: 1.15rem;
    height: 1.15rem;
}

.apple-login-button.prominent > strong[b-68c5zjp8sp] {
    min-width: 0;
    font-size: 0.86rem;
    font-weight: 900;
}

.apple-login-button.prominent[b-68c5zjp8sp]  .app-icon {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 760px) {
    .apple-login-button.prominent[b-68c5zjp8sp] {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 280px) {
    .apple-login-button.prominent[b-68c5zjp8sp] {
        min-width: 0;
        gap: 0.45rem;
        padding-right: 0.55rem;
        padding-left: 0.55rem;
    }

    .apple-login-button.prominent > strong[b-68c5zjp8sp] {
        overflow-wrap: anywhere;
        font-size: 0.78rem;
        line-height: 1.25;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apple-login-button[b-68c5zjp8sp] {
        transition: none;
    }

    .apple-login-button.prominent:hover[b-68c5zjp8sp],
    .apple-login-button.prominent:focus-visible[b-68c5zjp8sp] {
        transform: none;
    }
}
/* /Components/Shared/ApplicationCultureSwitcher.razor.rz.scp.css */
.culture-switcher[b-j1856p2dzv] {
    position: relative;
    display: inline-flex;
    min-width: 2.75rem;
    min-height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
}

.culture-switcher-trigger[b-j1856p2dzv] {
    display: inline-grid;
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 0.82rem;
    padding: 0;
    background: var(--surface-raised);
    color: var(--ink-700);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    touch-action: manipulation;
}

.culture-switcher-trigger > img[b-j1856p2dzv] {
    display: block;
    width: 1.75rem;
    height: 1.3125rem;
    border: 1px solid color-mix(in srgb, var(--ink-950) 18%, transparent);
    border-radius: 0.22rem;
    object-fit: cover;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.culture-switcher-trigger:hover:not(:disabled)[b-j1856p2dzv] {
    border-color: var(--brand-300);
    background: var(--brand-50);
}

.culture-switcher-trigger:focus-visible[b-j1856p2dzv] {
    border-color: var(--brand-600);
    background: var(--brand-50);
    outline: 3px solid var(--brand-600);
    outline-offset: 2px;
}

.culture-switcher-trigger:disabled[b-j1856p2dzv],
.culture-switcher-option:disabled[b-j1856p2dzv] {
    cursor: wait;
    opacity: 0.66;
}

.culture-switcher-menu[b-j1856p2dzv] {
    position: absolute;
    z-index: 150;
    top: calc(100% + 0.42rem);
    right: 0;
    display: grid;
    width: 10.75rem;
    gap: 0.2rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.35rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-md);
}

.culture-switcher-option[b-j1856p2dzv] {
    display: grid;
    width: 100%;
    min-height: 2.75rem;
    grid-template-columns: auto minmax(0, 1fr) 1.25rem;
    align-items: center;
    gap: 0.6rem;
    border: 0;
    border-radius: 0.68rem;
    padding: 0.45rem 0.55rem;
    background: transparent;
    color: var(--ink-700);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
    touch-action: manipulation;
}

.culture-switcher-option > img[b-j1856p2dzv] {
    display: block;
    width: 1.5rem;
    height: 1.125rem;
    border: 1px solid color-mix(in srgb, var(--ink-950) 18%, transparent);
    border-radius: 0.18rem;
    object-fit: cover;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
}

.culture-switcher-option:hover:not(:disabled)[b-j1856p2dzv],
.culture-switcher-option:focus-visible[b-j1856p2dzv],
.culture-switcher-option.selected[b-j1856p2dzv] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.culture-switcher-option:focus-visible[b-j1856p2dzv] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 32%, transparent);
    outline-offset: -2px;
}

.culture-switcher-check[b-j1856p2dzv] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 50%;
    color: transparent;
}

.culture-switcher-option.selected .culture-switcher-check[b-j1856p2dzv] {
    background: var(--brand-600);
    color: #fff;
}

.culture-switcher-check[b-j1856p2dzv]  .app-icon {
    width: 0.72rem;
    height: 0.72rem;
}

.culture-switcher-error[b-j1856p2dzv] {
    max-width: 14rem;
    color: var(--danger-600);
    font-size: 0.72rem;
}
/* /Components/Shared/AttachmentUploader.razor.rz.scp.css */
.attachment-panel[b-cewq38ctjg] {
    display: grid;
    gap: 1rem;
    border: 1px solid #d7dee8;
    border-radius: 12px;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.attachment-header[b-cewq38ctjg] {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
}

.attachment-header h2[b-cewq38ctjg] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.1;
}

.attachment-header p[b-cewq38ctjg] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.attachment-kicker[b-cewq38ctjg] {
    display: block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.attachment-upload-box[b-cewq38ctjg] {
    display: grid;
    min-width: 0;
    gap: 0.4rem;
    border: 1px dashed var(--border, #cbd5e1);
    border-radius: 12px;
    background: var(--surface-soft, #f8fafc);
    padding: 0.9rem;
}

.attachment-upload-trigger[b-cewq38ctjg] {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand-600, #2563eb) 30%, var(--border, #d7dee8));
    border-radius: 10px;
    background: var(--surface-raised, #ffffff);
    color: var(--brand-700, #1d4ed8);
    font-weight: 850;
    cursor: pointer;
}

.attachment-upload-trigger:not(.disabled):hover[b-cewq38ctjg],
.attachment-upload-trigger:not(.disabled):focus-within[b-cewq38ctjg] {
    border-color: var(--brand-600, #2563eb);
    background: color-mix(in srgb, var(--brand-600, #2563eb) 12%, var(--surface-raised, #ffffff));
    color: var(--brand-strong, var(--brand-700, #1d4ed8));
}

.attachment-upload-trigger:focus-within[b-cewq38ctjg] {
    outline: 3px solid color-mix(in srgb, var(--brand-600, #2563eb) 28%, transparent);
    outline-offset: 2px;
}

.attachment-upload-trigger[b-cewq38ctjg]  .attachment-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.attachment-upload-trigger.disabled[b-cewq38ctjg] {
    cursor: wait;
    opacity: 0.68;
}

.attachment-upload-trigger.disabled[b-cewq38ctjg]  .attachment-file-input {
    cursor: wait;
}

.attachment-upload-spinner[b-cewq38ctjg] {
    width: 1rem;
    height: 1rem;
    border: 0.16rem solid color-mix(in srgb, currentColor 24%, transparent);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: attachment-upload-spin-b-cewq38ctjg 750ms linear infinite;
}

.attachment-upload-box small[b-cewq38ctjg],
.attachment-empty span[b-cewq38ctjg],
.attachment-info span[b-cewq38ctjg] {
    color: #64748b;
    font-size: 0.84rem;
}

.attachment-status[b-cewq38ctjg] {
    width: fit-content;
    max-width: 100%;
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
    font-weight: 800;
}

.attachment-status.neutral[b-cewq38ctjg] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

.attachment-status.error[b-cewq38ctjg] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.attachment-status.success[b-cewq38ctjg] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.attachment-upload-queue[b-cewq38ctjg] {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    border: 1px solid var(--border, #d7dee8);
    border-radius: 12px;
    background: var(--surface-soft, #f8fafc);
    padding: 0.85rem;
}

.attachment-upload-queue > header[b-cewq38ctjg] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.attachment-upload-queue > header strong[b-cewq38ctjg] {
    color: var(--ink-950, #0f172a);
    font-size: 0.92rem;
}

.attachment-upload-queue > header span[b-cewq38ctjg] {
    color: var(--ink-600, #64748b);
    font-size: 0.78rem;
    font-weight: 800;
    text-align: right;
}

.attachment-upload-list[b-cewq38ctjg] {
    display: grid;
    min-width: 0;
    gap: 0.65rem;
}

.attachment-upload-item[b-cewq38ctjg] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
    border: 1px solid var(--border, #d7dee8);
    border-radius: 10px;
    background: var(--surface-raised, #ffffff);
    padding: 0.75rem;
}

.attachment-upload-item.uploading[b-cewq38ctjg],
.attachment-upload-item.persisting[b-cewq38ctjg] {
    border-color: color-mix(in srgb, var(--brand-600, #2563eb) 38%, var(--border, #d7dee8));
}

.attachment-upload-item.succeeded[b-cewq38ctjg] {
    border-color: color-mix(in srgb, var(--success-600, #166534) 34%, var(--border, #d7dee8));
}

.attachment-upload-item.failed[b-cewq38ctjg] {
    border-color: color-mix(in srgb, var(--danger-600, #991b1b) 42%, var(--border, #d7dee8));
}

.attachment-upload-item.pending[b-cewq38ctjg] {
    border-color: color-mix(in srgb, var(--brand-600, #2563eb) 28%, var(--border, #d7dee8));
}

.attachment-upload-item-header[b-cewq38ctjg],
.attachment-upload-meta[b-cewq38ctjg] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.attachment-upload-item-header strong[b-cewq38ctjg] {
    min-width: 0;
    overflow: hidden;
    color: var(--ink-950, #0f172a);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-upload-state[b-cewq38ctjg] {
    flex: 0 0 auto;
    color: var(--brand-700, #1d4ed8);
    font-size: 0.76rem;
    font-weight: 900;
}

.attachment-upload-item.succeeded .attachment-upload-state[b-cewq38ctjg] {
    color: var(--success-600, #166534);
}

.attachment-upload-item.failed .attachment-upload-state[b-cewq38ctjg] {
    color: var(--danger-600, #991b1b);
}

.attachment-progress-track[b-cewq38ctjg] {
    position: relative;
    height: 0.62rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand-600, #2563eb) 12%, var(--surface-muted, #e2e8f0));
}

.attachment-progress-track > span[b-cewq38ctjg] {
    display: block;
    width: var(--attachment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-600, #2563eb), var(--brand-400, #60a5fa));
    transition: width 180ms ease;
}

.attachment-upload-item.persisting .attachment-progress-track > span[b-cewq38ctjg] {
    background-size: 200% 100%;
    animation: attachment-upload-persisting-b-cewq38ctjg 1.1s linear infinite;
}

.attachment-upload-item.succeeded .attachment-progress-track > span[b-cewq38ctjg] {
    background: var(--success-600, #16a34a);
}

.attachment-upload-item.failed .attachment-progress-track > span[b-cewq38ctjg] {
    background: var(--danger-600, #dc2626);
}

.attachment-upload-meta[b-cewq38ctjg] {
    color: var(--ink-600, #64748b);
    font-size: 0.75rem;
    font-weight: 750;
}

.attachment-upload-remove[b-cewq38ctjg] {
    min-height: 2.75rem;
    margin-left: auto;
    border: 1px solid var(--border-strong, #cbd5e1);
    border-radius: 8px;
    background: var(--surface-raised, #ffffff);
    padding: 0.4rem 0.7rem;
    color: var(--ink-800, #334155);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
}

.attachment-upload-remove:hover:not(:disabled)[b-cewq38ctjg],
.attachment-upload-remove:focus-visible[b-cewq38ctjg] {
    border-color: var(--brand-500, #3b82f6);
    background: var(--brand-50, #eff6ff);
    color: var(--brand-700, #1d4ed8);
}

.attachment-upload-remove:disabled[b-cewq38ctjg] {
    cursor: wait;
    opacity: 0.58;
}

.attachment-upload-failure[b-cewq38ctjg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
}

.attachment-upload-failure p[b-cewq38ctjg] {
    min-width: 0;
    margin: 0;
    color: var(--danger-600, #991b1b);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.attachment-upload-failure button[b-cewq38ctjg] {
    min-height: 2.75rem;
    border: 1px solid color-mix(in srgb, var(--danger-600, #991b1b) 45%, var(--border, #d7dee8));
    border-radius: 8px;
    background: var(--surface-raised, #ffffff);
    padding: 0.45rem 0.75rem;
    color: var(--danger-600, #991b1b);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 900;
    cursor: pointer;
}

.attachment-upload-failure button:hover:not(:disabled)[b-cewq38ctjg] {
    background: var(--danger-50, #fff7f7);
}

.attachment-upload-failure button:focus-visible[b-cewq38ctjg] {
    outline: 3px solid color-mix(in srgb, var(--danger-600, #991b1b) 22%, transparent);
    outline-offset: 2px;
}

.attachment-upload-failure button:disabled[b-cewq38ctjg] {
    cursor: wait;
    opacity: 0.58;
}

.attachment-empty[b-cewq38ctjg] {
    display: grid;
    gap: 0.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    padding: 0.9rem;
}

.attachment-grid[b-cewq38ctjg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.85rem;
}

.attachment-card[b-cewq38ctjg] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    padding: 0.75rem;
}

.attachment-preview[b-cewq38ctjg] {
    display: grid;
    min-height: 9rem;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f5f9;
}

.attachment-preview img[b-cewq38ctjg] {
    width: 100%;
    height: 11rem;
    object-fit: cover;
}

.attachment-preview-unavailable[b-cewq38ctjg] {
    display: grid;
    max-width: 14rem;
    place-items: center;
    gap: 0.55rem;
    padding: 1rem;
    color: var(--warning-600, #a55b08);
    text-align: center;
}

.attachment-preview-unavailable > span[b-cewq38ctjg] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 1.35rem;
    font-weight: 900;
}

.attachment-preview-unavailable small[b-cewq38ctjg] {
    color: var(--ink-600, #64748b);
    font-weight: 750;
    line-height: 1.4;
}

.attachment-file-icon[b-cewq38ctjg] {
    display: grid;
    width: 5rem;
    height: 6rem;
    place-items: center;
    border: 2px solid var(--danger-600);
    border-radius: 8px;
    color: var(--danger-600);
    font-weight: 900;
}

.attachment-info[b-cewq38ctjg] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.attachment-info strong[b-cewq38ctjg] {
    overflow: hidden;
    color: #0f172a;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-actions[b-cewq38ctjg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.attachment-actions a[b-cewq38ctjg],
.attachment-actions button[b-cewq38ctjg] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    padding: 0 0.7rem;
    color: #0f172a;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.attachment-actions button[b-cewq38ctjg] {
    border-color: #fecaca;
    color: #991b1b;
}

@keyframes attachment-upload-spin-b-cewq38ctjg {
    to {
        transform: rotate(360deg);
    }
}

@keyframes attachment-upload-persisting-b-cewq38ctjg {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@media (max-width: 520px) {
    .attachment-upload-queue > header[b-cewq38ctjg],
    .attachment-upload-item-header[b-cewq38ctjg],
    .attachment-upload-meta[b-cewq38ctjg] {
        align-items: start;
    }

    .attachment-upload-item-header[b-cewq38ctjg] {
        display: grid;
        gap: 0.25rem;
    }

    .attachment-upload-item-header strong[b-cewq38ctjg] {
        overflow: visible;
        text-overflow: initial;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .attachment-upload-failure[b-cewq38ctjg] {
        grid-template-columns: 1fr;
    }

    .attachment-upload-failure button[b-cewq38ctjg] {
        width: 100%;
    }

    .attachment-upload-remove[b-cewq38ctjg] {
        width: 100%;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .attachment-upload-spinner[b-cewq38ctjg],
    .attachment-upload-item.persisting .attachment-progress-track > span[b-cewq38ctjg] {
        animation-duration: 1.6s;
    }

    .attachment-progress-track > span[b-cewq38ctjg] {
        transition: none;
    }
}
/* /Components/Shared/BillListCard.razor.rz.scp.css */
.bill-list-card[b-b16mfhw9yo] {
    scroll-margin-top: 5.25rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    border: 1px solid transparent;
    border-bottom-color: var(--border);
    border-radius: 1rem;
    padding: 0.9rem 0.55rem;
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.bill-list-card:last-child[b-b16mfhw9yo] {
    border-bottom-color: transparent;
}

.bill-list-card:focus-visible[b-b16mfhw9yo] {
    border-color: var(--brand-200);
    background: linear-gradient(90deg, var(--brand-50), var(--surface-raised) 55%);
    box-shadow: 0 0.75rem 1.8rem rgba(37, 99, 235, 0.08);
    transform: translateY(-1px);
}

.bill-list-card:focus-visible[b-b16mfhw9yo] {
    outline: 3px solid rgba(37, 99, 235, 0.18);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .bill-list-card:hover[b-b16mfhw9yo] {
        border-color: var(--brand-200);
        background: linear-gradient(90deg, var(--brand-50), var(--surface-raised) 55%);
        box-shadow: 0 0.75rem 1.8rem rgba(37, 99, 235, 0.08);
        transform: translateY(-1px);
    }
}

.bill-list-card-badge[b-b16mfhw9yo] {
    display: grid;
    align-self: center;
}

.bill-list-card-main[b-b16mfhw9yo],
.bill-list-card-side[b-b16mfhw9yo] {
    min-width: 0;
}

.bill-list-card-main[b-b16mfhw9yo] {
    display: grid;
    gap: 0.4rem;
}

.bill-list-card-heading[b-b16mfhw9yo] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.48rem;
}

.bill-list-card-title[b-b16mfhw9yo] {
    display: block;
    overflow: hidden;
    min-width: 0;
    color: var(--ink-950);
    font-size: 0.91rem;
    font-weight: 950;
    letter-spacing: -0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-status[b-b16mfhw9yo] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.22rem;
    min-height: 1.45rem;
    border-radius: 999px;
    padding: 0 0.43rem;
    font-size: 0.56rem;
    font-weight: 900;
    white-space: nowrap;
}

.bill-list-card-status[b-b16mfhw9yo]  .app-icon {
    width: 0.68rem;
    height: 0.68rem;
    stroke-width: 2.15;
}

.bill-list-card-status.verified[b-b16mfhw9yo] {
    background: var(--success-50);
    color: var(--success-600);
}

.bill-list-card-status.manual[b-b16mfhw9yo] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.bill-list-card-status.neutral[b-b16mfhw9yo] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.bill-list-card-featured[b-b16mfhw9yo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.48rem;
    width: min(100%, 38rem);
    min-height: 2.55rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0.38rem 0.48rem;
    background: var(--surface-soft);
}

.bill-list-card-featured-icon[b-b16mfhw9yo] {
    display: grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border-radius: 0.58rem;
    background: var(--brand-100);
    color: var(--brand-600);
}

.bill-list-card-featured-icon[b-b16mfhw9yo]  .app-icon {
    width: 0.88rem;
    height: 0.88rem;
}

.bill-list-card-featured-copy[b-b16mfhw9yo] {
    display: grid;
    min-width: 0;
    gap: 0.02rem;
}

.bill-list-card-featured-copy small[b-b16mfhw9yo] {
    color: var(--ink-600);
    font-size: 0.52rem;
    font-weight: 950;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.bill-list-card-featured-copy strong[b-b16mfhw9yo] {
    overflow: hidden;
    color: var(--ink-800);
    font-size: 0.7rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-featured-price[b-b16mfhw9yo] {
    color: var(--ink-950);
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.bill-list-card-meta[b-b16mfhw9yo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.16rem 0.45rem;
    color: var(--ink-600);
    font-size: 0.63rem;
}

.bill-list-card-meta-entry[b-b16mfhw9yo] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
}

.bill-list-card-meta-entry + .bill-list-card-meta-entry[b-b16mfhw9yo]::before {
    content: "·";
    flex: 0 0 auto;
    margin-right: 0.45rem;
    color: #c2cedd;
}

.bill-list-card-category[b-b16mfhw9yo] {
    max-width: min(12rem, 100%);
}

.bill-list-card-item-categories[b-b16mfhw9yo] {
    flex: 1 1 100%;
    min-width: 0;
}

.bill-list-card-uploader[b-b16mfhw9yo] {
    max-width: min(14rem, 100%);
    gap: 0.24rem;
    color: var(--ink-600);
    font-weight: 800;
}

.bill-list-card-uploader[b-b16mfhw9yo]  .app-icon {
    width: 0.72rem;
    height: 0.72rem;
    flex: 0 0 auto;
}

.bill-list-card-uploader > span[b-b16mfhw9yo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-attachment[b-b16mfhw9yo] {
    gap: 0.24rem;
    border-radius: 999px;
    padding: 0.12rem 0.38rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-weight: 850;
}

.bill-list-card-attachment[b-b16mfhw9yo]  .app-icon {
    width: 0.72rem;
    height: 0.72rem;
    flex: 0 0 auto;
}

.bill-list-card-side[b-b16mfhw9yo] {
    display: grid;
    min-width: 6.5rem;
    justify-items: end;
    gap: 0.06rem;
    text-align: right;
}

.bill-list-card-total-label[b-b16mfhw9yo],
.bill-list-card-subtitle[b-b16mfhw9yo],
.bill-list-card-total-value[b-b16mfhw9yo] {
    display: block;
}

.bill-list-card-total-label[b-b16mfhw9yo] {
    color: var(--ink-600);
    font-size: 0.51rem;
    font-weight: 950;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.bill-list-card-total-value[b-b16mfhw9yo] {
    color: var(--ink-950);
    font-size: 1.08rem;
    font-weight: 950;
    letter-spacing: -0.035em;
    line-height: 1.08;
    white-space: nowrap;
}

.bill-list-card-subtitle[b-b16mfhw9yo] {
    overflow: hidden;
    max-width: 8.5rem;
    color: var(--ink-500);
    font-size: 0.58rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-list-card-arrow[b-b16mfhw9yo] {
    display: grid;
    color: var(--ink-400);
}

.bill-list-card:focus-visible .bill-list-card-arrow[b-b16mfhw9yo] {
    color: var(--brand-600);
    transform: translateX(2px);
}

@media (hover: hover) and (pointer: fine) {
    .bill-list-card:hover .bill-list-card-arrow[b-b16mfhw9yo] {
        color: var(--brand-600);
        transform: translateX(2px);
    }
}

.bill-list-card-arrow[b-b16mfhw9yo]  .app-icon {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 640px) {
    .bill-list-card[b-b16mfhw9yo] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "badge main side"
            "badge meta meta";
        align-items: start;
        gap: 0.55rem 0.65rem;
        border: 1px solid var(--border);
        border-radius: 1rem;
        padding: 0.72rem;
        background: var(--surface-raised);
        box-shadow: 0 0.5rem 1.35rem rgba(23, 43, 77, 0.045);
    }

    .bill-list-card + .bill-list-card[b-b16mfhw9yo] {
        margin-top: 0.55rem;
    }

    .bill-list-card:last-child[b-b16mfhw9yo] {
        border-bottom-color: var(--border);
    }

    .bill-list-card:focus-visible[b-b16mfhw9yo] {
        transform: none;
    }

    .bill-list-card-badge[b-b16mfhw9yo] {
        grid-area: badge;
        align-self: start;
    }

    .bill-list-card-main[b-b16mfhw9yo] {
        display: contents;
    }

    .bill-list-card.has-featured-item[b-b16mfhw9yo] {
        grid-template-areas:
            "badge main side"
            "badge featured featured"
            "badge meta meta";
    }

    .bill-list-card-side[b-b16mfhw9yo] {
        grid-area: side;
        display: grid;
        width: auto;
        min-width: 4.8rem;
        grid-template-columns: 1fr;
        grid-template-areas:
            "label"
            "value"
            "subtitle";
        align-items: start;
        justify-items: end;
        gap: 0.12rem;
        border: 0;
        border-radius: 0;
        padding: 0.1rem 0 0;
        background: transparent;
        color: var(--ink-950);
        text-align: right;
    }

    .bill-list-card-arrow[b-b16mfhw9yo] {
        display: none;
    }

    .bill-list-card-heading[b-b16mfhw9yo] {
        grid-area: main;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.28rem 0.42rem;
    }

    .bill-list-card-title[b-b16mfhw9yo] {
        display: -webkit-box;
        flex: 1 1 8rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 0.82rem;
        text-overflow: clip;
        white-space: normal;
    }

    .bill-list-card-status[b-b16mfhw9yo] {
        min-height: 1.35rem;
        font-size: 0.62rem;
    }

    .bill-list-card-featured[b-b16mfhw9yo] {
        grid-area: featured;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "copy price";
        gap: 0.45rem;
        width: 100%;
        min-height: 2.4rem;
        padding: 0.4rem 0.5rem;
    }

    .bill-list-card-featured-icon[b-b16mfhw9yo] {
        display: none;
    }

    .bill-list-card-featured-copy[b-b16mfhw9yo] {
        grid-area: copy;
    }

    .bill-list-card-featured-copy small[b-b16mfhw9yo] {
        display: block;
        font-size: 0.58rem;
    }

    .bill-list-card-featured-copy strong[b-b16mfhw9yo] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 0.72rem;
        text-overflow: clip;
        white-space: normal;
    }

    .bill-list-card-featured-price[b-b16mfhw9yo] {
        grid-area: price;
        align-self: center;
        font-size: 0.69rem;
    }

    .bill-list-card-meta[b-b16mfhw9yo] {
        grid-area: meta;
        gap: 0.12rem 0.38rem;
        font-size: 0.68rem;
        line-height: 1.45;
    }

    .bill-list-card-meta-entry + .bill-list-card-meta-entry[b-b16mfhw9yo]::before {
        margin-right: 0.38rem;
    }

    .bill-list-card-category[b-b16mfhw9yo] {
        max-width: min(9.5rem, 100%);
    }

    .bill-list-card-uploader[b-b16mfhw9yo] {
        max-width: min(11rem, 100%);
    }

    .bill-list-card-total-label[b-b16mfhw9yo] {
        grid-area: label;
        color: var(--ink-600);
        font-size: 0.58rem;
    }

    .bill-list-card-total-value[b-b16mfhw9yo] {
        grid-area: value;
        justify-self: end;
        color: var(--ink-950);
        font-size: 0.95rem;
        opacity: 1;
    }

    .bill-list-card-subtitle[b-b16mfhw9yo] {
        grid-area: subtitle;
        justify-self: end;
        max-width: 5.2rem;
        color: var(--ink-500);
        font-size: 0.62rem;
    }
}

@media (max-width: 640px) and (hover: hover) and (pointer: fine) {
    .bill-list-card:hover[b-b16mfhw9yo] {
        transform: none;
    }
}

@media (max-width: 365px) {
    .bill-list-card[b-b16mfhw9yo] {
        padding: 0.62rem;
    }

    .bill-list-card-title[b-b16mfhw9yo] {
        font-size: 0.8rem;
    }

    .bill-list-card-featured-copy strong[b-b16mfhw9yo] {
        font-size: 0.7rem;
    }
}
/* /Components/Shared/CategoryBadge.razor.rz.scp.css */
.category-badge[b-1pelonkj6s] {
    --category-primary: #475569;
    --category-soft: #f1f5f9;
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
    color: var(--category-primary);
}

.category-badge-icon[b-1pelonkj6s] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--category-primary) 18%, white);
    border-radius: .82rem;
    background: linear-gradient(145deg, var(--category-soft), white);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 .35rem .8rem rgba(15,23,42,.07);
}

[b-1pelonkj6s] .category-badge-icon .app-icon {
    width: 1.2rem;
    height: 1.2rem;
    stroke: currentColor;
    stroke-width: 1.9;
}

.category-badge-copy[b-1pelonkj6s] {
    display: grid;
    min-width: 0;
    gap: .04rem;
}

.category-badge-copy small[b-1pelonkj6s] {
    color: #64748b;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .035rem;
    text-transform: uppercase;
}

.category-badge-copy strong[b-1pelonkj6s] {
    overflow: hidden;
    color: #0f172a;
    font-size: .82rem;
    line-height: 1.2;
    text-overflow: ellipsis;
}

.category-badge-compact[b-1pelonkj6s] {
    gap: .4rem;
}

.category-badge-compact .category-badge-icon[b-1pelonkj6s] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: .65rem;
}

.category-badge-compact .category-badge-copy strong[b-1pelonkj6s] {
    font-size: .76rem;
}

.category-badge-large .category-badge-icon[b-1pelonkj6s] {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 1rem;
}

.category-accent-blue[b-1pelonkj6s] { --category-primary: #2563eb; --category-soft: #dbeafe; }
.category-accent-indigo[b-1pelonkj6s] { --category-primary: #4f46e5; --category-soft: #e0e7ff; }
.category-accent-violet[b-1pelonkj6s] { --category-primary: #7c3aed; --category-soft: #ede9fe; }
.category-accent-pink[b-1pelonkj6s] { --category-primary: #db2777; --category-soft: #fce7f3; }
.category-accent-rose[b-1pelonkj6s] { --category-primary: #e11d48; --category-soft: #ffe4e6; }
.category-accent-red[b-1pelonkj6s] { --category-primary: #dc2626; --category-soft: #fee2e2; }
.category-accent-orange[b-1pelonkj6s] { --category-primary: #ea580c; --category-soft: #ffedd5; }
.category-accent-amber[b-1pelonkj6s] { --category-primary: #b45309; --category-soft: #fef3c7; }
.category-accent-lime[b-1pelonkj6s] { --category-primary: #4d7c0f; --category-soft: #ecfccb; }
.category-accent-green[b-1pelonkj6s] { --category-primary: #15803d; --category-soft: #dcfce7; }
.category-accent-teal[b-1pelonkj6s] { --category-primary: #0f766e; --category-soft: #ccfbf1; }
.category-accent-slate[b-1pelonkj6s] { --category-primary: #475569; --category-soft: #e2e8f0; }

.category-badge-chip[b-1pelonkj6s] {
    max-width: min(12rem, 100%);
    gap: .27rem;
    min-height: 1.32rem;
    border: 1px solid color-mix(in srgb, var(--category-primary) 42%, var(--border));
    border-radius: 999px;
    padding: .12rem .48rem .12rem .34rem;
    background: color-mix(in srgb, var(--category-primary) 14%, var(--surface-raised));
    color: color-mix(in srgb, var(--category-primary) 74%, var(--ink-950));
    vertical-align: middle;
}

.category-badge-chip .category-badge-icon[b-1pelonkj6s] {
    width: .88rem;
    height: .88rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.category-badge-chip[b-1pelonkj6s]  .category-badge-icon .app-icon {
    width: .7rem;
    height: .7rem;
    stroke-width: 2.15;
}

.category-badge-chip .category-badge-copy[b-1pelonkj6s] {
    display: block;
    overflow: hidden;
}

.category-badge-chip .category-badge-copy strong[b-1pelonkj6s] {
    display: block;
    overflow: hidden;
    color: color-mix(in srgb, var(--category-primary) 74%, var(--ink-950));
    font-size: .59rem;
    font-weight: 950;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/CategoryPicker.razor.rz.scp.css */
.category-picker-backdrop[b-0sd5479mlg] {
    --category-picker-safe-top: max(1.25rem, env(safe-area-inset-top, 0px));
    --category-picker-safe-right: max(1.25rem, env(safe-area-inset-right, 0px));
    --category-picker-safe-bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
    --category-picker-safe-left: max(1.25rem, env(safe-area-inset-left, 0px));
    position: fixed;
    inset: 0;
    z-index: 1200;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding: var(--category-picker-safe-top)
        var(--category-picker-safe-right)
        var(--category-picker-safe-bottom)
        var(--category-picker-safe-left);
    background: rgba(15, 23, 42, .62);
    backdrop-filter: blur(8px);
    animation: category-picker-fade-in-b-0sd5479mlg .16s ease-out;
}

.category-picker-dialog[b-0sd5479mlg] {
    --picker-blue: #1762ef;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: min(100%, 54rem);
    height: min(40rem, calc(100dvh - var(--category-picker-safe-top) - var(--category-picker-safe-bottom)));
    max-height: min(48rem, calc(100dvh - var(--category-picker-safe-top) - var(--category-picker-safe-bottom)));
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, .92);
    border-radius: 1.35rem;
    background: #fff;
    box-shadow: 0 2rem 6rem rgba(15, 23, 42, .32);
    color: #0f172a;
    animation: category-picker-pop-in-b-0sd5479mlg .2s cubic-bezier(.2, .8, .2, 1);
}

.category-picker-handle[b-0sd5479mlg] {
    display: none;
}

.category-picker-header[b-0sd5479mlg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem .85rem;
}

.category-picker-kicker[b-0sd5479mlg] {
    display: block;
    margin-bottom: .15rem;
    color: #2563eb;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.category-picker-header h2[b-0sd5479mlg] {
    margin: 0;
    font-size: 1.35rem;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.category-picker-close[b-0sd5479mlg],
.category-picker-search button[b-0sd5479mlg] {
    display: grid;
    min-width: 2.75rem;
    min-height: 2.75rem;
    place-items: center;
    border: 0;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.category-picker-close[b-0sd5479mlg] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .72rem;
}

.category-picker-close:hover[b-0sd5479mlg],
.category-picker-search button:hover[b-0sd5479mlg] {
    background: #f1f5f9;
    color: #0f172a;
}

.category-picker-close[b-0sd5479mlg]  .app-icon,
.category-picker-search[b-0sd5479mlg]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
    stroke-width: 2;
}

.category-picker-search[b-0sd5479mlg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    margin: 0 1.2rem .85rem;
    border: 1px solid #dbe3ee;
    border-radius: .85rem;
    padding: 0 .78rem;
    background: #f8fafc;
    color: #64748b;
}

.category-picker-search:focus-within[b-0sd5479mlg] {
    border-color: #60a5fa;
    background: var(--surface-raised);
    outline: 3px solid rgba(37, 99, 235, .12);
}

.category-picker-search input[b-0sd5479mlg] {
    min-width: 0;
    min-height: 2.8rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ink-900);
    font: inherit;
    font-size: .86rem;
}

.category-picker-search input[b-0sd5479mlg]::placeholder {
    color: var(--ink-600);
}

.category-picker-search button[b-0sd5479mlg] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: .55rem;
}

.category-picker-recommendation[b-0sd5479mlg] {
    display: grid;
    grid-template-columns: minmax(12rem, .55fr) minmax(15rem, 1fr);
    align-items: center;
    gap: .8rem;
    margin: 0 1.2rem .85rem;
    border: 1px solid #fde2ad;
    border-radius: 1rem;
    padding: .7rem;
    background: linear-gradient(135deg, #fffaf0, #fff7e8);
}

.category-picker-recommendation > div:first-child[b-0sd5479mlg] {
    display: grid;
    gap: .12rem;
    padding-left: .25rem;
}

.category-picker-recommendation > div > strong[b-0sd5479mlg] {
    font-size: .8rem;
}

.category-picker-recommendation > div > span[b-0sd5479mlg] {
    color: #7c6545;
    font-size: .68rem;
}

.category-picker-quick[b-0sd5479mlg] {
    display: none;
}

.category-picker-workspace[b-0sd5479mlg] {
    display: grid;
    min-height: 0;
    flex: 1 1 19rem;
    grid-template-columns: 12.5rem minmax(0, 1fr);
    overflow: hidden;
    border-top: 1px solid #edf1f5;
}

.category-picker-groups[b-0sd5479mlg] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .25rem;
    overflow-y: auto;
    border-right: 1px solid #edf1f5;
    padding: .75rem;
    background: #f8fafc;
}

.category-picker-groups button[b-0sd5479mlg] {
    display: grid;
    width: 100%;
    min-height: 2.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    border: 1px solid transparent;
    border-radius: .72rem;
    padding: .45rem .55rem;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.category-picker-groups button:hover[b-0sd5479mlg] {
    background: #fff;
    color: #1d4ed8;
}

.category-picker-groups button.selected[b-0sd5479mlg] {
    border-color: #dbeafe;
    background: #eaf2ff;
    color: #1d4ed8;
}

.category-picker-groups button > span[b-0sd5479mlg] {
    min-width: 1.4rem;
    border-radius: 999px;
    padding: .15rem .3rem;
    background: rgba(148, 163, 184, .15);
    color: #64748b;
    font-size: .6rem;
    text-align: center;
}

.category-picker-groups[b-0sd5479mlg]  .app-icon {
    width: .95rem;
    height: .95rem;
}

.category-picker-results[b-0sd5479mlg] {
    min-width: 0;
    overflow-y: auto;
    padding: .8rem;
}

.category-picker-grid[b-0sd5479mlg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.category-picker-option[b-0sd5479mlg] {
    --category-primary: #475569;
    --category-soft: #f1f5f9;
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 5.2rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    border: 1px solid #e2e8f0;
    border-radius: .9rem;
    padding: .62rem;
    background: #fff;
    color: #0f172a;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.category-picker-option:hover[b-0sd5479mlg] {
    border-color: color-mix(in srgb, var(--category-primary) 38%, #dbe3ee);
    transform: translateY(-1px);
    box-shadow: 0 .55rem 1.25rem rgba(15, 23, 42, .07);
}

.category-picker-option.selected[b-0sd5479mlg] {
    border-color: color-mix(in srgb, var(--category-primary) 72%, white);
    background: linear-gradient(145deg, var(--category-soft), #fff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--category-primary) 12%, transparent);
}

.category-picker-option.compact[b-0sd5479mlg] {
    min-height: 3.9rem;
}

.category-picker-option-icon[b-0sd5479mlg] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .72rem;
    background: var(--category-soft);
    color: var(--category-primary);
}

.category-picker-option-icon[b-0sd5479mlg]  .app-icon {
    width: 1.2rem;
    height: 1.2rem;
    stroke-width: 2;
}

.category-picker-option > span:nth-child(2)[b-0sd5479mlg] {
    display: grid;
    min-width: 0;
    gap: .1rem;
}

.category-picker-option strong[b-0sd5479mlg],
.category-picker-option small[b-0sd5479mlg] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-picker-option strong[b-0sd5479mlg] {
    font-size: .78rem;
    line-height: 1.25;
}

.category-picker-option small[b-0sd5479mlg] {
    color: #64748b;
    font-size: .62rem;
    white-space: nowrap;
}

.category-picker-check[b-0sd5479mlg] {
    position: absolute;
    top: .42rem;
    right: .42rem;
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 50%;
    background: var(--category-primary);
    color: #fff;
}

.category-picker-check[b-0sd5479mlg]  .app-icon {
    width: .72rem;
    height: .72rem;
    stroke-width: 2.8;
}

.category-picker-empty[b-0sd5479mlg] {
    display: grid;
    min-height: 15rem;
    place-content: center;
    justify-items: center;
    gap: .3rem;
    color: #64748b;
    text-align: center;
}

.category-picker-empty > span[b-0sd5479mlg] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: #f1f5f9;
}

.category-picker-empty strong[b-0sd5479mlg] {
    color: #334155;
    font-size: .86rem;
}

.category-picker-empty small[b-0sd5479mlg] {
    font-size: .7rem;
}

.category-picker-footer[b-0sd5479mlg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    border-top: 1px solid #e8edf3;
    padding: .85rem 1.2rem;
    background: #fff;
}

.category-picker-footer > div[b-0sd5479mlg] {
    display: flex;
    gap: .55rem;
}

.category-picker-none[b-0sd5479mlg],
.category-picker-secondary[b-0sd5479mlg],
.category-picker-primary[b-0sd5479mlg] {
    min-height: 2.75rem;
    border-radius: .78rem;
    padding: .55rem .9rem;
    font: inherit;
    font-size: .75rem;
    font-weight: 850;
    cursor: pointer;
}

.category-picker-none[b-0sd5479mlg] {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    border: 0;
    background: transparent;
    color: #64748b;
}

.category-picker-none > span[b-0sd5479mlg] {
    width: 1rem;
    height: 1rem;
    border: 1.5px solid #94a3b8;
    border-radius: 50%;
}

.category-picker-none.selected[b-0sd5479mlg] {
    color: #1d4ed8;
}

.category-picker-none.selected > span[b-0sd5479mlg] {
    border: .28rem solid #2563eb;
}

.category-picker-secondary[b-0sd5479mlg] {
    border: 1px solid #d8e0ea;
    background: #fff;
    color: #334155;
}

.category-picker-primary[b-0sd5479mlg] {
    min-width: 9.5rem;
    border: 1px solid #1459e6;
    background: linear-gradient(135deg, #2d6df6, #1554dc);
    color: #fff;
    box-shadow: 0 .65rem 1.35rem rgba(37, 99, 235, .2);
}

.category-picker-primary:disabled[b-0sd5479mlg] {
    cursor: wait;
    opacity: .65;
}

.category-accent-blue[b-0sd5479mlg] { --category-primary: #2563eb; --category-soft: #dbeafe; }
.category-accent-indigo[b-0sd5479mlg] { --category-primary: #4f46e5; --category-soft: #e0e7ff; }
.category-accent-violet[b-0sd5479mlg] { --category-primary: #7c3aed; --category-soft: #ede9fe; }
.category-accent-pink[b-0sd5479mlg] { --category-primary: #db2777; --category-soft: #fce7f3; }
.category-accent-rose[b-0sd5479mlg] { --category-primary: #e11d48; --category-soft: #ffe4e6; }
.category-accent-red[b-0sd5479mlg] { --category-primary: #dc2626; --category-soft: #fee2e2; }
.category-accent-orange[b-0sd5479mlg] { --category-primary: #ea580c; --category-soft: #ffedd5; }
.category-accent-amber[b-0sd5479mlg] { --category-primary: #b45309; --category-soft: #fef3c7; }
.category-accent-lime[b-0sd5479mlg] { --category-primary: #4d7c0f; --category-soft: #ecfccb; }
.category-accent-green[b-0sd5479mlg] { --category-primary: #15803d; --category-soft: #dcfce7; }
.category-accent-teal[b-0sd5479mlg] { --category-primary: #0f766e; --category-soft: #ccfbf1; }
.category-accent-slate[b-0sd5479mlg] { --category-primary: #475569; --category-soft: #e2e8f0; }

@media (max-width: 700px) {
    .category-picker-backdrop[b-0sd5479mlg] {
        --category-picker-safe-top: env(safe-area-inset-top, 0px);
        --category-picker-safe-right: env(safe-area-inset-right, 0px);
        --category-picker-safe-bottom: 0px;
        --category-picker-safe-left: env(safe-area-inset-left, 0px);
        display: block;
        padding: 0;
        background: rgba(15, 23, 42, .55);
        backdrop-filter: blur(5px);
    }

    .category-picker-dialog[b-0sd5479mlg] {
        position: absolute;
        right: var(--category-picker-safe-right);
        bottom: 0;
        left: var(--category-picker-safe-left);
        width: auto;
        height: min(90dvh, calc(100dvh - var(--category-picker-safe-top)), 49rem);
        max-height: min(90dvh, calc(100dvh - var(--category-picker-safe-top)), 49rem);
        border-width: 1px 0 0;
        border-radius: 1.45rem 1.45rem 0 0;
        animation-name: category-picker-slide-up-b-0sd5479mlg;
    }

    .category-picker-handle[b-0sd5479mlg] {
        display: block;
        width: 2.8rem;
        height: .28rem;
        margin: .5rem auto 0;
        border-radius: 999px;
        background: #b7c2d0;
    }

    .category-picker-header[b-0sd5479mlg] {
        padding: .72rem .9rem .62rem;
    }

    .category-picker-kicker[b-0sd5479mlg] {
        display: none;
    }

    .category-picker-header h2[b-0sd5479mlg] {
        font-size: 1.15rem;
    }

    .category-picker-search[b-0sd5479mlg] {
        margin: 0 .9rem .65rem;
    }

    .category-picker-search input[b-0sd5479mlg] {
        font-size: 1rem;
    }

    .category-picker-recommendation[b-0sd5479mlg] {
        grid-template-columns: 1fr;
        gap: .45rem;
        margin: 0 .9rem .65rem;
        padding: .6rem;
    }

    .category-picker-recommendation > div:first-child[b-0sd5479mlg] {
        padding: 0 .1rem;
    }

    .category-picker-quick[b-0sd5479mlg] {
        display: grid;
        gap: .35rem;
        padding: 0 .9rem .65rem;
    }

    .category-picker-quick > span[b-0sd5479mlg] {
        color: #64748b;
        font-size: .66rem;
        font-weight: 850;
    }

    .category-picker-quick > div[b-0sd5479mlg] {
        display: flex;
        gap: .35rem;
        overflow-x: auto;
        padding-bottom: .1rem;
        scrollbar-width: none;
    }

    .category-picker-chip[b-0sd5479mlg] {
        --category-primary: #475569;
        --category-soft: #f1f5f9;
        display: inline-flex;
        min-height: 2.75rem;
        flex: 0 0 auto;
        align-items: center;
        gap: .3rem;
        border: 1px solid color-mix(in srgb, var(--category-primary) 18%, #e2e8f0);
        border-radius: 999px;
        padding: .35rem .55rem;
        background: color-mix(in srgb, var(--category-soft) 72%, white);
        color: var(--category-primary);
        font: inherit;
        font-size: .64rem;
        font-weight: 800;
        white-space: nowrap;
    }

    .category-picker-chip.selected[b-0sd5479mlg] {
        border-color: var(--category-primary);
        box-shadow: inset 0 0 0 1px var(--category-primary);
    }

    .category-picker-chip[b-0sd5479mlg]  .app-icon {
        width: .82rem;
        height: .82rem;
    }

    .category-picker-workspace[b-0sd5479mlg] {
        display: block;
        flex: 1 1 0;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid #edf1f5;
    }

    .category-picker-groups[b-0sd5479mlg] {
        position: sticky;
        top: 0;
        z-index: 2;
        display: flex;
        flex-direction: row;
        gap: .35rem;
        overflow-x: auto;
        border: 0;
        border-bottom: 1px solid #edf1f5;
        padding: .55rem .9rem;
        background: rgba(255, 255, 255, .96);
        scrollbar-width: none;
    }

    .category-picker-groups button[b-0sd5479mlg] {
        width: auto;
        min-height: 2.75rem;
        flex: 0 0 auto;
        grid-template-columns: auto auto;
        border-color: #e2e8f0;
        border-radius: 999px;
        padding: .36rem .58rem;
        background: #fff;
        white-space: nowrap;
    }

    .category-picker-groups button > span[b-0sd5479mlg],
    .category-picker-groups[b-0sd5479mlg]  .app-icon {
        display: none;
    }

    .category-picker-results[b-0sd5479mlg] {
        overflow: visible;
        padding: .65rem .9rem .8rem;
    }

    .category-picker-grid[b-0sd5479mlg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
    }

    .category-picker-option[b-0sd5479mlg] {
        min-height: 3.75rem;
        padding: .5rem;
    }

    .category-picker-option-icon[b-0sd5479mlg] {
        width: 2rem;
        height: 2rem;
        border-radius: .62rem;
    }

    .category-picker-option-icon[b-0sd5479mlg]  .app-icon {
        width: 1.05rem;
        height: 1.05rem;
    }

    .category-picker-option strong[b-0sd5479mlg] {
        font-size: .72rem;
    }

    .category-picker-option small[b-0sd5479mlg] {
        font-size: .58rem;
    }

    .category-picker-footer[b-0sd5479mlg] {
        position: sticky;
        bottom: 0;
        display: grid;
        flex: 0 0 auto;
        gap: .55rem;
        padding: .65rem .9rem calc(.65rem + env(safe-area-inset-bottom));
        box-shadow: 0 -.7rem 1.4rem rgba(15, 23, 42, .07);
    }

    .category-picker-footer > div[b-0sd5479mlg] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .category-picker-none[b-0sd5479mlg] {
        min-height: 2.75rem;
        justify-self: start;
        padding: .2rem;
    }

    .category-picker-secondary[b-0sd5479mlg],
    .category-picker-primary[b-0sd5479mlg] {
        width: 100%;
        min-width: 0;
        min-height: 3rem;
    }
}

@media (max-width: 370px) {
    .category-picker-grid[b-0sd5479mlg] {
        grid-template-columns: 1fr;
    }
}

@keyframes category-picker-fade-in-b-0sd5479mlg {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes category-picker-pop-in-b-0sd5479mlg {
    from { opacity: 0; transform: translateY(.65rem) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes category-picker-slide-up-b-0sd5479mlg {
    from { opacity: .85; transform: translateY(2rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .category-picker-backdrop[b-0sd5479mlg],
    .category-picker-dialog[b-0sd5479mlg] {
        animation: none;
    }
}
/* /Components/Shared/ConfirmationDialog.razor.rz.scp.css */
.confirmation-dialog-backdrop[b-luc02cs6on] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--ink-950) 50%, transparent);
    backdrop-filter: blur(6px);
}

.confirmation-dialog[b-luc02cs6on] {
    display: grid;
    width: min(100%, 34rem);
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    border: 1px solid var(--border-strong);
    border-radius: 1.25rem;
    padding: 1.1rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: 0 2rem 5rem rgba(15, 23, 42, 0.28);
    outline: none;
}

.confirmation-dialog:focus-visible[b-luc02cs6on] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 28%, transparent),
        0 2rem 5rem rgba(15, 23, 42, 0.28);
}

.confirmation-dialog-icon[b-luc02cs6on] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.95rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.confirmation-dialog.warning .confirmation-dialog-icon[b-luc02cs6on] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.confirmation-dialog.danger .confirmation-dialog-icon[b-luc02cs6on] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.confirmation-dialog-icon[b-luc02cs6on]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.confirmation-dialog-copy[b-luc02cs6on] {
    min-width: 0;
}

.confirmation-dialog-kicker[b-luc02cs6on] {
    color: var(--brand-700);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.1em;
}

.confirmation-dialog-copy h2[b-luc02cs6on] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 1.35rem;
    letter-spacing: -0.035em;
}

.confirmation-dialog-copy p[b-luc02cs6on] {
    margin: 0.45rem 0 0;
    color: var(--ink-600);
    font-size: 0.82rem;
    line-height: 1.55;
}

.confirmation-dialog-error[b-luc02cs6on] {
    grid-column: 1 / -1;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--danger-600) 34%, var(--border));
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: var(--danger-50);
    color: var(--danger-600);
    font-size: 0.75rem;
    font-weight: 800;
}

.confirmation-dialog[b-luc02cs6on]  .confirmation-dialog-actions {
    grid-column: 1 / -1;
}

.confirmation-dialog-cancel[b-luc02cs6on],
.confirmation-dialog-confirm[b-luc02cs6on] {
    min-height: 2.75rem;
    border-radius: 0.85rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
}

.confirmation-dialog-cancel[b-luc02cs6on] {
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-800);
}

.confirmation-dialog-confirm[b-luc02cs6on] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.confirmation-dialog-confirm.warning[b-luc02cs6on] {
    border-color: var(--warning-600);
    background: var(--warning-600);
    color: var(--warning-on-solid);
}

.confirmation-dialog-confirm.danger[b-luc02cs6on] {
    border-color: var(--danger-600);
    background: var(--danger-600);
    color: var(--danger-on-solid);
}

.confirmation-dialog :is(.confirmation-dialog-cancel, .confirmation-dialog-confirm):disabled[b-luc02cs6on] {
    cursor: not-allowed;
    opacity: 0.58;
}

.confirmation-dialog :is(.confirmation-dialog-cancel, .confirmation-dialog-confirm):not(:disabled):hover[b-luc02cs6on] {
    filter: brightness(0.95);
}

.confirmation-dialog :is(.confirmation-dialog-cancel, .confirmation-dialog-confirm):focus-visible[b-luc02cs6on] {
    outline: 3px solid color-mix(in srgb, currentColor 24%, transparent);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .confirmation-dialog-backdrop[b-luc02cs6on] {
        align-items: end;
        padding: max(0.65rem, env(safe-area-inset-top))
            max(0.65rem, env(safe-area-inset-right))
            max(0.65rem, env(safe-area-inset-bottom))
            max(0.65rem, env(safe-area-inset-left));
    }

    .confirmation-dialog[b-luc02cs6on] {
        width: 100%;
        max-height: min(90dvh, 42rem);
        overflow-y: auto;
        border-radius: 1.15rem;
        padding: 1rem;
    }
}

@media (max-width: 390px) {
    .confirmation-dialog[b-luc02cs6on] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Shared/DetailPageHeader.razor.rz.scp.css */
.detail-page-header[b-8xgoymln3o] {
    display: grid;
    min-width: 0;
    min-height: 3.45rem;
    grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
    align-items: center;
}

.detail-page-header h1[b-8xgoymln3o] {
    min-width: 0;
    margin: 0;
    color: var(--ink-950);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 950;
    letter-spacing: -0.045em;
    line-height: 1.1;
    overflow-wrap: anywhere;
    text-align: center;
}

.detail-page-back-link[b-8xgoymln3o] {
    display: inline-flex;
    width: fit-content;
    height: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    padding: 0 0.6rem 0 0.35rem;
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.detail-page-back-link span[b-8xgoymln3o] {
    padding-block: 0.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-page-back-link:hover[b-8xgoymln3o],
.detail-page-back-link:focus-visible[b-8xgoymln3o] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
}

.detail-page-back-link:focus-visible[b-8xgoymln3o] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 24%, transparent);
    outline-offset: 2px;
}

.detail-page-back-link[b-8xgoymln3o]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

.detail-page-header-spacer[b-8xgoymln3o] {
    width: 2.75rem;
    height: 2.75rem;
    justify-self: end;
}

@media (max-width: 760px) {
    .detail-page-header[b-8xgoymln3o] {
        min-height: 3rem;
        grid-template-columns: 2.85rem minmax(0, 1fr) 2.85rem;
    }

    .detail-page-header h1[b-8xgoymln3o] {
        font-size: 1.55rem;
    }

    .detail-page-back-link[b-8xgoymln3o] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border-radius: 999px;
        padding: 0;
    }

    .detail-page-back-link span[b-8xgoymln3o] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}

@media print {
    .detail-page-header[b-8xgoymln3o] {
        display: none !important;
    }
}
/* /Components/Shared/GroupAuditPanel.razor.rz.scp.css */
.group-audit-panel[b-o4e2ma69f0] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
}

.group-audit-list[b-o4e2ma69f0] {
    display: grid;
    gap: 0.55rem;
}

.group-audit-icon[b-o4e2ma69f0] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--brand-200);
    border-radius: 0.9rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-audit-icon[b-o4e2ma69f0]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.group-audit-main[b-o4e2ma69f0] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.group-settings-pager[b-o4e2ma69f0] {
    display: grid;
    grid-template-columns: minmax(7rem, 1fr) auto minmax(7rem, 1fr);
    align-items: center;
    gap: 0.5rem;
    border-top: 1px solid var(--border);
    padding-top: 0.75rem;
}

.group-settings-pager button[b-o4e2ma69f0] {
    min-height: 2.65rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.group-settings-pager button:disabled[b-o4e2ma69f0] {
    cursor: not-allowed;
    opacity: 0.5;
}

.group-settings-pager button:not(:disabled):hover[b-o4e2ma69f0],
.group-settings-pager button:focus-visible[b-o4e2ma69f0] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
    outline: none;
}

.group-settings-pager span[b-o4e2ma69f0] {
    color: var(--ink-600);
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

.group-audit-card[b-o4e2ma69f0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.8rem;
    background: var(--surface-soft);
}

.group-audit-heading[b-o4e2ma69f0] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.group-audit-heading strong[b-o4e2ma69f0] {
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 0.86rem;
}

.group-audit-date[b-o4e2ma69f0] {
    color: var(--ink-500);
    font-size: 0.67rem;
    white-space: nowrap;
}

.group-audit-badges[b-o4e2ma69f0],
.group-audit-meta[b-o4e2ma69f0] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.group-audit-badge[b-o4e2ma69f0] {
    display: inline-flex;
    min-height: 1.45rem;
    align-items: center;
    border-radius: 999px;
    padding: 0.18rem 0.46rem;
    font-size: 0.58rem;
    font-weight: 900;
}

.group-audit-badge.origin.user[b-o4e2ma69f0] {
    background: var(--surface-muted);
    color: var(--ink-700);
}

.group-audit-badge.origin.system[b-o4e2ma69f0],
.group-audit-badge.action.group[b-o4e2ma69f0],
.group-audit-badge.action.sharing[b-o4e2ma69f0] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-audit-badge.action.membership[b-o4e2ma69f0] {
    background: var(--success-50);
    color: var(--success-600);
}

.group-audit-badge.action.invitation[b-o4e2ma69f0],
.group-audit-badge.action.bill[b-o4e2ma69f0] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.group-audit-badge.other[b-o4e2ma69f0] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.group-audit-meta[b-o4e2ma69f0] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

.group-audit-meta span[b-o4e2ma69f0] {
    overflow-wrap: anywhere;
}

.group-audit-meta[b-o4e2ma69f0]  .app-icon {
    width: 0.8rem;
    height: 0.8rem;
    color: var(--ink-400);
}

.group-audit-bill-info[b-o4e2ma69f0] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

@media (max-width: 760px) {
.group-settings-pager[b-o4e2ma69f0] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

.group-settings-pager button[b-o4e2ma69f0] {
        min-height: 2.75rem;
    }

.group-settings-pager span[b-o4e2ma69f0] {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
    }

.group-audit-card[b-o4e2ma69f0] {
        align-items: start;
    }

.group-audit-heading[b-o4e2ma69f0] {
        display: grid;
        justify-items: start;
        gap: 0.25rem;
    }

.group-audit-date[b-o4e2ma69f0] {
        white-space: normal;
    }

}
/* /Components/Shared/GroupDangerZonePanel.razor.rz.scp.css */
.group-danger-zone[b-7j490dp03u] {
    overflow: hidden;
    border: 1px solid #f0c9cf;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.group-danger-zone > summary[b-7j490dp03u] {
    display: grid;
    min-height: 4.6rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.9rem;
    background: #fff;
    cursor: pointer;
    list-style: none;
}

.group-danger-zone > summary[b-7j490dp03u]::-webkit-details-marker {
    display: none;
}

.group-danger-zone > summary:hover[b-7j490dp03u] {
    background: var(--danger-50);
}

.group-danger-icon[b-7j490dp03u] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--danger-50);
    color: var(--danger-600);
}

.group-danger-icon[b-7j490dp03u]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.group-danger-zone summary > span:nth-child(2)[b-7j490dp03u] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.group-danger-zone summary strong[b-7j490dp03u] {
    color: var(--ink-900);
    font-size: 0.85rem;
    font-weight: 900;
}

.group-danger-zone summary small[b-7j490dp03u] {
    color: var(--ink-500);
    font-size: 0.68rem;
}

.group-danger-chevron[b-7j490dp03u] {
    width: 1rem;
    height: 1rem;
    color: var(--ink-400);
}

.group-danger-content[b-7j490dp03u] {
    display: grid;
    gap: 0.65rem;
    border-top: 1px solid #f0c9cf;
    padding: 1rem;
    background: #fffafa;
}

.group-danger-content p[b-7j490dp03u] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.78rem;
    line-height: 1.55;
}

.group-danger-content label[b-7j490dp03u] {
    color: var(--ink-700);
    font-size: 0.72rem;
    font-weight: 800;
}

.group-danger-content input[b-7j490dp03u] {
    min-height: 2.8rem;
    border: 1px solid #e8aab5;
    border-radius: 0.8rem;
    padding: 0 0.75rem;
    background: #fff;
    color: var(--ink-900);
    font: inherit;
    font-size: 1rem;
    outline: 0;
}

.group-danger-content input:focus[b-7j490dp03u] {
    border-color: var(--danger-600);
    box-shadow: 0 0 0 3px rgba(201, 54, 69, 0.12);
}

.group-danger-action[b-7j490dp03u] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--danger-600);
    border-radius: 0.8rem;
    background: var(--danger-600);
    color: #fff;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.group-danger-action:disabled[b-7j490dp03u] {
    cursor: not-allowed;
    opacity: 0.48;
}

.group-danger-action[b-7j490dp03u]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.group-danger-zone > summary:focus-visible[b-7j490dp03u],
.group-danger-action:focus-visible[b-7j490dp03u],
.group-danger-content input:focus-visible[b-7j490dp03u] {
    outline: 3px solid color-mix(in srgb, var(--danger-600) 22%, transparent);
    outline-offset: 2px;
}

.group-danger-action:not(:disabled):hover[b-7j490dp03u] {
    filter: brightness(0.94);
}
/* /Components/Shared/GroupGeneralSettingsPanel.razor.rz.scp.css */
.group-settings-general-card[b-n67toztlfe] {
    align-content: start;
}

.group-settings-general-card[b-n67toztlfe]  form {
    display: grid;
    gap: 0.8rem;
}

.group-settings-name-field[b-n67toztlfe] {
    width: 100%;
}

.group-settings-name-field input[b-n67toztlfe] {
    font-size: 1rem;
}

.group-settings-general-card[b-n67toztlfe]  .group-icon-picker {
    margin-top: 0.45rem;
}

.group-settings-general-card[b-n67toztlfe]  .group-settings-general-actions {
    justify-content: flex-end;
    margin-top: 0.55rem;
}

.group-settings-general-card > .workspace-list-title[b-n67toztlfe] {
    padding: 0.15rem 0.15rem 0.7rem;
}

.group-settings-general-card .workspace-list-title h2[b-n67toztlfe] {
    margin: 0.18rem 0 0;
    color: var(--ink-950);
    font-size: 1.25rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.group-settings-general-card .workspace-list-title p[b-n67toztlfe] {
    margin: 0.25rem 0 0;
    color: var(--ink-600);
    font-size: 0.75rem;
    line-height: 1.45;
}
/* /Components/Shared/GroupIconPicker.razor.rz.scp.css */
.group-icon-picker[b-lv7n80n1l2] {
    min-width: 0;
    margin: 0;
    border: 0;
    padding: 0;
}

.group-icon-picker legend[b-lv7n80n1l2] {
    margin-bottom: 0.5rem;
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 900;
}

.group-icon-picker-options[b-lv7n80n1l2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.group-icon-option[b-lv7n80n1l2] {
    display: grid;
    min-width: 0;
    min-height: 3.5rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.55rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
}

.group-icon-option:hover[b-lv7n80n1l2],
.group-icon-option:focus-visible[b-lv7n80n1l2] {
    border-color: var(--brand-400);
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-icon-option:focus-visible[b-lv7n80n1l2] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 24%, transparent);
    outline-offset: 2px;
}

.group-icon-option.selected[b-lv7n80n1l2] {
    border-color: var(--brand-500);
    background: var(--brand-50);
    color: var(--brand-700);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-500) 12%, transparent);
}

.group-icon-option:disabled[b-lv7n80n1l2] {
    cursor: not-allowed;
    opacity: 0.62;
}

.group-icon-option-symbol[b-lv7n80n1l2] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: var(--surface-soft);
}

.group-icon-option.selected .group-icon-option-symbol[b-lv7n80n1l2] {
    background: var(--brand-100);
}

.group-icon-option-symbol[b-lv7n80n1l2]  .app-icon {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 760px) {
    .group-icon-picker-options[b-lv7n80n1l2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .group-icon-option[b-lv7n80n1l2] {
        min-height: 3rem;
        font-size: 0.72rem;
    }
}
/* /Components/Shared/GroupJoinRequestsPanel.razor.rz.scp.css */
.group-join-request-panel[b-b7hq5mgnwu] {
    display: grid;
    gap: 1rem;
    scroll-margin-top: 1rem;
}

.group-join-request-panel .workspace-list-title p[b-b7hq5mgnwu] {
    margin: 0.3rem 0 0;
    color: var(--ink-600);
    line-height: 1.5;
}

.group-join-request-list[b-b7hq5mgnwu] {
    display: grid;
    gap: 0.65rem;
}

.group-join-request-card[b-b7hq5mgnwu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.85rem;
    background: var(--surface-soft);
}

.group-join-request-copy[b-b7hq5mgnwu],
.group-ignored-requester-list article > div[b-b7hq5mgnwu] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.group-join-request-copy strong[b-b7hq5mgnwu],
.group-ignored-requester-list article strong[b-b7hq5mgnwu] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
}

.group-join-request-copy span[b-b7hq5mgnwu],
.group-ignored-requester-list article span[b-b7hq5mgnwu] {
    color: var(--ink-600);
    font-size: 0.76rem;
}

.group-join-request-actions[b-b7hq5mgnwu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.group-join-action[b-b7hq5mgnwu] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: 0.55rem 0.78rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.group-join-action.accept[b-b7hq5mgnwu] {
    border-color: color-mix(in srgb, var(--success-600) 45%, var(--border));
    background: var(--success-50);
    color: var(--success-600);
}

.group-join-action.reject[b-b7hq5mgnwu] {
    border-color: color-mix(in srgb, var(--danger-600) 45%, var(--border));
    background: var(--danger-50);
    color: var(--danger-600);
}

.group-join-action.ignore[b-b7hq5mgnwu] {
    border-color: color-mix(in srgb, var(--warning-600) 52%, var(--border));
    background: var(--warning-50);
    color: var(--warning-600);
}

.group-join-action.accept:not(:disabled):hover[b-b7hq5mgnwu] {
    border-color: var(--success-600);
    background: color-mix(in srgb, var(--success-600) 15%, var(--surface-raised));
}

.group-join-action.reject:not(:disabled):hover[b-b7hq5mgnwu] {
    border-color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 14%, var(--surface-raised));
}

.group-join-action.ignore:not(:disabled):hover[b-b7hq5mgnwu] {
    border-color: var(--warning-600);
    background: color-mix(in srgb, var(--warning-600) 16%, var(--surface-raised));
}

.group-join-action[b-b7hq5mgnwu]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-join-action:focus-visible[b-b7hq5mgnwu],
.group-ignored-requesters > summary:focus-visible[b-b7hq5mgnwu] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 30%, transparent);
    outline-offset: 2px;
}

.group-join-action:disabled[b-b7hq5mgnwu] {
    cursor: not-allowed;
    opacity: 0.6;
}

.group-ignored-requesters[b-b7hq5mgnwu] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-soft);
}

.group-ignored-requesters > summary[b-b7hq5mgnwu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.5rem;
    padding: 0.75rem 0.9rem;
    cursor: pointer;
    list-style: none;
}

.group-ignored-requesters > summary[b-b7hq5mgnwu]::-webkit-details-marker {
    display: none;
}

.group-ignored-requesters > summary > span[b-b7hq5mgnwu] {
    display: grid;
    gap: 0.12rem;
}

.group-ignored-requesters > summary strong[b-b7hq5mgnwu] {
    color: var(--ink-900);
}

.group-ignored-requesters > summary small[b-b7hq5mgnwu] {
    color: var(--ink-600);
}

.group-ignored-chevron[b-b7hq5mgnwu] {
    width: 1rem;
    height: 1rem;
    color: var(--ink-500);
    transition: transform 160ms ease;
}

.group-ignored-requesters[open] .group-ignored-chevron[b-b7hq5mgnwu] {
    transform: rotate(180deg);
}

.group-ignored-requester-list[b-b7hq5mgnwu] {
    display: grid;
    gap: 0.6rem;
    border-top: 1px solid var(--border);
    padding: 0.75rem;
}

.group-ignored-requester-list > p[b-b7hq5mgnwu] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.8rem;
}

.group-ignored-requester-list article[b-b7hq5mgnwu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border-radius: 0.85rem;
    padding: 0.7rem;
    background: var(--surface-raised);
}

@media (max-width: 860px) {
.group-join-request-card[b-b7hq5mgnwu] {
        grid-template-columns: auto minmax(0, 1fr);
    }

.group-join-request-actions[b-b7hq5mgnwu] {
        grid-column: 1 / -1;
        width: 100%;
    }

.group-join-request-actions .group-join-action[b-b7hq5mgnwu] {
        flex: 1 1 0;
    }

}

@media (max-width: 760px) {
.group-join-request-actions[b-b7hq5mgnwu] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

.group-join-request-actions .group-join-action.ignore[b-b7hq5mgnwu] {
        grid-column: 1 / -1;
    }

.group-ignored-requester-list article[b-b7hq5mgnwu] {
        grid-template-columns: auto minmax(0, 1fr);
    }

.group-ignored-requester-list article > button[b-b7hq5mgnwu] {
        grid-column: 1 / -1;
        width: 100%;
    }

}

@media (max-width: 390px) {
.group-join-request-actions[b-b7hq5mgnwu] {
        grid-template-columns: minmax(0, 1fr);
    }

.group-join-request-actions .group-join-action.ignore[b-b7hq5mgnwu] {
        grid-column: auto;
    }

}
/* /Components/Shared/GroupMemberInvitePanel.razor.rz.scp.css */
.group-member-invite-card[b-l8x38rarbe] {
    align-content: start;
}

.group-member-invite-card > .workspace-list-title[b-l8x38rarbe] {
    padding: 0.15rem 0.15rem 0.7rem;
}

.group-member-invite-card .workspace-list-title h2[b-l8x38rarbe] {
    margin: 0.18rem 0 0;
    color: var(--ink-950);
    font-size: 1.25rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.group-member-invite-card .workspace-list-title p[b-l8x38rarbe] {
    margin: 0.25rem 0 0;
    color: var(--ink-600);
    font-size: 0.75rem;
    line-height: 1.45;
}

@media (max-width: 390px) {
.workspace-search-row[b-l8x38rarbe] {
        grid-template-columns: minmax(0, 1fr);
    }

.search-submit[b-l8x38rarbe] {
        width: 100%;
    }

}
/* /Components/Shared/GroupMembersPrivacyPanel.razor.rz.scp.css */
.group-members-panel[b-hhaxkgfn68] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
}

.group-member-list[b-hhaxkgfn68] {
    display: grid;
    gap: 0.55rem;
}

.group-member-card[b-hhaxkgfn68] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.8rem;
    background: var(--surface-soft);
}

.group-member-avatar[b-hhaxkgfn68] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--brand-200);
    border-radius: 0.9rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-member-avatar[b-hhaxkgfn68]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.group-member-main[b-hhaxkgfn68] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.group-member-heading[b-hhaxkgfn68] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.42rem;
}

.group-member-heading strong[b-hhaxkgfn68] {
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 0.9rem;
}

.group-member-role[b-hhaxkgfn68] {
    display: inline-flex;
    min-height: 1.55rem;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.5rem;
    background: var(--surface-muted);
    color: var(--ink-600);
    font-size: 0.6rem;
    font-weight: 900;
}

.group-member-role.owner[b-hhaxkgfn68] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.group-member-role.admin[b-hhaxkgfn68] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-member-meta[b-hhaxkgfn68] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    color: var(--ink-600);
    font-size: 0.7rem;
}

.group-member-actions[b-hhaxkgfn68] {
    display: grid;
    width: 100%;
    grid-column: 2 / -1;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: end;
    justify-content: flex-end;
    gap: 0.5rem;
    border-top: 1px solid var(--border);
    padding-top: 0.65rem;
}

.group-member-role-control[b-hhaxkgfn68] {
    display: grid;
    gap: 0.28rem;
}

.group-member-role-control > span[b-hhaxkgfn68] {
    color: var(--ink-600);
    font-size: 0.64rem;
    font-weight: 850;
}

.group-member-actions select[b-hhaxkgfn68] {
    min-width: 8.75rem;
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.75rem;
    padding: 0 2rem 0 0.65rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 800;
}

.group-member-actions .workspace-secondary-action[b-hhaxkgfn68],
.group-member-remove-action[b-hhaxkgfn68] {
    min-height: 2.75rem;
}

.group-member-actions select:focus-visible[b-hhaxkgfn68] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 30%, transparent);
    outline-offset: 2px;
}

.group-member-remove-action[b-hhaxkgfn68] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--danger-600) 42%, var(--border));
    border-radius: 0.75rem;
    padding: 0.5rem 0.72rem;
    background: var(--danger-50);
    color: var(--danger-600);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.group-member-remove-action[b-hhaxkgfn68]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-member-remove-action:focus-visible[b-hhaxkgfn68] {
    outline: 3px solid color-mix(in srgb, var(--danger-600) 26%, transparent);
    outline-offset: 2px;
}

.group-member-remove-action:not(:disabled):hover[b-hhaxkgfn68] {
    border-color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 14%, var(--surface-raised));
}

.group-member-remove-action:disabled[b-hhaxkgfn68],
.group-member-actions select:disabled[b-hhaxkgfn68] {
    cursor: not-allowed;
    opacity: 0.58;
}

@media (max-width: 860px) {
.group-member-card[b-hhaxkgfn68] {
        grid-template-columns: auto minmax(0, 1fr);
    }

.group-member-actions[b-hhaxkgfn68] {
        grid-column: 1 / -1;
    }

}

@media (max-width: 760px) {
.group-member-actions[b-hhaxkgfn68] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

.group-member-actions select[b-hhaxkgfn68],
.group-member-actions .workspace-secondary-action[b-hhaxkgfn68],
.group-member-remove-action[b-hhaxkgfn68] {
        width: 100%;
        min-height: 2.75rem;
    }

.group-member-actions select[b-hhaxkgfn68] {
        font-size: 1rem;
    }

}
/* /Components/Shared/GroupNotificationHost.razor.rz.scp.css */
.group-notification-center[b-ddi0wmsfii] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.group-notification-trigger[b-ddi0wmsfii],
.group-notification-close[b-ddi0wmsfii] {
    display: inline-grid;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 0.82rem;
    background: transparent;
    color: var(--ink-700);
    font: inherit;
    cursor: pointer;
}

.group-notification-trigger:hover[b-ddi0wmsfii],
.group-notification-trigger:focus-visible[b-ddi0wmsfii],
.group-notification-close:hover[b-ddi0wmsfii],
.group-notification-close:focus-visible[b-ddi0wmsfii] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
}

.group-notification-trigger:focus-visible[b-ddi0wmsfii],
.group-notification-close:focus-visible[b-ddi0wmsfii],
.group-notification-toolbar button:focus-visible[b-ddi0wmsfii],
.group-notification-state button:focus-visible[b-ddi0wmsfii],
.group-notification-actions button:focus-visible[b-ddi0wmsfii],
.group-notification-push button:focus-visible[b-ddi0wmsfii] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

.group-notification-trigger[b-ddi0wmsfii]  .app-icon,
.group-notification-close[b-ddi0wmsfii]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.group-notification-badge[b-ddi0wmsfii] {
    position: absolute;
    top: -0.18rem;
    right: -0.22rem;
    display: inline-flex;
    min-width: 1.25rem;
    height: 1.25rem;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--surface-raised);
    border-radius: 999px;
    padding: 0 0.24rem;
    background: var(--danger-600);
    color: white;
    font-size: 0.62rem;
    font-weight: 950;
    line-height: 1;
    box-shadow: var(--shadow-sm);
}

.group-notification-panel[b-ddi0wmsfii] {
    position: absolute;
    z-index: 1100;
    top: calc(100% + 0.72rem);
    right: 0;
    display: flex;
    width: min(27rem, calc(100vw - 2rem));
    max-height: min(38rem, calc(100dvh - 6.5rem));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1.15rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: var(--shadow-lg);
}

.group-notification-header[b-ddi0wmsfii] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem 0.85rem;
    border-bottom: 1px solid var(--border);
}

.group-notification-header > div[b-ddi0wmsfii] {
    display: grid;
    gap: 0.12rem;
}

.group-notification-kicker[b-ddi0wmsfii] {
    color: var(--brand-700);
    font-size: 0.67rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.group-notification-header h2[b-ddi0wmsfii] {
    margin: 0;
    color: var(--ink-950);
    font-size: 1.18rem;
    letter-spacing: -0.025em;
}

.group-notification-toolbar[b-ddi0wmsfii] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.62rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.74rem;
    font-weight: 800;
}

.group-notification-toolbar button[b-ddi0wmsfii],
.group-notification-state button[b-ddi0wmsfii],
.group-notification-actions button[b-ddi0wmsfii],
.group-notification-push button[b-ddi0wmsfii] {
    min-height: 2.75rem;
    border-radius: 999px;
    padding: 0.48rem 0.78rem;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.group-notification-toolbar button[b-ddi0wmsfii],
.group-notification-state button[b-ddi0wmsfii],
.group-notification-push button[b-ddi0wmsfii] {
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--brand-700);
}

.group-notification-list[b-ddi0wmsfii] {
    display: grid;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
}

.group-notification-item[b-ddi0wmsfii] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-raised);
}

.group-notification-item.unread[b-ddi0wmsfii] {
    box-shadow: inset 3px 0 var(--brand-600);
    background: color-mix(in srgb, var(--brand-50) 58%, var(--surface-raised));
}

.group-notification-icon[b-ddi0wmsfii] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-notification-icon.accepted[b-ddi0wmsfii] {
    background: var(--success-50);
    color: var(--success-600);
}

.group-notification-icon.rejected[b-ddi0wmsfii] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.group-notification-icon.invited[b-ddi0wmsfii] {
    color: var(--brand-700);
    background: color-mix(in srgb, var(--brand-600) 14%, var(--surface-raised));
}

.group-notification-icon[b-ddi0wmsfii]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.group-notification-copy[b-ddi0wmsfii] {
    display: grid;
    min-width: 0;
    gap: 0.28rem;
}

.group-notification-copy strong[b-ddi0wmsfii] {
    color: var(--ink-950);
    font-size: 0.84rem;
    line-height: 1.3;
}

.group-notification-copy p[b-ddi0wmsfii],
.group-notification-copy time[b-ddi0wmsfii] {
    overflow-wrap: anywhere;
}

.group-notification-copy p[b-ddi0wmsfii] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.78rem;
    line-height: 1.45;
}

.group-notification-copy time[b-ddi0wmsfii] {
    color: var(--ink-500);
    font-size: 0.68rem;
    font-weight: 750;
}

.group-notification-actions[b-ddi0wmsfii] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.group-notification-primary[b-ddi0wmsfii] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: white;
}

.group-notification-read[b-ddi0wmsfii] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-700);
}

.group-notification-read[b-ddi0wmsfii]  .app-icon {
    width: 0.85rem;
    height: 0.85rem;
}

.group-notification-trigger:disabled[b-ddi0wmsfii],
.group-notification-close:disabled[b-ddi0wmsfii],
.group-notification-toolbar button:disabled[b-ddi0wmsfii],
.group-notification-state button:disabled[b-ddi0wmsfii],
.group-notification-actions button:disabled[b-ddi0wmsfii],
.group-notification-push button:disabled[b-ddi0wmsfii] {
    cursor: wait;
    opacity: 0.62;
}

.group-notification-state[b-ddi0wmsfii],
.group-notification-empty[b-ddi0wmsfii] {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    padding: 2rem 1.2rem;
    color: var(--ink-600);
    text-align: center;
}

.group-notification-state.error[b-ddi0wmsfii] {
    color: var(--danger-600);
}

.group-notification-empty > span[b-ddi0wmsfii] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: var(--surface-soft);
    color: var(--ink-500);
}

.group-notification-empty strong[b-ddi0wmsfii] {
    color: var(--ink-900);
}

.group-notification-empty p[b-ddi0wmsfii] {
    max-width: 20rem;
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.group-notification-footnote[b-ddi0wmsfii] {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.55rem 1rem;
    background: var(--surface-soft);
    color: var(--ink-500);
    font-size: 0.66rem;
    text-align: center;
}

.group-notification-footer[b-ddi0wmsfii] {
    display: grid;
    flex: 0 0 auto;
    gap: 0.6rem;
    padding: 0.7rem 1rem;
    border-top: 1px solid var(--border);
    background: var(--surface-soft);
}

.group-notification-footer > a[b-ddi0wmsfii] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    color: var(--brand-700);
    font-size: 0.76rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
}

.group-notification-footer > a:hover[b-ddi0wmsfii],
.group-notification-footer > a:focus-visible[b-ddi0wmsfii] {
    text-decoration: underline;
}

.group-notification-push[b-ddi0wmsfii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    color: var(--ink-600);
    font-size: 0.68rem;
    line-height: 1.35;
}

.group-notification-push button[b-ddi0wmsfii] {
    flex: 0 0 auto;
    min-height: 2.75rem;
}

@media (max-width: 430px) {
    .group-notification-panel[b-ddi0wmsfii] {
        position: fixed;
        top: calc(4.45rem + env(safe-area-inset-top));
        right: max(0.65rem, env(safe-area-inset-right));
        left: max(0.65rem, env(safe-area-inset-left));
        width: auto;
        max-height: calc(100dvh - 10.2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        border-radius: 1rem;
    }

    .group-notification-toolbar[b-ddi0wmsfii] {
        align-items: flex-start;
    }

    .group-notification-toolbar button[b-ddi0wmsfii] {
        max-width: 12rem;
    }

    .group-notification-item[b-ddi0wmsfii] {
        padding: 0.85rem;
    }

    .group-notification-push[b-ddi0wmsfii] {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .group-notification-panel[b-ddi0wmsfii] {
        animation: group-notification-enter-b-ddi0wmsfii 140ms ease-out;
        transform-origin: top right;
    }
}

@keyframes group-notification-enter-b-ddi0wmsfii {
    from {
        transform: translateY(-0.25rem) scale(0.985);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
/* /Components/Shared/GroupPendingInvitesPanel.razor.rz.scp.css */
.group-pending-invites-panel[b-fyrxknafo0] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
}

.group-settings-pager[b-fyrxknafo0] {
    display: grid;
    grid-template-columns: minmax(7rem, 1fr) auto minmax(7rem, 1fr);
    align-items: center;
    gap: 0.5rem;
    border-top: 1px solid var(--border);
    padding-top: 0.75rem;
}

.group-settings-pager button[b-fyrxknafo0] {
    min-height: 2.65rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.group-settings-pager button:disabled[b-fyrxknafo0] {
    cursor: not-allowed;
    opacity: 0.5;
}

.group-settings-pager button:not(:disabled):hover[b-fyrxknafo0],
.group-settings-pager button:focus-visible[b-fyrxknafo0] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
    outline: none;
}

.group-settings-pager span[b-fyrxknafo0] {
    color: var(--ink-600);
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

@media (max-width: 760px) {
.group-settings-pager[b-fyrxknafo0] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

.group-settings-pager button[b-fyrxknafo0] {
        min-height: 2.75rem;
    }

.group-settings-pager span[b-fyrxknafo0] {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
    }

}
/* /Components/Shared/GroupSharingPanel.razor.rz.scp.css */
.group-sharing-panel[b-uol824tt6r] {
    display: grid;
    gap: 1rem;
    scroll-margin-top: 1rem;
}

.group-sharing-panel .workspace-list-title p[b-uol824tt6r] {
    margin: 0.3rem 0 0;
    color: var(--ink-600);
    line-height: 1.5;
}

.group-sharing-form[b-uol824tt6r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 0.8rem;
}

.group-sharing-form > button[b-uol824tt6r] {
    justify-self: end;
}

.group-sharing-form > label:not(.group-sharing-toggle)[b-uol824tt6r] {
    display: grid;
    gap: 0.35rem;
    color: var(--ink-700);
    font-size: 0.78rem;
    font-weight: 850;
}

.group-sharing-form select[b-uol824tt6r] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.8rem;
    padding: 0 2.3rem 0 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font: inherit;
    font-size: 1rem;
}

.group-sharing-form select:focus-visible[b-uol824tt6r],
.group-created-share-row input:focus-visible[b-uol824tt6r] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 32%, transparent);
    outline-offset: 2px;
}

.group-sharing-toggle:focus-within[b-uol824tt6r] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 16%, transparent);
}

.group-sharing-toggle[b-uol824tt6r] {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0.55rem 0.75rem;
    background: var(--surface-soft);
    cursor: pointer;
}

.group-sharing-toggle input[b-uol824tt6r] {
    width: 1.2rem;
    height: 1.2rem;
    flex: 0 0 auto;
    accent-color: var(--brand-600);
}

.group-sharing-toggle span[b-uol824tt6r] {
    display: grid;
    gap: 0.12rem;
}

.group-sharing-toggle strong[b-uol824tt6r] {
    color: var(--ink-900);
    font-size: 0.82rem;
}

.group-sharing-toggle small[b-uol824tt6r] {
    color: var(--ink-600);
    line-height: 1.35;
}

.group-created-share-link[b-uol824tt6r] {
    display: grid;
    gap: 0.7rem;
    border: 1px solid var(--brand-200);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--brand-50);
}

.group-created-share-link p[b-uol824tt6r],
.group-created-share-link label[b-uol824tt6r] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.78rem;
}

.group-created-share-row[b-uol824tt6r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
}

.group-created-share-row input[b-uol824tt6r] {
    min-width: 0;
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.8rem;
    padding: 0 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font: inherit;
}

.group-active-shares[b-uol824tt6r] {
    display: grid;
    gap: 0.7rem;
}

.group-active-shares-heading[b-uol824tt6r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.group-active-shares-heading h3[b-uol824tt6r] {
    margin: 0;
    color: var(--ink-950);
    font-size: 1rem;
}

.group-active-shares-heading span[b-uol824tt6r] {
    display: grid;
    min-width: 2rem;
    min-height: 2rem;
    place-items: center;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 900;
}

.group-share-link-list[b-uol824tt6r] {
    display: grid;
    gap: 0.6rem;
}

.group-share-link-card[b-uol824tt6r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.8rem;
    background: var(--surface-soft);
}

.group-share-link-card > div[b-uol824tt6r] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.group-share-link-card strong[b-uol824tt6r] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
}

.group-share-link-card span[b-uol824tt6r],
.group-share-link-card small[b-uol824tt6r] {
    color: var(--ink-600);
}

@media (max-width: 760px) {
.group-sharing-form[b-uol824tt6r],
.group-created-share-row[b-uol824tt6r] {
        grid-template-columns: minmax(0, 1fr);
    }

.group-sharing-form > button[b-uol824tt6r] {
        grid-column: auto;
        width: 100%;
    }

.group-created-share-row button[b-uol824tt6r] {
        width: 100%;
    }

.group-share-link-card[b-uol824tt6r] {
        grid-template-columns: auto minmax(0, 1fr);
    }

.group-share-link-card > button[b-uol824tt6r] {
        grid-column: 1 / -1;
        width: 100%;
    }

}
/* /Components/Shared/LandingBrandLink.razor.rz.scp.css */
.welcome-brand[b-n4g7av7anj] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.72rem;
    border-radius: 0.82rem;
    padding: 0.18rem 0.28rem 0.18rem 0.18rem;
    color: var(--ink-950);
    text-decoration: none;
}

.welcome-brand:hover[b-n4g7av7anj],
.welcome-brand:focus-visible[b-n4g7av7anj] {
    color: var(--ink-950);
}

.welcome-brand-cell[b-n4g7av7anj] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 0.78rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.welcome-brand-cell img[b-n4g7av7anj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome-brand strong[b-n4g7av7anj] {
    color: var(--ink-950);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -0.025em;
}

@media (max-width: 430px) {
    .welcome-brand[b-n4g7av7anj] {
        gap: 0.55rem;
    }

    .welcome-brand strong[b-n4g7av7anj] {
        font-size: 0.9rem;
    }
}

@media (max-width: 300px) {
    .welcome-brand[b-n4g7av7anj] {
        justify-self: start;
    }
}
/* /Components/Shared/LandingFeatureVisual.razor.rz.scp.css */
.landing-feature-visual[b-mkh7d7uutv] {
    display: grid;
    align-content: center;
    gap: 0.8rem;
    width: 100%;
    min-width: 0;
    color: var(--ink-900);
    font-size: 0.875rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.landing-feature-visual small[b-mkh7d7uutv] {
    color: var(--ink-600);
    font-size: 0.875rem;
    line-height: 1.45;
}

.landing-feature-visual strong[b-mkh7d7uutv] {
    font-weight: 800;
}

.landing-feature-visual[b-mkh7d7uutv]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.scene-surface[b-mkh7d7uutv] {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.15rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.scene-heading[b-mkh7d7uutv],
.scan-manual[b-mkh7d7uutv],
.archive-result-heading[b-mkh7d7uutv],
.group-preview[b-mkh7d7uutv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.scene-copy[b-mkh7d7uutv] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.scene-card-icon[b-mkh7d7uutv] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--radius-sm);
    background: var(--brand-100);
    color: var(--brand-700);
}

.scene-card-icon.subtle[b-mkh7d7uutv] {
    background: var(--surface-muted);
    color: var(--ink-700);
}

.scene-status[b-mkh7d7uutv] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 999px;
    padding: 0.3rem 0.6rem;
    font-weight: 700;
    line-height: 1.3;
}

.scene-status.success[b-mkh7d7uutv],
.share-check[b-mkh7d7uutv] {
    background: var(--success-50);
    color: var(--success-600);
}

.scene-status.neutral[b-mkh7d7uutv] {
    background: var(--surface-muted);
    color: var(--ink-700);
}

.scene-status.selected[b-mkh7d7uutv] {
    background: var(--brand-100);
    color: var(--brand-700);
}

.scene-status[b-mkh7d7uutv]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.scene-copy .scene-amount[b-mkh7d7uutv] {
    color: var(--ink-950);
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 850;
    letter-spacing: -0.05em;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.scene-meta[b-mkh7d7uutv],
.group-meta[b-mkh7d7uutv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.7rem;
    color: var(--ink-600);
}

.scene-note[b-mkh7d7uutv] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    color: var(--ink-700);
}

.scene-note[b-mkh7d7uutv] >  .app-icon {
    flex: 0 0 auto;
    color: var(--brand-700);
}

/* Static receipt summary mirrors the archive's status and amount hierarchy. */
.scan-summary[b-mkh7d7uutv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 1.5rem;
}

.scan-code[b-mkh7d7uutv] {
    width: 3.75rem;
    flex: 0 0 auto;
    aspect-ratio: 1;
    border: 0.35rem solid var(--ink-900);
    background:
        repeating-linear-gradient(90deg, var(--ink-900) 0 12%, transparent 12% 25%),
        repeating-linear-gradient(var(--ink-900) 0 12%, transparent 12% 25%);
    opacity: 0.75;
}

.scan-receipt .scene-meta[b-mkh7d7uutv] {
    justify-content: space-between;
    border-top: 1px dashed var(--border-strong);
    padding-top: 0.85rem;
}

.scan-manual[b-mkh7d7uutv] {
    padding-block: 0.9rem;
}

/* Search and relevant-item treatment follow ReceiptFilterPanel and BillListCard. */
.archive-search[b-mkh7d7uutv] {
    display: flex;
    min-height: 3.25rem;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--brand-300);
    border-radius: var(--radius-md);
    padding: 0.8rem 1rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.archive-search[b-mkh7d7uutv]  .app-icon {
    color: var(--brand-700);
}

.archive-search strong[b-mkh7d7uutv] {
    font-size: 1rem;
}

.archive-filters[b-mkh7d7uutv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.archive-result[b-mkh7d7uutv] {
    display: grid;
    gap: 1rem;
}

.archive-total[b-mkh7d7uutv] {
    text-align: end;
}

.archive-matched-item[b-mkh7d7uutv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--brand-200);
    border-radius: var(--radius-sm);
    padding: 0.75rem;
    background: var(--brand-50);
}

.archive-matched-item > strong[b-mkh7d7uutv] {
    color: var(--brand-700);
}

.archive-result-note[b-mkh7d7uutv] {
    display: block;
}

/* Two group rows with the same icon, title and count ordering as Groups. */
.group-preview[b-mkh7d7uutv] {
    padding-block: 1.2rem;
}

.group-preview[b-mkh7d7uutv] >  .app-icon {
    color: var(--ink-600);
}

.group-share[b-mkh7d7uutv] {
    padding: 0.65rem 0.2rem 0;
}

.group-share .scene-copy[b-mkh7d7uutv] {
    flex: 1;
}

.share-check[b-mkh7d7uutv] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
}

/* Illustrative monthly totals and a unit-labelled product price trend. */
.analytics-window[b-mkh7d7uutv] {
    display: grid;
    gap: 1.2rem;
}

.analytics-heading[b-mkh7d7uutv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.45rem 1rem;
}

.analytics-heading > small[b-mkh7d7uutv] {
    padding-top: 0.15rem;
}

.analytics-categories[b-mkh7d7uutv] {
    display: grid;
    gap: 0.8rem;
}

.analytics-category[b-mkh7d7uutv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem 0.7rem;
}

.analytics-category-track[b-mkh7d7uutv] {
    grid-column: 1 / -1;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--surface-muted);
}

.analytics-category-track i[b-mkh7d7uutv] {
    display: block;
    width: var(--category-share, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--brand-500);
}

.analytics-category.secondary i[b-mkh7d7uutv] {
    background: var(--ink-400);
}

.analytics-trend[b-mkh7d7uutv] {
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

.analytics-chart[b-mkh7d7uutv] {
    display: block;
    width: 100%;
    height: 5.5rem;
    margin-block: 0.65rem 0.35rem;
    overflow: visible;
}

.chart-grid[b-mkh7d7uutv] {
    fill: none;
    stroke: var(--border);
    stroke-width: 1;
}

.chart-area[b-mkh7d7uutv] {
    fill: color-mix(in srgb, var(--brand-500) 10%, transparent);
}

.chart-line[b-mkh7d7uutv] {
    fill: none;
    stroke: var(--brand-500);
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.analytics-chart circle[b-mkh7d7uutv] {
    fill: var(--surface-raised);
    stroke: var(--brand-500);
    stroke-width: 2;
}

.analytics-chart-labels[b-mkh7d7uutv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.analytics-chart-labels > :last-child[b-mkh7d7uutv] {
    text-align: end;
}

/* Timed choices use the real master-unlock durations, without live controls. */
.protection-panel[b-mkh7d7uutv] {
    display: grid;
    gap: 1.2rem;
}

.protection-panel .scene-heading[b-mkh7d7uutv] {
    grid-template-columns: auto minmax(0, 1fr);
}

.protection-duration[b-mkh7d7uutv] {
    display: grid;
    gap: 0.65rem;
}

.protection-options[b-mkh7d7uutv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
}

.protection-options span[b-mkh7d7uutv] {
    display: grid;
    min-height: 2.75rem;
    align-content: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 0.45rem 0.3rem;
    background: var(--surface-soft);
    text-align: center;
    font-weight: 700;
}

.protection-options .selected[b-mkh7d7uutv] {
    border-color: var(--brand-400);
    background: var(--brand-100);
    color: var(--brand-700);
}

.protection-note[b-mkh7d7uutv] {
    align-items: flex-start;
}

.protection-note[b-mkh7d7uutv] >  .app-icon {
    margin-top: 0.12rem;
}

@media (min-width: 1024px) {
    .analytics-window[b-mkh7d7uutv] {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        align-items: start;
    }

    .analytics-heading[b-mkh7d7uutv] {
        grid-column: 1;
        grid-row: 1;
        flex-direction: column;
    }

    .analytics-categories[b-mkh7d7uutv] {
        grid-column: 1;
        grid-row: 2;
    }

    .analytics-trend[b-mkh7d7uutv] {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
        border-top: 0;
        border-left: 1px solid var(--border);
        padding-top: 0;
        padding-left: 1.2rem;
    }
}

/* Once on viewport entry. The complete no-JS scene is the default state. */
.landing-feature-visual.is-visible [data-landing-motion][b-mkh7d7uutv] {
    animation: landing-preview-arrive-b-mkh7d7uutv 480ms ease-out 1 both;
}

@keyframes landing-preview-arrive-b-mkh7d7uutv {
    from { opacity: 0.75; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 430px) {
    .scene-surface[b-mkh7d7uutv] {
        padding: 0.9rem;
        border-radius: var(--radius-md);
    }

    .scene-heading[b-mkh7d7uutv],
    .scan-manual[b-mkh7d7uutv],
    .archive-result-heading[b-mkh7d7uutv],
    .group-preview[b-mkh7d7uutv] {
        gap: 0.5rem;
    }

    .scene-card-icon[b-mkh7d7uutv] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .scan-receipt .scene-heading[b-mkh7d7uutv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .scan-receipt .scene-status[b-mkh7d7uutv] {
        grid-column: 2;
        justify-self: start;
    }

    .scan-manual .scene-card-icon[b-mkh7d7uutv] {
        display: none;
    }

    .scan-manual[b-mkh7d7uutv] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .scan-summary[b-mkh7d7uutv] {
        padding-block: 1.1rem;
    }

    .scene-status[b-mkh7d7uutv] {
        padding-inline: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-feature-visual.is-visible [data-landing-motion][b-mkh7d7uutv] {
        animation: none !important;
        transform: none !important;
    }
}
/* /Components/Shared/LocalizedDecimalInput.razor.rz.scp.css */
.localized-decimal-field[b-m9devdwuc6] {
    display: grid;
    min-width: 0;
    width: 100%;
    gap: 0.25rem;
    color: inherit;
    font-size: 1rem;
    font-weight: 400;
}

.localized-decimal-control[b-m9devdwuc6] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    font: inherit;
}

.localized-decimal-control.invalid[b-m9devdwuc6] {
    border-color: #dc2626 !important;
}

.localized-decimal-error[b-m9devdwuc6] {
    color: #b91c1c;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
}
/* /Components/Shared/ManualExpenseHistoryPanel.razor.rz.scp.css */
.bill-more-options[b-sfmhvyk9b6] {
    border: 1px solid #dbe4ef;
    border-radius: 1.35rem;
    background: #ffffff;
    box-shadow: 0 0.65rem 2rem rgba(15, 23, 42, 0.06);
}

.bill-more-options > summary[b-sfmhvyk9b6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.5rem;
    align-items: center;
    gap: 0.8rem;
    cursor: pointer;
    padding: 0.85rem 1rem;
    list-style: none;
}

.bill-more-options > summary[b-sfmhvyk9b6]::-webkit-details-marker {
    display: none;
}

.bill-more-options > summary > span:nth-child(2)[b-sfmhvyk9b6] {
    display: grid;
    gap: 0.15rem;
}

.bill-more-options > summary strong[b-sfmhvyk9b6] {
    color: var(--receipt-ink);
}

.bill-more-options > summary small[b-sfmhvyk9b6] {
    color: var(--receipt-muted);
    line-height: 1.35;
}

.bill-more-options-icon[b-sfmhvyk9b6] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand-strong);
}

.bill-more-options-chevron[b-sfmhvyk9b6] {
    color: var(--receipt-muted);
    font-size: 1.3rem;
    transition: transform 0.18s ease;
}

@media (max-width: 45rem) {
.bill-more-options[b-sfmhvyk9b6] {
        border-radius: 1.15rem;
    }

.bill-more-options > summary[b-sfmhvyk9b6] {
        min-height: 4.75rem;
        padding: 0.75rem;
    }

}

@media print {
.bill-more-options[b-sfmhvyk9b6] {
        display: none !important;
    }

}

.bill-more-options-chevron[b-sfmhvyk9b6] {
    width: 1rem;
    height: 1rem;
    color: var(--receipt-subtle);
    transition: transform 160ms ease;
}

.bill-more-options[open] .bill-more-options-chevron[b-sfmhvyk9b6] {
    transform: rotate(180deg);
}

.bill-more-options[b-sfmhvyk9b6] {
    border-color: rgba(190, 204, 224, 0.65);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.bill-more-options[b-sfmhvyk9b6] {
    overflow: hidden;
    border-radius: 1.1rem;
}

.bill-more-options > summary[b-sfmhvyk9b6] {
    min-height: 4.2rem;
    background: #fff;
}

.bill-more-options > summary:hover[b-sfmhvyk9b6] {
    background: var(--surface-soft);
}

@media (max-width: 760px) {
.bill-more-options[b-sfmhvyk9b6] { order: 14; }

}

.bill-history-content[b-sfmhvyk9b6] {
    display: grid;
    gap: 1rem;
    border-top: 1px solid var(--border);
    padding: 1rem;
    background: var(--surface-soft);
}

.bill-history-list[b-sfmhvyk9b6] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bill-history-item[b-sfmhvyk9b6] {
    position: relative;
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    gap: 0.75rem;
    padding-bottom: 1rem;
}

.bill-history-item:last-child[b-sfmhvyk9b6] {
    padding-bottom: 0;
}

.bill-history-item:not(:last-child)[b-sfmhvyk9b6]::before {
    position: absolute;
    top: 1.1rem;
    bottom: -0.1rem;
    left: 0.56rem;
    width: 2px;
    background: var(--border-strong);
    content: "";
}

.bill-history-dot[b-sfmhvyk9b6] {
    position: relative;
    z-index: 1;
    width: 0.85rem;
    height: 0.85rem;
    margin: 0.35rem auto 0;
    border: 3px solid var(--surface-raised);
    border-radius: 999px;
    background: var(--brand-500);
    box-shadow: 0 0 0 2px var(--brand-200);
}

.bill-history-item.increase .bill-history-dot[b-sfmhvyk9b6] {
    background: var(--success-600);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--success-600) 30%, transparent);
}

.bill-history-item.decrease .bill-history-dot[b-sfmhvyk9b6] {
    background: var(--danger-600);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--danger-600) 30%, transparent);
}

.bill-history-entry[b-sfmhvyk9b6] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.85rem 0.95rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.bill-history-entry time[b-sfmhvyk9b6] {
    color: var(--ink-500);
    font-size: 0.74rem;
    font-weight: 750;
}

.bill-history-entry > strong[b-sfmhvyk9b6],
.bill-history-change strong[b-sfmhvyk9b6] {
    color: var(--ink-950);
}

.bill-history-original-name[b-sfmhvyk9b6] {
    min-width: 0;
    color: var(--ink-600);
    font-size: 0.82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.bill-history-original-name strong[b-sfmhvyk9b6] {
    color: var(--ink-800);
    font-weight: 850;
}

.bill-history-change[b-sfmhvyk9b6] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    color: var(--ink-700);
    font-size: 1rem;
    font-weight: 800;
}

.bill-history-change[b-sfmhvyk9b6]  .app-icon {
    width: 1rem;
    height: 1rem;
    color: var(--ink-400);
}

.bill-history-delta[b-sfmhvyk9b6] {
    width: fit-content;
    border-radius: 999px;
    padding: 0.2rem 0.5rem;
    font-size: 0.76rem;
    font-weight: 900;
}

.bill-history-item.increase .bill-history-delta[b-sfmhvyk9b6] {
    background: var(--success-50);
    color: var(--success-600);
}

.bill-history-item.decrease .bill-history-delta[b-sfmhvyk9b6] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.bill-history-status[b-sfmhvyk9b6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.8rem 0.9rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font-size: 0.84rem;
}

.bill-history-status.error[b-sfmhvyk9b6] {
    border-color: color-mix(in srgb, var(--danger-600) 35%, var(--border));
    color: var(--danger-600);
}

.bill-history-status button[b-sfmhvyk9b6],
.bill-history-load-more[b-sfmhvyk9b6] {
    min-height: 2.75rem;
    border: 1px solid var(--brand-200);
    border-radius: 0.8rem;
    padding: 0.55rem 0.8rem;
    background: var(--surface-raised);
    color: var(--brand-700);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
}

.bill-history-load-more[b-sfmhvyk9b6] {
    justify-self: center;
}

.bill-history-status button:hover[b-sfmhvyk9b6],
.bill-history-status button:focus-visible[b-sfmhvyk9b6],
.bill-history-load-more:hover[b-sfmhvyk9b6],
.bill-history-load-more:focus-visible[b-sfmhvyk9b6] {
    background: var(--brand-50);
}

.bill-history-load-more:disabled[b-sfmhvyk9b6] {
    cursor: wait;
    opacity: 0.65;
}

@media (max-width: 760px) {
.bill-history-timeline[b-sfmhvyk9b6] {
        order: 15 !important;
    }

.bill-history-content[b-sfmhvyk9b6] {
        padding: 0.85rem;
    }

.bill-history-entry[b-sfmhvyk9b6] {
        padding: 0.75rem 0.8rem;
    }

.bill-history-change[b-sfmhvyk9b6] {
        align-items: flex-start;
    }

}

@media (max-width: 470px) {
.bill-history-status[b-sfmhvyk9b6] {
        align-items: stretch;
        flex-direction: column;
    }

}
/* /Components/Shared/MasterLockNotice.razor.rz.scp.css */
.master-unlock-backdrop[b-jp1y6z5a8s] {
    position: fixed;
    z-index: 1250;
    inset: 0;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 1.25rem;
    background: rgba(4, 12, 28, 0.74);
    backdrop-filter: blur(12px) saturate(120%);
}

.master-unlock-dialog[b-jp1y6z5a8s] {
    display: grid;
    width: min(100%, 31rem);
    max-height: calc(100dvh - 1.4rem);
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid color-mix(in srgb, var(--brand-200) 72%, var(--border));
    border-radius: 1.45rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: 0 2rem 5rem rgba(3, 12, 30, 0.4);
}

.master-unlock-header[b-jp1y6z5a8s] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 1.25rem 1.3rem 1.05rem;
    border-bottom: 1px solid var(--border);
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--brand-600) 18%, transparent), transparent 11rem),
        linear-gradient(145deg, var(--surface-raised), var(--brand-50));
}

.master-unlock-icon[b-jp1y6z5a8s] {
    display: grid;
    width: 3.4rem;
    height: 3.4rem;
    place-items: center;
    border-radius: 1rem;
    background: linear-gradient(145deg, #3777f6, #1d56d9);
    color: #fff;
    box-shadow: 0 0.8rem 1.8rem color-mix(in srgb, var(--brand-600) 28%, transparent);
}

.master-unlock-icon[b-jp1y6z5a8s]  .app-icon {
    width: 1.55rem;
    height: 1.55rem;
}

.master-unlock-header div > span[b-jp1y6z5a8s] {
    color: var(--brand-600);
    font-size: 0.67rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.master-unlock-header h2[b-jp1y6z5a8s] {
    margin: 0.2rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.3rem, 5vw, 1.8rem);
    font-weight: 950;
    letter-spacing: -0.035em;
    line-height: 1.12;
}

.master-unlock-form[b-jp1y6z5a8s] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem 1.3rem;
}

.master-unlock-form > p[b-jp1y6z5a8s] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.83rem;
    font-weight: 700;
    line-height: 1.55;
}

.master-unlock-form label[b-jp1y6z5a8s] {
    display: grid;
    gap: 0.4rem;
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 900;
}

.master-unlock-form input[b-jp1y6z5a8s] {
    width: 100%;
    min-height: 3.15rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0 0.9rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    outline: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.master-unlock-form input:focus[b-jp1y6z5a8s] {
    border-color: var(--brand-600);
    background: var(--surface-raised);
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--brand-600) 15%, transparent);
}

.master-unlock-duration[b-jp1y6z5a8s] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    margin: 0;
    border: 0;
    padding: 0;
}

.master-unlock-duration legend[b-jp1y6z5a8s] {
    margin-bottom: 0.4rem;
    color: var(--ink-700);
    font-size: 0.75rem;
    font-weight: 900;
}

.master-unlock-duration-options[b-jp1y6z5a8s] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.master-unlock-duration-options button[b-jp1y6z5a8s] {
    min-height: 2.75rem;
    border: 1px solid var(--border);
    border-radius: 0.78rem;
    padding: 0.5rem;
    background: var(--surface-soft);
    color: var(--ink-700);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.master-unlock-duration-options button:hover[b-jp1y6z5a8s],
.master-unlock-duration-options button:focus-visible[b-jp1y6z5a8s],
.master-unlock-duration-options button.selected[b-jp1y6z5a8s] {
    border-color: var(--brand-600);
    background: var(--brand-100);
    color: var(--brand-700);
}

.master-unlock-duration-options button:focus-visible[b-jp1y6z5a8s] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 20%, transparent);
    outline-offset: 2px;
}

.master-unlock-duration-options button:disabled[b-jp1y6z5a8s] {
    cursor: not-allowed;
    opacity: 0.58;
}

.master-unlock-duration > small[b-jp1y6z5a8s] {
    color: var(--ink-500);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.4;
}

.master-unlock-message[b-jp1y6z5a8s] {
    border: 1px solid color-mix(in srgb, var(--danger-600) 24%, var(--border));
    border-radius: 0.85rem;
    padding: 0.7rem 0.8rem;
    background: var(--danger-50);
    color: var(--danger-600);
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.45;
}

.master-unlock-actions[b-jp1y6z5a8s] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
}

.master-unlock-actions button[b-jp1y6z5a8s] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.85rem;
    padding: 0.65rem 1rem;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.master-unlock-primary[b-jp1y6z5a8s] {
    border: 1px solid var(--brand-600);
    background: linear-gradient(145deg, #3777f6, #1d56d9);
    color: #fff;
    box-shadow: 0 0.85rem 1.7rem color-mix(in srgb, var(--brand-600) 25%, transparent);
}

.master-unlock-primary[b-jp1y6z5a8s]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.master-unlock-spinner[b-jp1y6z5a8s] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    border: 0.15rem solid rgba(255, 255, 255, 0.38);
    border-top-color: #fff;
    border-radius: 50%;
    animation: master-unlock-spin-b-jp1y6z5a8s 700ms linear infinite;
}

@keyframes master-unlock-spin-b-jp1y6z5a8s {
    to {
        transform: rotate(360deg);
    }
}

.master-unlock-actions button:hover[b-jp1y6z5a8s],
.master-unlock-actions button:focus-visible[b-jp1y6z5a8s] {
    transform: translateY(-1px);
}

.master-unlock-actions button:focus-visible[b-jp1y6z5a8s] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 24%, transparent);
    outline-offset: 2px;
}

.master-unlock-actions button:disabled[b-jp1y6z5a8s] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.master-unlock-footer[b-jp1y6z5a8s] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem;
    border-top: 1px solid var(--border);
    padding: 0.85rem 1.3rem 1rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.73rem;
    font-weight: 750;
}

.master-unlock-footer a[b-jp1y6z5a8s] {
    color: var(--brand-600);
    font-weight: 900;
    text-decoration: none;
}

.master-unlock-footer a:hover[b-jp1y6z5a8s],
.master-unlock-footer a:focus-visible[b-jp1y6z5a8s] {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .master-unlock-backdrop[b-jp1y6z5a8s] {
        align-items: end;
        padding:
            max(0.7rem, env(safe-area-inset-top))
            max(0.7rem, env(safe-area-inset-right))
            max(0.7rem, env(safe-area-inset-bottom))
            max(0.7rem, env(safe-area-inset-left));
    }

    .master-unlock-dialog[b-jp1y6z5a8s] {
        max-height: calc(
            100dvh
            - max(0.7rem, env(safe-area-inset-top))
            - max(0.7rem, env(safe-area-inset-bottom))
        );
        border-radius: 1.25rem;
    }

    .master-unlock-header[b-jp1y6z5a8s],
    .master-unlock-form[b-jp1y6z5a8s] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .master-unlock-actions[b-jp1y6z5a8s] {
        display: grid;
    }

    .master-unlock-primary[b-jp1y6z5a8s] {
        grid-row: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .master-unlock-spinner[b-jp1y6z5a8s] {
        animation-duration: 1.4s;
    }
}
/* /Components/Shared/MasterProtectionOnboarding.razor.rz.scp.css */
.master-onboarding-backdrop[b-mvy87jpgzp] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 1.25rem;
    background: rgba(4, 12, 28, 0.72);
    backdrop-filter: blur(12px) saturate(120%);
}

.master-onboarding-dialog[b-mvy87jpgzp] {
    display: grid;
    width: min(100%, 43rem);
    max-height: calc(100vh - 2.5rem);
    max-height: calc(100dvh - 2.5rem);
    overflow-y: auto;
    border: 1px solid color-mix(in srgb, var(--brand-200) 70%, var(--border));
    border-radius: 1.5rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: 0 2rem 5rem rgba(3, 12, 30, 0.38);
}

.master-onboarding-header[b-mvy87jpgzp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 1.35rem 1.35rem 1.1rem;
    border-bottom: 1px solid var(--border);
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--brand-600) 18%, transparent), transparent 12rem),
        linear-gradient(145deg, var(--surface-raised), var(--brand-50));
}

.master-onboarding-icon[b-mvy87jpgzp] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: 1.05rem;
    background: var(--brand-600);
    color: #fff;
    box-shadow: 0 0.8rem 1.8rem color-mix(in srgb, var(--brand-600) 28%, transparent);
}

.master-onboarding-icon[b-mvy87jpgzp]  .app-icon {
    width: 1.65rem;
    height: 1.65rem;
}

.master-onboarding-header span:not(.master-onboarding-icon)[b-mvy87jpgzp] {
    color: var(--brand-600);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.master-onboarding-header h2[b-mvy87jpgzp] {
    margin: 0.25rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.35rem, 4vw, 2rem);
    font-weight: 950;
    letter-spacing: -0.035em;
    line-height: 1.1;
}

.master-onboarding-body[b-mvy87jpgzp] {
    display: grid;
    gap: 1rem;
    padding: 1.3rem 1.35rem;
}

.master-onboarding-lead[b-mvy87jpgzp] {
    margin: 0;
    color: var(--ink-700);
    font-size: 0.92rem;
    font-weight: 750;
    line-height: 1.6;
}

.master-onboarding-explanation[b-mvy87jpgzp],
.master-onboarding-honesty[b-mvy87jpgzp],
.master-onboarding-success[b-mvy87jpgzp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
    border-radius: 1rem;
    padding: 0.85rem;
}

.master-onboarding-explanation[b-mvy87jpgzp] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.master-onboarding-explanation > span[b-mvy87jpgzp] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: var(--brand-100);
}

.master-onboarding-explanation p[b-mvy87jpgzp] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.55;
}

.master-onboarding-explanation[b-mvy87jpgzp]  .app-icon,
.master-onboarding-honesty[b-mvy87jpgzp]  .app-icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.master-onboarding-benefits[b-mvy87jpgzp] {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.master-onboarding-benefits li[b-mvy87jpgzp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.6rem;
    color: var(--ink-700);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.45;
}

.master-onboarding-benefits[b-mvy87jpgzp]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 0.08rem;
    border-radius: 999px;
    padding: 0.12rem;
    background: var(--success-50);
    color: var(--success-600);
}

.master-onboarding-honesty[b-mvy87jpgzp] {
    border: 1px solid var(--border);
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.7rem;
    line-height: 1.5;
}

.master-onboarding-honesty.important[b-mvy87jpgzp] {
    border-color: color-mix(in srgb, var(--warning-600) 32%, var(--border));
    background: var(--warning-50);
    color: var(--warning-600);
    font-weight: 800;
}

.master-onboarding-form[b-mvy87jpgzp] {
    display: grid;
    gap: 0.8rem;
}

.master-onboarding-form label[b-mvy87jpgzp] {
    display: grid;
    gap: 0.35rem;
    color: var(--ink-700);
    font-size: 0.74rem;
    font-weight: 900;
}

.master-onboarding-form input[b-mvy87jpgzp] {
    width: 100%;
    min-height: 3rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0 0.85rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    outline: none;
}

.master-onboarding-form input:focus[b-mvy87jpgzp] {
    border-color: var(--brand-600);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand-600) 15%, transparent);
}

.master-onboarding-actions[b-mvy87jpgzp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 1rem 1.35rem 1.35rem;
    border-top: 1px solid var(--border);
}

.master-onboarding-actions.three-actions .master-onboarding-link[b-mvy87jpgzp] {
    margin-right: auto;
}

.master-onboarding-actions button[b-mvy87jpgzp],
.master-onboarding-document-actions button[b-mvy87jpgzp] {
    min-height: 2.85rem;
    border-radius: 0.78rem;
    padding: 0.6rem 0.95rem;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.master-onboarding-primary[b-mvy87jpgzp] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
    box-shadow: 0 0.65rem 1.4rem color-mix(in srgb, var(--brand-600) 20%, transparent);
}

.master-onboarding-primary.finish[b-mvy87jpgzp] {
    width: 100%;
}

.master-onboarding-secondary[b-mvy87jpgzp],
.master-onboarding-link[b-mvy87jpgzp] {
    border: 1px solid var(--border);
    background: var(--surface-soft);
    color: var(--ink-700);
}

.master-onboarding-link[b-mvy87jpgzp] {
    border-color: transparent;
    background: transparent;
}

.master-onboarding-actions button:disabled[b-mvy87jpgzp],
.master-onboarding-document-actions button:disabled[b-mvy87jpgzp] {
    cursor: not-allowed;
    opacity: 0.55;
}

.master-onboarding-success[b-mvy87jpgzp] {
    background: var(--success-50);
    color: var(--success-600);
}

.master-onboarding-success[b-mvy87jpgzp] >  .app-icon {
    width: 1.65rem;
    height: 1.65rem;
}

.master-onboarding-success div[b-mvy87jpgzp] {
    display: grid;
    gap: 0.12rem;
}

.master-onboarding-success strong[b-mvy87jpgzp] {
    font-size: 0.9rem;
    font-weight: 950;
}

.master-onboarding-success span[b-mvy87jpgzp] {
    font-size: 0.72rem;
    font-weight: 750;
}

.master-onboarding-code[b-mvy87jpgzp] {
    display: block;
    overflow-wrap: anywhere;
    border: 1px dashed var(--brand-200);
    border-radius: 0.9rem;
    padding: 0.9rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.55;
    user-select: all;
}

.master-onboarding-document-actions[b-mvy87jpgzp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.master-onboarding-document-actions button[b-mvy87jpgzp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--border);
    background: var(--surface-soft);
    color: var(--ink-700);
}

.master-onboarding-document-actions button.primary[b-mvy87jpgzp] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.master-onboarding-document-actions[b-mvy87jpgzp]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.master-onboarding-confirmation[b-mvy87jpgzp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.8rem;
    background: var(--surface-soft);
    color: var(--ink-700);
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.45;
    cursor: pointer;
}

.master-onboarding-confirmation input[b-mvy87jpgzp] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.1rem;
    accent-color: var(--brand-600);
}

.master-onboarding-message[b-mvy87jpgzp] {
    margin: 0 1.35rem 1.25rem;
    border-radius: 0.8rem;
    padding: 0.75rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 850;
}

.master-onboarding-message.error[b-mvy87jpgzp] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.master-onboarding-message.success[b-mvy87jpgzp] {
    background: var(--success-50);
    color: var(--success-600);
}

@media (max-width: 40rem) {
    .master-onboarding-backdrop[b-mvy87jpgzp] {
        place-items: end center;
        padding:
            max(0.6rem, env(safe-area-inset-top))
            max(0.6rem, env(safe-area-inset-right))
            max(0.6rem, env(safe-area-inset-bottom))
            max(0.6rem, env(safe-area-inset-left));
    }

    .master-onboarding-dialog[b-mvy87jpgzp] {
        max-height: calc(
            100vh
            - max(0.6rem, env(safe-area-inset-top))
            - max(0.6rem, env(safe-area-inset-bottom))
        );
        max-height: calc(
            100dvh
            - max(0.6rem, env(safe-area-inset-top))
            - max(0.6rem, env(safe-area-inset-bottom))
        );
        border-radius: 1.25rem;
    }

    .master-onboarding-header[b-mvy87jpgzp],
    .master-onboarding-body[b-mvy87jpgzp] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .master-onboarding-actions[b-mvy87jpgzp] {
        flex-direction: column-reverse;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .master-onboarding-actions.three-actions .master-onboarding-link[b-mvy87jpgzp] {
        margin-right: 0;
    }

    .master-onboarding-actions button[b-mvy87jpgzp],
    .master-onboarding-document-actions button[b-mvy87jpgzp] {
        width: 100%;
    }

    .master-onboarding-document-actions[b-mvy87jpgzp] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .master-onboarding-backdrop[b-mvy87jpgzp],
    .master-onboarding-dialog[b-mvy87jpgzp] {
        scroll-behavior: auto;
    }
}
/* /Components/Shared/MasterUnlockGate.razor.rz.scp.css */
.master-gate-state[b-1divagsdd5] {
    display: grid;
    width: min(100%, 44rem);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin: clamp(1rem, 5vw, 4rem) auto;
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    padding: clamp(1rem, 4vw, 1.5rem);
    background: var(--surface-raised);
    color: var(--ink-900);
    box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--ink-950) 10%, transparent);
}

.master-gate-state.error[b-1divagsdd5] {
    border-color: color-mix(in srgb, var(--danger-600) 28%, var(--border));
}

.master-gate-state h2[b-1divagsdd5] {
    margin: 0;
    color: var(--ink-950);
    font-size: clamp(1.05rem, 4vw, 1.35rem);
    font-weight: 950;
}

.master-gate-state p[b-1divagsdd5] {
    margin: 0.35rem 0 0;
    color: var(--ink-600);
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.55;
}

.master-gate-icon[b-1divagsdd5],
.master-gate-spinner[b-1divagsdd5] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.85rem;
}

.master-gate-icon[b-1divagsdd5] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.master-gate-icon[b-1divagsdd5]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.master-gate-spinner[b-1divagsdd5] {
    width: 2.25rem;
    height: 2.25rem;
    border: 0.2rem solid color-mix(in srgb, var(--brand-600) 18%, var(--border));
    border-top-color: var(--brand-600);
    border-radius: 50%;
    animation: master-gate-spin-b-1divagsdd5 800ms linear infinite;
}

.master-gate-state button[b-1divagsdd5] {
    min-height: 2.75rem;
    margin-top: 1rem;
    border: 1px solid var(--brand-600);
    border-radius: 0.8rem;
    padding: 0.55rem 0.9rem;
    background: var(--brand-600);
    color: #fff;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 900;
    cursor: pointer;
}

.master-gate-state button:focus-visible[b-1divagsdd5] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 24%, transparent);
    outline-offset: 2px;
}

.master-gate-state button:disabled[b-1divagsdd5] {
    cursor: wait;
    opacity: 0.58;
}

@keyframes master-gate-spin-b-1divagsdd5 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 520px) {
    .master-gate-state[b-1divagsdd5] {
        grid-template-columns: 1fr;
        margin-top: 0.75rem;
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .master-gate-spinner[b-1divagsdd5] {
        animation-duration: 1.6s;
    }
}
/* /Components/Shared/MerchantBadge.razor.rz.scp.css */
.merchant-badge[b-jtyounoz9x] {
    --merchant-primary: #2563eb;
    --merchant-secondary: #dbeafe;
    position: relative;
    display: grid;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--merchant-primary) 24%, white);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 76% 20%, rgba(255,255,255,.92), transparent 34%),
        linear-gradient(145deg, var(--merchant-secondary), white);
    color: var(--merchant-primary);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 .55rem 1.25rem rgba(15,23,42,.09);
}

.merchant-badge-compact[b-jtyounoz9x] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: .82rem;
}

.merchant-badge-large[b-jtyounoz9x] {
    width: 4.35rem;
    height: 4.35rem;
    border-radius: 1.35rem;
}

.merchant-badge-has-logo[b-jtyounoz9x] {
    background: #fff;
}

.merchant-badge-has-logo[data-merchant-key="shell"][b-jtyounoz9x],
.merchant-badge-has-logo[data-merchant-key="mcdonalds"][b-jtyounoz9x] {
    background: #d71920;
}

.merchant-badge-has-logo[data-merchant-key="ikea"][b-jtyounoz9x] {
    background: #ffda1a;
}

.merchant-badge-logo[b-jtyounoz9x] {
    display: block;
    width: 100%;
    height: 100%;
    padding: .34rem;
    object-fit: contain;
    object-position: center;
}

.merchant-badge-compact .merchant-badge-logo[b-jtyounoz9x] {
    padding: .22rem;
}

.merchant-badge-large .merchant-badge-logo[b-jtyounoz9x] {
    padding: .46rem;
}

.merchant-badge-icon[b-jtyounoz9x] {
    position: absolute;
    inset: .42rem .42rem auto auto;
    display: grid;
    width: 1.15rem;
    height: 1.15rem;
    place-items: center;
    border-radius: .42rem;
    background: color-mix(in srgb, var(--merchant-primary) 12%, white);
}

[b-jtyounoz9x] .merchant-badge-icon .app-icon {
    width: .82rem;
    height: .82rem;
    stroke: currentColor;
    stroke-width: 1.9;
}

.merchant-badge strong[b-jtyounoz9x] {
    align-self: end;
    justify-self: start;
    padding: 0 0 .42rem .48rem;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: -.04em;
}

.merchant-badge-large strong[b-jtyounoz9x] {
    padding: 0 0 .62rem .7rem;
    font-size: 1.05rem;
}

.merchant-accent-red[b-jtyounoz9x] { --merchant-primary: #dc2626; --merchant-secondary: #fee2e2; }
.merchant-accent-blue[b-jtyounoz9x] { --merchant-primary: #2563eb; --merchant-secondary: #dbeafe; }
.merchant-accent-green[b-jtyounoz9x] { --merchant-primary: #15803d; --merchant-secondary: #dcfce7; }
.merchant-accent-yellow[b-jtyounoz9x] { --merchant-primary: #a16207; --merchant-secondary: #fef3c7; }
.merchant-accent-amber[b-jtyounoz9x] { --merchant-primary: #b45309; --merchant-secondary: #ffedd5; }
.merchant-accent-orange[b-jtyounoz9x] { --merchant-primary: #c2410c; --merchant-secondary: #ffedd5; }
.merchant-accent-pink[b-jtyounoz9x] { --merchant-primary: #be185d; --merchant-secondary: #fce7f3; }
.merchant-accent-violet[b-jtyounoz9x] { --merchant-primary: #7c3aed; --merchant-secondary: #ede9fe; }
.merchant-accent-slate[b-jtyounoz9x] { --merchant-primary: #475569; --merchant-secondary: #e2e8f0; }

@media (prefers-color-scheme: dark) {
    .merchant-badge-has-logo[b-jtyounoz9x] {
        background: #fff;
        box-shadow: 0 .55rem 1.25rem rgba(0,0,0,.28);
    }
}
/* /Components/Shared/PriceAnalyticsProductExplorerPanel.razor.rz.scp.css */
.price-product-tools[b-reu21lx7u0] {
    display: grid;
    gap: 0.9rem;
    border: 1px solid rgba(190, 204, 224, 0.62);
    border-radius: 1.2rem;
    padding: 1rem;
    scroll-margin-top: 5.5rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}

.price-product-tools-heading[b-reu21lx7u0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
}

.price-product-tools-heading h2[b-reu21lx7u0],
.price-product-tools-heading p[b-reu21lx7u0] {
    margin: 0;
}

.price-product-tools-heading h2[b-reu21lx7u0] {
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.price-product-tools-heading p[b-reu21lx7u0] {
    margin-top: 0.18rem;
    color: var(--ink-500);
    font-size: 0.68rem;
}

.price-kicker[b-reu21lx7u0] {
    color: var(--brand-700);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.price-section-icon[b-reu21lx7u0] {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.95rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.price-section-icon[b-reu21lx7u0]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.price-manage-products-link[b-reu21lx7u0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid var(--brand-200);
    border-radius: 0.9rem;
    padding: 0.7rem 0.8rem;
    background: var(--brand-50);
    color: var(--brand-700);
    text-decoration: none;
}

.price-manage-products-link > span:first-child[b-reu21lx7u0] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: var(--brand-100);
}

.price-manage-products-link > span:nth-child(2)[b-reu21lx7u0] {
    display: grid;
    gap: 0.12rem;
}

.price-manage-products-link strong[b-reu21lx7u0] {
    font-size: 0.74rem;
    font-weight: 950;
}

.price-manage-products-link small[b-reu21lx7u0] {
    color: var(--ink-600);
    font-size: 0.64rem;
}

.price-manage-products-link[b-reu21lx7u0]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.price-manage-products-link:hover[b-reu21lx7u0],
.price-manage-products-link:focus-visible[b-reu21lx7u0] {
    border-color: var(--brand-500);
    transform: translateY(-1px);
}

.price-search-card[b-reu21lx7u0] {
    display: grid;
    gap: 0.75rem;
}

.price-search-row[b-reu21lx7u0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.55rem;
}

.price-search-field[b-reu21lx7u0] {
    position: relative;
}

.price-search-field[b-reu21lx7u0]  .app-icon {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    width: 1.05rem;
    height: 1.05rem;
    color: var(--ink-500);
    transform: translateY(-50%);
}

.price-search-field input[b-reu21lx7u0] {
    width: 100%;
    min-height: 3rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.9rem;
    padding: 0 0.9rem 0 2.65rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    outline: 0;
}

.price-search-field input:focus[b-reu21lx7u0] {
    border-color: var(--brand-500);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,99,235,.11);
}

.price-search-action[b-reu21lx7u0],
.price-clear-action[b-reu21lx7u0] {
    min-height: 3rem;
    border-radius: 0.9rem;
    padding: 0 0.9rem;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.price-search-action[b-reu21lx7u0] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
    box-shadow: 0 0.65rem 1.35rem rgba(37,99,235,.18);
}

.price-clear-action[b-reu21lx7u0] {
    border: 1px solid var(--border-strong);
    background: #fff;
    color: var(--ink-700);
}

.price-search-action:hover[b-reu21lx7u0],
.price-search-action:focus-visible[b-reu21lx7u0],
.price-clear-action:hover[b-reu21lx7u0],
.price-clear-action:focus-visible[b-reu21lx7u0] {
    transform: translateY(-1px);
}

.price-search-action:disabled[b-reu21lx7u0],
.price-clear-action:disabled[b-reu21lx7u0] {
    cursor: wait;
    opacity: 0.58;
    transform: none;
}

.price-controls[b-reu21lx7u0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.price-select-controls[b-reu21lx7u0] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.price-filter-chips[b-reu21lx7u0] {
    display: flex;
    gap: 0.42rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.price-filter-chips[b-reu21lx7u0]::-webkit-scrollbar { display: none; }

.price-filter-chips button[b-reu21lx7u0] {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: 0 0.7rem;
    background: #fff;
    color: var(--ink-600);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 850;
    cursor: pointer;
}

.price-filter-chips button.selected[b-reu21lx7u0] {
    border-color: #b9d0fb;
    background: var(--brand-100);
    color: var(--brand-700);
}

.price-filter-chips button span[b-reu21lx7u0] {
    margin-left: 0.18rem;
    opacity: 0.78;
}

.price-sort-control[b-reu21lx7u0],
.price-category-control[b-reu21lx7u0] {
    display: flex;
    min-height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.82rem;
    padding: 0 0.65rem;
    background: #fff;
}

.price-sort-control[b-reu21lx7u0]  .app-icon,
.price-category-control[b-reu21lx7u0]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--ink-500);
}

.price-sort-control select[b-reu21lx7u0],
.price-category-control select[b-reu21lx7u0] {
    min-height: 2.75rem;
    max-width: 14rem;
    border: 0;
    background: transparent;
    color: var(--ink-800);
    font-size: 0.7rem;
    font-weight: 850;
    outline: 0;
}

.price-sort-control:focus-within[b-reu21lx7u0],
.price-category-control:focus-within[b-reu21lx7u0] {
    border-color: var(--brand-600);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand-600) 18%, transparent);
}

@media (max-width: 680px) {
    .price-product-tools[b-reu21lx7u0] {
        border-radius: 1.15rem;
        padding: 0.82rem;
    }

    .price-product-tools-heading[b-reu21lx7u0] {
        align-items: start;
    }

    .price-product-tools-heading p[b-reu21lx7u0] {
        font-size: 0.62rem;
    }

    .price-search-row[b-reu21lx7u0] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem;
    }

    .price-clear-action[b-reu21lx7u0] {
        grid-column: 1 / -1;
    }

    .price-search-field input[b-reu21lx7u0],
    .price-search-action[b-reu21lx7u0],
    .price-clear-action[b-reu21lx7u0] {
        min-height: 2.8rem;
    }

    .price-search-field input[b-reu21lx7u0] {
        font-size: 16px;
    }

    .price-controls[b-reu21lx7u0] {
        display: grid;
        gap: 0.55rem;
    }

    .price-select-controls[b-reu21lx7u0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        width: 100%;
    }

    .price-sort-control[b-reu21lx7u0],
    .price-category-control[b-reu21lx7u0] {
        width: 100%;
        justify-content: center;
    }

    .price-sort-control select[b-reu21lx7u0],
    .price-category-control select[b-reu21lx7u0] {
        min-width: 0;
        width: 100%;
        max-width: none;
        font-size: 16px;
    }
}

@media (max-width: 390px) {
    .price-search-row[b-reu21lx7u0] {
        grid-template-columns: 1fr;
    }

    .price-search-action[b-reu21lx7u0],
    .price-clear-action[b-reu21lx7u0] {
        min-height: 2.75rem;
    }

    .price-select-controls[b-reu21lx7u0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/PriceAnalyticsSavingsPanel.razor.rz.scp.css */
.savings-banner[b-18czs7rs67] {
    display: grid;
    gap: 0.9rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1.2rem;
    padding: 1rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.savings-banner-header[b-18czs7rs67] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
}

.price-kicker[b-18czs7rs67] {
    color: var(--brand-700);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.savings-banner-icon[b-18czs7rs67] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.95rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.savings-banner-icon[b-18czs7rs67]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.savings-banner h2[b-18czs7rs67],
.savings-banner p[b-18czs7rs67] {
    margin: 0;
}

.savings-banner h2[b-18czs7rs67] {
    margin-top: 0.12rem;
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.savings-banner p[b-18czs7rs67] {
    margin-top: 0.2rem;
    color: var(--ink-600);
    font-size: 0.66rem;
    line-height: 1.45;
}

.savings-banner-total[b-18czs7rs67] {
    display: grid;
    min-width: 12rem;
    justify-items: end;
    gap: 0.08rem;
}

.savings-banner-total span[b-18czs7rs67],
.savings-banner-total small[b-18czs7rs67] {
    color: var(--ink-600);
    font-size: 0.6rem;
}

.savings-banner-total strong[b-18czs7rs67] {
    color: var(--brand-600);
    font-size: 1.85rem;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.savings-period-tabs[b-18czs7rs67] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.savings-period-tabs[b-18czs7rs67]::-webkit-scrollbar { display: none; }

.savings-period-tabs button[b-18czs7rs67] {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0 0.7rem;
    background: rgba(255, 255, 255, 0.84);
    color: var(--ink-600);
    font: inherit;
    font-size: 0.64rem;
    font-weight: 900;
    cursor: pointer;
}

.savings-period-tabs button.selected[b-18czs7rs67] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.savings-period-tabs button:disabled[b-18czs7rs67] {
    cursor: wait;
    opacity: 0.68;
}

.savings-merchant-grid[b-18czs7rs67] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.savings-merchant-grid article[b-18czs7rs67] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.6rem;
    background: rgba(255, 255, 255, 0.82);
}

.savings-merchant-grid article > span[b-18czs7rs67] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.savings-merchant-grid article > span strong[b-18czs7rs67],
.savings-merchant-grid article > span small[b-18czs7rs67] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.savings-merchant-grid article > span strong[b-18czs7rs67] {
    color: var(--ink-900);
    font-size: 0.64rem;
}

.savings-merchant-grid article > span small[b-18czs7rs67] {
    color: var(--ink-600);
    font-size: 0.52rem;
}

.savings-merchant-grid article > strong[b-18czs7rs67] {
    color: var(--brand-600);
    font-size: 0.78rem;
    font-weight: 950;
    white-space: nowrap;
}

.savings-state[b-18czs7rs67] {
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    padding: 0.8rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.7rem;
    text-align: center;
}

.savings-state.error[b-18czs7rs67] { color: var(--danger-600); }

.savings-show-all[b-18czs7rs67] {
    width: fit-content;
    min-height: 2.75rem;
    justify-self: center;
    border: 0;
    padding-inline: 0.75rem;
    background: transparent;
    color: var(--brand-600);
    font: inherit;
    font-size: 0.65rem;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 680px) {
    .savings-banner[b-18czs7rs67] {
        gap: 0.75rem;
        border-radius: 1.1rem;
        padding: 0.82rem;
    }

    .savings-banner-header[b-18czs7rs67] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .savings-banner-icon[b-18czs7rs67] {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 0.78rem;
    }

    .savings-banner h2[b-18czs7rs67] {
        font-size: 0.85rem;
    }

    .savings-banner p[b-18czs7rs67] {
        font-size: 0.68rem;
        line-height: 1.5;
    }

    .savings-banner-total[b-18czs7rs67] {
        min-width: 0;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        justify-items: start;
        border-top: 1px solid color-mix(in srgb, var(--success-600) 18%, transparent);
        padding-top: 0.65rem;
    }

    .savings-banner-total strong[b-18czs7rs67] {
        grid-row: 1 / span 2;
        grid-column: 2;
        font-size: 1.5rem;
    }

    .savings-period-tabs[b-18czs7rs67] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow-x: visible;
    }

    .savings-period-tabs button[b-18czs7rs67] {
        width: 100%;
        min-width: 0;
        padding-inline: 0.35rem;
    }

    .savings-merchant-grid[b-18czs7rs67] {
        grid-template-columns: 1fr;
    }

    .savings-merchant-grid article > span strong[b-18czs7rs67] {
        font-size: 0.7rem;
    }
}
/* /Components/Shared/PriceAnalyticsScopePanel.razor.rz.scp.css */
.analytics-scope-picker[b-x5iqhela45] {
    display: grid;
    grid-template-columns: minmax(11rem, 0.72fr) minmax(0, 2fr);
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--border);
    border-radius: 1.15rem;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--shadow-sm);
}

.analytics-scope-copy[b-x5iqhela45] {
    display: grid;
    gap: 0.12rem;
    padding: 0 0.4rem;
}

.price-kicker[b-x5iqhela45] {
    color: var(--brand-700);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.analytics-scope-copy > strong[b-x5iqhela45] {
    color: var(--ink-900);
    font-size: 0.92rem;
    font-weight: 950;
}

.analytics-scope-copy > small[b-x5iqhela45] {
    color: var(--ink-500);
    font-size: 0.68rem;
}

.analytics-scope-options[b-x5iqhela45] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.analytics-scope-options button[b-x5iqhela45] {
    display: grid;
    min-width: 0;
    min-height: 3.7rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.9rem;
    padding: 0.52rem 0.65rem;
    background: var(--surface-soft);
    color: var(--ink-700);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.analytics-scope-options button:hover[b-x5iqhela45],
.analytics-scope-options button:focus-visible[b-x5iqhela45] {
    border-color: var(--brand-300);
    color: var(--brand-700);
    transform: translateY(-1px);
}

.analytics-scope-options button:focus-visible[b-x5iqhela45] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 24%, transparent);
    outline-offset: 2px;
}

.analytics-scope-options button.selected[b-x5iqhela45] {
    border: 2px solid var(--brand-600);
    padding: calc(0.52rem - 1px) calc(0.65rem - 1px);
    background: color-mix(in srgb, var(--brand-500) 9%, #fff);
    color: var(--brand-800);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 10%, transparent);
}

.analytics-scope-options button:disabled[b-x5iqhela45] {
    cursor: wait;
    opacity: 0.68;
}

.analytics-scope-options button[b-x5iqhela45]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
    justify-self: center;
}

.analytics-scope-options button > span[b-x5iqhela45] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.analytics-scope-options button strong[b-x5iqhela45],
.analytics-scope-options button small[b-x5iqhela45] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.analytics-scope-options button strong[b-x5iqhela45] {
    color: currentColor;
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.analytics-scope-options button small[b-x5iqhela45] {
    color: var(--ink-500);
    font-size: 0.61rem;
    line-height: 1.25;
}

.mobile-month-navigation[b-x5iqhela45] {
    display: none;
}

@media (max-width: 760px) {
    .analytics-scope-picker[b-x5iqhela45] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
        border-radius: 1rem;
        padding: 0.65rem;
    }

    .analytics-scope-copy[b-x5iqhela45] {
        grid-template-columns: 1fr auto;
        align-items: end;
        padding: 0 0.15rem;
    }

    .analytics-scope-copy .price-kicker[b-x5iqhela45] {
        grid-column: 1 / -1;
    }

    .analytics-scope-options[b-x5iqhela45] {
        grid-template-columns: repeat(3, minmax(5.2rem, 1fr));
        overflow-x: visible;
        padding: 0.1rem 0.05rem 0.25rem;
        scrollbar-width: none;
    }

    .analytics-scope-options[b-x5iqhela45]::-webkit-scrollbar {
        display: none;
    }

    .analytics-scope-options button[b-x5iqhela45] {
        min-height: 3.35rem;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0.18rem;
        padding: 0.42rem 0.35rem;
        text-align: center;
    }

    .analytics-scope-options button.selected[b-x5iqhela45] {
        padding: calc(0.42rem - 1px) calc(0.35rem - 1px);
    }

    .analytics-scope-options button small[b-x5iqhela45] {
        display: none;
    }

    .analytics-scope-options button strong[b-x5iqhela45] {
        overflow: visible;
        line-height: 1.2;
        text-overflow: clip;
        white-space: normal;
    }

    .mobile-month-navigation[b-x5iqhela45] {
        display: grid;
        min-height: 3.05rem;
        grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 1rem;
        padding: 0.25rem;
        background: #fff;
        box-shadow: var(--shadow-sm);
    }

    .mobile-month-navigation button[b-x5iqhela45] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border: 0;
        border-radius: 0.75rem;
        background: transparent;
        color: var(--ink-700);
        cursor: pointer;
    }

    .mobile-month-navigation button:disabled[b-x5iqhela45] {
        cursor: default;
        opacity: 0.35;
    }

    .mobile-month-navigation button[b-x5iqhela45]  .app-icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .mobile-month-navigation strong[b-x5iqhela45] {
        min-width: 0;
        justify-self: center;
        color: var(--ink-800);
        font-size: 0.74rem;
        font-weight: 900;
        text-align: center;
        overflow-wrap: anywhere;
    }
}
/* /Components/Shared/PriceAnalyticsSpendingPanel.razor.rz.scp.css */
.spending-mobile-summary[b-q0oia7kmjr],
.mobile-spending-chart[b-q0oia7kmjr] {
    display: none;
}

.spending-metrics[b-q0oia7kmjr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.spending-metrics article[b-q0oia7kmjr],
.spending-panel[b-q0oia7kmjr],
.spending-mobile-summary[b-q0oia7kmjr],
.spending-back-to-bills[b-q0oia7kmjr] {
    border: 1px solid rgba(190, 204, 224, 0.62);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--shadow-sm);
}

.spending-metrics article[b-q0oia7kmjr] {
    display: grid;
    min-height: 7.15rem;
    align-content: center;
    gap: 0.28rem;
    border-radius: 1.05rem;
    padding: 1rem;
}

.spending-metrics span[b-q0oia7kmjr],
.spending-metrics small[b-q0oia7kmjr] {
    color: var(--ink-500);
    font-size: 0.65rem;
}

.spending-metrics strong[b-q0oia7kmjr] {
    overflow: hidden;
    color: var(--ink-950);
    font-size: clamp(1.25rem, 2.6vw, 1.75rem);
    font-weight: 950;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spending-metrics small[b-q0oia7kmjr] {
    font-weight: 800;
}

.spending-metrics .increase[b-q0oia7kmjr],
.merchant-spend-grid .increase[b-q0oia7kmjr],
.spending-mobile-summary .increase[b-q0oia7kmjr] {
    color: var(--danger-600);
}

.spending-metrics .decrease[b-q0oia7kmjr],
.merchant-spend-grid .decrease[b-q0oia7kmjr],
.spending-mobile-summary .decrease[b-q0oia7kmjr] {
    color: var(--success-600);
}

.spending-metrics .neutral[b-q0oia7kmjr],
.merchant-spend-grid .neutral[b-q0oia7kmjr],
.spending-mobile-summary .neutral[b-q0oia7kmjr] {
    color: var(--ink-500);
}

.spending-analytics-grid[b-q0oia7kmjr] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 0.8rem;
}

.spending-panel[b-q0oia7kmjr] {
    min-width: 0;
    border-radius: 1.15rem;
    padding: 1rem;
}

.spending-panel-heading[b-q0oia7kmjr] {
    display: flex;
    min-height: 2rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    margin-bottom: 0.8rem;
}

.spending-panel-heading h2[b-q0oia7kmjr] {
    margin: 0;
    color: var(--ink-950);
    font-size: 0.84rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.spending-panel-heading > div[b-q0oia7kmjr] {
    display: grid;
    gap: 0.12rem;
}

.spending-panel-heading > div > small[b-q0oia7kmjr] {
    color: var(--ink-500);
    font-size: 0.56rem;
}

.spending-panel-heading a[b-q0oia7kmjr],
.spending-panel-heading > span[b-q0oia7kmjr] {
    color: var(--brand-600);
    font-size: 0.62rem;
    font-weight: 900;
    text-decoration: none;
}

.spending-panel-heading a[b-q0oia7kmjr] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding-inline: 0.45rem;
}

.spending-panel-heading > span[b-q0oia7kmjr] {
    border: 1px solid var(--border);
    border-radius: 0.65rem;
    padding: 0.3rem 0.5rem;
    background: var(--surface-soft);
    color: var(--ink-600);
}

.category-donut-layout[b-q0oia7kmjr] {
    display: grid;
    grid-template-columns: 10.5rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.category-donut[b-q0oia7kmjr] {
    position: relative;
    display: grid;
    width: 9.7rem;
    height: 9.7rem;
    place-items: center;
    border-radius: 50%;
}

.category-donut[b-q0oia7kmjr]::after {
    position: absolute;
    width: 62%;
    height: 62%;
    border-radius: 50%;
    background: #fff;
    content: "";
    box-shadow: inset 0 0 0 1px rgba(223, 231, 242, 0.65);
}

.category-donut > span[b-q0oia7kmjr] {
    z-index: 2;
    display: grid;
    justify-items: center;
    gap: 0.05rem;
}

.category-donut strong[b-q0oia7kmjr] {
    color: var(--ink-950);
    font-size: 0.85rem;
    font-weight: 950;
}

.category-donut small[b-q0oia7kmjr] {
    color: var(--ink-500);
    font-size: 0.58rem;
}

.spending-category-list[b-q0oia7kmjr] {
    display: grid;
    min-width: 0;
    gap: 0.38rem;
}

.spending-category-row[b-q0oia7kmjr] {
    display: grid;
    min-width: 0;
    min-height: 2.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    border-radius: 0.65rem;
    padding: 0.26rem;
    color: inherit;
    text-decoration: none;
}

.spending-category-row:hover[b-q0oia7kmjr],
.spending-category-row:focus-visible[b-q0oia7kmjr] {
    background: var(--brand-50);
}

.spending-category-icon[b-q0oia7kmjr] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 0.62rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.spending-category-icon.accent-green[b-q0oia7kmjr] { background: #ecfdf3; color: #0c8b56; }
.spending-category-icon.accent-amber[b-q0oia7kmjr] { background: #fff7e8; color: #c56a05; }
.spending-category-icon.accent-orange[b-q0oia7kmjr] { background: #fff2e8; color: #d85a09; }
.spending-category-icon.accent-pink[b-q0oia7kmjr] { background: #fff0fb; color: #c02b99; }
.spending-category-icon.accent-violet[b-q0oia7kmjr] { background: #f5f0ff; color: #7c3ee2; }
.spending-category-icon.accent-slate[b-q0oia7kmjr] { background: #f1f4f8; color: #66758c; }

.spending-category-icon[b-q0oia7kmjr]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.spending-category-copy[b-q0oia7kmjr] {
    display: grid;
    min-width: 0;
    gap: 0.28rem;
}

.spending-category-copy > span[b-q0oia7kmjr] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.spending-category-copy strong[b-q0oia7kmjr],
.spending-category-row > strong[b-q0oia7kmjr] {
    overflow: hidden;
    color: var(--ink-800);
    font-size: 0.61rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spending-category-copy em[b-q0oia7kmjr] {
    color: var(--ink-500);
    font-size: 0.55rem;
    font-style: normal;
}

.spending-category-copy > i[b-q0oia7kmjr] {
    display: block;
    height: 0.32rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e7edf5;
}

.spending-category-copy > i > b[b-q0oia7kmjr] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-600), #6ca1ff);
}

.spending-category-row > strong[b-q0oia7kmjr] {
    font-size: 0.66rem;
}

.spending-chart[b-q0oia7kmjr] {
    overflow: hidden;
}

.spending-trend-panel[b-q0oia7kmjr] {
    background:
        radial-gradient(circle at 82% 8%, rgba(37, 99, 235, 0.09), transparent 14rem),
        rgba(255, 255, 255, 0.98);
}

.spending-chart svg[b-q0oia7kmjr] {
    display: block;
    width: 100%;
    height: 12rem;
    overflow: visible;
}

.spending-chart line[b-q0oia7kmjr] {
    stroke: #e9eef6;
    stroke-width: 1;
}

.spending-chart .chart-grid line[b-q0oia7kmjr] {
    stroke-dasharray: 4 7;
}

.spending-chart .chart-y-labels text[b-q0oia7kmjr] {
    fill: var(--ink-400);
    font-size: 10px;
    text-anchor: end;
}

.spending-chart path.current-area[b-q0oia7kmjr] {
    fill: url(#spending-area-gradient);
    stroke: none;
}

.spending-chart path.mobile-area[b-q0oia7kmjr] {
    fill: url(#spending-mobile-area-gradient);
}

.spending-chart polyline[b-q0oia7kmjr] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.spending-chart polyline.current[b-q0oia7kmjr] { stroke: var(--brand-600); }
.spending-chart polyline.previous[b-q0oia7kmjr] { stroke: #b8c4d4; stroke-dasharray: 8 8; stroke-width: 3; }

.spending-chart .trend-point[b-q0oia7kmjr] {
    fill: #fff;
    stroke: var(--brand-600);
    stroke-width: 3;
    cursor: pointer;
    transition: r 0.15s ease;
}

.spending-chart .trend-point.maximum[b-q0oia7kmjr] {
    fill: #dbeafe;
}

.spending-chart-labels[b-q0oia7kmjr] {
    display: flex;
    justify-content: space-between;
    gap: 0.35rem;
    padding: 0 0.35rem;
    color: var(--ink-500);
    font-size: 0.55rem;
}

.spending-chart-legend[b-q0oia7kmjr] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.75rem;
    color: var(--ink-500);
    font-size: 0.56rem;
}

.spending-chart-legend span[b-q0oia7kmjr] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.spending-chart-legend i[b-q0oia7kmjr] {
    display: inline-block;
    width: 1.1rem;
    height: 2px;
    background: var(--brand-600);
}

.spending-chart-legend i.previous[b-q0oia7kmjr] {
    background: repeating-linear-gradient(90deg, #b8c4d4 0 0.3rem, transparent 0.3rem 0.5rem);
}

.spending-empty[b-q0oia7kmjr] {
    border-radius: 0.8rem;
    padding: 1.3rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.75rem;
    text-align: center;
}

.merchant-comparison-panel[b-q0oia7kmjr] {
    padding-bottom: 0.8rem;
}

.merchant-spend-grid[b-q0oia7kmjr] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.6rem;
}

.merchant-spend-card[b-q0oia7kmjr] {
    display: grid;
    min-width: 0;
    gap: 0.48rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.65rem;
    background: linear-gradient(180deg, #fff, #fbfcff);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

a.merchant-spend-card:hover[b-q0oia7kmjr],
a.merchant-spend-card:focus-visible[b-q0oia7kmjr] {
    border-color: var(--brand-300);
    box-shadow: 0 0.65rem 1.25rem rgba(37, 99, 235, 0.1);
    transform: translateY(-1px);
}

.merchant-spend-card > div[b-q0oia7kmjr] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
}

.merchant-spend-card > div > span[b-q0oia7kmjr] {
    display: grid;
    min-width: 0;
}

.merchant-spend-card > div strong[b-q0oia7kmjr],
.merchant-spend-card > div small[b-q0oia7kmjr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merchant-spend-card > div strong[b-q0oia7kmjr] {
    color: var(--ink-900);
    font-size: 0.62rem;
}

.merchant-spend-card > div small[b-q0oia7kmjr],
.merchant-spend-card > small[b-q0oia7kmjr] {
    color: var(--ink-500);
    font-size: 0.52rem;
}

.merchant-spend-card > strong[b-q0oia7kmjr] {
    color: var(--ink-950);
    font-size: 0.9rem;
    font-weight: 950;
}

.merchant-spend-card > small[b-q0oia7kmjr] {
    font-weight: 850;
}

.merchant-open-label[b-q0oia7kmjr] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    border-top: 1px solid var(--border);
    padding-top: 0.45rem;
    color: var(--brand-600);
    font-size: 0.54rem;
    font-weight: 900;
}

.merchant-open-label[b-q0oia7kmjr]  .app-icon {
    width: 0.7rem;
    height: 0.7rem;
}

.merchant-overview-toggle[b-q0oia7kmjr] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    border: 0;
    padding: 0 0.35rem;
    background: transparent;
    color: var(--brand-600);
    font: inherit;
    font-size: 0.62rem;
    font-weight: 900;
    cursor: pointer;
}

.merchant-overview-toggle:focus-visible[b-q0oia7kmjr] {
    border-radius: 0.5rem;
    outline: 3px solid color-mix(in srgb, var(--brand-500) 38%, transparent);
    outline-offset: 2px;
}

.spending-insights-panel[b-q0oia7kmjr] {
    display: none;
}

.spending-insight-grid[b-q0oia7kmjr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.spending-insight-grid article[b-q0oia7kmjr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    border-radius: 0.85rem;
    padding: 0.7rem;
    background: var(--surface-soft);
}

.spending-insight-grid article > span[b-q0oia7kmjr] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border-radius: 0.78rem;
    background: #eaf8f0;
    color: var(--success-600);
}

.spending-insight-grid .increase-insight > span[b-q0oia7kmjr],
.spending-insight-grid .category-insight > span[b-q0oia7kmjr] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.spending-insight-grid article > span[b-q0oia7kmjr]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.spending-insight-grid article div[b-q0oia7kmjr] {
    display: grid;
    gap: 0.12rem;
}

.spending-insight-grid strong[b-q0oia7kmjr] {
    color: var(--ink-900);
    font-size: 0.68rem;
}

.spending-insight-grid small[b-q0oia7kmjr] {
    color: var(--ink-600);
    font-size: 0.58rem;
}

.spending-back-to-bills[b-q0oia7kmjr] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border-radius: 1rem;
    padding: 0.85rem;
    color: inherit;
    text-decoration: none;
}

.spending-back-to-bills > span[b-q0oia7kmjr] {
    display: grid;
    gap: 0.12rem;
}

.spending-back-to-bills strong[b-q0oia7kmjr] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.spending-back-to-bills small[b-q0oia7kmjr] {
    color: var(--ink-500);
    font-size: 0.6rem;
}

.spending-back-to-bills > .app-icon[b-q0oia7kmjr] {
    width: 1rem;
    height: 1rem;
    color: var(--brand-600);
}

@media (max-width: 980px) {
    .spending-analytics-grid[b-q0oia7kmjr] {
        grid-template-columns: 1fr;
    }

    .merchant-spend-grid[b-q0oia7kmjr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .spending-mobile-summary[b-q0oia7kmjr] {
        position: relative;
        display: grid;
        min-height: 8.9rem;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        overflow: hidden;
        border-radius: 1.2rem;
        padding: 1rem;
        background:
            radial-gradient(circle at 90% 30%, rgba(91, 139, 255, 0.2), transparent 8rem),
            linear-gradient(135deg, #fff, #f7faff);
    }

    .spending-mobile-summary > div[b-q0oia7kmjr] {
        z-index: 2;
        display: grid;
        justify-items: start;
        gap: 0.18rem;
    }

    .spending-mobile-summary span[b-q0oia7kmjr],
    .spending-mobile-summary small[b-q0oia7kmjr] {
        color: var(--ink-500);
        font-size: 0.62rem;
    }

    .spending-mobile-summary strong[b-q0oia7kmjr] {
        color: var(--ink-950);
        font-size: 1.8rem;
        font-weight: 950;
        letter-spacing: -0.05em;
    }

    .spending-mobile-summary em[b-q0oia7kmjr] {
        font-size: 0.72rem;
        font-style: normal;
        font-weight: 900;
    }

    .spending-wallet-art[b-q0oia7kmjr] {
        display: grid;
        width: 5.1rem;
        height: 4.2rem;
        place-items: center;
        border-radius: 1.1rem;
        background: linear-gradient(145deg, #75a5ff, #255fdd);
        color: #fff !important;
        box-shadow: 0 1rem 2rem rgba(37, 99, 235, 0.28);
        transform: rotate(-4deg);
    }

    .spending-wallet-art[b-q0oia7kmjr]  .app-icon {
        width: 2.2rem;
        height: 2.2rem;
        stroke-width: 1.55;
    }

    .spending-metrics[b-q0oia7kmjr] {
        display: none;
    }

    .spending-analytics-grid[b-q0oia7kmjr] {
        gap: 0.75rem;
    }

    .spending-panel[b-q0oia7kmjr] {
        border-radius: 1.15rem;
        padding: 0.82rem;
    }

    .spending-panel-heading[b-q0oia7kmjr] {
        margin-bottom: 0.55rem;
    }

    .category-donut-layout[b-q0oia7kmjr] {
        display: block;
    }

    .category-donut[b-q0oia7kmjr] {
        display: none;
    }

    .spending-category-list[b-q0oia7kmjr] {
        gap: 0.42rem;
    }

    .spending-category-row[b-q0oia7kmjr] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.58rem;
        padding: 0.34rem 0;
    }

    .spending-category-icon[b-q0oia7kmjr] {
        width: 2rem;
        height: 2rem;
    }

    .spending-category-copy strong[b-q0oia7kmjr],
    .spending-category-row > strong[b-q0oia7kmjr] {
        font-size: 0.72rem;
    }

    .spending-category-copy em[b-q0oia7kmjr] {
        font-size: 0.64rem;
    }

    .spending-category-copy > i[b-q0oia7kmjr] {
        height: 0.38rem;
    }

    .desktop-spending-chart[b-q0oia7kmjr],
    .desktop-only[b-q0oia7kmjr] {
        display: none;
    }

    .mobile-spending-chart[b-q0oia7kmjr] {
        display: block;
    }

    .spending-chart svg[b-q0oia7kmjr] {
        height: 9.5rem;
    }

    .spending-chart-legend[b-q0oia7kmjr] {
        margin-top: 0.5rem;
    }

    .merchant-spend-grid[b-q0oia7kmjr] {
        grid-template-columns: 1fr 1fr;
    }

    .merchant-spend-card[b-q0oia7kmjr] {
        padding: 0.58rem;
    }

    .merchant-spend-card > div strong[b-q0oia7kmjr] {
        font-size: 0.7rem;
    }

    .merchant-spend-card > div small[b-q0oia7kmjr],
    .merchant-spend-card > small[b-q0oia7kmjr] {
        font-size: 0.62rem;
        line-height: 1.35;
    }

    .merchant-open-label[b-q0oia7kmjr] {
        font-size: 0.64rem;
    }

    .spending-panel-heading > div > small[b-q0oia7kmjr] {
        font-size: 0.64rem;
        line-height: 1.4;
    }

    .spending-panel-heading a[b-q0oia7kmjr] {
        display: inline-flex;
        min-height: 2.75rem;
        align-items: center;
        padding-inline: 0.45rem;
        font-size: 0.68rem;
    }

    .spending-insights-panel[b-q0oia7kmjr],
    .spending-back-to-bills[b-q0oia7kmjr] {
        display: block;
    }

    .spending-back-to-bills[b-q0oia7kmjr] {
        display: flex;
    }

    .spending-insight-grid[b-q0oia7kmjr] {
        grid-template-columns: 1fr;
    }

}
/* /Components/Shared/PriceHistoryChart.razor.rz.scp.css */
.price-history-chart[b-e4dhrjy20j] {
    margin: 0;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 1.2rem;
    background: linear-gradient(155deg, rgba(15, 23, 42, .92), rgba(16, 185, 129, .05));
}

.price-history-chart figcaption[b-e4dhrjy20j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: .55rem;
}

.price-history-chart figcaption > span:first-child[b-e4dhrjy20j] {
    display: grid;
    gap: .2rem;
}

.price-history-chart figcaption b[b-e4dhrjy20j] {
    color: #f8fafc;
    font-size: 1rem;
}

.price-history-chart figcaption small[b-e4dhrjy20j],
.price-history-chart-legend[b-e4dhrjy20j],
.price-history-chart-note[b-e4dhrjy20j] {
    color: #94a3b8;
    font-size: .75rem;
}

.price-history-chart-legend[b-e4dhrjy20j] {
    display: flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

.price-history-chart-legend i[b-e4dhrjy20j] {
    width: 1rem;
    height: .2rem;
    border-radius: 1rem;
    background: #38bdf8;
}

.price-history-chart-legend i.forecast[b-e4dhrjy20j] {
    margin-left: .35rem;
    background: repeating-linear-gradient(90deg, #f59e0b 0 4px, transparent 4px 7px);
}

.price-history-chart-canvas[b-e4dhrjy20j] {
    overflow-x: auto;
}

.price-history-chart svg[b-e4dhrjy20j] {
    display: block;
    width: 100%;
    min-width: 620px;
    height: auto;
}

.grid-line[b-e4dhrjy20j] {
    stroke: rgba(148, 163, 184, .16);
    stroke-width: 1;
}

.axis-price[b-e4dhrjy20j],
.axis-date[b-e4dhrjy20j],
.forecast-label[b-e4dhrjy20j],
.average-label[b-e4dhrjy20j] {
    fill: #94a3b8;
    font-size: 10px;
    font-family: inherit;
}

.average-label[b-e4dhrjy20j] {
    fill: #a7f3d0;
}

.average-line[b-e4dhrjy20j] {
    stroke: rgba(52, 211, 153, .55);
    stroke-width: 1;
    stroke-dasharray: 4 5;
}

.price-line[b-e4dhrjy20j] {
    fill: none;
    stroke: #38bdf8;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 4px 8px rgba(56, 189, 248, .2));
}

.price-point[b-e4dhrjy20j] {
    fill: #e0f2fe;
    stroke: #0284c7;
    stroke-width: 2.5;
}

.forecast-line[b-e4dhrjy20j] {
    stroke: #f59e0b;
    stroke-width: 2.5;
    stroke-dasharray: 7 6;
}

.forecast-point[b-e4dhrjy20j] {
    fill: #fef3c7;
    stroke: #f59e0b;
    stroke-width: 2.5;
}

.price-history-chart-note[b-e4dhrjy20j] {
    display: block;
    margin-top: .45rem;
}

@media (max-width: 680px) {
    .price-history-chart figcaption[b-e4dhrjy20j] {
        display: grid;
    }

    .price-history-chart[b-e4dhrjy20j] {
        padding: .8rem;
    }
}
/* /Components/Shared/PriceSparkline.razor.rz.scp.css */
.price-sparkline[b-5g914xh2y1] {
    height: 4rem;
    overflow: hidden;
    border-radius: .85rem;
    background: linear-gradient(180deg, #f7faff, #fff);
    color: #2563eb;
}

.price-sparkline.rising[b-5g914xh2y1] {
    color: #d92d20;
}

.price-sparkline.falling[b-5g914xh2y1] {
    color: #079455;
}

.price-sparkline svg[b-5g914xh2y1] {
    display: block;
    width: 100%;
    height: 100%;
}

.price-sparkline polyline[b-5g914xh2y1] {
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.price-sparkline circle[b-5g914xh2y1] {
    fill: #fff;
    stroke: currentColor;
    stroke-width: 2;
}
/* /Components/Shared/ProminentGoogleLoginButton.razor.rz.scp.css */
.google-login-button[b-r0vacbktmc] {
    display: grid;
    min-height: 3.45rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.92rem;
    padding: 0.48rem 0.75rem;
    background: var(--surface-raised);
    color: var(--ink-950);
    box-shadow: var(--shadow-sm);
    font-size: 0.86rem;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.google-login-button:hover[b-r0vacbktmc],
.google-login-button:focus-visible[b-r0vacbktmc] {
    border-color: var(--brand-300);
    color: var(--ink-950);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.google-login-button > strong[b-r0vacbktmc] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 900;
}

.google-icon[b-r0vacbktmc] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.62rem;
    background: #fff;
}

.google-icon svg[b-r0vacbktmc] {
    width: 1.15rem;
    height: 1.15rem;
}

.google-login-button[b-r0vacbktmc]  .app-icon {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 760px) {
    .google-login-button[b-r0vacbktmc] {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 280px) {
    .google-login-button[b-r0vacbktmc] {
        min-width: 0;
        gap: 0.45rem;
        padding-right: 0.55rem;
        padding-left: 0.55rem;
    }

    .google-login-button > strong[b-r0vacbktmc] {
        font-size: 0.78rem;
        line-height: 1.25;
    }
}

@media (prefers-reduced-motion: reduce) {
    .google-login-button[b-r0vacbktmc] {
        transition: none;
    }

    .google-login-button:hover[b-r0vacbktmc],
    .google-login-button:focus-visible[b-r0vacbktmc] {
        transform: none;
    }
}
/* /Components/Shared/PwaInstallPrompt.razor.rz.scp.css */
.pwa-install-card[b-73nc2ykhlb] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 60;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: .75rem;
    width: min(35rem, calc(100vw - 2rem));
    align-items: center;
    padding: .85rem;
    border: 1px solid rgba(148,163,184,.4);
    border-radius: 1.1rem;
    background: rgba(255,255,255,.96);
    box-shadow: 0 1.2rem 3rem rgba(15,23,42,.2);
    backdrop-filter: blur(18px);
}

.pwa-install-icon[b-73nc2ykhlb] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: .85rem;
    background: linear-gradient(135deg,#2563eb,#5b34f0);
    color: #fff;
}

.pwa-install-icon[b-73nc2ykhlb]  .app-icon { width: 1.3rem; height: 1.3rem; }
.pwa-install-card > div[b-73nc2ykhlb] { display: grid; gap: .12rem; }
.pwa-install-card strong[b-73nc2ykhlb] { color: #0f172a; font-size: .92rem; }
.pwa-install-card small[b-73nc2ykhlb] { color: #64748b; line-height: 1.35; }

.pwa-install-card button[b-73nc2ykhlb] {
    min-height: 2.75rem;
    border: 0;
    border-radius: .78rem;
    padding: 0 .85rem;
    background: #0f172a;
    color: #fff;
    font: inherit;
    font-size: .82rem;
    font-weight: 850;
    cursor: pointer;
}

.pwa-install-card .pwa-dismiss[b-73nc2ykhlb] {
    width: 2.75rem;
    padding: 0;
    background: #eef2f7;
    color: #64748b;
    font-size: 1.2rem;
}

@media (max-width: 800px) {
    .pwa-install-card[b-73nc2ykhlb] {
        bottom: calc(5.8rem + env(safe-area-inset-bottom));
    }
}

@media (max-width: 640px) {
    .pwa-install-card[b-73nc2ykhlb] {
        right: .7rem;
        left: .7rem;
        grid-template-columns: auto minmax(0,1fr) auto;
        width: auto;
    }
    .pwa-install-card > button:not(.pwa-dismiss)[b-73nc2ykhlb] { grid-column: 2; justify-self: start; }
    .pwa-install-card .pwa-dismiss[b-73nc2ykhlb] { grid-row: 1; grid-column: 3; }
}
/* /Components/Shared/ReceiptAttachmentsPanel.razor.rz.scp.css */
.receipt-attachments-panel[b-859jsdj99i] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    background: var(--surface-raised);
    color: var(--ink-950);
    box-shadow: var(--shadow-sm);
    scroll-margin-top: 6rem;
}

.receipt-attachments-panel > summary[b-859jsdj99i] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.35rem;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1.15rem;
    border-radius: inherit;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.receipt-attachments-panel > summary[b-859jsdj99i]::-webkit-details-marker {
    display: none;
}

.receipt-attachments-panel[open] > summary[b-859jsdj99i] {
    border-radius: 1.25rem 1.25rem 0 0;
    background: var(--surface-soft);
}

@media (hover: hover) and (pointer: fine) {
    .receipt-attachments-panel > summary:hover[b-859jsdj99i] {
        background: var(--surface-soft);
    }
}

.receipt-attachments-panel > summary:focus-visible[b-859jsdj99i] {
    outline: 3px solid var(--brand-500);
    outline-offset: -3px;
}

.receipt-attachments-icon[b-859jsdj99i] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 0.78rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.receipt-attachments-icon[b-859jsdj99i]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.receipt-attachments-copy[b-859jsdj99i] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
    overflow-wrap: anywhere;
}

.receipt-attachments-copy strong[b-859jsdj99i] {
    font-size: clamp(1rem, 2.2vw, 1.18rem);
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.receipt-attachments-copy small[b-859jsdj99i],
.receipt-attachments-count[b-859jsdj99i] {
    color: var(--ink-600);
    font-size: 0.78rem;
    line-height: 1.4;
}

.receipt-attachments-panel[b-859jsdj99i]  .receipt-attachments-chevron {
    width: 1rem;
    height: 1rem;
    color: var(--ink-600);
    transition: transform 160ms ease;
}

.receipt-attachments-panel[open][b-859jsdj99i]  .receipt-attachments-chevron {
    transform: rotate(180deg);
}

.receipt-attachments-content[b-859jsdj99i] {
    min-width: 0;
    border-top: 1px solid var(--border);
    padding: 1rem;
    overflow-wrap: anywhere;
}

.receipt-attachments-content[b-859jsdj99i]  .attachment-panel {
    min-width: 0;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.receipt-attachments-content[b-859jsdj99i]  .attachment-kicker {
    display: none;
}

@media (max-width: 760px) {
    .receipt-attachments-panel[b-859jsdj99i] {
        border-radius: 1.05rem;
    }

    .receipt-attachments-panel > summary[b-859jsdj99i] {
        padding: 0.9rem;
    }

    .receipt-attachments-panel[open] > summary[b-859jsdj99i] {
        border-radius: 1.05rem 1.05rem 0 0;
    }

    .receipt-attachments-content[b-859jsdj99i] {
        padding: 0.75rem;
    }

    .receipt-attachments-panel.bill-attachments-section[b-859jsdj99i] {
        order: 14;
    }
}

@media (prefers-reduced-motion: reduce) {
    .receipt-attachments-panel[b-859jsdj99i]  .receipt-attachments-chevron {
        transition: none;
    }
}

@media print {
    .receipt-attachments-panel[b-859jsdj99i]::details-content {
        content-visibility: visible;
    }

    .receipt-attachments-content[b-859jsdj99i] {
        display: block !important;
    }

    .receipt-attachments-panel.bill-attachments-section[b-859jsdj99i] {
        display: none !important;
    }
}
/* /Components/Shared/ReceiptFilterPanel.razor.rz.scp.css */
.receipt-filter-panel[b-ty1fs2m1ps] {
    position: relative;
    z-index: 10;
    display: grid;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1.35rem;
    padding: 0.9rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.workspace-search-row[b-ty1fs2m1ps] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
}

.search-field[b-ty1fs2m1ps] {
    position: relative;
    display: block;
    min-width: 0;
}

.search-field-icon[b-ty1fs2m1ps] {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    display: grid;
    color: var(--ink-500);
    pointer-events: none;
    transform: translateY(-50%);
}

.search-field-icon[b-ty1fs2m1ps]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
}

.search-field input[b-ty1fs2m1ps] {
    box-sizing: border-box;
    width: 100%;
    min-height: 3.05rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.9rem;
    padding: 0 0.9rem 0 2.65rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font: inherit;
    outline: 0;
}

.search-field input[b-ty1fs2m1ps]::placeholder {
    color: var(--ink-400);
}

.search-field input:focus[b-ty1fs2m1ps] {
    border-color: var(--brand-500);
    background: var(--surface-raised);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 14%, transparent);
}

.search-submit[b-ty1fs2m1ps] {
    min-width: 6rem;
    min-height: 3.05rem;
    border: 1px solid var(--brand-600);
    border-radius: 0.9rem;
    padding: 0 1rem;
    background: var(--brand-600);
    color: #fff;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 900;
    box-shadow: 0 0.65rem 1.35rem color-mix(in srgb, var(--brand-600) 22%, transparent);
    cursor: pointer;
}

.search-submit:hover[b-ty1fs2m1ps],
.search-submit:focus-visible[b-ty1fs2m1ps] {
    background: var(--brand-700);
    transform: translateY(-1px);
}

.search-submit:disabled[b-ty1fs2m1ps],
.workspace-filter-toggle:disabled[b-ty1fs2m1ps],
.archive-sort-toggle:disabled[b-ty1fs2m1ps],
.workspace-filter-actions button:disabled[b-ty1fs2m1ps],
.quick-filter-row button:disabled[b-ty1fs2m1ps],
.active-filter-row button:disabled[b-ty1fs2m1ps] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.workspace-filter-controls[b-ty1fs2m1ps] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.workspace-advanced-filters[b-ty1fs2m1ps] {
    position: relative;
    min-width: 0;
    flex: 1 1 auto;
}

.workspace-filter-toggle[b-ty1fs2m1ps],
.archive-sort-toggle[b-ty1fs2m1ps] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.82rem;
    padding: 0 0.8rem;
    background: var(--surface-raised);
    color: var(--ink-800);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 850;
    cursor: pointer;
}

.workspace-filter-toggle:hover[b-ty1fs2m1ps],
.workspace-filter-toggle:focus-visible[b-ty1fs2m1ps],
.archive-sort-toggle:hover[b-ty1fs2m1ps],
.archive-sort-toggle:focus-visible[b-ty1fs2m1ps] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
}

.workspace-filter-toggle.active[b-ty1fs2m1ps] {
    border-color: var(--brand-400);
    background: var(--brand-50);
    color: var(--brand-700);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 12%, transparent);
}

.workspace-filter-toggle[b-ty1fs2m1ps]  .app-icon,
.archive-sort-toggle[b-ty1fs2m1ps]  .app-icon {
    width: 0.92rem;
    height: 0.92rem;
}

.archive-sort-toggle[b-ty1fs2m1ps]  .app-icon:last-child {
    transition: transform 0.16s ease;
}

.archive-sort-toggle[b-ty1fs2m1ps]  .app-icon.open {
    transform: rotate(180deg);
}

.workspace-filter-toggle em[b-ty1fs2m1ps] {
    display: grid;
    min-width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 999px;
    background: var(--brand-600);
    color: #fff;
    font-size: 0.61rem;
    font-style: normal;
    font-weight: 950;
}

.workspace-filter-bar[b-ty1fs2m1ps] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0.65rem;
    margin-top: 0.7rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.8rem;
    background: var(--surface-soft);
}

.workspace-filter-bar.has-uploader[b-ty1fs2m1ps] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
}

.workspace-filter-bar label[b-ty1fs2m1ps] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 0.3rem;
}

.workspace-filter-bar label > span:not(.localized-decimal-field)[b-ty1fs2m1ps] {
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 850;
}

.workspace-filter-bar[b-ty1fs2m1ps]  input,
.workspace-filter-bar select[b-ty1fs2m1ps] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.72rem;
    padding: 0 0.65rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    color-scheme: light dark;
    font: inherit;
    outline: 0;
}

.workspace-filter-bar[b-ty1fs2m1ps]  input:focus,
.workspace-filter-bar select:focus[b-ty1fs2m1ps] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 12%, transparent);
}

.workspace-filter-actions[b-ty1fs2m1ps] {
    display: flex;
    align-items: end;
    gap: 0.45rem;
}

.receipt-filter-panel .workspace-filter-actions .workspace-primary-action.compact[b-ty1fs2m1ps],
.receipt-filter-panel .workspace-filter-actions .workspace-secondary-action.compact[b-ty1fs2m1ps] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    padding: 0.5rem 0.75rem;
    font: inherit;
    font-size: 0.73rem;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.receipt-filter-panel .workspace-filter-actions .workspace-primary-action.compact[b-ty1fs2m1ps] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.receipt-filter-panel .workspace-filter-actions .workspace-secondary-action.compact[b-ty1fs2m1ps] {
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-900);
}

.archive-sort[b-ty1fs2m1ps] {
    position: relative;
    flex: 0 0 auto;
}

.archive-sort-toggle > span[b-ty1fs2m1ps] {
    color: var(--ink-500);
    font-weight: 700;
}

.archive-sort-toggle > strong[b-ty1fs2m1ps] {
    color: var(--ink-900);
    font-weight: 900;
}

.archive-sort-menu[b-ty1fs2m1ps] {
    position: absolute;
    z-index: 50;
    top: calc(100% + 0.45rem);
    right: 0;
    display: grid;
    width: 13rem;
    gap: 0.25rem;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.42rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-md);
}

.archive-sort-menu button[b-ty1fs2m1ps] {
    min-height: 2.75rem;
    border: 0;
    border-radius: 0.7rem;
    padding: 0 0.7rem;
    background: transparent;
    color: var(--ink-700);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.archive-sort-menu button:hover[b-ty1fs2m1ps],
.archive-sort-menu button:focus-visible[b-ty1fs2m1ps],
.archive-sort-menu button.selected[b-ty1fs2m1ps] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.quick-filter-row[b-ty1fs2m1ps],
.active-filter-row[b-ty1fs2m1ps] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.quick-filter-row[b-ty1fs2m1ps]::-webkit-scrollbar,
.active-filter-row[b-ty1fs2m1ps]::-webkit-scrollbar {
    display: none;
}

.quick-filter-row button[b-ty1fs2m1ps] {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    padding: 0 0.7rem;
    background: var(--surface-raised);
    color: var(--ink-600);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 850;
    cursor: pointer;
}

.quick-filter-row button:hover[b-ty1fs2m1ps],
.quick-filter-row button:focus-visible[b-ty1fs2m1ps],
.quick-filter-row button.selected[b-ty1fs2m1ps] {
    border-color: var(--brand-500);
    background: var(--brand-50);
    color: var(--brand-700);
}

.quick-filter-row button.selected[b-ty1fs2m1ps] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-500) 22%, transparent),
        0 0 0 2px color-mix(in srgb, var(--brand-500) 12%, transparent);
}

.active-filter-row[b-ty1fs2m1ps] {
    border-top: 1px solid var(--border);
    padding-top: 0.65rem;
}

.active-filter-row > span[b-ty1fs2m1ps] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.32rem 0.58rem;
    background: var(--surface-muted);
    color: var(--ink-700);
    font-size: 0.65rem;
    font-weight: 800;
}

.active-filter-row > button[b-ty1fs2m1ps] {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--brand-700);
    font: inherit;
    font-size: 0.66rem;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 980px) {
    .workspace-filter-bar[b-ty1fs2m1ps],
    .workspace-filter-bar.has-uploader[b-ty1fs2m1ps] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-filter-actions[b-ty1fs2m1ps] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .receipt-filter-panel[b-ty1fs2m1ps] {
        border-radius: 1.2rem;
        padding: 0.75rem;
    }

    .workspace-search-row[b-ty1fs2m1ps] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem;
    }

    .search-field input[b-ty1fs2m1ps],
    .search-submit[b-ty1fs2m1ps] {
        min-height: 2.8rem;
    }

    .search-field input[b-ty1fs2m1ps] {
        padding-right: 0.55rem;
        padding-left: 2.4rem;
        font-size: 16px;
    }

    .search-field-icon[b-ty1fs2m1ps] {
        left: 0.78rem;
    }

    .search-submit[b-ty1fs2m1ps] {
        min-width: 4.7rem;
        padding: 0 0.65rem;
        font-size: 0.72rem;
    }

    .workspace-filter-controls[b-ty1fs2m1ps] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 0.5rem;
    }

    .workspace-advanced-filters[b-ty1fs2m1ps] {
        display: contents;
    }

    .workspace-filter-toggle[b-ty1fs2m1ps] {
        grid-column: 1;
        grid-row: 1;
    }

    .archive-sort[b-ty1fs2m1ps] {
        grid-column: 2;
        grid-row: 1;
    }

    .workspace-filter-toggle[b-ty1fs2m1ps],
    .archive-sort-toggle[b-ty1fs2m1ps] {
        width: 100%;
        min-height: 2.75rem;
        padding: 0 0.55rem;
        font-size: 0.7rem;
    }

    .archive-sort-toggle > span[b-ty1fs2m1ps] {
        display: none;
    }

    .workspace-filter-bar[b-ty1fs2m1ps],
    .workspace-filter-bar.has-uploader[b-ty1fs2m1ps] {
        grid-column: 1 / -1;
        grid-row: 2;
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-filter-actions[b-ty1fs2m1ps] {
        display: grid;
        grid-column: auto;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .archive-sort-menu[b-ty1fs2m1ps] {
        width: min(13rem, 90vw);
    }

    .quick-filter-row[b-ty1fs2m1ps] {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}

@media (max-width: 390px) {
    .workspace-search-row[b-ty1fs2m1ps] {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-submit[b-ty1fs2m1ps] {
        width: 100%;
    }
}
/* /Components/Shared/ReceiptGroupPlacementsPanel.razor.rz.scp.css */
.bill-detail-primary-action[b-t5gjct78hi],
.bill-detail-secondary-action[b-t5gjct78hi] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.65rem 1.05rem;
    font: inherit;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bill-detail-primary-action[b-t5gjct78hi] {
    border: 1px solid var(--receipt-brand);
    background: var(--receipt-brand);
    color: #ffffff;
    box-shadow: 0 0.85rem 1.75rem rgba(37, 99, 235, 0.22);
}

.bill-detail-secondary-action[b-t5gjct78hi] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: var(--receipt-ink);
}

.bill-detail-primary-action:hover[b-t5gjct78hi],
.bill-detail-secondary-action:hover[b-t5gjct78hi] {
    transform: translateY(-1px);
}

.bill-detail-primary-action:disabled[b-t5gjct78hi],
.bill-detail-secondary-action:disabled[b-t5gjct78hi] {
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
}

.bill-detail-status[b-t5gjct78hi] {
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    font-weight: 800;
    line-height: 1.4;
}

.bill-detail-status.success[b-t5gjct78hi] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.bill-detail-status.error[b-t5gjct78hi] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.receipt-section-card[b-t5gjct78hi] {
    min-width: 0;
    border: 1px solid #e1e7ef;
    border-radius: 1.35rem;
    background: #ffffff;
    box-shadow: 0 0.55rem 1.6rem rgba(15, 23, 42, 0.07);
}

.receipt-section-card[b-t5gjct78hi] {
    padding: 1rem 1.2rem;
}

.receipt-section-icon[b-t5gjct78hi] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    place-items: center;
    color: #1f6feb;
}

.receipt-section-icon[b-t5gjct78hi]  .app-icon {
    width: 1.75rem;
    height: 1.75rem;
    stroke: currentColor;
    stroke-width: 1.85;
}

.receipt-empty-state[b-t5gjct78hi] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.8rem;
    border-radius: 0.9rem;
    padding: 0.9rem;
    background: var(--receipt-soft);
    color: var(--receipt-muted);
    line-height: 1.45;
}

.receipt-empty-state strong[b-t5gjct78hi] {
    color: var(--receipt-ink);
}

@media (max-width: 45rem) {
.receipt-section-card[b-t5gjct78hi] {
        border-radius: 1.05rem;
    }

.receipt-section-card[b-t5gjct78hi] {
        padding: 0.9rem 1rem;
    }

}

@media print {
.receipt-section-card[b-t5gjct78hi] {
        break-inside: avoid;
        border: 1px solid #cbd5e1;
        border-radius: 4mm;
        box-shadow: none;
    }

}

@media (max-width: 640px) {
.receipt-section-card[b-t5gjct78hi] {
        padding: .8rem;
    }

}

.receipt-section-card[b-t5gjct78hi] {
    border-color: rgba(190, 204, 224, 0.65);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.receipt-section-card[b-t5gjct78hi] {
    border-radius: 1.25rem;
    padding: 1rem 1.15rem;
}

.receipt-section-icon[b-t5gjct78hi] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.78rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.receipt-section-icon[b-t5gjct78hi]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

@media (max-width: 760px) {
.receipt-group-access-card[b-t5gjct78hi] { order: 11; }

.receipt-section-card[b-t5gjct78hi] {
        border-radius: 1.05rem;
        padding: 0.9rem;
    }

}

.receipt-group-access-card[b-t5gjct78hi] {
    overflow: hidden;
    padding: 0;
}

.receipt-group-access-toggle[b-t5gjct78hi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.35rem;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1.15rem;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.receipt-group-access-toggle[b-t5gjct78hi]::-webkit-details-marker {
    display: none;
}

.receipt-group-access-toggle:hover[b-t5gjct78hi],
.receipt-group-access-toggle:focus-visible[b-t5gjct78hi],
.receipt-group-access-card[open] > .receipt-group-access-toggle[b-t5gjct78hi] {
    background: var(--surface-soft);
}

.receipt-group-access-toggle:focus-visible[b-t5gjct78hi] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 22%, transparent);
    outline-offset: -3px;
}

.receipt-group-access-toggle-copy[b-t5gjct78hi] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.receipt-group-access-toggle-copy strong[b-t5gjct78hi] {
    color: var(--ink-950);
    font-size: clamp(1rem, 2.2vw, 1.18rem);
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.receipt-group-access-toggle-copy small[b-t5gjct78hi] {
    color: var(--receipt-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.receipt-group-access-chevron[b-t5gjct78hi] {
    width: 1rem;
    height: 1rem;
    color: var(--receipt-subtle);
    transition: transform 160ms ease;
}

.receipt-group-access-card[open] .receipt-group-access-chevron[b-t5gjct78hi] {
    transform: rotate(180deg);
}

.receipt-group-access-content[b-t5gjct78hi] {
    border-top: 1px solid var(--border);
    padding: 0.1rem 1.15rem 1.15rem;
}

.receipt-group-access-content > p[b-t5gjct78hi] {
    margin: 0.75rem 0 0;
    color: var(--receipt-text);
    line-height: 1.5;
}

.receipt-group-access-list[b-t5gjct78hi] {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.receipt-group-access-content > .placement-status[b-t5gjct78hi] {
    margin-top: 0.85rem;
}

.receipt-placement-actions[b-t5gjct78hi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.receipt-placement-actions.compact[b-t5gjct78hi] {
    justify-content: flex-end;
    margin-top: 0;
}

.receipt-group-access-row[b-t5gjct78hi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.7rem;
    background: var(--surface-soft);
}

.receipt-group-access-summary[b-t5gjct78hi] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
}

.receipt-group-access-summary[b-t5gjct78hi]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    color: var(--brand-600);
}

.receipt-group-access-summary > span[b-t5gjct78hi] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.receipt-group-access-summary strong[b-t5gjct78hi],
.receipt-group-access-summary small[b-t5gjct78hi] {
    overflow-wrap: anywhere;
}

.receipt-group-access-summary strong[b-t5gjct78hi] {
    color: var(--receipt-ink);
    font-size: 0.9rem;
}

.receipt-group-access-summary small[b-t5gjct78hi] {
    color: var(--receipt-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.receipt-placement-actions button[b-t5gjct78hi] {
    justify-content: center;
    white-space: nowrap;
}

@media (max-width: 560px) {
.receipt-group-access-toggle[b-t5gjct78hi] {
        min-height: 4.1rem;
        padding: 0.8rem 0.9rem;
    }

.receipt-group-access-content[b-t5gjct78hi] {
        padding-right: 0.9rem;
        padding-bottom: 0.9rem;
        padding-left: 0.9rem;
    }

.receipt-group-access-row[b-t5gjct78hi] {
        grid-template-columns: minmax(0, 1fr);
    }

.receipt-placement-actions[b-t5gjct78hi],
.receipt-placement-actions.compact[b-t5gjct78hi] {
        display: grid;
        width: 100%;
        justify-content: stretch;
    }

.receipt-placement-actions button[b-t5gjct78hi] {
        width: 100%;
    }

}
/* /Components/Shared/ReceiptItemCategoryBadges.razor.rz.scp.css */
.receipt-item-category-badges[b-s7x22dohq0] {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    align-items: center;
    gap: 0.3rem;
}

.receipt-item-category-badges-label[b-s7x22dohq0] {
    color: var(--ink-600);
    font-size: 0.72rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.receipt-item-category-badges[b-s7x22dohq0]  .category-badge-chip {
    max-width: 100%;
}

.receipt-item-category-badges[b-s7x22dohq0]  .category-badge-copy strong {
    font-size: 0.72rem;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
}
/* /Components/Shared/ReceiptItemsPanel.razor.rz.scp.css */
.receipt-section-card[b-9xao3dh1zp] {
    min-width: 0;
    border: 1px solid #e1e7ef;
    border-radius: 1.35rem;
    background: #ffffff;
    box-shadow: 0 0.55rem 1.6rem rgba(15, 23, 42, 0.07);
}

.receipt-section-card[b-9xao3dh1zp] {
    padding: 1rem 1.2rem;
}

.receipt-section-heading[b-9xao3dh1zp],
.receipt-section-heading > div[b-9xao3dh1zp] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.receipt-section-heading-with-meta[b-9xao3dh1zp] {
    justify-content: space-between;
}

.receipt-section-heading h2[b-9xao3dh1zp] {
    margin: 0;
    color: #0b1220;
    font-size: clamp(1.12rem, 3vw, 1.35rem);
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.receipt-section-icon[b-9xao3dh1zp] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    place-items: center;
    color: #1f6feb;
}

.receipt-section-icon[b-9xao3dh1zp]  .app-icon {
    width: 1.75rem;
    height: 1.75rem;
    stroke: currentColor;
    stroke-width: 1.85;
}

.receipt-count-pill[b-9xao3dh1zp] {
    display: inline-flex;
    min-height: 1.9rem;
    align-items: center;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand-strong);
    font-size: 0.75rem;
    font-weight: 900;
    white-space: nowrap;
}

.receipt-item-category-setting[b-9xao3dh1zp] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.9rem;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
    padding: 0.8rem 0.9rem;
    background: var(--surface-soft);
}

.receipt-item-category-setting.locked[b-9xao3dh1zp] {
    background: color-mix(in srgb, var(--surface-soft) 82%, var(--brand-50));
}

.receipt-item-category-setting-copy[b-9xao3dh1zp] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.receipt-item-category-setting-copy strong[b-9xao3dh1zp] {
    color: var(--ink-950);
    font-size: 0.9rem;
    font-weight: 900;
}

.receipt-item-category-setting-copy span[b-9xao3dh1zp] {
    color: var(--ink-500);
    font-size: 0.76rem;
    line-height: 1.4;
}

.receipt-item-category-switch[b-9xao3dh1zp] {
    position: relative;
    display: inline-flex;
    min-height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.48rem;
    color: var(--ink-700);
    cursor: pointer;
}

.receipt-item-category-switch input[b-9xao3dh1zp] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.receipt-item-category-switch-track[b-9xao3dh1zp] {
    display: flex;
    width: 2.8rem;
    height: 1.55rem;
    align-items: center;
    border: 1px solid var(--border-strong, var(--border));
    border-radius: 999px;
    padding: 0.15rem;
    background: var(--surface-raised, #fff);
    transition: border-color 150ms ease, background 150ms ease;
}

.receipt-item-category-switch-track > span[b-9xao3dh1zp] {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 50%;
    background: var(--ink-400, #98a2b3);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
    transition: transform 150ms ease, background 150ms ease;
}

.receipt-item-category-switch input:checked + .receipt-item-category-switch-track[b-9xao3dh1zp] {
    border-color: var(--brand-600);
    background: var(--brand-600);
}

.receipt-item-category-switch input:checked + .receipt-item-category-switch-track > span[b-9xao3dh1zp] {
    transform: translateX(1.22rem);
    background: #fff;
}

.receipt-item-category-switch input:focus-visible + .receipt-item-category-switch-track[b-9xao3dh1zp] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 35%, transparent);
    outline-offset: 2px;
}

.receipt-item-category-switch input:disabled + .receipt-item-category-switch-track[b-9xao3dh1zp] {
    opacity: 0.58;
}

.receipt-item-category-switch:has(input:disabled)[b-9xao3dh1zp] {
    cursor: not-allowed;
}

.receipt-item-category-switch > strong[b-9xao3dh1zp] {
    min-width: 3.4rem;
    color: var(--brand-700);
    font-size: 0.75rem;
    font-weight: 900;
}

.receipt-item-category-feedback[b-9xao3dh1zp] {
    margin-top: 0.55rem;
    border-radius: 0.75rem;
    padding: 0.62rem 0.75rem;
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.4;
}

.receipt-item-category-summary[b-9xao3dh1zp] {
    display: grid;
    min-width: 0;
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.receipt-item-category-summary p[b-9xao3dh1zp] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.76rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.receipt-item-category-feedback.success[b-9xao3dh1zp] {
    background: var(--success-50);
    color: var(--success-600);
}

.receipt-item-category-feedback.error[b-9xao3dh1zp] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.receipt-items-table-wrap[b-9xao3dh1zp] {
    margin-top: 0.75rem;
    overflow: hidden;
}

.receipt-items-table[b-9xao3dh1zp] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.receipt-items-table th[b-9xao3dh1zp],
.receipt-items-table td[b-9xao3dh1zp] {
    border-bottom: 1px solid #e8edf3;
    padding: 0.72rem 0.45rem;
    color: #111827;
    font-size: 0.92rem;
    line-height: 1.35;
    vertical-align: middle;
}

.receipt-items-table th[b-9xao3dh1zp] {
    color: #667085;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.receipt-item-sort[b-9xao3dh1zp] {
    display: inline-flex;
    max-width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: flex-start;
    gap: 0.22rem;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: inherit;
    cursor: pointer;
}

.receipt-item-sort:hover[b-9xao3dh1zp],
.receipt-item-sort:focus-visible[b-9xao3dh1zp],
.receipt-item-sort.active[b-9xao3dh1zp] {
    color: var(--receipt-brand-strong);
}

.receipt-item-sort:focus-visible[b-9xao3dh1zp] {
    outline: 2px solid #93c5fd;
    outline-offset: 3px;
    border-radius: 0.35rem;
}

.receipt-item-sort span:first-child[b-9xao3dh1zp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.receipt-item-sort-icon[b-9xao3dh1zp] {
    flex: 0 0 auto;
    width: 0.72rem;
    height: 0.72rem;
    stroke-width: 2.35;
}

.receipt-item-sort.ascending .receipt-item-sort-icon[b-9xao3dh1zp] {
    transform: rotate(180deg);
}

.receipt-item-sort-placeholder[b-9xao3dh1zp] {
    opacity: 0;
}

.receipt-items-table th:first-child[b-9xao3dh1zp],
.receipt-items-table td:first-child[b-9xao3dh1zp] {
    width: 42%;
    padding-left: 0.7rem;
    text-align: left;
}

.receipt-items-table th:last-child[b-9xao3dh1zp],
.receipt-items-table td:last-child[b-9xao3dh1zp] {
    width: 20%;
    padding-right: 0.7rem;
}

.receipt-items-table th:not(:first-child)[b-9xao3dh1zp],
.receipt-items-table td:not(:first-child)[b-9xao3dh1zp] {
    text-align: right;
}

.receipt-items-table th:not(:first-child) .receipt-item-sort[b-9xao3dh1zp] {
    justify-content: flex-end;
}

.receipt-items-table tbody tr:last-child td[b-9xao3dh1zp] {
    border-bottom: 0;
}

.receipt-item-name[b-9xao3dh1zp] {
    display: block;
    overflow-wrap: anywhere;
    color: #111827;
    font-weight: 650;
}

.receipt-item-category-editor[b-9xao3dh1zp] {
    display: grid;
    min-width: 0;
    gap: 0.28rem;
    margin-top: 0.5rem;
}

.receipt-item-category-editor > span[b-9xao3dh1zp] {
    color: var(--ink-500);
    font-size: 0.68rem;
    font-weight: 800;
}

.receipt-item-category-editor select[b-9xao3dh1zp] {
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    overflow: hidden;
    border: 1px solid var(--border-strong, var(--border));
    border-radius: 0.7rem;
    padding: 0.45rem 1.8rem 0.45rem 0.55rem;
    background: var(--surface-raised, #fff);
    color: var(--ink-900, #101828);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    text-overflow: ellipsis;
}

.receipt-item-category-editor select:focus-visible[b-9xao3dh1zp] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 30%, transparent);
    outline-offset: 1px;
    border-color: var(--brand-600);
}

.receipt-item-category-editor select:disabled[b-9xao3dh1zp] {
    opacity: 0.66;
    cursor: wait;
}

.receipt-item-category-editor small[b-9xao3dh1zp] {
    color: var(--ink-500);
    font-size: 0.67rem;
    font-weight: 750;
}

.receipt-items-table.categorizing th:first-child[b-9xao3dh1zp],
.receipt-items-table.categorizing td:first-child[b-9xao3dh1zp] {
    width: 50%;
}

.receipt-items-table td:last-child strong[b-9xao3dh1zp] {
    color: #0b1220;
    font-weight: 950;
    white-space: nowrap;
}

.receipt-empty-state[b-9xao3dh1zp] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.8rem;
    border-radius: 0.9rem;
    padding: 0.9rem;
    background: var(--receipt-soft);
    color: var(--receipt-muted);
    line-height: 1.45;
}

.receipt-empty-state strong[b-9xao3dh1zp] {
    color: var(--receipt-ink);
}

@media (max-width: 45rem) {
.receipt-section-card[b-9xao3dh1zp] {
        border-radius: 1.05rem;
    }

.receipt-section-card[b-9xao3dh1zp] {
        padding: 0.9rem 1rem;
    }

.receipt-items-table th[b-9xao3dh1zp],
.receipt-items-table td[b-9xao3dh1zp] {
        padding: 0.62rem 0.25rem;
        font-size: 0.82rem;
    }

.receipt-items-table th[b-9xao3dh1zp] {
        font-size: 0.7rem;
    }

.receipt-items-table th:first-child[b-9xao3dh1zp],
.receipt-items-table td:first-child[b-9xao3dh1zp] {
        width: 40%;
    }

.receipt-items-table th:last-child[b-9xao3dh1zp],
.receipt-items-table td:last-child[b-9xao3dh1zp] {
        width: 22%;
    }

}

@media (max-width: 32rem) {
.receipt-section-heading h2[b-9xao3dh1zp] {
        font-size: 1.1rem;
    }

.receipt-count-pill[b-9xao3dh1zp] {
        display: none;
    }

.receipt-items-table th[b-9xao3dh1zp],
.receipt-items-table td[b-9xao3dh1zp] {
        font-size: 0.76rem;
    }

.receipt-items-table th[b-9xao3dh1zp] {
        font-size: 0.66rem;
    }

}

@media print {
.receipt-section-card[b-9xao3dh1zp] {
        break-inside: avoid;
        border: 1px solid #cbd5e1;
        border-radius: 4mm;
        box-shadow: none;
    }

}

.receipt-items-toggle[b-9xao3dh1zp] {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: .45rem;
    border: 0;
    border-top: 1px solid #edf1f5;
    padding: .55rem .4rem 0;
    background: transparent;
    color: var(--receipt-brand);
    font: inherit;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.receipt-items-toggle .app-icon[b-9xao3dh1zp] {
    width: .9rem;
    height: .9rem;
}

@media (max-width: 640px) {
.receipt-section-card[b-9xao3dh1zp] {
        padding: .8rem;
    }

}

.receipt-section-card[b-9xao3dh1zp] {
    border-color: rgba(190, 204, 224, 0.65);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.receipt-section-card[b-9xao3dh1zp] {
    border-radius: 1.25rem;
    padding: 1rem 1.15rem;
}

.receipt-section-heading h2[b-9xao3dh1zp] {
    color: var(--ink-950);
    font-size: clamp(1.1rem, 2.2vw, 1.35rem);
}

.receipt-section-icon[b-9xao3dh1zp] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.78rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.receipt-section-icon[b-9xao3dh1zp]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.receipt-items-card[b-9xao3dh1zp] {
    padding-bottom: 1.1rem;
}

.receipt-count-pill[b-9xao3dh1zp] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.receipt-items-table-wrap[b-9xao3dh1zp] {
    margin-top: 0.85rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
}

.receipt-items-table[b-9xao3dh1zp] {
    background: #fff;
}

.receipt-items-table th[b-9xao3dh1zp] {
    background: var(--surface-soft);
    color: var(--ink-500);
}

.receipt-items-table td[b-9xao3dh1zp],
.receipt-items-table th[b-9xao3dh1zp] {
    border-bottom-color: var(--border);
}

.receipt-items-table td[b-9xao3dh1zp] {
    color: var(--ink-800);
}

.receipt-item-name[b-9xao3dh1zp] {
    color: var(--ink-950);
    font-weight: 850;
}

.receipt-items-toggle[b-9xao3dh1zp] {
    border-radius: 0.8rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

@media (max-width: 760px) {
.receipt-items-card[b-9xao3dh1zp] { order: 5; }

.receipt-section-card[b-9xao3dh1zp] {
        border-radius: 1.05rem;
        padding: 0.9rem;
    }

.receipt-items-table-wrap[b-9xao3dh1zp] {
        margin-right: -0.35rem;
        margin-left: -0.35rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

.receipt-items-table[b-9xao3dh1zp] {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

.receipt-items-table th:first-child[b-9xao3dh1zp],
.receipt-items-table td:first-child[b-9xao3dh1zp] {
        width: 34%;
    }

    .receipt-items-table.categorizing th:first-child[b-9xao3dh1zp],
    .receipt-items-table.categorizing td:first-child[b-9xao3dh1zp] {
        width: 50%;
    }

.receipt-items-table th[b-9xao3dh1zp],
.receipt-items-table td[b-9xao3dh1zp] {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
        font-size: 0.7rem;
    }

.receipt-items-table th[b-9xao3dh1zp] {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 0.66rem;
        white-space: normal;
    }

.receipt-item-sort[b-9xao3dh1zp] {
        width: 100%;
        min-height: 2.75rem;
        gap: 0.12rem;
        line-height: 1.15;
        white-space: normal;
    }

.receipt-item-sort span:first-child[b-9xao3dh1zp] {
        overflow: visible;
        text-overflow: clip;
    }

.receipt-item-sort-icon[b-9xao3dh1zp] {
        width: 0.58rem;
        height: 0.58rem;
    }

.receipt-items-table th:first-child[b-9xao3dh1zp],
.receipt-items-table td:first-child[b-9xao3dh1zp] {
        padding-left: 0.7rem;
    }

    .receipt-items-table th:last-child[b-9xao3dh1zp],
.receipt-items-table td:last-child[b-9xao3dh1zp] {
        padding-right: 0.7rem;
    }

    .receipt-item-category-setting[b-9xao3dh1zp] {
        align-items: flex-start;
        gap: 0.65rem;
        padding: 0.75rem;
    }

    .receipt-item-category-setting-copy span[b-9xao3dh1zp] {
        font-size: 0.72rem;
    }

    .receipt-item-category-switch[b-9xao3dh1zp] {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    .receipt-item-category-switch > strong[b-9xao3dh1zp] {
        width: 100%;
        min-width: 0;
        text-align: center;
    }

    .receipt-item-category-editor select[b-9xao3dh1zp] {
        min-height: 2.75rem;
        font-size: 1rem;
    }

}

@media print {
    .receipt-item-category-setting[b-9xao3dh1zp],
    .receipt-item-category-feedback[b-9xao3dh1zp],
    .receipt-item-category-editor[b-9xao3dh1zp] {
        display: none;
    }
}
/* /Components/Shared/ReceiptOptionsPanel.razor.rz.scp.css */
.panel-eyebrow[b-7c46r7qjew] {
    display: block;
    color: #0369a1;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bill-detail-primary-action[b-7c46r7qjew] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.65rem 1.05rem;
    font: inherit;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bill-detail-primary-action[b-7c46r7qjew] {
    border: 1px solid var(--receipt-brand);
    background: var(--receipt-brand);
    color: #ffffff;
    box-shadow: 0 0.85rem 1.75rem rgba(37, 99, 235, 0.22);
}

.bill-detail-primary-action:hover[b-7c46r7qjew] {
    transform: translateY(-1px);
}

.bill-detail-primary-action:disabled[b-7c46r7qjew] {
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
}

.bill-detail-panel[b-7c46r7qjew] {
    min-width: 0;
    border: 1px solid #dbe4ef;
    border-radius: 1.5rem;
    padding: clamp(1rem, 3vw, 1.5rem);
    background: #ffffff;
    box-shadow: 0 0.85rem 2.5rem rgba(15, 23, 42, 0.07);
}

.bill-detail-panel-header[b-7c46r7qjew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.bill-detail-panel-header h2[b-7c46r7qjew],
.bill-delete-panel h2[b-7c46r7qjew] {
    margin: 0;
    color: var(--receipt-ink);
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.bill-detail-panel-header > div[b-7c46r7qjew] {
    display: grid;
    gap: 0.28rem;
}

.bill-detail-status[b-7c46r7qjew] {
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    font-weight: 800;
    line-height: 1.4;
}

.bill-detail-status.success[b-7c46r7qjew] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.bill-detail-status.error[b-7c46r7qjew] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.bill-more-options[b-7c46r7qjew] {
    border: 1px solid #dbe4ef;
    border-radius: 1.35rem;
    background: #ffffff;
    box-shadow: 0 0.65rem 2rem rgba(15, 23, 42, 0.06);
}

.bill-more-options > summary[b-7c46r7qjew] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.5rem;
    align-items: center;
    gap: 0.8rem;
    cursor: pointer;
    padding: 0.85rem 1rem;
    list-style: none;
}

.bill-more-options > summary[b-7c46r7qjew]::-webkit-details-marker {
    display: none;
}

.bill-more-options > summary > span:nth-child(2)[b-7c46r7qjew] {
    display: grid;
    gap: 0.15rem;
}

.bill-more-options > summary strong[b-7c46r7qjew] {
    color: var(--receipt-ink);
}

.bill-more-options > summary small[b-7c46r7qjew] {
    color: var(--receipt-muted);
    line-height: 1.35;
}

.bill-more-options-icon[b-7c46r7qjew] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand-strong);
}

.bill-more-options-chevron[b-7c46r7qjew] {
    color: var(--receipt-muted);
    font-size: 1.3rem;
    transition: transform 0.18s ease;
}

.bill-more-options-content[b-7c46r7qjew] {
    display: grid;
    gap: 1rem;
    border-top: 1px solid var(--receipt-border);
    padding: 1rem;
    background: var(--receipt-soft);
    border-radius: 0 0 1.35rem 1.35rem;
}

.bill-detail-saving[b-7c46r7qjew] {
    color: var(--receipt-brand-strong);
    font-size: 0.84rem;
    font-weight: 900;
}

.bill-user-fields[b-7c46r7qjew] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.bill-user-fields label[b-7c46r7qjew] {
    display: grid;
    min-width: 0;
    gap: 0.4rem;
}

.bill-user-fields label > span[b-7c46r7qjew] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 900;
}

.bill-user-fields .wide[b-7c46r7qjew],
.bill-user-fields-actions[b-7c46r7qjew] {
    grid-column: 1 / -1;
}

.bill-user-fields select[b-7c46r7qjew],
.bill-user-fields textarea[b-7c46r7qjew] {
    width: 100%;
    min-height: 2.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.8rem;
    padding: 0.7rem 0.8rem;
    background: #ffffff;
    color: var(--receipt-ink);
    font: inherit;
    font-size: 1rem;
}

.bill-user-fields textarea[b-7c46r7qjew] {
    min-height: 7rem;
    resize: vertical;
}

.bill-user-fields select:focus[b-7c46r7qjew],
.bill-user-fields textarea:focus[b-7c46r7qjew] {
    border-color: var(--receipt-brand);
    outline: 3px solid rgba(37, 99, 235, 0.16);
    outline-offset: 1px;
}

.bill-delete-action[b-7c46r7qjew],
.bill-delete-cancel[b-7c46r7qjew] {
    min-height: 2.75rem;
    border-radius: 0.75rem;
    padding: 0.65rem 0.85rem;
    font: inherit;
    font-weight: 900;
}

.bill-user-fields-actions[b-7c46r7qjew] {
    display: block;
}

.bill-delete-panel[b-7c46r7qjew] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border: 1px solid #fecaca;
    border-radius: 1.25rem;
    padding: 1rem;
    background: #fff7f7;
}

.bill-delete-panel > div:first-child[b-7c46r7qjew] {
    display: grid;
    gap: 0.3rem;
}

.bill-delete-panel p[b-7c46r7qjew] {
    margin: 0;
    color: #7f1d1d;
    line-height: 1.45;
}

.bill-delete-action[b-7c46r7qjew] {
    border: 1px solid #dc2626;
    background: #dc2626;
    color: #ffffff;
}

.bill-delete-cancel[b-7c46r7qjew] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: var(--receipt-ink);
}

.bill-delete-action:disabled[b-7c46r7qjew],
.bill-delete-cancel:disabled[b-7c46r7qjew] {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 45rem) {
.bill-detail-panel[b-7c46r7qjew],
.bill-more-options[b-7c46r7qjew],
.bill-delete-panel[b-7c46r7qjew] {
        border-radius: 1.15rem;
    }

.bill-detail-panel[b-7c46r7qjew] {
        padding: 1rem;
    }

.bill-detail-panel-header[b-7c46r7qjew] {
        align-items: flex-start;
    }

.bill-user-fields[b-7c46r7qjew] {
        grid-template-columns: 1fr;
    }

.bill-more-options-content[b-7c46r7qjew] {
        padding: 0.75rem;
    }

.bill-more-options > summary[b-7c46r7qjew] {
        min-height: 4.75rem;
        padding: 0.75rem;
    }

.bill-delete-panel[b-7c46r7qjew] {
        grid-template-columns: 1fr;
    }

.bill-delete-action[b-7c46r7qjew],
.bill-delete-cancel[b-7c46r7qjew] {
        width: 100%;
    }

}

@media print {
.bill-more-options[b-7c46r7qjew] {
        display: none !important;
    }

.bill-detail-panel[b-7c46r7qjew] {
        break-inside: avoid;
        margin-top: 5mm;
        border: 1px solid #cbd5e1;
        border-radius: 4mm;
        padding: 5mm;
        box-shadow: none;
    }

.bill-detail-panel[b-7c46r7qjew] {
        margin-top: 0;
    }

}

.bill-more-options-chevron[b-7c46r7qjew] {
    width: 1rem;
    height: 1rem;
    color: var(--receipt-subtle);
    transition: transform 160ms ease;
}

.bill-more-options[open] .bill-more-options-chevron[b-7c46r7qjew] {
    transform: rotate(180deg);
}

.bill-more-options[b-7c46r7qjew] {
    border-color: rgba(190, 204, 224, 0.65);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-sm);
}

.bill-more-options[b-7c46r7qjew] {
    overflow: hidden;
    border-radius: 1.1rem;
}

.bill-more-options > summary[b-7c46r7qjew] {
    min-height: 4.2rem;
    background: #fff;
}

.bill-more-options > summary:hover[b-7c46r7qjew] {
    background: var(--surface-soft);
}

.bill-more-options-content[b-7c46r7qjew] {
    background: var(--surface-soft);
}

@media (max-width: 760px) {
.bill-more-options[b-7c46r7qjew] { order: 14; }

}

.receipt-readonly-panel p[b-7c46r7qjew] {
    color: var(--ink-500);
    font-size: 0.7rem;
}

.receipt-readonly-panel p[b-7c46r7qjew] {
    margin: 0.75rem 0 0;
    line-height: 1.55;
}
/* /Components/Shared/ReceiptSharePanel.razor.rz.scp.css */
.receipt-share-panel[b-ahdwznx2r3] {
    display: grid;
    scroll-margin-top: 1rem;
    gap: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 1.35rem;
    padding: 1.15rem;
    background: radial-gradient(circle at 100% 0, rgba(191, 219, 254, 0.52), transparent 35%), linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 35px rgba(30, 64, 175, 0.08);
}

.receipt-share-heading[b-ahdwznx2r3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.8rem;
}

.receipt-share-heading h2[b-ahdwznx2r3],
.receipt-share-heading p[b-ahdwznx2r3],
.receipt-share-active-state p[b-ahdwznx2r3] {
    margin: 0;
}

.receipt-share-heading h2[b-ahdwznx2r3] {
    color: var(--receipt-ink);
    font-size: 1.05rem;
    line-height: 1.3;
}

.receipt-share-heading p[b-ahdwznx2r3] {
    margin-top: 0.22rem;
    color: var(--receipt-text);
    font-size: 0.9rem;
    line-height: 1.45;
}

.receipt-share-icon[b-ahdwznx2r3],
.receipt-share-state-mark[b-ahdwznx2r3] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--receipt-brand-border);
    color: var(--receipt-brand-strong);
}

.receipt-share-icon[b-ahdwznx2r3]  .app-icon,
.receipt-share-state-mark[b-ahdwznx2r3]  .app-icon,
.receipt-share-expiration[b-ahdwznx2r3]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.receipt-share-close[b-ahdwznx2r3] {
    display: inline-grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 0;
    border-radius: 0.75rem;
    background: transparent;
    color: var(--receipt-muted);
}

.receipt-share-close:hover[b-ahdwznx2r3],
.receipt-share-close:focus-visible[b-ahdwznx2r3] {
    background: var(--receipt-border);
    color: var(--receipt-ink);
}

.receipt-share-close[b-ahdwznx2r3]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.receipt-share-loading[b-ahdwznx2r3],
.receipt-share-empty-state[b-ahdwznx2r3],
.receipt-share-active-state[b-ahdwznx2r3],
.receipt-share-link-block[b-ahdwznx2r3] {
    border: 1px solid var(--receipt-brand-border);
    border-radius: 1rem;
    padding: 0.95rem;
    background: rgba(255, 255, 255, 0.88);
}

.receipt-share-loading[b-ahdwznx2r3] {
    color: var(--receipt-text);
    font-weight: 750;
}

.receipt-share-empty-state[b-ahdwznx2r3] {
    display: grid;
    gap: 0.3rem;
}

.receipt-share-empty-state strong[b-ahdwznx2r3] {
    color: var(--receipt-ink);
}

.receipt-share-empty-state span[b-ahdwznx2r3],
.receipt-share-active-state p[b-ahdwznx2r3] {
    color: var(--receipt-muted);
    font-size: 0.86rem;
    line-height: 1.5;
}

.receipt-share-active-state[b-ahdwznx2r3] {
    display: grid;
    gap: 0.75rem;
}

.receipt-share-active-state > div[b-ahdwznx2r3] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.receipt-share-active-state > div > span:last-child[b-ahdwznx2r3] {
    display: grid;
    gap: 0.16rem;
}

.receipt-share-active-state strong[b-ahdwznx2r3] {
    color: var(--success-600);
}

.receipt-share-active-state small[b-ahdwznx2r3] {
    color: var(--receipt-text);
}

.receipt-share-state-mark[b-ahdwznx2r3] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    background: var(--success-50);
    color: var(--success-600);
}

.receipt-share-link-block[b-ahdwznx2r3] {
    display: grid;
    gap: 0.55rem;
}

.receipt-share-link-block label[b-ahdwznx2r3] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.receipt-share-link-row[b-ahdwznx2r3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.receipt-share-link-row input[b-ahdwznx2r3] {
    min-width: 0;
    min-height: 2.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.82rem;
    padding: 0.65rem 0.8rem;
    background: var(--receipt-soft);
    color: #334155;
    font: inherit;
    font-size: 0.86rem;
}

.receipt-share-copy[b-ahdwznx2r3],
.receipt-share-primary[b-ahdwznx2r3],
.receipt-share-revoke[b-ahdwznx2r3] {
    display: inline-flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 0.82rem;
    padding: 0.65rem 0.95rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 850;
}

.receipt-share-copy[b-ahdwznx2r3],
.receipt-share-primary[b-ahdwznx2r3] {
    border: 1px solid var(--receipt-brand);
    background: var(--receipt-brand);
    color: #ffffff;
}

.receipt-share-copy:hover[b-ahdwznx2r3],
.receipt-share-copy:focus-visible[b-ahdwznx2r3],
.receipt-share-primary:hover[b-ahdwznx2r3],
.receipt-share-primary:focus-visible[b-ahdwznx2r3] {
    border-color: var(--receipt-brand-strong);
    background: var(--receipt-brand-strong);
}

.receipt-share-copy:disabled[b-ahdwznx2r3],
.receipt-share-primary:disabled[b-ahdwznx2r3],
.receipt-share-revoke:disabled[b-ahdwznx2r3] {
    cursor: wait;
    opacity: 0.62;
}

.receipt-share-expiration[b-ahdwznx2r3],
.receipt-share-scope[b-ahdwznx2r3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--receipt-text);
    font-size: 0.82rem;
    font-weight: 750;
}

.receipt-share-message[b-ahdwznx2r3] {
    border-radius: 0.85rem;
    padding: 0.72rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1.45;
}

.receipt-share-message.success[b-ahdwznx2r3] {
    border: 1px solid color-mix(in srgb, var(--success-600) 38%, var(--border));
    background: var(--success-50);
    color: var(--success-600);
}

.receipt-share-message.error[b-ahdwznx2r3] {
    border: 1px solid color-mix(in srgb, var(--danger-600) 38%, var(--border));
    background: var(--danger-50);
    color: var(--danger-600);
}

.receipt-share-actions[b-ahdwznx2r3] {
    display: block;
}

.receipt-share-revoke[b-ahdwznx2r3] {
    border: 1px solid #fecaca;
    background: #ffffff;
    color: #b91c1c;
}

.receipt-share-revoke:hover[b-ahdwznx2r3],
.receipt-share-revoke:focus-visible[b-ahdwznx2r3] {
    border-color: #f87171;
    background: #fef2f2;
}

@media (max-width: 45rem) {
.receipt-share-panel[b-ahdwznx2r3] {
        border-radius: 1.1rem;
        padding: 0.9rem;
    }

.receipt-share-link-row[b-ahdwznx2r3] {
        grid-template-columns: 1fr;
    }

.receipt-share-copy[b-ahdwznx2r3],
.receipt-share-primary[b-ahdwznx2r3],
.receipt-share-revoke[b-ahdwznx2r3] {
        width: 100%;
    }

}

@media (max-width: 760px) {
.receipt-share-panel[b-ahdwznx2r3] { order: 12; }

}

.receipt-share-configuration[b-ahdwznx2r3] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.receipt-share-modes[b-ahdwznx2r3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
    border: 0;
    padding: 0;
}

.receipt-share-modes legend[b-ahdwznx2r3] {
    grid-column: 1 / -1;
    margin-bottom: 0.15rem;
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.receipt-share-mode[b-ahdwznx2r3] {
    display: grid;
    min-width: 0;
    min-height: 5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.65rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.receipt-share-mode.selected[b-ahdwznx2r3] {
    border-color: var(--brand-600);
    background: var(--brand-50);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-600) 18%, transparent);
}

.receipt-share-mode > span:nth-child(2)[b-ahdwznx2r3] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.receipt-share-mode strong[b-ahdwznx2r3] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.receipt-share-mode small[b-ahdwznx2r3] {
    color: var(--ink-500);
    font-size: 0.61rem;
    line-height: 1.35;
}

.receipt-share-mode-icon[b-ahdwznx2r3],
.receipt-share-mode-check[b-ahdwznx2r3] {
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
}

.receipt-share-mode-icon[b-ahdwznx2r3] {
    width: 2rem;
    height: 2rem;
    background: var(--surface-raised);
    color: var(--ink-600);
}

.receipt-share-mode.selected .receipt-share-mode-icon[b-ahdwznx2r3] {
    background: var(--brand-100);
    color: var(--brand-700);
}

.receipt-share-mode-check[b-ahdwznx2r3] {
    width: 1.25rem;
    height: 1.25rem;
    background: var(--brand-600);
    color: #ffffff;
    opacity: 0;
}

.receipt-share-mode.selected .receipt-share-mode-check[b-ahdwznx2r3] {
    opacity: 1;
}

.receipt-share-mode-icon[b-ahdwznx2r3]  .app-icon,
.receipt-share-mode-check[b-ahdwznx2r3]  .app-icon {
    width: 0.85rem;
    height: 0.85rem;
}

.receipt-share-option-toggle[b-ahdwznx2r3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.7rem;
    background: var(--surface-soft);
    cursor: pointer;
}

.receipt-share-option-toggle.disabled[b-ahdwznx2r3] {
    cursor: not-allowed;
    opacity: 0.62;
}

.receipt-share-option-toggle input[b-ahdwznx2r3] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.receipt-share-option-toggle input:focus-visible + .receipt-share-option-toggle-ui[b-ahdwznx2r3],
.receipt-share-payment-toggle input:focus-visible + .receipt-share-payment-toggle-ui[b-ahdwznx2r3] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 28%, transparent);
    outline-offset: 3px;
}

.receipt-share-option-toggle-ui[b-ahdwznx2r3] {
    position: relative;
    width: 2.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--surface-muted);
    box-shadow: inset 0 0 0 1px var(--border);
    transition: background 0.16s ease;
}

.receipt-share-option-toggle-ui[b-ahdwznx2r3]::after {
    position: absolute;
    top: 0.18rem;
    left: 0.18rem;
    width: 0.99rem;
    height: 0.99rem;
    border-radius: 50%;
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
    content: "";
    transition: transform 0.16s ease;
}

.receipt-share-option-toggle input:checked + .receipt-share-option-toggle-ui[b-ahdwznx2r3] {
    background: var(--brand-600);
}

.receipt-share-option-toggle input:checked + .receipt-share-option-toggle-ui[b-ahdwznx2r3]::after {
    transform: translateX(1rem);
}

.receipt-share-option-toggle > span:last-child[b-ahdwznx2r3] {
    display: grid;
    gap: 0.08rem;
}

.receipt-share-option-toggle strong[b-ahdwznx2r3] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.receipt-share-option-toggle small[b-ahdwznx2r3] {
    color: var(--ink-500);
    font-size: 0.62rem;
    line-height: 1.4;
}

.receipt-share-payment-fields[b-ahdwznx2r3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.7rem;
    background: var(--surface-raised);
}

.receipt-share-payment-fields label[b-ahdwznx2r3] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.receipt-share-payment-fields label > span[b-ahdwznx2r3] {
    color: var(--ink-600);
    font-size: 0.62rem;
    font-weight: 850;
}

.receipt-share-payment-fields input[b-ahdwznx2r3] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid var(--border);
    border-radius: 0.68rem;
    padding: 0 0.65rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 750;
    outline: none;
}

.receipt-share-payment-fields input:focus[b-ahdwznx2r3] {
    border-color: var(--brand-600);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--brand-600) 14%, transparent);
}

.receipt-share-payment-fields p[b-ahdwznx2r3] {
    display: flex;
    grid-column: 1 / -1;
    align-items: flex-start;
    gap: 0.35rem;
    margin: 0;
    color: var(--ink-500);
    font-size: 0.6rem;
    line-height: 1.4;
}

.receipt-share-payment-fields p[b-ahdwznx2r3]  .app-icon {
    width: 0.8rem;
    height: 0.8rem;
    flex: 0 0 auto;
}

@media (max-width: 560px) {
.receipt-share-modes[b-ahdwznx2r3],
.receipt-share-payment-fields[b-ahdwznx2r3] {
        grid-template-columns: 1fr;
    }

.receipt-share-payment-fields p[b-ahdwznx2r3] {
        grid-column: auto;
    }

}

@media (max-width: 760px) {
    .receipt-share-link-row input[b-ahdwznx2r3],
    .receipt-share-payment-fields input[b-ahdwznx2r3] {
        font-size: 16px;
    }
}
/* /Components/Shared/ReceiptUidQr.razor.rz.scp.css */
.receipt-uid-qr[b-sgl7p3f01g] {
    display: grid;
    min-width: 0;
    margin-top: 0.65rem;
    gap: 0.75rem;
    justify-items: start;
    word-break: normal;
}

.receipt-uid-qr-toggle[b-sgl7p3f01g] {
    display: inline-flex;
    justify-self: end;
    min-width: 2.75rem;
    min-height: 2.75rem;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--border);
    border-radius: 0.85rem;
    padding: 0.65rem 0.9rem;
    background: var(--surface-raised);
    color: var(--ink-900);
    font: inherit;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.875rem;
    font-weight: 750;
    line-height: 1.3;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.receipt-uid-qr-toggle[b-sgl7p3f01g]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}

.receipt-uid-qr-toggle[aria-expanded="true"][b-sgl7p3f01g] {
    border-color: var(--brand-400);
}

@media (hover: hover) and (pointer: fine) {
    .receipt-uid-qr-toggle:hover[b-sgl7p3f01g] {
        background: var(--surface-soft);
    }
}

.receipt-uid-qr-toggle:active[b-sgl7p3f01g] {
    background: var(--surface-soft);
}

.receipt-uid-qr-toggle:focus-visible[b-sgl7p3f01g] {
    outline: 3px solid var(--brand-500);
    outline-offset: 3px;
}

.receipt-uid-qr-panel[b-sgl7p3f01g] {
    display: grid;
    width: min(100%, 19rem);
    min-width: 0;
    box-sizing: border-box;
    justify-items: center;
    gap: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 0.85rem;
    background: var(--surface-soft);
    color: var(--ink-950);
}

.receipt-uid-qr-panel[hidden][b-sgl7p3f01g] {
    display: none;
}

.receipt-uid-qr-image[b-sgl7p3f01g] {
    display: block;
    width: min(100%, 16rem);
    height: auto;
    aspect-ratio: 1;
    background: #fff;
}

.receipt-uid-qr-value[b-sgl7p3f01g] {
    max-width: 100%;
    color: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
}
/* /Components/Shared/RouteAuthorizationMessage.razor.rz.scp.css */
.route-authorization-page[b-jeqrgc7oby] {
    display: grid;
    min-height: 62vh;
    place-items: center;
    padding: 3rem 1rem;
}

.route-authorization-card[b-jeqrgc7oby] {
    width: min(100%, 44rem);
    padding: clamp(1.75rem, 5vw, 3rem);
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 1.5rem;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.96));
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.22);
    color: #f8fafc;
}

.route-authorization-kicker[b-jeqrgc7oby] {
    display: inline-block;
    margin-bottom: 0.75rem;
    color: #93c5fd;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.route-authorization-card h1[b-jeqrgc7oby] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.35rem);
    line-height: 1.04;
}

.route-authorization-card p[b-jeqrgc7oby] {
    max-width: 38rem;
    margin: 1rem 0 0;
    color: #cbd5e1;
    font-size: 1.05rem;
    line-height: 1.7;
}

.route-authorization-actions[b-jeqrgc7oby] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.75rem;
}

.route-authorization-primary[b-jeqrgc7oby],
.route-authorization-secondary[b-jeqrgc7oby] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.75rem 1.1rem;
    border-radius: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}

.route-authorization-primary[b-jeqrgc7oby] {
    background: #f8fafc;
    color: #0f172a;
}

.route-authorization-secondary[b-jeqrgc7oby] {
    border: 1px solid rgba(226, 232, 240, 0.3);
    color: #f8fafc;
}

.route-authorization-primary:hover[b-jeqrgc7oby],
.route-authorization-secondary:hover[b-jeqrgc7oby] {
    transform: translateY(-1px);
}