/* /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.65rem;
    min-width: 2.65rem;
    height: 2rem;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #fff, #f8fbff);
    color: var(--ink-800);
    font-size: 0.72rem;
    font-weight: 950;
    box-shadow: inset 3px 0 var(--brand-600), var(--shadow-sm);
}

.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-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: 2.35rem;
    min-width: 2.35rem;
    height: 1.75rem;
    font-size: 0.68rem;
}

.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 3rem 0.75rem 1.1rem;
    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: 0.55rem;
    right: 0.8rem;
    cursor: pointer;
}

@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));
    }

    .app-shell.route-focus .top-bar[b-9hmtnn20k1] {
        display: none;
    }

    .app-shell.route-focus .content[b-9hmtnn20k1] {
        padding-top: calc(0.45rem + env(safe-area-inset-top));
    }

    .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: 2.3rem;
        min-width: 2.3rem;
        height: 1.75rem;
        border-radius: 0.5rem;
        font-size: 0.64rem;
    }

    .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-500);
        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-500);
        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-600);
        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 #fff;
        border-radius: 1.18rem;
        background: linear-gradient(145deg, #3777f6, #174bc0);
        color: #fff;
        font-size: 1.5rem;
        box-shadow: 0 0.95rem 2rem rgba(37, 99, 235, 0.34);
    }

    .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: 370px) {
    .top-brand-word[b-9hmtnn20k1] {
        display: none;
    }

    .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 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/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-9s08tdtud9] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-9s08tdtud9] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-9s08tdtud9] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-9s08tdtud9] {
    font-size: 1.1rem;
}

.bi[b-9s08tdtud9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-9s08tdtud9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-9s08tdtud9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-9s08tdtud9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-9s08tdtud9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-9s08tdtud9] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-9s08tdtud9] {
        padding-bottom: 1rem;
    }

    .nav-item[b-9s08tdtud9]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-9s08tdtud9]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-9s08tdtud9]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-9s08tdtud9] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-9s08tdtud9] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-9s08tdtud9] {
        display: none;
    }

    .nav-scrollable[b-9s08tdtud9] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        height: calc(100dvh - 3.5rem);
        overflow-y: auto;
    }
}
/* /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-rejoining-animation[b-6qohyfi2es] {
    display: none;
}

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


#components-reconnect-modal[b-6qohyfi2es] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6qohyfi2es 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6qohyfi2es 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6qohyfi2es 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6qohyfi2es]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6qohyfi2es 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6qohyfi2es {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6qohyfi2es {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6qohyfi2es {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

#components-reconnect-modal p[b-6qohyfi2es] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6qohyfi2es] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6qohyfi2es] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6qohyfi2es] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-6qohyfi2es] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        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% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /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-preferences-card[b-a7w62z2ida],
.account-theme-card[b-a7w62z2ida],
.account-payment-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-preferences-card[b-a7w62z2ida] {
    overflow: hidden;
    border-radius: 1.3rem;
}

.account-master-settings[b-a7w62z2ida] {
    order: 50;
}

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

.account-menu-expandable[b-a7w62z2ida] {
    border-bottom: 1px solid var(--border);
}

.account-menu-expandable > summary[b-a7w62z2ida],
.account-preference-link[b-a7w62z2ida] {
    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;
    text-decoration: none;
    cursor: pointer;
    list-style: none;
}

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

.account-menu-expandable > summary:hover[b-a7w62z2ida],
.account-menu-expandable > summary:focus-visible[b-a7w62z2ida],
.account-preference-link:hover[b-a7w62z2ida],
.account-preference-link:focus-visible[b-a7w62z2ida] {
    background: var(--brand-50);
}

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

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

.account-menu-expandable small[b-a7w62z2ida],
.account-preference-link small[b-a7w62z2ida] {
    color: var(--ink-500);
    font-size: 0.68rem;
}

.account-menu-expandable[open] > summary[b-a7w62z2ida] {
    background: var(--brand-50);
}

.account-menu-expandable[open] > summary .account-chevron[b-a7w62z2ida] {
    color: var(--brand-600);
    transform: rotate(90deg);
}

.account-menu-expanded-content[b-a7w62z2ida] {
    display: grid;
    gap: 0.9rem;
    border-top: 1px solid var(--border);
    padding: 1rem;
    background: linear-gradient(180deg, var(--surface-soft), #fff);
}

.account-menu-icon.payment[b-a7w62z2ida] {
    background: var(--success-50);
    color: var(--success-600);
}

.account-menu-icon.master[b-a7w62z2ida] {
    background: var(--brand-100);
    color: var(--brand-700);
}

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

.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-message.success[b-a7w62z2ida] {
    border: 1px solid #a7f3d0;
    background: var(--success-50);
    color: var(--success-600);
}

.account-message.warning[b-a7w62z2ida] {
    display: grid;
    gap: 0.35rem;
    border: 1px solid #fcd34d;
    background: #fffbeb;
    color: #92400e;
}

.account-message code[b-a7w62z2ida] {
    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;
}

.recovery-document-card[b-a7w62z2ida] {
    display: grid;
    gap: 0.7rem;
}

.recovery-required-backdrop[b-a7w62z2ida] {
    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-a7w62z2ida] {
    width: min(44rem, 100%);
    max-height: calc(100vh - 2rem);
    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-a7w62z2ida] {
    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-a7w62z2ida] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.08rem;
    accent-color: var(--brand-600);
}

.recovery-document-card small[b-a7w62z2ida] {
    color: inherit;
    line-height: 1.45;
    opacity: 0.88;
}

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

.recovery-document-actions button[b-a7w62z2ida] {
    min-height: 2.75rem;
}

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

.account-form-grid label[b-a7w62z2ida] {
    display: grid;
    gap: 0.35rem;
    color: var(--ink-700);
    font-size: 0.76rem;
    font-weight: 800;
}

.account-form-grid p[b-a7w62z2ida] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.76rem;
    line-height: 1.5;
}

.account-form-grid input[b-a7w62z2ida] {
    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: inherit;
}

.account-form-grid :is(.workspace-primary-action, .workspace-secondary-action)[b-a7w62z2ida] {
    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-a7w62z2ida] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    margin: 0;
    border: 0;
    padding: 0;
}

.account-master-duration legend[b-a7w62z2ida] {
    margin-bottom: 0.35rem;
    color: var(--ink-700);
    font-size: 0.72rem;
    font-weight: 900;
}

.account-master-duration > div[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.account-master-duration button[b-a7w62z2ida] {
    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-a7w62z2ida],
.account-master-duration button:focus-visible[b-a7w62z2ida],
.account-master-duration button.selected[b-a7w62z2ida] {
    border-color: var(--brand-600);
    background: var(--brand-100);
    color: var(--brand-700);
}

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

.account-master-duration button:disabled[b-a7w62z2ida] {
    cursor: not-allowed;
    opacity: 0.58;
}

.account-master-duration > small[b-a7w62z2ida] {
    color: var(--ink-500);
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.4;
}

.account-master-unlock-action[b-a7w62z2ida] {
    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-a7w62z2ida]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.account-master-unlock-action:hover[b-a7w62z2ida],
.account-master-unlock-action:focus-visible[b-a7w62z2ida] {
    transform: translateY(-1px);
    box-shadow: 0 1rem 2rem color-mix(in srgb, var(--brand-600) 30%, transparent);
}

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

.account-master-unlock-action:disabled[b-a7w62z2ida] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.account-preferences-card details > summary[b-a7w62z2ida] {
    cursor: pointer;
    font-weight: 850;
}

.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-500);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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-theme-card[b-a7w62z2ida] {
    display: grid;
    gap: 1rem;
    border-radius: 1.3rem;
    padding: 1rem;
}

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

.account-theme-heading-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-theme-heading-icon[b-a7w62z2ida]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

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

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

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

.account-theme-heading p[b-a7w62z2ida] {
    max-width: 40rem;
    margin: 0.3rem 0 0;
    color: var(--ink-600);
    font-size: 0.75rem;
    line-height: 1.55;
}

.account-theme-options[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.account-theme-option[b-a7w62z2ida] {
    position: relative;
    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: 1rem;
    padding: 0.75rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.account-theme-option:hover:not(:disabled)[b-a7w62z2ida],
.account-theme-option:focus-visible[b-a7w62z2ida] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    transform: translateY(-1px);
}

.account-theme-option.selected[b-a7w62z2ida] {
    border-color: var(--brand-600);
    background: linear-gradient(145deg, var(--brand-50), var(--surface-raised));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-600) 22%, transparent), var(--shadow-sm);
}

.account-theme-option:disabled[b-a7w62z2ida] {
    cursor: wait;
    opacity: 0.68;
}

.account-theme-option-icon[b-a7w62z2ida] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 0.78rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    box-shadow: inset 0 0 0 1px var(--border);
}

.account-theme-option.selected .account-theme-option-icon[b-a7w62z2ida] {
    background: var(--brand-100);
    color: var(--brand-700);
    box-shadow: none;
}

.account-theme-option-icon[b-a7w62z2ida]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
}

.account-theme-option-copy[b-a7w62z2ida] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.account-theme-option-copy strong[b-a7w62z2ida] {
    overflow: hidden;
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-theme-option-copy small[b-a7w62z2ida] {
    overflow: hidden;
    color: var(--ink-500);
    font-size: 0.64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-theme-selected-mark[b-a7w62z2ida] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 999px;
    background: var(--brand-600);
    color: #fff;
    opacity: 0;
    transform: scale(0.75);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.account-theme-option.selected .account-theme-selected-mark[b-a7w62z2ida] {
    opacity: 1;
    transform: scale(1);
}

.account-theme-selected-mark[b-a7w62z2ida]  .app-icon {
    width: 0.72rem;
    height: 0.72rem;
    stroke-width: 2.5;
}

.account-theme-status[b-a7w62z2ida] {
    display: flex;
    min-height: 2.2rem;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.78rem;
    padding: 0.5rem 0.7rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.68rem;
    font-weight: 750;
}

.account-theme-status-dot[b-a7w62z2ida] {
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--brand-600);
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--brand-600) 16%, transparent);
}

.account-theme-message[b-a7w62z2ida] {
    border: 1px solid var(--border);
    border-radius: 0.78rem;
    padding: 0.65rem 0.75rem;
    background: var(--warning-50);
    color: var(--warning-600);
    font-size: 0.7rem;
    font-weight: 800;
}

.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-500);
    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-payment-card[b-a7w62z2ida] {
    display: grid;
    gap: 0.9rem;
    border-radius: 1.3rem;
    padding: 1rem;
}

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

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

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

.account-payment-heading h2[b-a7w62z2ida],
.account-payment-heading p[b-a7w62z2ida] {
    margin: 0;
}

.account-payment-heading h2[b-a7w62z2ida] {
    color: var(--ink-950);
    font-size: 1rem;
    font-weight: 950;
}

.account-payment-heading p[b-a7w62z2ida] {
    margin-top: 0.3rem;
    color: var(--ink-600);
    font-size: 0.75rem;
    line-height: 1.55;
}

.account-payment-fields[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 0.65rem;
}

.account-payment-fields label[b-a7w62z2ida] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.account-payment-fields label > span[b-a7w62z2ida] {
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 900;
}

.account-payment-fields input[b-a7w62z2ida] {
    width: 100%;
    min-height: 2.85rem;
    border: 1px solid var(--border);
    border-radius: 0.78rem;
    padding: 0 0.75rem;
    background: var(--surface-soft);
    color: var(--ink-900);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    outline: none;
}

.account-payment-fields input:focus[b-a7w62z2ida] {
    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-a7w62z2ida] {
    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-a7w62z2ida]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: var(--brand-600);
}

.account-payment-message[b-a7w62z2ida] {
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    font-size: 0.7rem;
    font-weight: 800;
}

.account-payment-message.success[b-a7w62z2ida] {
    background: var(--success-50);
    color: var(--success-600);
}

.account-payment-message.error[b-a7w62z2ida] {
    background: var(--danger-50);
    color: var(--danger-600);
}

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

.account-payment-actions button[b-a7w62z2ida] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 0.75rem;
    padding: 0.55rem 0.8rem;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.account-payment-actions button:disabled[b-a7w62z2ida] {
    cursor: wait;
    opacity: 0.6;
}

.account-payment-save[b-a7w62z2ida] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: #ffffff;
}

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

.account-payment-clear[b-a7w62z2ida] {
    border: 1px solid var(--border);
    background: var(--surface-raised);
    color: var(--ink-700);
}

.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-500);
    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;
    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-500);
    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-theme-card[b-a7w62z2ida] {
        padding: 0.85rem;
    }

    .account-payment-card[b-a7w62z2ida] {
        padding: 0.85rem;
    }

    .account-payment-fields[b-a7w62z2ida] {
        grid-template-columns: 1fr;
    }

    .account-theme-options[b-a7w62z2ida] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .account-theme-option[b-a7w62z2ida] {
        min-height: 4.25rem;
    }

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

    .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;
    }
}

/* Dashboard customization lives at the bottom of normal account settings. */
.account-dashboard-customization[b-a7w62z2ida] {
    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-a7w62z2ida] {
    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-a7w62z2ida] {
    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-a7w62z2ida]::-webkit-details-marker {
    display: none;
}

.account-dashboard-customization-heading[b-a7w62z2ida]::marker {
    content: "";
}

.account-dashboard-customization-heading:hover[b-a7w62z2ida] {
    background: color-mix(in srgb, var(--brand-50) 42%, transparent);
}

.account-dashboard-customization-heading:focus-visible[b-a7w62z2ida] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 22%, transparent);
    outline-offset: -3px;
}

.account-dashboard-customization[open] .account-dashboard-customization-heading[b-a7w62z2ida] {
    background: color-mix(in srgb, var(--brand-50) 24%, transparent);
}

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

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

.account-dashboard-customization-icon[b-a7w62z2ida] {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 0.95rem;
}

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

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

.account-dashboard-customization-heading p[b-a7w62z2ida] {
    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-a7w62z2ida] {
    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-a7w62z2ida]  .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-a7w62z2ida]  .account-dashboard-customization-chevron {
    transform: rotate(180deg);
    color: var(--brand-600);
}

.account-dashboard-options[b-a7w62z2ida] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.account-dashboard-option[b-a7w62z2ida] {
    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-a7w62z2ida] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    transform: translateY(-1px);
}

.account-dashboard-option:has(input:focus-visible)[b-a7w62z2ida] {
    outline: 3px solid color-mix(in srgb, var(--brand-600) 22%, transparent);
    outline-offset: 2px;
}

.account-dashboard-option:has(input:checked)[b-a7w62z2ida] {
    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-a7w62z2ida] {
    grid-column: span 2;
}

.account-dashboard-option > input[b-a7w62z2ida] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.account-dashboard-option-icon[b-a7w62z2ida] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 0.8rem;
}

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

.account-dashboard-option > span:nth-of-type(2)[b-a7w62z2ida] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.account-dashboard-option strong[b-a7w62z2ida] {
    color: var(--ink-900);
    font-size: 0.78rem;
    font-weight: 900;
}

.account-dashboard-option small[b-a7w62z2ida] {
    color: var(--ink-500);
    font-size: 0.66rem;
    line-height: 1.4;
}

.account-dashboard-switch[b-a7w62z2ida] {
    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-a7w62z2ida]::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-a7w62z2ida] {
    background: var(--brand-600);
    box-shadow: none;
}

.account-dashboard-option input:checked ~ .account-dashboard-switch[b-a7w62z2ida]::after {
    transform: translateX(1rem);
}

.account-dashboard-loading[b-a7w62z2ida],
.account-dashboard-message[b-a7w62z2ida] {
    border-radius: 0.85rem;
    padding: 0.72rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.account-dashboard-loading[b-a7w62z2ida] {
    background: var(--surface-soft);
    color: var(--ink-600);
}

.account-dashboard-message.success[b-a7w62z2ida] {
    background: var(--success-50);
    color: var(--success-600);
}

.account-dashboard-message.error[b-a7w62z2ida] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.account-dashboard-actions[b-a7w62z2ida] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.account-dashboard-actions .workspace-primary-action[b-a7w62z2ida],
.account-dashboard-actions .workspace-secondary-action[b-a7w62z2ida] {
    min-height: 2.75rem;
}

.account-dashboard-preview-link[b-a7w62z2ida] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    padding: 0.55rem 0.2rem;
    color: var(--brand-600);
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.account-dashboard-preview-link[b-a7w62z2ida]  .app-icon {
    width: 0.85rem;
    height: 0.85rem;
}

@media (max-width: 680px) {
    .account-dashboard-customization[b-a7w62z2ida] {
        border-radius: 1.05rem;
    }

    .account-dashboard-customization-heading[b-a7w62z2ida] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: start;
        padding: 0.85rem;
    }

    .account-dashboard-customization-heading[b-a7w62z2ida]  .account-dashboard-customization-chevron {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
    }

    .account-dashboard-selected-count[b-a7w62z2ida] {
        grid-column: 2 / 4;
        width: fit-content;
    }

    .account-dashboard-customization-content[b-a7w62z2ida] {
        padding: 0.85rem;
    }

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

    .account-dashboard-option.wide[b-a7w62z2ida] {
        grid-column: auto;
    }

    .account-dashboard-preview-link[b-a7w62z2ida] {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }
}
/* /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 h1[b-2edz6z7zov],
.categories-panel-heading h2[b-2edz6z7zov],
.categories-empty h2[b-2edz6z7zov],
.category-group h2[b-2edz6z7zov] {
    margin: 0;
}

.categories-header h1[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: #94a3b8;
}

.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);
    font-size: .58rem;
}

.categories-filter-tabs button.selected span[b-2edz6z7zov] {
    background: rgba(255, 255, 255, .2);
}

.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-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-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-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 h1[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] {
        gap: .42rem;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: 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: .45rem;
    }

    .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: 2rem;
        justify-self: start;
        padding-block: .15rem;
    }

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

    .categories-mobile-add[b-2edz6z7zov] {
        position: sticky;
        bottom: 5.4rem;
        z-index: 15;
        display: inline-flex;
        min-height: 3rem;
        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-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/AdminDashboard.razor.rz.scp.css */
.admin-page[b-y2u11azg8j] {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: clamp(1rem, 2.5vw, 2rem);
    color: var(--ink-900);
}

.admin-hero[b-y2u11azg8j],
.admin-section[b-y2u11azg8j],
.admin-privacy-note[b-y2u11azg8j],
.admin-kpi-card[b-y2u11azg8j] {
    border: 1px solid var(--border);
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}

.admin-hero[b-y2u11azg8j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 5%, color-mix(in srgb, var(--brand-500) 18%, transparent), transparent 38%),
        var(--surface-raised);
}

.admin-kicker[b-y2u11azg8j],
.admin-section-kicker[b-y2u11azg8j] {
    display: block;
    margin-bottom: .45rem;
    color: var(--brand-500);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .16em;
}

.admin-hero h1[b-y2u11azg8j] {
    margin: 0;
    font-size: clamp(1.75rem, 5vw, 3.25rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.admin-hero p[b-y2u11azg8j] {
    max-width: 720px;
    margin: .75rem 0 0;
    color: var(--ink-600);
    line-height: 1.55;
}

.admin-hero-actions[b-y2u11azg8j] {
    display: grid;
    flex: 0 0 auto;
    gap: .65rem;
    justify-items: end;
}

.admin-build[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .78rem;
    font-weight: 750;
}

.admin-hero button[b-y2u11azg8j],
.admin-state button[b-y2u11azg8j] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: var(--brand-600);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.admin-hero button:disabled[b-y2u11azg8j] {
    opacity: .65;
    cursor: wait;
}

.admin-hero button :deep(.app-icon)[b-y2u11azg8j],
.admin-privacy-note :deep(.app-icon)[b-y2u11azg8j],
.admin-state :deep(.app-icon)[b-y2u11azg8j],
.admin-empty :deep(.app-icon)[b-y2u11azg8j] {
    width: 1.2rem;
    height: 1.2rem;
}

.admin-privacy-note[b-y2u11azg8j] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin: 1rem 0;
    padding: 1rem 1.15rem;
    border-radius: 18px;
    border-color: color-mix(in srgb, var(--brand-500) 28%, var(--border));
}

.admin-privacy-note > :deep(.app-icon)[b-y2u11azg8j] {
    flex: 0 0 auto;
    color: var(--brand-500);
}

.admin-privacy-note div[b-y2u11azg8j] {
    display: grid;
    gap: .25rem;
}

.admin-privacy-note span[b-y2u11azg8j],
.admin-updated[b-y2u11azg8j] {
    color: var(--ink-600);
    font-size: .83rem;
    line-height: 1.45;
}

.admin-range-picker[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    margin: 0 0 1rem;
}

.admin-range-picker > span[b-y2u11azg8j] {
    display: grid;
    gap: .1rem;
    margin-right: .35rem;
    color: var(--ink-500);
    font-size: .78rem;
    font-weight: 750;
}

.admin-range-picker > span small[b-y2u11azg8j] {
    font-size: .66rem;
    font-weight: 600;
}

.admin-range-picker button[b-y2u11azg8j] {
    min-height: 40px;
    padding: .55rem .8rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--ink-600);
    background: var(--surface-raised);
    font: inherit;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.admin-range-picker button.selected[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--brand-500) 50%, var(--border));
    color: var(--brand-700);
    background: var(--brand-50);
}

.admin-range-picker button:disabled[b-y2u11azg8j] {
    opacity: .65;
    cursor: wait;
}

.admin-updated[b-y2u11azg8j] {
    margin: 0 0 .8rem;
    text-align: right;
}

.admin-state[b-y2u11azg8j] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .8rem;
    padding: 2rem;
    border-radius: 24px;
    text-align: center;
}

.admin-state-error[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-spinner[b-y2u11azg8j] {
    width: 2.3rem;
    height: 2.3rem;
    border: 3px solid var(--border);
    border-top-color: var(--brand-500);
    border-radius: 50%;
    animation: admin-spin-b-y2u11azg8j .8s linear infinite;
}

@keyframes admin-spin-b-y2u11azg8j {
    to { transform: rotate(360deg); }
}

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

.admin-kpi-card[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .3rem .8rem;
    padding: 1.15rem;
    border-radius: 20px;
}

.admin-kpi-icon[b-y2u11azg8j] {
    width: 2.6rem;
    height: 2.6rem;
    grid-row: span 3;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--brand-500);
    background: color-mix(in srgb, var(--brand-500) 11%, var(--surface-soft));
}

.admin-kpi-icon :deep(.app-icon)[b-y2u11azg8j] {
    width: 1.35rem;
    height: 1.35rem;
}

.admin-kpi-label[b-y2u11azg8j] {
    color: var(--ink-600);
    font-size: .8rem;
    font-weight: 750;
}

.admin-kpi-card > strong[b-y2u11azg8j] {
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    line-height: 1;
    letter-spacing: -.035em;
}

.admin-kpi-card small[b-y2u11azg8j] {
    min-width: 0;
    color: var(--ink-500);
    overflow-wrap: anywhere;
}

.admin-kpi-primary[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--brand-500) 40%, var(--border));
}

.admin-kpi-alert .admin-kpi-icon[b-y2u11azg8j] {
    color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 10%, var(--surface-soft));
}

.admin-insights-grid > .admin-section[b-y2u11azg8j] {
    display: flex;
    flex-direction: column;
}

.admin-health-badge[b-y2u11azg8j],
.admin-quality-rate[b-y2u11azg8j] {
    flex: 0 0 auto;
    padding: .4rem .6rem;
    border-radius: 10px;
    font-size: .78rem;
    font-weight: 850;
}

.admin-health-badge.healthy[b-y2u11azg8j],
.admin-quality-rate[b-y2u11azg8j] {
    color: var(--success-600);
    background: var(--success-50);
}

.admin-health-badge.degraded[b-y2u11azg8j] {
    color: var(--warning-600);
    background: var(--warning-50);
}

.admin-health-badge.unhealthy[b-y2u11azg8j],
.admin-health-badge.unknown[b-y2u11azg8j] {
    color: var(--danger-600);
    background: var(--danger-50);
}

.admin-health-components[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.admin-health-components article[b-y2u11azg8j] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-soft);
}

.admin-health-components article div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-health-components strong[b-y2u11azg8j],
.admin-health-components small[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-health-components small[b-y2u11azg8j] {
    color: var(--ink-500);
}

.admin-health-dot[b-y2u11azg8j] {
    width: .7rem;
    height: .7rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--ink-400);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ink-400) 12%, transparent);
}

.admin-health-dot.healthy[b-y2u11azg8j] {
    background: var(--success-600);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--success-600) 12%, transparent);
}

.admin-health-dot.degraded[b-y2u11azg8j] {
    background: var(--warning-600);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--warning-600) 12%, transparent);
}

.admin-health-dot.unhealthy[b-y2u11azg8j] {
    background: var(--danger-600);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger-600) 12%, transparent);
}

.admin-system-meta[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: auto 0 0;
    padding-top: 1rem;
}

.admin-system-meta div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.admin-system-meta dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .7rem;
}

.admin-system-meta dd[b-y2u11azg8j] {
    margin: 0;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.admin-system-meta dd.danger[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-operational-overview > .admin-section[b-y2u11azg8j] {
    min-width: 0;
}

.admin-service-evidence[b-y2u11azg8j] {
    margin: 0 0 1rem;
    color: var(--ink-600);
    line-height: 1.55;
}

.admin-service-metrics[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
}

.admin-service-metrics div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
    padding: .75rem;
    border-radius: 13px;
    background: var(--surface-soft);
}

.admin-service-metrics dt[b-y2u11azg8j],
.admin-service-last[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .72rem;
}

.admin-service-metrics dd[b-y2u11azg8j] {
    margin: 0;
    color: var(--ink-800);
    font-size: 1.05rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.admin-service-metrics .danger dd[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-service-last[b-y2u11azg8j] {
    display: block;
    margin-top: .8rem;
}

.admin-release-list[b-y2u11azg8j] {
    display: grid;
    gap: .65rem;
}

.admin-release-list article[b-y2u11azg8j] {
    min-width: 0;
    padding: .8rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-soft);
}

.admin-release-list article.current[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--brand-500) 45%, var(--border));
    background: color-mix(in srgb, var(--brand-500) 5%, var(--surface-soft));
}

.admin-release-list header[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .65rem;
}

.admin-release-list header strong[b-y2u11azg8j] {
    color: var(--ink-900);
}

.admin-release-list header span[b-y2u11azg8j] {
    padding: .2rem .4rem;
    border-radius: 8px;
    color: var(--brand-700);
    background: var(--brand-50);
    font-size: .65rem;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-release-list time[b-y2u11azg8j] {
    min-width: 0;
    margin-left: auto;
    color: var(--ink-500);
    font-size: .68rem;
    overflow-wrap: anywhere;
    text-align: right;
}

.admin-release-list dl[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
}

.admin-release-list dl div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-release-list dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .66rem;
}

.admin-release-list dd[b-y2u11azg8j] {
    margin: 0;
    color: var(--ink-800);
    font-size: .88rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.admin-release-list .danger dd[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-quality-progress[b-y2u11azg8j] {
    height: .75rem;
    overflow: hidden;
    border-radius: 99px;
    background: var(--surface-soft);
}

.admin-quality-progress span[b-y2u11azg8j] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--success-600), var(--brand-500));
}

.admin-quality-definition[b-y2u11azg8j],
.admin-quality-note[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .75rem;
    line-height: 1.45;
}

.admin-quality-definition[b-y2u11azg8j] {
    margin: .65rem 0 .8rem;
}

.admin-quality-note[b-y2u11azg8j] {
    display: block;
    margin-top: .75rem;
}

.admin-quality-breakdown[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
}

.admin-quality-breakdown div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .15rem;
    padding: .65rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-soft);
}

.admin-quality-breakdown dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .68rem;
}

.admin-quality-breakdown dd[b-y2u11azg8j] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 900;
}

.admin-quality-breakdown .success dd[b-y2u11azg8j] {
    color: var(--success-600);
}

.admin-quality-breakdown .warning dd[b-y2u11azg8j] {
    color: var(--warning-600);
}

.admin-quality-breakdown .neutral dd[b-y2u11azg8j] {
    color: var(--brand-600);
}

.admin-section[b-y2u11azg8j] {
    min-width: 0;
    margin-top: 1rem;
    padding: clamp(1rem, 2.2vw, 1.5rem);
    border-radius: 22px;
}

.admin-section-heading[b-y2u11azg8j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-section-heading h2[b-y2u11azg8j] {
    margin: 0;
    font-size: clamp(1.15rem, 2.3vw, 1.5rem);
    letter-spacing: -.025em;
}

.admin-section-total[b-y2u11azg8j] {
    flex: 0 0 auto;
    color: var(--ink-500);
    font-size: .8rem;
    font-weight: 700;
}

.admin-chart-legend[b-y2u11azg8j] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .7rem;
    color: var(--ink-500);
    font-size: .75rem;
}

.admin-chart-legend span[b-y2u11azg8j] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.admin-chart-legend i[b-y2u11azg8j] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
}

.admin-chart-legend .views[b-y2u11azg8j],
.admin-day-bar.views[b-y2u11azg8j] {
    background: var(--brand-500);
}

.admin-chart-legend .bills[b-y2u11azg8j],
.admin-day-bar.bills[b-y2u11azg8j] {
    background: var(--success-600);
}

.admin-chart-legend .errors[b-y2u11azg8j],
.admin-day-bar.errors[b-y2u11azg8j] {
    background: var(--danger-600);
}

.admin-activity-chart[b-y2u11azg8j] {
    height: 230px;
    display: grid;
    grid-template-columns: repeat(14, minmax(24px, 1fr));
    gap: clamp(.25rem, 1vw, .65rem);
    padding-top: .5rem;
    overflow-x: auto;
}

.admin-day[b-y2u11azg8j] {
    min-width: 24px;
    display: grid;
    grid-template-rows: 1fr auto auto;
    justify-items: center;
    gap: .2rem;
}

.admin-day-bars[b-y2u11azg8j] {
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    border-bottom: 1px solid var(--border);
}

.admin-day-bar[b-y2u11azg8j] {
    width: min(28%, 11px);
    min-height: 0;
    border-radius: 6px 6px 2px 2px;
}

.admin-day strong[b-y2u11azg8j] {
    font-size: .72rem;
}

.admin-day small[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .65rem;
}

.admin-two-column[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 1rem;
}

.admin-operational-overview[b-y2u11azg8j] {
    grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
}

.admin-operations-grid > .admin-section[b-y2u11azg8j] {
    display: flex;
    flex-direction: column;
}

.admin-success-rate[b-y2u11azg8j] {
    flex: 0 0 auto;
    padding: .4rem .6rem;
    border-radius: 10px;
    color: var(--success-600);
    background: var(--success-50);
    font-size: .78rem;
    font-weight: 850;
}

.admin-scan-progress[b-y2u11azg8j] {
    height: .75rem;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 99px;
    background: var(--surface-soft);
}

.admin-scan-progress span[b-y2u11azg8j] {
    min-width: 0;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--success-600), var(--brand-500));
}

.admin-scan-breakdown[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
}

.admin-scan-breakdown div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
    padding: .75rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-soft);
}

.admin-scan-breakdown dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .72rem;
    font-weight: 750;
}

.admin-scan-breakdown dd[b-y2u11azg8j] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 900;
}

.admin-scan-breakdown .success dd[b-y2u11azg8j] {
    color: var(--success-600);
}

.admin-scan-breakdown .warning dd[b-y2u11azg8j] {
    color: var(--warning-600);
}

.admin-scan-breakdown .danger dd[b-y2u11azg8j],
.admin-performance-list .danger dd[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-duration-summary[b-y2u11azg8j] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: auto;
    padding-top: 1rem;
    color: var(--ink-500);
    font-size: .78rem;
}

.admin-duration-summary strong[b-y2u11azg8j] {
    color: var(--ink-800);
}

.admin-scan-alert[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .7rem;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
    border: 1px solid color-mix(in srgb, var(--warning-600) 34%, var(--border));
    border-radius: 14px;
    color: var(--warning-600);
    background: color-mix(in srgb, var(--warning-600) 8%, var(--surface-raised));
}

.admin-scan-alert.critical[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--danger-600) 38%, var(--border));
    color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 8%, var(--surface-raised));
}

.admin-scan-alert > :deep(.app-icon)[b-y2u11azg8j] {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: .1rem;
}

.admin-scan-alert span[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .18rem;
}

.admin-scan-alert strong[b-y2u11azg8j],
.admin-scan-alert small[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-scan-alert small[b-y2u11azg8j] {
    color: var(--ink-600);
    line-height: 1.45;
}

.admin-scan-failures[b-y2u11azg8j] {
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--danger-600) 28%, var(--border));
    border-radius: 16px;
    background: color-mix(in srgb, var(--danger-600) 4%, var(--surface-soft));
}

.admin-scan-failures > summary[b-y2u11azg8j] {
    min-height: 52px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    padding: .8rem .9rem;
    cursor: pointer;
    list-style: none;
}

.admin-scan-failures > summary[b-y2u11azg8j]::-webkit-details-marker {
    display: none;
}

.admin-scan-failures > summary > span:first-child[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.admin-scan-failures > summary strong[b-y2u11azg8j],
.admin-scan-failures > summary small[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-scan-failures > summary small[b-y2u11azg8j] {
    color: var(--ink-500);
}

.admin-scan-failures > summary > :deep(.app-icon)[b-y2u11azg8j] {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--ink-500);
    transition: transform .18s ease;
}

.admin-scan-failures[open] > summary > :deep(.app-icon)[b-y2u11azg8j] {
    transform: rotate(180deg);
}

.admin-scan-failure-count[b-y2u11azg8j] {
    min-width: 2rem;
    min-height: 2rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 12%, var(--surface-raised));
    font-size: .82rem;
    font-weight: 900;
}

.admin-scan-failure-list[b-y2u11azg8j] {
    display: grid;
    gap: .6rem;
    padding: 0 .75rem .75rem;
}

.admin-scan-failure-list article[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    padding: .8rem;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--surface-raised);
}

.admin-scan-failure-copy[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.admin-scan-failure-copy strong[b-y2u11azg8j],
.admin-scan-failure-copy span[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-scan-failure-copy span[b-y2u11azg8j] {
    color: var(--ink-600);
    font-size: .78rem;
    line-height: 1.45;
}

.admin-scan-failure-title[b-y2u11azg8j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .6rem;
}

.admin-scan-failure-title b[b-y2u11azg8j] {
    flex: 0 0 auto;
    padding: .22rem .45rem;
    border-radius: 999px;
    color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 10%, var(--surface-soft));
    font-size: .68rem;
    white-space: nowrap;
}

.admin-scan-failure-meta[b-y2u11azg8j] {
    display: flex;
    max-width: 240px;
    align-content: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .3rem;
}

.admin-scan-failure-meta span[b-y2u11azg8j],
.admin-scan-failure-meta time[b-y2u11azg8j] {
    padding: .25rem .42rem;
    border-radius: 8px;
    color: var(--ink-600);
    background: var(--surface-soft);
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}

.admin-scan-failure-window[b-y2u11azg8j] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.admin-scan-failure-window div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .12rem;
    padding: .55rem .65rem;
    border-radius: 10px;
    background: var(--surface-soft);
}

.admin-scan-failure-window dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .66rem;
    font-weight: 750;
}

.admin-scan-failure-window dd[b-y2u11azg8j] {
    margin: 0;
    color: var(--ink-800);
    font-size: .74rem;
    font-weight: 800;
}

.admin-scan-failure-events[b-y2u11azg8j] {
    grid-column: 1 / -1;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface-soft);
}

.admin-scan-failure-events > summary[b-y2u11azg8j] {
    min-height: 48px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .55rem;
    padding: .62rem .7rem;
    cursor: pointer;
    list-style: none;
    color: var(--ink-700);
    font-size: .74rem;
    font-weight: 800;
}

.admin-scan-failure-events > summary[b-y2u11azg8j]::-webkit-details-marker {
    display: none;
}

.admin-scan-failure-events > summary strong[b-y2u11azg8j] {
    min-width: 1.7rem;
    min-height: 1.7rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: var(--surface-raised);
}

.admin-scan-failure-events > summary > :deep(.app-icon)[b-y2u11azg8j] {
    width: 1rem;
    height: 1rem;
    transition: transform .18s ease;
}

.admin-scan-failure-events[open] > summary > :deep(.app-icon)[b-y2u11azg8j] {
    transform: rotate(180deg);
}

.admin-scan-failure-events > div[b-y2u11azg8j] {
    display: grid;
    gap: .35rem;
    padding: 0 .55rem .55rem;
}

.admin-scan-failure-event[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .8fr) repeat(3, auto);
    align-items: center;
    gap: .45rem;
    padding: .52rem .58rem;
    border-radius: 9px;
    color: var(--ink-600);
    background: var(--surface-raised);
    font-size: .68rem;
    font-weight: 700;
}

.admin-scan-failure-event > *[b-y2u11azg8j] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.admin-performance-list[b-y2u11azg8j] {
    display: grid;
    gap: .65rem;
}

.admin-performance-list article[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(135px, 1fr) minmax(260px, 1.35fr);
    align-items: center;
    gap: .8rem;
    padding: .75rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-soft);
}

.admin-performance-copy[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-performance-copy strong[b-y2u11azg8j],
.admin-performance-copy span[b-y2u11azg8j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-performance-copy span[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .7rem;
}

.admin-performance-list dl[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
    margin: 0;
}

.admin-performance-list dl div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-performance-list dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .65rem;
}

.admin-performance-list dd[b-y2u11azg8j] {
    min-width: 0;
    margin: 0;
    font-size: .78rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.admin-feature-list[b-y2u11azg8j] {
    display: grid;
    gap: 1rem;
}

.admin-feature-row[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: minmax(150px, .7fr) minmax(160px, 1fr);
    align-items: center;
    gap: 1rem;
}

.admin-feature-copy[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.admin-feature-copy strong[b-y2u11azg8j],
.admin-feature-copy span[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-feature-copy span[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .75rem;
}

.admin-feature-track[b-y2u11azg8j] {
    height: .65rem;
    overflow: hidden;
    border-radius: 99px;
    background: var(--surface-soft);
}

.admin-feature-track span[b-y2u11azg8j] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-500), var(--brand-400));
}

.admin-breakdown[b-y2u11azg8j] {
    display: grid;
    gap: .2rem;
    margin: 0;
}

.admin-breakdown div[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 0;
    border-bottom: 1px solid var(--border);
}

.admin-breakdown div:last-child[b-y2u11azg8j] {
    border-bottom: 0;
}

.admin-breakdown dt[b-y2u11azg8j] {
    color: var(--ink-600);
}

.admin-breakdown dd[b-y2u11azg8j] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 850;
}

.admin-empty[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 1.2rem;
    border-radius: 16px;
    color: var(--ink-600);
    background: var(--surface-soft);
}

.admin-empty-success[b-y2u11azg8j] {
    color: var(--success-600);
}

.admin-incident-summary[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .6rem;
    margin-bottom: .85rem;
}

.admin-incident-summary article[b-y2u11azg8j] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    padding: .65rem .75rem;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--surface-soft);
}

.admin-incident-summary span[b-y2u11azg8j] {
    min-width: 0;
    color: var(--ink-500);
    font-size: .7rem;
    overflow-wrap: anywhere;
}

.admin-incident-summary strong[b-y2u11azg8j] {
    color: var(--ink-800);
    font-size: 1.05rem;
}

.admin-incident-summary .open strong[b-y2u11azg8j],
.admin-incident-summary .reopened strong[b-y2u11azg8j],
.admin-incident-summary .critical strong[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-incident-summary .investigating strong[b-y2u11azg8j] {
    color: var(--brand-700);
}

.admin-incident-summary .resolved strong[b-y2u11azg8j] {
    color: var(--success-600);
}

.admin-error-groups[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.admin-error-groups article[b-y2u11azg8j] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .9rem;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--surface-soft);
}

.admin-error-count[b-y2u11azg8j] {
    flex: 0 0 auto;
    padding: .3rem .5rem;
    border-radius: 9px;
    color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 10%, transparent);
    font-weight: 850;
}

.admin-error-groups article div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.admin-error-groups .admin-error-title[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.admin-error-groups .admin-error-badges[b-y2u11azg8j],
.admin-error-groups .admin-error-meta[b-y2u11azg8j] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.admin-error-groups .admin-error-badges[b-y2u11azg8j] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.admin-error-priority[b-y2u11azg8j] {
    padding: .22rem .4rem;
    border-radius: 8px;
    color: var(--danger-600) !important;
    background: var(--danger-50);
    font-size: .65rem;
    font-weight: 850;
}

.admin-error-groups .admin-error-meta[b-y2u11azg8j] {
    margin-top: .2rem;
}

.admin-error-groups .admin-error-meta span[b-y2u11azg8j] {
    max-width: 100%;
    padding: .2rem .4rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--ink-600);
    background: var(--surface-raised);
    font: .66rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow-wrap: anywhere;
}

.admin-error-status[b-y2u11azg8j] {
    flex: 0 0 auto;
    padding: .22rem .4rem;
    border-radius: 8px;
    font-size: .65rem;
    font-weight: 850;
}

.admin-error-status.new[b-y2u11azg8j] {
    color: var(--danger-600);
    background: var(--danger-50);
}

.admin-error-status.recurring[b-y2u11azg8j] {
    color: var(--warning-600);
    background: var(--warning-50);
}

.admin-error-status.investigating[b-y2u11azg8j] {
    color: var(--brand-700);
    background: var(--brand-50);
}

.admin-error-status.resolved[b-y2u11azg8j] {
    color: var(--success-600);
    background: var(--success-50);
}

.admin-error-status.ignored[b-y2u11azg8j] {
    color: var(--ink-600);
    background: var(--surface-raised);
}

.admin-error-status.reopened[b-y2u11azg8j] {
    color: var(--danger-600);
    background: var(--danger-50);
}

.admin-action-error[b-y2u11azg8j] {
    margin: 0 0 .8rem;
    padding: .75rem .9rem;
    border: 1px solid color-mix(in srgb, var(--danger-600) 30%, var(--border));
    border-radius: 12px;
    color: var(--danger-600);
    background: var(--danger-50);
}

.admin-error-actions[b-y2u11azg8j] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .45rem;
}

.admin-error-actions button[b-y2u11azg8j] {
    min-height: 36px;
    padding: .4rem .6rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--ink-700);
    background: var(--surface-raised);
    font: inherit;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.admin-error-actions button.success[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--success-600) 35%, var(--border));
    color: var(--success-600);
    background: var(--success-50);
}

.admin-error-actions button:disabled[b-y2u11azg8j] {
    opacity: .55;
    cursor: wait;
}

.admin-error-groups strong[b-y2u11azg8j],
.admin-error-groups span[b-y2u11azg8j],
.admin-error-groups small[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-error-groups span[b-y2u11azg8j],
.admin-error-groups small[b-y2u11azg8j] {
    color: var(--ink-500);
}

.admin-error-groups small[b-y2u11azg8j] {
    font-size: .72rem;
}

.admin-error-groups code[b-y2u11azg8j],
.admin-log-entry code[b-y2u11azg8j] {
    color: var(--ink-700);
    font: .72rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.admin-log-list[b-y2u11azg8j] {
    display: grid;
    gap: .55rem;
}

.admin-log-entry[b-y2u11azg8j] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface-soft);
}

.admin-log-entry summary[b-y2u11azg8j] {
    min-height: 54px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem .9rem;
    cursor: pointer;
    list-style: none;
}

.admin-log-entry summary[b-y2u11azg8j]::-webkit-details-marker {
    display: none;
}

.admin-log-entry summary > :deep(.app-icon)[b-y2u11azg8j] {
    width: 1rem;
    transition: transform .2s ease;
}

.admin-log-entry[open] summary > :deep(.app-icon)[b-y2u11azg8j] {
    transform: rotate(180deg);
}

.admin-log-severity[b-y2u11azg8j] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--danger-600);
}

.admin-log-severity.warning[b-y2u11azg8j] {
    background: var(--warning-600);
}

.admin-log-main[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.admin-log-main strong[b-y2u11azg8j],
.admin-log-main small[b-y2u11azg8j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-log-main small[b-y2u11azg8j],
.admin-log-entry time[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .75rem;
}

.admin-log-entry dl[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
    padding: 1rem;
    border-top: 1px solid var(--border);
    background: var(--surface-raised);
}

.admin-log-entry dl div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.admin-log-entry dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.admin-log-entry dd[b-y2u11azg8j] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-maintenance-section[b-y2u11azg8j] {
    margin: 1rem 0;
}

.admin-maintenance-intro[b-y2u11azg8j] {
    max-width: 920px;
    margin: -.15rem 0 1rem;
    color: var(--ink-600);
    font-size: .84rem;
    line-height: 1.5;
}

.admin-maintenance-grid[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.admin-maintenance-card[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--surface-soft);
}

.admin-maintenance-card.running[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--brand-500) 45%, var(--border));
}

.admin-maintenance-card.failed[b-y2u11azg8j] {
    border-color: color-mix(in srgb, var(--danger-600) 45%, var(--border));
    background: color-mix(in srgb, var(--danger-50) 42%, var(--surface-soft));
}

.admin-maintenance-card > header[b-y2u11azg8j] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.admin-maintenance-card > header > div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .18rem;
}

.admin-maintenance-card > header strong[b-y2u11azg8j] {
    font-size: .96rem;
}

.admin-maintenance-card > header small[b-y2u11azg8j],
.admin-maintenance-card > p[b-y2u11azg8j],
.admin-maintenance-footnote[b-y2u11azg8j] {
    color: var(--ink-600);
}

.admin-maintenance-card > p[b-y2u11azg8j] {
    margin: 0;
    font-size: .82rem;
    line-height: 1.48;
}

.admin-job-status[b-y2u11azg8j] {
    flex: 0 0 auto;
    padding: .35rem .58rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .02em;
}

.admin-job-status.succeeded[b-y2u11azg8j] {
    color: var(--success-600);
    background: var(--success-50);
}

.admin-job-status.running[b-y2u11azg8j] {
    color: var(--brand-600);
    background: color-mix(in srgb, var(--brand-500) 12%, var(--surface-raised));
}

.admin-job-status.failed[b-y2u11azg8j] {
    color: var(--danger-600);
    background: var(--danger-50);
}

.admin-job-status.waiting[b-y2u11azg8j] {
    color: var(--warning-600);
    background: var(--warning-50);
}

.admin-maintenance-metrics[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    margin: 0;
}

.admin-maintenance-metrics div[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .2rem;
    padding: .62rem;
    border-radius: 12px;
    background: var(--surface-raised);
}

.admin-maintenance-metrics dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.admin-maintenance-metrics dd[b-y2u11azg8j] {
    margin: 0;
    font-size: .95rem;
    font-weight: 850;
}

.admin-maintenance-metrics .success dd[b-y2u11azg8j] {
    color: var(--success-600);
}

.admin-maintenance-metrics .warning dd[b-y2u11azg8j] {
    color: var(--warning-600);
}

.admin-maintenance-metrics .danger dd[b-y2u11azg8j] {
    color: var(--danger-600);
}

.admin-maintenance-note[b-y2u11azg8j] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .8rem;
    color: var(--ink-600);
    font-size: .76rem;
}

.admin-maintenance-error[b-y2u11azg8j] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .7rem;
    border-radius: 12px;
    color: var(--danger-600);
    background: var(--danger-50);
}

.admin-maintenance-error > :deep(.app-icon)[b-y2u11azg8j] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.admin-maintenance-error span[b-y2u11azg8j] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.admin-maintenance-error small[b-y2u11azg8j] {
    overflow-wrap: anywhere;
}

.admin-maintenance-card > footer[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding-top: .7rem;
    border-top: 1px solid var(--border);
    color: var(--ink-500);
    font-size: .7rem;
}

.admin-maintenance-card > footer span:first-child[b-y2u11azg8j] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.admin-maintenance-card > footer :deep(.app-icon)[b-y2u11azg8j] {
    width: .9rem;
    height: .9rem;
    flex: 0 0 auto;
}

.admin-maintenance-card > footer span:last-child[b-y2u11azg8j] {
    text-align: right;
}

.admin-maintenance-footnote[b-y2u11azg8j] {
    display: block;
    margin-top: .85rem;
    line-height: 1.45;
}

.admin-merchant-logo-intro[b-y2u11azg8j] {
    max-width: 70rem;
    margin: -.35rem 0 1rem;
    color: var(--ink-600);
    font-size: .78rem;
    line-height: 1.55;
}

.admin-merchant-logo-list[b-y2u11azg8j] {
    display: grid;
    gap: .7rem;
}

.admin-merchant-logo-list article[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: .8rem;
    background: var(--surface-soft);
}

.admin-merchant-logo-placeholder[b-y2u11azg8j] {
    display: grid;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--brand-500) 30%, var(--border));
    border-radius: 14px;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: .82rem;
    font-weight: 950;
}

.admin-merchant-logo-copy[b-y2u11azg8j] {
    min-width: 0;
}

.admin-merchant-logo-copy > header[b-y2u11azg8j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .55rem;
}

.admin-merchant-logo-copy > header strong[b-y2u11azg8j] {
    min-width: 0;
    color: var(--ink-900);
    overflow-wrap: anywhere;
}

.admin-merchant-logo-copy > header span[b-y2u11azg8j] {
    border-radius: 999px;
    padding: .22rem .48rem;
    background: var(--warning-50);
    color: var(--warning-600);
    font-size: .64rem;
    font-weight: 850;
}

.admin-merchant-logo-copy dl[b-y2u11azg8j] {
    display: grid;
    grid-template-columns: minmax(6rem, .55fr) minmax(12rem, 1.5fr) minmax(6rem, .55fr) minmax(8rem, .7fr);
    gap: .45rem .75rem;
    margin: 0;
}

.admin-merchant-logo-copy dl div[b-y2u11azg8j] {
    min-width: 0;
}

.admin-merchant-logo-copy dt[b-y2u11azg8j] {
    color: var(--ink-500);
    font-size: .62rem;
}

.admin-merchant-logo-copy dd[b-y2u11azg8j] {
    margin: .1rem 0 0;
    color: var(--ink-800);
    font-size: .72rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.admin-merchant-logo-action[b-y2u11azg8j] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: 1px solid var(--border-strong);
    border-radius: 12px;
    padding: .55rem .7rem;
    background: var(--surface);
    color: var(--brand-700);
    font-size: .7rem;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
}

.admin-merchant-logo-action:hover[b-y2u11azg8j],
.admin-merchant-logo-action:focus-visible[b-y2u11azg8j] {
    border-color: var(--brand-400);
    background: var(--brand-50);
}

.admin-merchant-logo-action :deep(.app-icon)[b-y2u11azg8j] {
    width: .9rem;
    height: .9rem;
    flex: 0 0 auto;
}

.admin-merchant-logo-limit[b-y2u11azg8j] {
    display: block;
    margin-top: .75rem;
    color: var(--ink-500);
}

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

    .admin-two-column[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-maintenance-grid[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-merchant-logo-list article[b-y2u11azg8j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-merchant-logo-copy dl[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-merchant-logo-action[b-y2u11azg8j] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .admin-page[b-y2u11azg8j] {
        padding: .75rem .75rem 1.25rem;
    }

    .admin-hero[b-y2u11azg8j] {
        align-items: stretch;
        flex-direction: column;
        border-radius: 22px;
    }

    .admin-hero-actions[b-y2u11azg8j] {
        grid-template-columns: 1fr;
        align-items: stretch;
        justify-items: stretch;
    }

    .admin-hero button[b-y2u11azg8j] {
        width: 100%;
    }

    .admin-build[b-y2u11azg8j] {
        white-space: nowrap;
    }

    .admin-privacy-note[b-y2u11azg8j] {
        font-size: .9rem;
    }

    .admin-range-picker[b-y2u11azg8j] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-range-picker > span[b-y2u11azg8j] {
        grid-column: 1 / -1;
        margin: 0;
    }

    .admin-range-picker button[b-y2u11azg8j] {
        min-height: 44px;
        padding-inline: .35rem;
    }

    .admin-kpi-grid[b-y2u11azg8j] {
        grid-template-columns: 1fr;
        gap: .75rem;
    }

    .admin-kpi-card[b-y2u11azg8j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-section-heading[b-y2u11azg8j] {
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .admin-chart-legend[b-y2u11azg8j] {
        justify-content: flex-start;
    }

    .admin-activity-chart[b-y2u11azg8j] {
        grid-template-columns: repeat(14, minmax(30px, 1fr));
        margin-inline: -.25rem;
        padding-inline: .25rem;
    }

    .admin-feature-row[b-y2u11azg8j] {
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .admin-scan-breakdown[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-scan-failure-list article[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-scan-failure-meta[b-y2u11azg8j] {
        max-width: none;
        justify-content: flex-start;
    }

    .admin-scan-failure-window[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-scan-failure-event[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .35rem .55rem;
    }

    .admin-scan-failure-event time[b-y2u11azg8j] {
        grid-column: 1 / -1;
    }

    .admin-health-components[b-y2u11azg8j],
    .admin-quality-breakdown[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-system-meta[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-maintenance-metrics[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-maintenance-card > footer[b-y2u11azg8j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-maintenance-card > footer span:last-child[b-y2u11azg8j] {
        text-align: left;
    }

    .admin-merchant-logo-list article[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-merchant-logo-placeholder[b-y2u11azg8j] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .admin-merchant-logo-copy dl[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-merchant-logo-action[b-y2u11azg8j] {
        width: 100%;
        min-height: 44px;
    }

    .admin-release-list dl[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-release-list header[b-y2u11azg8j] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .admin-release-list time[b-y2u11azg8j] {
        flex-basis: 100%;
        margin-left: 0;
        text-align: left;
    }

    .admin-incident-summary[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-error-groups .admin-error-title[b-y2u11azg8j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-error-groups .admin-error-badges[b-y2u11azg8j] {
        justify-content: flex-start;
    }

    .admin-error-actions button[b-y2u11azg8j] {
        min-height: 44px;
    }

    .admin-performance-list article[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-performance-list dl[b-y2u11azg8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-error-groups[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }

    .admin-log-entry summary[b-y2u11azg8j] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .admin-log-entry summary > :deep(.app-icon)[b-y2u11azg8j] {
        grid-column: 3;
        grid-row: 1;
    }

    .admin-log-entry time[b-y2u11azg8j] {
        grid-column: 2 / 4;
    }

    .admin-log-entry dl[b-y2u11azg8j] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-spinner[b-y2u11azg8j] {
        animation-duration: 1.8s;
    }
}
/* /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],
.panel-eyebrow[b-yv1rft1nup] {
    display: block;
    color: #0369a1;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bill-detail-primary-action[b-yv1rft1nup],
.bill-detail-secondary-action[b-yv1rft1nup] {
    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-yv1rft1nup] {
    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-yv1rft1nup] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: var(--receipt-ink);
}

.bill-detail-primary-action:hover[b-yv1rft1nup],
.bill-detail-secondary-action:hover[b-yv1rft1nup] {
    transform: translateY(-1px);
}

.bill-detail-primary-action:disabled[b-yv1rft1nup],
.bill-detail-secondary-action:disabled[b-yv1rft1nup] {
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
}

.bill-hero[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.85fr);
    gap: clamp(1rem, 3vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 2rem;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    background:
        radial-gradient(circle at 86% 12%, rgba(59, 130, 246, 0.28), transparent 25rem),
        linear-gradient(135deg, #07111f, #111827 62%, #172554);
    color: #ffffff;
    box-shadow: 0 1.75rem 5rem rgba(15, 23, 42, 0.2);
}

.bill-hero-copy[b-yv1rft1nup] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.bill-back-link[b-yv1rft1nup] {
    display: inline-flex;
    width: fit-content;
    min-height: 2.5rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    background: rgba(255, 255, 255, 0.1);
    color: var(--receipt-soft);
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.bill-merchant-heading[b-yv1rft1nup] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1.2rem;
}

.bill-merchant-heading > div:last-child[b-yv1rft1nup] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.bill-merchant-heading small[b-yv1rft1nup] {
    overflow-wrap: anywhere;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.35;
}

.bill-hero h1[b-yv1rft1nup] {
    max-width: 48rem;
    margin: 1rem 0 0;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: clamp(2.35rem, 6vw, 4.75rem);
    letter-spacing: -0.065em;
    line-height: 0.96;
}

.bill-hero p[b-yv1rft1nup] {
    max-width: 42rem;
    margin: 0.85rem 0 0;
    color: var(--receipt-border);
    font-size: clamp(0.98rem, 2vw, 1.12rem);
    line-height: 1.55;
}

.bill-receipt-card[b-yv1rft1nup] {
    align-self: center;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 1.65rem;
    padding: 1.15rem;
    background: rgba(15, 23, 42, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 1.5rem 4rem rgba(0, 0, 0, 0.2);
}

.bill-receipt-amount-label[b-yv1rft1nup] {
    display: block;
    color: #bfdbfe;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bill-receipt-card > strong[b-yv1rft1nup] {
    display: block;
    margin-top: 0.35rem;
    color: #ffffff;
    font-size: clamp(2.15rem, 5vw, 3.35rem);
    letter-spacing: -0.05em;
    line-height: 1;
}

.bill-featured-item-summary[b-yv1rft1nup] {
    display: grid;
    gap: 0.2rem;
    margin-top: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1rem;
    padding: 0.8rem 0.9rem;
    background: rgba(15, 23, 42, 0.42);
}

.bill-featured-item-summary > span[b-yv1rft1nup],
.bill-receipt-date > span[b-yv1rft1nup] {
    color: #bfdbfe;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-featured-item-summary > strong[b-yv1rft1nup] {
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.35;
}

.bill-featured-item-summary > small[b-yv1rft1nup] {
    color: var(--receipt-brand-border);
    font-size: 0.9rem;
    font-weight: 900;
}

.bill-receipt-date[b-yv1rft1nup] {
    display: grid;
    gap: 0.18rem;
    margin-top: 0.9rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    padding-top: 0.85rem;
}

.bill-receipt-date strong[b-yv1rft1nup] {
    color: #ffffff;
    font-size: 0.96rem;
}

.bill-technical-details[b-yv1rft1nup] {
    margin-top: 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    padding-top: 0.75rem;
}

.bill-technical-details summary[b-yv1rft1nup] {
    min-height: 2.75rem;
    cursor: pointer;
    color: var(--receipt-brand-border);
    font-size: 0.85rem;
    font-weight: 900;
    line-height: 2.75rem;
}

.bill-technical-details dl[b-yv1rft1nup] {
    display: grid;
    gap: 0.7rem;
    margin: 0.3rem 0 0;
}

.bill-technical-details dl > div[b-yv1rft1nup] {
    display: grid;
    gap: 0.15rem;
}

.bill-technical-details dt[b-yv1rft1nup] {
    color: #93c5fd;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-technical-details dd[b-yv1rft1nup] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 800;
}

.bill-mono[b-yv1rft1nup],
.bill-detail-code[b-yv1rft1nup] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    word-break: break-all;
}

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

.bill-detail-panel[b-yv1rft1nup] {
    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);
}

.panel-title-row[b-yv1rft1nup],
.bill-detail-panel-header[b-yv1rft1nup] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.panel-title-row[b-yv1rft1nup] {
    justify-content: flex-start;
}

.panel-title-row h2[b-yv1rft1nup],
.bill-detail-panel-header h2[b-yv1rft1nup],
.bill-case-panel h2[b-yv1rft1nup],
.bill-delete-panel h2[b-yv1rft1nup] {
    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-yv1rft1nup] {
    display: grid;
    gap: 0.28rem;
}

.panel-icon[b-yv1rft1nup] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.85rem;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand-strong);
    font-size: 1rem;
    font-weight: 900;
}

.bill-detail-facts[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1rem;
    margin: 1rem 0 0;
}

.bill-detail-facts > div[b-yv1rft1nup] {
    min-width: 0;
    border-top: 1px solid #edf2f7;
    padding-top: 0.75rem;
}

.bill-detail-facts dt[b-yv1rft1nup] {
    color: var(--receipt-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-detail-facts dd[b-yv1rft1nup] {
    margin: 0.28rem 0 0;
    overflow-wrap: anywhere;
    color: var(--receipt-ink);
    font-size: 0.94rem;
    font-weight: 800;
    line-height: 1.4;
}

.bill-vat-table-wrap[b-yv1rft1nup],
.bill-items-table-wrap[b-yv1rft1nup] {
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--receipt-border);
    border-radius: 1.15rem;
}

.bill-vat-table[b-yv1rft1nup],
.bill-items-table[b-yv1rft1nup] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.bill-vat-table th[b-yv1rft1nup],
.bill-vat-table td[b-yv1rft1nup],
.bill-items-table th[b-yv1rft1nup],
.bill-items-table td[b-yv1rft1nup] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--receipt-border);
    color: var(--receipt-ink);
    text-align: left;
    vertical-align: top;
}

.bill-vat-table th[b-yv1rft1nup],
.bill-items-table th[b-yv1rft1nup] {
    background: var(--receipt-soft);
    color: var(--receipt-text);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-vat-table tbody tr:last-child td[b-yv1rft1nup],
.bill-items-table tbody tr:last-child td[b-yv1rft1nup],
.bill-vat-table tfoot tr:last-child td[b-yv1rft1nup] {
    border-bottom: 0;
}

.bill-vat-table tfoot td[b-yv1rft1nup] {
    border-top: 2px solid #bfdbfe;
    background: var(--receipt-brand-soft);
}

.bill-vat-rate[b-yv1rft1nup],
.items-total[b-yv1rft1nup] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    background: var(--receipt-brand-border);
    color: #1e40af;
    font-size: 0.84rem;
    font-weight: 900;
}

.bill-vat-note[b-yv1rft1nup],
.bill-vat-warning[b-yv1rft1nup] {
    margin: 0.85rem 0 0;
    color: var(--receipt-text);
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.5;
}

.bill-vat-warning[b-yv1rft1nup] {
    border-radius: 0.85rem;
    padding: 0.75rem 0.85rem;
    background: #fff7ed;
    color: #9a3412;
}

.bill-vat-empty[b-yv1rft1nup],
.bill-detail-empty[b-yv1rft1nup] {
    display: grid;
    gap: 0.3rem;
    margin-top: 1rem;
    border-radius: 1rem;
    padding: 1rem;
    background: var(--receipt-soft);
    color: var(--receipt-text);
}

.bill-vat-empty strong[b-yv1rft1nup],
.bill-detail-empty h2[b-yv1rft1nup] {
    margin: 0;
    color: var(--receipt-ink);
}

.bill-vat-empty span[b-yv1rft1nup],
.bill-detail-empty p[b-yv1rft1nup] {
    margin: 0;
    line-height: 1.5;
}

.bill-detail-empty.compact[b-yv1rft1nup] {
    margin-bottom: 0;
}

.bill-items-table th:last-child[b-yv1rft1nup],
.bill-items-table td:last-child[b-yv1rft1nup] {
    text-align: right;
}

.item-name[b-yv1rft1nup] {
    display: block;
    overflow-wrap: anywhere;
    color: var(--receipt-ink);
    font-weight: 850;
    line-height: 1.4;
}

.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.55rem;
    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:hover[b-yv1rft1nup] {
    border-color: #93c5fd;
    background: var(--receipt-brand-soft);
}

.bill-utility-actions .bill-share-trigger[b-yv1rft1nup] {
    border-color: #bfdbfe;
    background: var(--receipt-brand-soft);
    color: var(--receipt-brand-strong);
}

.bill-utility-actions .bill-share-trigger:hover[b-yv1rft1nup],
.bill-utility-actions .bill-share-trigger:focus-visible[b-yv1rft1nup],
.bill-utility-actions .bill-share-trigger.active[b-yv1rft1nup] {
    border-color: #60a5fa;
    background: var(--receipt-brand-border);
    color: #1e40af;
}

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

.receipt-share-panel[b-yv1rft1nup] {
    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-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.8rem;
}

.receipt-share-heading h2[b-yv1rft1nup],
.receipt-share-heading p[b-yv1rft1nup],
.receipt-share-active-state p[b-yv1rft1nup] {
    margin: 0;
}

.receipt-share-heading h2[b-yv1rft1nup] {
    color: var(--receipt-ink);
    font-size: 1.05rem;
    line-height: 1.3;
}

.receipt-share-heading p[b-yv1rft1nup] {
    margin-top: 0.22rem;
    color: var(--receipt-text);
    font-size: 0.9rem;
    line-height: 1.45;
}

.receipt-share-icon[b-yv1rft1nup],
.receipt-share-state-mark[b-yv1rft1nup] {
    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-yv1rft1nup]  .app-icon,
.receipt-share-state-mark[b-yv1rft1nup]  .app-icon,
.receipt-share-expiration[b-yv1rft1nup]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.receipt-share-close[b-yv1rft1nup] {
    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-yv1rft1nup],
.receipt-share-close:focus-visible[b-yv1rft1nup] {
    background: var(--receipt-border);
    color: var(--receipt-ink);
}

.receipt-share-close[b-yv1rft1nup]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.receipt-share-loading[b-yv1rft1nup],
.receipt-share-empty-state[b-yv1rft1nup],
.receipt-share-active-state[b-yv1rft1nup],
.receipt-share-link-block[b-yv1rft1nup] {
    border: 1px solid var(--receipt-brand-border);
    border-radius: 1rem;
    padding: 0.95rem;
    background: rgba(255, 255, 255, 0.88);
}

.receipt-share-loading[b-yv1rft1nup] {
    color: var(--receipt-text);
    font-weight: 750;
}

.receipt-share-empty-state[b-yv1rft1nup] {
    display: grid;
    gap: 0.3rem;
}

.receipt-share-empty-state strong[b-yv1rft1nup] {
    color: var(--receipt-ink);
}

.receipt-share-empty-state span[b-yv1rft1nup],
.receipt-share-active-state p[b-yv1rft1nup] {
    color: var(--receipt-muted);
    font-size: 0.86rem;
    line-height: 1.5;
}

.receipt-share-active-state[b-yv1rft1nup] {
    display: grid;
    gap: 0.75rem;
}

.receipt-share-active-state > div[b-yv1rft1nup] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.receipt-share-active-state > div > span:last-child[b-yv1rft1nup] {
    display: grid;
    gap: 0.16rem;
}

.receipt-share-active-state strong[b-yv1rft1nup] {
    color: #166534;
}

.receipt-share-active-state small[b-yv1rft1nup] {
    color: var(--receipt-text);
}

.receipt-share-state-mark[b-yv1rft1nup] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    background: #dcfce7;
    color: #15803d;
}

.receipt-share-link-block[b-yv1rft1nup] {
    display: grid;
    gap: 0.55rem;
}

.receipt-share-link-block label[b-yv1rft1nup] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.receipt-share-link-row[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.receipt-share-link-row input[b-yv1rft1nup] {
    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-yv1rft1nup],
.receipt-share-primary[b-yv1rft1nup],
.receipt-share-revoke[b-yv1rft1nup] {
    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-yv1rft1nup],
.receipt-share-primary[b-yv1rft1nup] {
    border: 1px solid var(--receipt-brand);
    background: var(--receipt-brand);
    color: #ffffff;
}

.receipt-share-copy:hover[b-yv1rft1nup],
.receipt-share-copy:focus-visible[b-yv1rft1nup],
.receipt-share-primary:hover[b-yv1rft1nup],
.receipt-share-primary:focus-visible[b-yv1rft1nup] {
    border-color: var(--receipt-brand-strong);
    background: var(--receipt-brand-strong);
}

.receipt-share-copy:disabled[b-yv1rft1nup],
.receipt-share-primary:disabled[b-yv1rft1nup],
.receipt-share-revoke:disabled[b-yv1rft1nup] {
    cursor: wait;
    opacity: 0.62;
}

.receipt-share-expiration[b-yv1rft1nup] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--receipt-text);
    font-size: 0.82rem;
    font-weight: 750;
}

.receipt-share-message[b-yv1rft1nup] {
    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-yv1rft1nup] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.receipt-share-message.error[b-yv1rft1nup] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.receipt-share-actions[b-yv1rft1nup] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.receipt-share-revoke[b-yv1rft1nup] {
    border: 1px solid #fecaca;
    background: #ffffff;
    color: #b91c1c;
}

.receipt-share-revoke:hover[b-yv1rft1nup],
.receipt-share-revoke:focus-visible[b-yv1rft1nup] {
    border-color: #f87171;
    background: #fef2f2;
}

.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] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

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

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

.bill-more-options[b-yv1rft1nup] {
    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-yv1rft1nup] {
    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-yv1rft1nup]::-webkit-details-marker {
    display: none;
}

.bill-more-options > summary > span:nth-child(2)[b-yv1rft1nup] {
    display: grid;
    gap: 0.15rem;
}

.bill-more-options > summary strong[b-yv1rft1nup] {
    color: var(--receipt-ink);
}

.bill-more-options > summary small[b-yv1rft1nup] {
    color: var(--receipt-muted);
    line-height: 1.35;
}

.bill-more-options-icon[b-yv1rft1nup] {
    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-yv1rft1nup] {
    color: var(--receipt-muted);
    font-size: 1.3rem;
    transition: transform 0.18s ease;
}


.bill-more-options-content[b-yv1rft1nup] {
    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-editor-panel[b-yv1rft1nup] {
    grid-column: span 1;
}

.bill-case-panel[b-yv1rft1nup] {
    align-self: start;
    background: var(--receipt-ink);
    color: var(--receipt-border);
}

.bill-case-panel .panel-eyebrow[b-yv1rft1nup] {
    color: #7dd3fc;
}

.bill-case-panel h2[b-yv1rft1nup] {
    margin-top: 0.35rem;
    color: #ffffff;
}

.bill-case-panel p[b-yv1rft1nup] {
    margin: 1rem 0 0;
    color: #cbd5e1;
    line-height: 1.55;
}

.bill-checklist[b-yv1rft1nup] {
    display: grid;
    gap: 0.65rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.bill-checklist li[b-yv1rft1nup] {
    position: relative;
    padding-left: 1.7rem;
    color: var(--receipt-border);
    line-height: 1.45;
}

.bill-checklist li[b-yv1rft1nup]::before {
    position: absolute;
    top: 0.1rem;
    left: 0;
    display: grid;
    width: 1.1rem;
    height: 1.1rem;
    place-items: center;
    border: 1px solid var(--receipt-muted);
    border-radius: 999px;
    color: #cbd5e1;
    content: "";
    font-size: 0.7rem;
}

.bill-checklist li.done[b-yv1rft1nup]::before {
    border-color: #22c55e;
    background: #22c55e;
    color: #052e16;
    content: "✓";
    font-weight: 900;
}

.bill-checklist li.todo[b-yv1rft1nup]::before {
    border-color: #f59e0b;
    background: #f59e0b;
}

.bill-detail-saving[b-yv1rft1nup] {
    color: var(--receipt-brand-strong);
    font-size: 0.84rem;
    font-weight: 900;
}

.bill-user-fields[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.bill-user-fields label[b-yv1rft1nup] {
    display: grid;
    min-width: 0;
    gap: 0.4rem;
}

.bill-user-fields label > span[b-yv1rft1nup] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 900;
}

.bill-user-fields .wide[b-yv1rft1nup],
.bill-user-fields-actions[b-yv1rft1nup] {
    grid-column: 1 / -1;
}

.bill-user-fields select[b-yv1rft1nup],
.bill-user-fields textarea[b-yv1rft1nup] {
    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-yv1rft1nup] {
    min-height: 7rem;
    resize: vertical;
}

.bill-user-fields select:focus[b-yv1rft1nup],
.bill-user-fields textarea:focus[b-yv1rft1nup] {
    border-color: var(--receipt-brand);
    outline: 3px solid rgba(37, 99, 235, 0.16);
    outline-offset: 1px;
}

.bill-delete-action[b-yv1rft1nup],
.bill-delete-cancel[b-yv1rft1nup] {
    min-height: 2.75rem;
    border-radius: 0.75rem;
    padding: 0.65rem 0.85rem;
    font: inherit;
    font-weight: 900;
}

.bill-user-fields-actions[b-yv1rft1nup] {
    display: flex;
    justify-content: flex-start;
}

.bill-attachments-section[b-yv1rft1nup] {
    min-width: 0;
}

.bill-delete-panel[b-yv1rft1nup] {
    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-yv1rft1nup] {
    display: grid;
    gap: 0.3rem;
}

.bill-delete-panel p[b-yv1rft1nup] {
    margin: 0;
    color: #7f1d1d;
    line-height: 1.45;
}

.bill-delete-action[b-yv1rft1nup] {
    border: 1px solid #dc2626;
    background: #dc2626;
    color: #ffffff;
}

.bill-delete-cancel[b-yv1rft1nup] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: var(--receipt-ink);
}

.bill-delete-action:disabled[b-yv1rft1nup],
.bill-delete-cancel:disabled[b-yv1rft1nup] {
    cursor: not-allowed;
    opacity: 0.6;
}

.bill-delete-confirmation[b-yv1rft1nup] {
    display: grid;
    gap: 0.55rem;
}

.bill-delete-confirmation > div[b-yv1rft1nup] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

    .bill-hero h1[b-yv1rft1nup] {
        font-size: clamp(2.35rem, 9vw, 4rem);
    }

    .bill-editor-panel[b-yv1rft1nup] {
        grid-column: auto;
    }

    .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-hero[b-yv1rft1nup],
    .bill-detail-panel[b-yv1rft1nup],
    .bill-utility-bar[b-yv1rft1nup],
    .bill-more-options[b-yv1rft1nup],
    .bill-delete-panel[b-yv1rft1nup] {
        border-radius: 1.15rem;
    }

    .bill-hero[b-yv1rft1nup] {
        gap: 1rem;
        padding: 1rem;
    }

    .bill-back-link[b-yv1rft1nup] {
        min-height: 2.75rem;
        padding-inline: 0.85rem;
    }

    .bill-merchant-heading[b-yv1rft1nup] {
        align-items: flex-start;
        margin-top: 0.9rem;
    }

    .bill-hero h1[b-yv1rft1nup] {
        margin-top: 0.8rem;
        font-size: clamp(2rem, 10vw, 3rem);
        letter-spacing: -0.05em;
        line-height: 1;
    }

    .bill-hero p[b-yv1rft1nup] {
        margin-top: 0.55rem;
        color: #f1f5f9;
        font-size: 0.98rem;
        line-height: 1.45;
    }

    .bill-receipt-card[b-yv1rft1nup] {
        border-radius: 1.15rem;
        padding: 1rem;
        background: var(--receipt-ink);
    }

    .bill-receipt-card > strong[b-yv1rft1nup] {
        font-size: 2.4rem;
    }

    .bill-featured-item-summary > span[b-yv1rft1nup],
    .bill-receipt-date > span[b-yv1rft1nup],
    .bill-technical-details dt[b-yv1rft1nup] {
        font-size: 0.75rem;
    }

    .bill-desktop-detail-grid[b-yv1rft1nup] {
        display: none;
    }

    .bill-detail-panel[b-yv1rft1nup] {
        padding: 1rem;
    }

    .bill-detail-panel-header[b-yv1rft1nup] {
        align-items: flex-start;
    }

    .bill-detail-facts[b-yv1rft1nup],
    .bill-user-fields[b-yv1rft1nup] {
        grid-template-columns: 1fr;
    }

    .bill-detail-facts > div[b-yv1rft1nup] {
        grid-column: auto;
    }

    .bill-vat-table-wrap[b-yv1rft1nup],
    .bill-items-table-wrap[b-yv1rft1nup] {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .bill-vat-table[b-yv1rft1nup],
    .bill-items-table[b-yv1rft1nup],
    .bill-vat-table tbody[b-yv1rft1nup],
    .bill-vat-table tfoot[b-yv1rft1nup],
    .bill-vat-table tr[b-yv1rft1nup],
    .bill-vat-table td[b-yv1rft1nup],
    .bill-items-table tbody[b-yv1rft1nup],
    .bill-items-table tr[b-yv1rft1nup],
    .bill-items-table td[b-yv1rft1nup] {
        display: block;
        width: 100%;
    }

    .bill-vat-table thead[b-yv1rft1nup],
    .bill-items-table thead[b-yv1rft1nup] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .bill-vat-table tbody[b-yv1rft1nup],
    .bill-vat-table tfoot[b-yv1rft1nup],
    .bill-items-table tbody[b-yv1rft1nup] {
        display: grid;
        gap: 0.7rem;
    }

    .bill-vat-table tr[b-yv1rft1nup],
    .bill-items-table tr[b-yv1rft1nup] {
        overflow: hidden;
        border: 1px solid #dbe4ef;
        border-radius: 1rem;
        padding: 0.25rem 0.85rem;
        background: var(--receipt-soft);
    }

    .bill-vat-table tfoot[b-yv1rft1nup] {
        margin-top: 0.7rem;
    }

    .bill-vat-table tfoot tr[b-yv1rft1nup] {
        border-color: #93c5fd;
        background: var(--receipt-brand-soft);
    }

    .bill-vat-table td[b-yv1rft1nup],
    .bill-items-table td[b-yv1rft1nup],
    .bill-items-table td:last-child[b-yv1rft1nup] {
        display: grid;
        grid-template-columns: minmax(5.5rem, 0.8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 0.7rem;
        min-height: 2.7rem;
        border-bottom: 1px solid var(--receipt-border);
        padding: 0.55rem 0;
        text-align: right;
    }

    .bill-vat-table td:last-child[b-yv1rft1nup],
    .bill-items-table td:last-child[b-yv1rft1nup] {
        border-bottom: 0;
    }

    .bill-vat-table tfoot td[b-yv1rft1nup] {
        border-top: 0;
        background: transparent;
    }

    .bill-vat-table td[b-yv1rft1nup]::before,
    .bill-items-table td[b-yv1rft1nup]::before {
        color: var(--receipt-muted);
        content: attr(data-label);
        font-size: 0.75rem;
        font-weight: 900;
        letter-spacing: 0.07em;
        text-align: left;
        text-transform: uppercase;
    }

    .bill-items-table td:first-child[b-yv1rft1nup] {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .bill-items-table td:first-child[b-yv1rft1nup]::before {
        display: none;
    }

    .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;
    }

    .receipt-share-panel[b-yv1rft1nup] {
        border-radius: 1.1rem;
        padding: 0.9rem;
    }

    .receipt-share-link-row[b-yv1rft1nup] {
        grid-template-columns: 1fr;
    }

    .receipt-share-copy[b-yv1rft1nup],
    .receipt-share-primary[b-yv1rft1nup],
    .receipt-share-revoke[b-yv1rft1nup] {
        width: 100%;
    }

    .bill-more-options-content[b-yv1rft1nup] {
        padding: 0.75rem;
    }

    .bill-more-options > summary[b-yv1rft1nup] {
        min-height: 4.75rem;
        padding: 0.75rem;
    }

    .bill-delete-panel[b-yv1rft1nup] {
        grid-template-columns: 1fr;
    }

    .bill-delete-action[b-yv1rft1nup],
    .bill-delete-cancel[b-yv1rft1nup],
    .bill-delete-confirmation > div[b-yv1rft1nup] {
        width: 100%;
    }

    .bill-delete-confirmation > div[b-yv1rft1nup] {
        display: grid;
    }
}


/* 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-page-header[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: 2.85rem minmax(0, 1fr) 2.85rem;
    align-items: center;
    min-height: 3.25rem;
}

.receipt-page-header h1[b-yv1rft1nup] {
    margin: 0;
    color: var(--receipt-ink);
    font-size: clamp(1.55rem, 4vw, 2rem);
    font-weight: 950;
    letter-spacing: -0.045em;
    line-height: 1.1;
    text-align: center;
}

.receipt-back-link[b-yv1rft1nup] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 999px;
    color: var(--receipt-ink);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background 0.18s ease, transform 0.18s ease;
}

.receipt-back-link:hover[b-yv1rft1nup] {
    background: #eef2f7;
    transform: translateX(-1px);
}

.receipt-header-spacer[b-yv1rft1nup] {
    width: 2.75rem;
    height: 2.75rem;
}

.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-with-meta[b-yv1rft1nup] {
    justify-content: space-between;
}

.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-count-pill[b-yv1rft1nup] {
    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-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-items-table-wrap[b-yv1rft1nup] {
    margin-top: 0.75rem;
    overflow: hidden;
}

.receipt-items-table[b-yv1rft1nup] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.receipt-items-table th[b-yv1rft1nup],
.receipt-items-table td[b-yv1rft1nup] {
    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-yv1rft1nup] {
    color: #667085;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.receipt-item-sort[b-yv1rft1nup] {
    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-yv1rft1nup],
.receipt-item-sort:focus-visible[b-yv1rft1nup],
.receipt-item-sort.active[b-yv1rft1nup] {
    color: var(--receipt-brand-strong);
}

.receipt-item-sort:focus-visible[b-yv1rft1nup] {
    outline: 2px solid #93c5fd;
    outline-offset: 3px;
    border-radius: 0.35rem;
}

.receipt-item-sort span:first-child[b-yv1rft1nup] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.receipt-item-sort-icon[b-yv1rft1nup] {
    flex: 0 0 auto;
    width: 0.72rem;
    height: 0.72rem;
    stroke-width: 2.35;
}

.receipt-item-sort.ascending .receipt-item-sort-icon[b-yv1rft1nup] {
    transform: rotate(180deg);
}

.receipt-item-sort-placeholder[b-yv1rft1nup] {
    opacity: 0;
}

.receipt-items-table th:first-child[b-yv1rft1nup],
.receipt-items-table td:first-child[b-yv1rft1nup] {
    width: 42%;
    padding-left: 0.7rem;
    text-align: left;
}

.receipt-items-table th:last-child[b-yv1rft1nup],
.receipt-items-table td:last-child[b-yv1rft1nup] {
    width: 20%;
    padding-right: 0.7rem;
}

.receipt-items-table th:not(:first-child)[b-yv1rft1nup],
.receipt-items-table td:not(:first-child)[b-yv1rft1nup] {
    text-align: right;
}

.receipt-items-table th:not(:first-child) .receipt-item-sort[b-yv1rft1nup] {
    justify-content: flex-end;
}

.receipt-items-table tbody tr:last-child td[b-yv1rft1nup] {
    border-bottom: 0;
}

.receipt-item-name[b-yv1rft1nup] {
    display: block;
    overflow-wrap: anywhere;
    color: #111827;
    font-weight: 650;
}

.receipt-items-table td:last-child strong[b-yv1rft1nup] {
    color: #0b1220;
    font-weight: 950;
    white-space: nowrap;
}

.receipt-empty-state[b-yv1rft1nup] {
    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-yv1rft1nup] {
    color: var(--receipt-ink);
}

.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-page-header[b-yv1rft1nup] {
        min-height: 3rem;
    }

    .receipt-page-header h1[b-yv1rft1nup] {
        font-size: 1.55rem;
    }

    .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-items-table th[b-yv1rft1nup],
    .receipt-items-table td[b-yv1rft1nup] {
        padding: 0.62rem 0.25rem;
        font-size: 0.82rem;
    }

    .receipt-items-table th[b-yv1rft1nup] {
        font-size: 0.7rem;
    }

    .receipt-items-table th:first-child[b-yv1rft1nup],
    .receipt-items-table td:first-child[b-yv1rft1nup] {
        width: 40%;
    }

    .receipt-items-table th:last-child[b-yv1rft1nup],
    .receipt-items-table td:last-child[b-yv1rft1nup] {
        width: 22%;
    }

    .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;
    }

    .receipt-count-pill[b-yv1rft1nup] {
        display: none;
    }

    .receipt-items-table th[b-yv1rft1nup],
    .receipt-items-table td[b-yv1rft1nup] {
        font-size: 0.76rem;
    }

    .receipt-items-table th[b-yv1rft1nup] {
        font-size: 0.66rem;
    }
}

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

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

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

    .bill-hero[b-yv1rft1nup] {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 8mm;
        border: 1px solid #64748b;
        border-radius: 5mm;
        padding: 7mm;
        background: #ffffff !important;
        color: #000000;
        box-shadow: none;
    }

    .bill-merchant-heading[b-yv1rft1nup] {
        margin-top: 0;
    }

    .bill-merchant-heading small[b-yv1rft1nup],
    .bill-hero h1[b-yv1rft1nup],
    .bill-hero p[b-yv1rft1nup] {
        color: #000000;
    }

    .bill-hero h1[b-yv1rft1nup] {
        margin-top: 5mm;
        font-size: 26pt;
    }

    .bill-hero p[b-yv1rft1nup] {
        margin-top: 2mm;
    }

    .bill-receipt-card[b-yv1rft1nup] {
        border: 1px solid #94a3b8;
        border-radius: 4mm;
        padding: 5mm;
        background: #f8fafc !important;
        box-shadow: none;
    }

    .bill-receipt-card > strong[b-yv1rft1nup],
    .bill-featured-item-summary > strong[b-yv1rft1nup],
    .bill-featured-item-summary > small[b-yv1rft1nup],
    .bill-receipt-date strong[b-yv1rft1nup],
    .bill-technical-details dd[b-yv1rft1nup] {
        color: #000000;
    }

    .bill-receipt-amount-label[b-yv1rft1nup],
    .bill-featured-item-summary > span[b-yv1rft1nup],
    .bill-receipt-date > span[b-yv1rft1nup],
    .bill-technical-details dt[b-yv1rft1nup],
    .bill-technical-details summary[b-yv1rft1nup] {
        color: #334155;
    }

    .bill-technical-details > *[b-yv1rft1nup] {
        display: block;
    }

    .bill-detail-grid[b-yv1rft1nup] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5mm;
        margin-top: 5mm;
    }

    .bill-detail-panel[b-yv1rft1nup] {
        break-inside: avoid;
        margin-top: 5mm;
        border: 1px solid #cbd5e1;
        border-radius: 4mm;
        padding: 5mm;
        box-shadow: none;
    }

    .bill-detail-grid .bill-detail-panel[b-yv1rft1nup] {
        margin-top: 0;
    }

    .bill-vat-table-wrap[b-yv1rft1nup],
    .bill-items-table-wrap[b-yv1rft1nup] {
        overflow: visible;
    }

    .bill-vat-table th[b-yv1rft1nup],
    .bill-vat-table td[b-yv1rft1nup],
    .bill-items-table th[b-yv1rft1nup],
    .bill-items-table td[b-yv1rft1nup] {
        padding: 2.5mm 3mm;
        color: #000000;
    }
}


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

    .receipt-page-header[b-yv1rft1nup],
    .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-back-link .app-icon[b-yv1rft1nup] {
    width: 1.45rem;
    height: 1.45rem;
}

.receipt-items-toggle[b-yv1rft1nup] {
    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-yv1rft1nup] {
    width: .9rem;
    height: .9rem;
}

.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;
}

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

.bill-more-options[open] .bill-more-options-chevron[b-yv1rft1nup] {
    transform: rotate(180deg);
}

.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-page-header[b-yv1rft1nup] {
    grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
    min-height: 3.45rem;
}

.receipt-page-header h1[b-yv1rft1nup] {
    color: var(--ink-950);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    letter-spacing: -0.045em;
}

.receipt-back-link[b-yv1rft1nup] {
    display: inline-flex;
    width: fit-content;
    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;
}

.receipt-back-link:hover[b-yv1rft1nup],
.receipt-back-link:focus-visible[b-yv1rft1nup] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
}

.receipt-back-link[b-yv1rft1nup]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.receipt-header-spacer[b-yv1rft1nup] {
    justify-self: end;
}

.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],
.bill-more-options[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-items-card[b-yv1rft1nup] {
    padding-bottom: 1.1rem;
}

.receipt-count-pill[b-yv1rft1nup] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.receipt-items-table-wrap[b-yv1rft1nup] {
    margin-top: 0.85rem;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 0.95rem;
}

.receipt-items-table[b-yv1rft1nup] {
    background: #fff;
}

.receipt-items-table th[b-yv1rft1nup] {
    background: var(--surface-soft);
    color: var(--ink-500);
}

.receipt-items-table td[b-yv1rft1nup],
.receipt-items-table th[b-yv1rft1nup] {
    border-bottom-color: var(--border);
}

.receipt-items-table td[b-yv1rft1nup] {
    color: var(--ink-800);
}

.receipt-item-name[b-yv1rft1nup] {
    color: var(--ink-950);
    font-weight: 850;
}

.receipt-items-toggle[b-yv1rft1nup] {
    border-radius: 0.8rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

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

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

.receipt-document-details > summary:hover[b-yv1rft1nup],
.bill-more-options > 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:hover[b-yv1rft1nup],
.bill-utility-actions button:focus-visible[b-yv1rft1nup] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
}

.bill-more-options-content[b-yv1rft1nup] {
    background: var(--surface-soft);
}

@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-page-header[b-yv1rft1nup] { order: 1; }
    .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-items-card[b-yv1rft1nup] { order: 5; }
    .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; }
    .receipt-group-access-card[b-yv1rft1nup] { order: 11; }
    .receipt-share-panel[b-yv1rft1nup] { order: 12; }
    .bill-action-message[b-yv1rft1nup] { order: 13 !important; }
    .bill-more-options[b-yv1rft1nup] { order: 14; }

    .receipt-page-header[b-yv1rft1nup] {
        grid-template-columns: 2.85rem minmax(0, 1fr) 2.85rem;
    }

    .receipt-back-link[b-yv1rft1nup] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        padding: 0;
        border-radius: 999px;
    }

    .receipt-back-link span[b-yv1rft1nup] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .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-items-table-wrap[b-yv1rft1nup] {
        margin-right: -0.35rem;
        margin-left: -0.35rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .receipt-items-table[b-yv1rft1nup] {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .receipt-items-table th:first-child[b-yv1rft1nup],
    .receipt-items-table td:first-child[b-yv1rft1nup] {
        width: 34%;
    }

    .receipt-items-table th[b-yv1rft1nup],
    .receipt-items-table td[b-yv1rft1nup] {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
        font-size: 0.7rem;
    }

    .receipt-items-table th[b-yv1rft1nup] {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 0.66rem;
        white-space: normal;
    }

    .receipt-item-sort[b-yv1rft1nup] {
        width: 100%;
        min-height: 2.75rem;
        gap: 0.12rem;
        line-height: 1.15;
        white-space: normal;
    }

    .receipt-item-sort span:first-child[b-yv1rft1nup] {
        overflow: visible;
        text-overflow: clip;
    }

    .receipt-item-sort-icon[b-yv1rft1nup] {
        width: 0.58rem;
        height: 0.58rem;
    }

    .receipt-items-table th:first-child[b-yv1rft1nup],
    .receipt-items-table td:first-child[b-yv1rft1nup] {
        padding-left: 0.7rem;
    }

    .receipt-items-table th:last-child[b-yv1rft1nup],
    .receipt-items-table td:last-child[b-yv1rft1nup] {
        padding-right: 0.7rem;
    }

    .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%;
}

.receipt-share-configuration[b-yv1rft1nup] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.receipt-share-modes[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
    border: 0;
    padding: 0;
}

.receipt-share-modes legend[b-yv1rft1nup] {
    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-yv1rft1nup] {
    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-yv1rft1nup] {
    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-yv1rft1nup] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.receipt-share-mode strong[b-yv1rft1nup] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.receipt-share-mode small[b-yv1rft1nup] {
    color: var(--ink-500);
    font-size: 0.61rem;
    line-height: 1.35;
}

.receipt-share-mode-icon[b-yv1rft1nup],
.receipt-share-mode-check[b-yv1rft1nup] {
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
}

.receipt-share-mode-icon[b-yv1rft1nup] {
    width: 2rem;
    height: 2rem;
    background: var(--surface-raised);
    color: var(--ink-600);
}

.receipt-share-mode.selected .receipt-share-mode-icon[b-yv1rft1nup] {
    background: var(--brand-100);
    color: var(--brand-700);
}

.receipt-share-mode-check[b-yv1rft1nup] {
    width: 1.25rem;
    height: 1.25rem;
    background: var(--brand-600);
    color: #ffffff;
    opacity: 0;
}

.receipt-share-mode.selected .receipt-share-mode-check[b-yv1rft1nup] {
    opacity: 1;
}

.receipt-share-mode-icon[b-yv1rft1nup]  .app-icon,
.receipt-share-mode-check[b-yv1rft1nup]  .app-icon {
    width: 0.85rem;
    height: 0.85rem;
}

.receipt-share-payment-toggle[b-yv1rft1nup] {
    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-payment-toggle input[b-yv1rft1nup] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.receipt-share-payment-toggle-ui[b-yv1rft1nup] {
    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-payment-toggle-ui[b-yv1rft1nup]::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-payment-toggle input:checked + .receipt-share-payment-toggle-ui[b-yv1rft1nup] {
    background: var(--brand-600);
}

.receipt-share-payment-toggle input:checked + .receipt-share-payment-toggle-ui[b-yv1rft1nup]::after {
    transform: translateX(1rem);
}

.receipt-share-payment-toggle > span:last-child[b-yv1rft1nup] {
    display: grid;
    gap: 0.08rem;
}

.receipt-share-payment-toggle strong[b-yv1rft1nup] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.receipt-share-payment-toggle small[b-yv1rft1nup] {
    color: var(--ink-500);
    font-size: 0.62rem;
}

.receipt-share-payment-fields[b-yv1rft1nup] {
    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-yv1rft1nup] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.receipt-share-payment-fields label > span[b-yv1rft1nup] {
    color: var(--ink-600);
    font-size: 0.62rem;
    font-weight: 850;
}

.receipt-share-payment-fields input[b-yv1rft1nup] {
    width: 100%;
    min-height: 2.55rem;
    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-yv1rft1nup] {
    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-yv1rft1nup] {
    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-yv1rft1nup]  .app-icon {
    width: 0.8rem;
    height: 0.8rem;
    flex: 0 0 auto;
}

.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;
    outline: none;
}

.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-share-modes[b-yv1rft1nup],
    .receipt-share-payment-fields[b-yv1rft1nup] {
        grid-template-columns: 1fr;
    }

    .receipt-share-payment-fields p[b-yv1rft1nup] {
        grid-column: auto;
    }
    .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-group-access-card > p[b-yv1rft1nup] {
    margin: 0.75rem 0 0;
    color: var(--receipt-text);
    line-height: 1.5;
}

.receipt-group-access-list[b-yv1rft1nup] {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.receipt-group-access-row[b-yv1rft1nup] {
    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-yv1rft1nup] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
}

.receipt-group-access-summary[b-yv1rft1nup]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    color: var(--brand-600);
}

.receipt-group-access-summary > span[b-yv1rft1nup] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.receipt-group-access-summary strong[b-yv1rft1nup],
.receipt-group-access-summary small[b-yv1rft1nup] {
    overflow-wrap: anywhere;
}

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

.receipt-group-access-summary small[b-yv1rft1nup] {
    color: var(--receipt-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.receipt-group-access-row button[b-yv1rft1nup] {
    justify-content: center;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .receipt-group-access-row[b-yv1rft1nup] {
        grid-template-columns: minmax(0, 1fr);
    }

    .receipt-group-access-row button[b-yv1rft1nup] {
        width: 100%;
    }
}
/* /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, 1.9fr) minmax(17rem, 0.85fr);
    grid-template-areas:
        "recent category"
        "summary category";
    align-items: start;
    gap: 1rem;
}

.dashboard-panel[b-qux688vall] {
    min-width: 0;
    border-radius: 1.4rem;
    padding: 1rem;
}

.recent-panel[b-qux688vall] { grid-area: recent; }
.category-panel[b-qux688vall] { grid-area: category; }

.dashboard-panel-header[b-qux688vall] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border-bottom: 1px solid var(--border);
    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-panel-header > a[b-qux688vall] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.35rem;
    color: var(--brand-600);
    font-size: 0.76rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-panel-header > a[b-qux688vall]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.dashboard-list[b-qux688vall] {
    display: grid;
}

.dashboard-list[b-qux688vall]  .bill-list-card {
    border-radius: 1rem;
}

.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: linear-gradient(90deg, var(--brand-600), #6fa3ff);
}

.category-bar-footer small[b-qux688vall] {
    color: var(--ink-500);
    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) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 1.2rem 0.2rem 0.4rem;
}

.dashboard-empty.compact[b-qux688vall] {
    grid-template-columns: auto minmax(0, 1fr);
}

.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-empty > a[b-qux688vall] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    padding: 0.65rem 0.8rem;
    background: var(--brand-600);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.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));
    }

    .dashboard-grid[b-qux688vall] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "recent"
            "category"
            "summary";
    }
}

@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;
    }

    .dashboard-empty[b-qux688vall] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dashboard-empty > a[b-qux688vall] {
        grid-column: 1 / -1;
    }
}

@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],
.dashboard-grid.no-recent[b-qux688vall] {
    grid-template-columns: minmax(0, 1fr);
}

.dashboard-grid.no-category[b-qux688vall] {
    grid-template-areas:
        "recent"
        "summary";
}

.dashboard-grid.no-recent[b-qux688vall] {
    grid-template-areas:
        "summary"
        "category";
}

.dashboard-grid.no-category.no-recent[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-customize-footer[b-qux688vall] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.15rem;
}

.dashboard-customize-footer a[b-qux688vall] {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    gap: 0.42rem;
    border-radius: 0.8rem;
    padding: 0.5rem 0.7rem;
    color: var(--ink-500);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
    transition: background 0.16s ease, color 0.16s ease;
}

.dashboard-customize-footer a:hover[b-qux688vall],
.dashboard-customize-footer a:focus-visible[b-qux688vall] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.dashboard-customize-footer[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-customize-footer[b-qux688vall] {
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .dashboard-metrics[b-qux688vall] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.dashboard-grid.no-summary[b-qux688vall] {
    grid-template-areas: "recent category";
}

.dashboard-grid.no-category.no-summary[b-qux688vall] {
    grid-template-areas: "recent";
}

.dashboard-grid.no-recent.no-summary[b-qux688vall] {
    grid-template-areas: "category";
}

@media (max-width: 980px) {
    .dashboard-grid.no-summary[b-qux688vall] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "recent"
            "category";
    }

    .dashboard-grid.no-category.no-summary[b-qux688vall] {
        grid-template-areas: "recent";
    }

    .dashboard-grid.no-recent.no-summary[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;
}

.group-bill-search-card[b-f96k38mpcs] {
    gap: 0.7rem;
}

.group-bill-search-card .workspace-filter-controls[b-f96k38mpcs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.group-bill-search-card .workspace-advanced-filters[b-f96k38mpcs] {
    position: relative;
    flex: 1 1 auto;
}

.group-bill-search-card .workspace-filter-toggle[b-f96k38mpcs],
.group-bill-search-card .archive-sort-toggle[b-f96k38mpcs] {
    display: inline-flex;
    min-height: 2.65rem;
    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;
}

.group-bill-search-card .workspace-filter-toggle:hover[b-f96k38mpcs],
.group-bill-search-card .workspace-filter-toggle:focus-visible[b-f96k38mpcs],
.group-bill-search-card .archive-sort-toggle:hover[b-f96k38mpcs],
.group-bill-search-card .archive-sort-toggle:focus-visible[b-f96k38mpcs] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-bill-search-card .workspace-filter-toggle.active[b-f96k38mpcs] {
    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);
}

.group-bill-search-card .workspace-filter-toggle[b-f96k38mpcs]  .app-icon,
.group-bill-search-card .archive-sort-toggle[b-f96k38mpcs]  .app-icon {
    width: 0.92rem;
    height: 0.92rem;
}

.group-bill-search-card .workspace-filter-toggle em[b-f96k38mpcs] {
    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;
}

.group-bill-search-card .workspace-filter-bar[b-f96k38mpcs] {
    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);
}

.group-bill-search-card .workspace-filter-bar label[b-f96k38mpcs] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.group-bill-search-card .workspace-filter-bar label > span[b-f96k38mpcs] {
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 850;
}

.group-bill-search-card .workspace-filter-bar input[b-f96k38mpcs],
.group-bill-search-card .workspace-filter-bar select[b-f96k38mpcs] {
    width: 100%;
    min-width: 0;
    min-height: 2.5rem;
    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;
    outline: 0;
}

.group-bill-search-card .workspace-filter-actions[b-f96k38mpcs] {
    display: flex;
    align-items: end;
    gap: 0.45rem;
}

.group-bill-search-card .archive-sort[b-f96k38mpcs] {
    position: relative;
    flex: 0 0 auto;
}

.group-bill-search-card .archive-sort-toggle > span[b-f96k38mpcs] {
    color: var(--ink-500);
    font-weight: 700;
}

.group-bill-search-card .archive-sort-toggle > strong[b-f96k38mpcs] {
    color: var(--ink-900);
    font-weight: 900;
}

.group-bill-search-card .archive-sort-menu[b-f96k38mpcs] {
    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);
}

.group-bill-search-card .archive-sort-menu button[b-f96k38mpcs] {
    min-height: 2.45rem;
    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;
}

.group-bill-search-card .archive-sort-menu button:hover[b-f96k38mpcs],
.group-bill-search-card .archive-sort-menu button:focus-visible[b-f96k38mpcs],
.group-bill-search-card .archive-sort-menu button.selected[b-f96k38mpcs] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-bill-search-card .quick-filter-row[b-f96k38mpcs],
.group-bill-search-card .active-filter-row[b-f96k38mpcs] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.group-bill-search-card .quick-filter-row[b-f96k38mpcs]::-webkit-scrollbar,
.group-bill-search-card .active-filter-row[b-f96k38mpcs]::-webkit-scrollbar {
    display: none;
}

.group-bill-search-card .quick-filter-row button[b-f96k38mpcs] {
    flex: 0 0 auto;
    min-height: 2.75rem;
    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;
}

.group-bill-search-card .quick-filter-row button:hover[b-f96k38mpcs],
.group-bill-search-card .quick-filter-row button:focus-visible[b-f96k38mpcs],
.group-bill-search-card .quick-filter-row button.selected[b-f96k38mpcs] {
    border-color: var(--brand-500);
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-bill-search-card .active-filter-row[b-f96k38mpcs] {
    border-top: 1px solid var(--border);
    padding-top: 0.65rem;
}

.group-bill-search-card .active-filter-row > span[b-f96k38mpcs] {
    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;
}

.group-bill-search-card .active-filter-row > button[b-f96k38mpcs] {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--brand-700);
    font: inherit;
    font-size: 0.65rem;
    font-weight: 850;
    cursor: pointer;
}

@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-bill-search-card .workspace-filter-controls[b-f96k38mpcs] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .group-bill-search-card .workspace-filter-toggle[b-f96k38mpcs],
    .group-bill-search-card .archive-sort-toggle[b-f96k38mpcs] {
        width: 100%;
        min-height: 2.75rem;
        padding: 0 0.55rem;
        font-size: 0.7rem;
    }

    .group-bill-search-card .archive-sort-toggle > span[b-f96k38mpcs] {
        display: none;
    }

    .group-bill-search-card .workspace-filter-bar[b-f96k38mpcs] {
        grid-template-columns: 1fr;
    }

    .group-bill-search-card .workspace-filter-actions[b-f96k38mpcs] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .group-bill-search-card .archive-sort-menu[b-f96k38mpcs] {
        width: min(13rem, 90vw);
    }

    .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);
        gap: 0.75rem;
    }

    .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:hover,
    .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.can-remove[b-f96k38mpcs]  .bill-list-card-side {
        padding-right: 7.15rem;
    }

    .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;
    }

    .group-bill-row > .group-bill-remove-action[b-f96k38mpcs] {
        position: absolute;
        z-index: 2;
        right: 0.85rem;
        bottom: 0.68rem;
        display: inline-flex;
        width: auto;
        min-width: 0;
        min-height: 2.75rem;
        align-items: center;
        justify-content: center;
        gap: 0.32rem;
        border: 1px solid color-mix(in srgb, var(--danger-600) 72%, var(--border));
        border-radius: 0.65rem;
        margin: 0;
        padding: 0.34rem 0.58rem;
        background: transparent;
        color: var(--danger-600);
        box-shadow: none;
        font-size: 0.66rem;
        line-height: 1;
        white-space: nowrap;
    }

    .group-bill-row > .group-bill-remove-action:hover[b-f96k38mpcs],
    .group-bill-row > .group-bill-remove-action:focus-visible[b-f96k38mpcs] {
        background: color-mix(in srgb, var(--danger-600) 10%, transparent);
        transform: none;
    }

    .group-bill-row > .group-bill-remove-action[b-f96k38mpcs]  .app-icon {
        width: 0.88rem;
        height: 0.88rem;
        stroke-width: 2;
    }
}

@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.can-remove[b-f96k38mpcs]  .bill-list-card-side {
        min-height: 3.35rem;
        padding-right: 6.5rem;
    }

    .group-bill-row[b-f96k38mpcs]  .bill-list-card-subtitle {
        justify-self: start;
        text-align: left;
    }

    .group-bill-row > .group-bill-remove-action[b-f96k38mpcs] {
        right: 0.75rem;
        bottom: 0.75rem;
        padding-inline: 0.48rem;
    }
}
/* /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-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.45rem;
    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.25rem;
    height: 2.25rem;
    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.2rem;
    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-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.45rem;
    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-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.45rem;
        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) {
    .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 h1[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: flex;
    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 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;
}

.group-settings-general-card[b-8qgw7vf9t5],
.group-member-invite-card[b-8qgw7vf9t5] {
    align-content: start;
}

.group-settings-general-card > .workspace-list-title[b-8qgw7vf9t5],
.group-member-invite-card > .workspace-list-title[b-8qgw7vf9t5] {
    padding: 0.15rem 0.15rem 0.7rem;
}

.group-settings-general-card .workspace-list-title h2[b-8qgw7vf9t5],
.group-member-invite-card .workspace-list-title h2[b-8qgw7vf9t5] {
    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-8qgw7vf9t5],
.group-member-invite-card .workspace-list-title p[b-8qgw7vf9t5] {
    margin: 0.25rem 0 0;
    color: var(--ink-600);
    font-size: 0.75rem;
    line-height: 1.45;
}

.group-page-header[b-8qgw7vf9t5] {
    display: grid;
    min-height: 3.45rem;
    grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
    align-items: center;
}

.group-page-header h1[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5],
.group-back-link:focus-visible[b-8qgw7vf9t5] {
    border-color: var(--border);
    background: var(--surface-soft);
    color: var(--brand-700);
    transform: translateX(-1px);
}

.group-back-link[b-8qgw7vf9t5]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.group-header-spacer[b-8qgw7vf9t5] {
    width: 2.75rem;
    height: 2.75rem;
    justify-self: end;
}

.group-sharing-panel[b-8qgw7vf9t5] {
    display: grid;
    gap: 1rem;
    scroll-margin-top: 1rem;
}

.group-sharing-panel .workspace-list-title p[b-8qgw7vf9t5] {
    margin: 0.3rem 0 0;
    color: var(--ink-600);
    line-height: 1.5;
}

.group-sharing-form[b-8qgw7vf9t5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 0.8rem;
}

.group-sharing-form > button[b-8qgw7vf9t5] {
    justify-self: end;
}

.group-sharing-form > label:not(.group-sharing-toggle)[b-8qgw7vf9t5] {
    display: grid;
    gap: 0.35rem;
    color: var(--ink-700);
    font-size: 0.78rem;
    font-weight: 850;
}

.group-sharing-form select[b-8qgw7vf9t5] {
    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;
}

.group-sharing-form select:focus-visible[b-8qgw7vf9t5],
.group-created-share-row input:focus-visible[b-8qgw7vf9t5],
.group-share-revoke:focus-visible[b-8qgw7vf9t5] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 32%, transparent);
    outline-offset: 2px;
}

.group-sharing-toggle:focus-within[b-8qgw7vf9t5] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 16%, transparent);
}

.group-sharing-toggle[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    width: 1.2rem;
    height: 1.2rem;
    flex: 0 0 auto;
    accent-color: var(--brand-600);
}

.group-sharing-toggle span[b-8qgw7vf9t5] {
    display: grid;
    gap: 0.12rem;
}

.group-sharing-toggle strong[b-8qgw7vf9t5] {
    color: var(--ink-900);
    font-size: 0.82rem;
}

.group-sharing-toggle small[b-8qgw7vf9t5] {
    color: var(--ink-600);
    line-height: 1.35;
}

.group-created-share-link[b-8qgw7vf9t5] {
    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-8qgw7vf9t5],
.group-created-share-link label[b-8qgw7vf9t5] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.78rem;
}

.group-created-share-row[b-8qgw7vf9t5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
}

.group-created-share-row input[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    display: grid;
    gap: 0.7rem;
}

.group-active-shares-heading[b-8qgw7vf9t5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.group-active-shares-heading h3[b-8qgw7vf9t5] {
    margin: 0;
    color: var(--ink-950);
    font-size: 1rem;
}

.group-active-shares-heading span[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    display: grid;
    gap: 0.6rem;
}

.group-share-link-card[b-8qgw7vf9t5] {
    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:not(.group-share-revoke-confirmation)[b-8qgw7vf9t5] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.group-share-link-card strong[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
}

.group-share-link-card span[b-8qgw7vf9t5],
.group-share-link-card small[b-8qgw7vf9t5] {
    color: var(--ink-600);
}

.group-share-revoke-confirmation[b-8qgw7vf9t5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.group-share-revoke-confirmation > span[b-8qgw7vf9t5] {
    font-size: 0.78rem;
    font-weight: 850;
}

.group-share-revoke[b-8qgw7vf9t5] {
    min-height: 2.75rem;
    border: 1px solid var(--danger-600);
    border-radius: 999px;
    padding: 0.55rem 0.8rem;
    background: var(--danger-50);
    color: var(--danger-600);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.group-share-revoke:disabled[b-8qgw7vf9t5] {
    cursor: not-allowed;
    opacity: 0.6;
}

.group-join-request-panel[b-8qgw7vf9t5] {
    display: grid;
    gap: 1rem;
    scroll-margin-top: 1rem;
}

.group-join-request-panel .workspace-list-title p[b-8qgw7vf9t5] {
    margin: 0.3rem 0 0;
    color: var(--ink-600);
    line-height: 1.5;
}

.group-join-request-list[b-8qgw7vf9t5] {
    display: grid;
    gap: 0.65rem;
}

.group-join-request-card[b-8qgw7vf9t5] {
    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-8qgw7vf9t5],
.group-ignored-requester-list article > div[b-8qgw7vf9t5] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.group-join-request-copy strong[b-8qgw7vf9t5],
.group-ignored-requester-list article strong[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
    color: var(--ink-900);
}

.group-join-request-copy span[b-8qgw7vf9t5],
.group-ignored-requester-list article span[b-8qgw7vf9t5] {
    color: var(--ink-600);
    font-size: 0.76rem;
}

.group-join-request-actions[b-8qgw7vf9t5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.group-join-action[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    border-color: var(--warning-600);
    background: color-mix(in srgb, var(--warning-600) 16%, var(--surface-raised));
}

.group-join-action[b-8qgw7vf9t5]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-join-action:focus-visible[b-8qgw7vf9t5],
.group-ignored-requesters > summary:focus-visible[b-8qgw7vf9t5] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 30%, transparent);
    outline-offset: 2px;
}

.group-join-action:disabled[b-8qgw7vf9t5] {
    cursor: not-allowed;
    opacity: 0.6;
}

.group-ignored-requesters[b-8qgw7vf9t5] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--surface-soft);
}

.group-ignored-requesters > summary[b-8qgw7vf9t5] {
    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-8qgw7vf9t5]::-webkit-details-marker {
    display: none;
}

.group-ignored-requesters > summary > span[b-8qgw7vf9t5] {
    display: grid;
    gap: 0.12rem;
}

.group-ignored-requesters > summary strong[b-8qgw7vf9t5] {
    color: var(--ink-900);
}

.group-ignored-requesters > summary small[b-8qgw7vf9t5] {
    color: var(--ink-600);
}

.group-ignored-chevron[b-8qgw7vf9t5] {
    width: 1rem;
    height: 1rem;
    color: var(--ink-500);
    transition: transform 160ms ease;
}

.group-ignored-requesters[open] .group-ignored-chevron[b-8qgw7vf9t5] {
    transform: rotate(180deg);
}

.group-ignored-requester-list[b-8qgw7vf9t5] {
    display: grid;
    gap: 0.6rem;
    border-top: 1px solid var(--border);
    padding: 0.75rem;
}

.group-ignored-requester-list > p[b-8qgw7vf9t5] {
    margin: 0;
    color: var(--ink-600);
    font-size: 0.8rem;
}

.group-ignored-requester-list article[b-8qgw7vf9t5] {
    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);
}

.group-members-panel[b-8qgw7vf9t5],
.group-pending-invites-panel[b-8qgw7vf9t5],
.group-audit-panel[b-8qgw7vf9t5] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
}

.group-member-list[b-8qgw7vf9t5],
.group-audit-list[b-8qgw7vf9t5] {
    display: grid;
    gap: 0.55rem;
}

.group-member-card[b-8qgw7vf9t5] {
    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-8qgw7vf9t5],
.group-audit-icon[b-8qgw7vf9t5] {
    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-8qgw7vf9t5]  .app-icon,
.group-audit-icon[b-8qgw7vf9t5]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.group-member-main[b-8qgw7vf9t5],
.group-audit-main[b-8qgw7vf9t5] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.group-member-heading[b-8qgw7vf9t5] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.42rem;
}

.group-member-heading strong[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 0.9rem;
}

.group-member-role[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.group-member-role.admin[b-8qgw7vf9t5] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-member-meta[b-8qgw7vf9t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    color: var(--ink-600);
    font-size: 0.7rem;
}

.group-member-actions[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    display: grid;
    gap: 0.28rem;
}

.group-member-role-control > span[b-8qgw7vf9t5] {
    color: var(--ink-600);
    font-size: 0.64rem;
    font-weight: 850;
}

.group-member-actions select[b-8qgw7vf9t5] {
    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-8qgw7vf9t5],
.group-member-remove-action[b-8qgw7vf9t5] {
    min-height: 2.75rem;
}

.group-member-actions select:focus-visible[b-8qgw7vf9t5] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 30%, transparent);
    outline-offset: 2px;
}

.group-member-remove-action[b-8qgw7vf9t5] {
    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-8qgw7vf9t5]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.group-member-remove-action:focus-visible[b-8qgw7vf9t5] {
    outline: 3px solid color-mix(in srgb, var(--danger-600) 26%, transparent);
    outline-offset: 2px;
}

.group-member-remove-action:not(:disabled):hover[b-8qgw7vf9t5] {
    border-color: var(--danger-600);
    background: color-mix(in srgb, var(--danger-600) 14%, var(--surface-raised));
}

.group-member-remove-action:disabled[b-8qgw7vf9t5],
.group-member-actions select:disabled[b-8qgw7vf9t5] {
    cursor: not-allowed;
    opacity: 0.58;
}

.group-settings-pager[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    cursor: not-allowed;
    opacity: 0.5;
}

.group-settings-pager button:not(:disabled):hover[b-8qgw7vf9t5],
.group-settings-pager button:focus-visible[b-8qgw7vf9t5] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
    outline: none;
}

.group-settings-pager span[b-8qgw7vf9t5] {
    color: var(--ink-600);
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

.group-audit-card[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.group-audit-heading strong[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 0.86rem;
}

.group-audit-date[b-8qgw7vf9t5] {
    color: var(--ink-500);
    font-size: 0.67rem;
    white-space: nowrap;
}

.group-audit-badges[b-8qgw7vf9t5],
.group-audit-meta[b-8qgw7vf9t5] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.group-audit-badge[b-8qgw7vf9t5] {
    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-8qgw7vf9t5] {
    background: var(--surface-muted);
    color: var(--ink-700);
}

.group-audit-badge.origin.system[b-8qgw7vf9t5],
.group-audit-badge.action.group[b-8qgw7vf9t5],
.group-audit-badge.action.sharing[b-8qgw7vf9t5] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-audit-badge.action.membership[b-8qgw7vf9t5] {
    background: var(--success-50);
    color: var(--success-600);
}

.group-audit-badge.action.invitation[b-8qgw7vf9t5],
.group-audit-badge.action.bill[b-8qgw7vf9t5] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.group-audit-badge.other[b-8qgw7vf9t5] {
    background: var(--surface-muted);
    color: var(--ink-600);
}

.group-audit-meta[b-8qgw7vf9t5] {
    color: var(--ink-600);
    font-size: 0.68rem;
}

.group-audit-meta span[b-8qgw7vf9t5] {
    overflow-wrap: anywhere;
}

.group-audit-meta[b-8qgw7vf9t5]  .app-icon {
    width: 0.8rem;
    height: 0.8rem;
    color: var(--ink-400);
}

.group-confirmation-backdrop[b-8qgw7vf9t5] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--ink-950) 48%, transparent);
    backdrop-filter: blur(6px);
}

.group-confirmation-dialog[b-8qgw7vf9t5] {
    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);
    box-shadow: 0 2rem 5rem rgba(15, 23, 42, 0.28);
    outline: none;
}

.group-confirmation-dialog:focus-visible[b-8qgw7vf9t5] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-500) 28%, transparent),
        0 2rem 5rem rgba(15, 23, 42, 0.28);
}

.group-confirmation-icon[b-8qgw7vf9t5] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.95rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.group-confirmation-dialog.warning .group-confirmation-icon[b-8qgw7vf9t5] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.group-confirmation-dialog.danger .group-confirmation-icon[b-8qgw7vf9t5] {
    background: var(--danger-50);
    color: var(--danger-600);
}

.group-confirmation-icon[b-8qgw7vf9t5]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.group-confirmation-copy[b-8qgw7vf9t5] {
    min-width: 0;
}

.group-confirmation-copy h2[b-8qgw7vf9t5] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
    color: var(--ink-950);
    font-size: 1.35rem;
    letter-spacing: -0.035em;
}

.group-confirmation-copy p[b-8qgw7vf9t5] {
    margin: 0.45rem 0 0;
    color: var(--ink-600);
    font-size: 0.82rem;
    line-height: 1.55;
}

.group-confirmation-error[b-8qgw7vf9t5] {
    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;
}

.group-confirmation-actions[b-8qgw7vf9t5] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.group-confirmation-submit[b-8qgw7vf9t5] {
    min-height: 2.85rem;
    border: 1px solid var(--brand-600);
    border-radius: 0.85rem;
    background: var(--brand-600);
    color: #fff;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
}

.group-confirmation-submit.warning[b-8qgw7vf9t5] {
    border-color: var(--warning-600);
    background: var(--warning-600);
    color: var(--ink-950);
}

.group-confirmation-submit.danger[b-8qgw7vf9t5] {
    border-color: var(--danger-600);
    background: var(--danger-600);
    color: #fff;
}

.group-confirmation-submit:disabled[b-8qgw7vf9t5] {
    cursor: not-allowed;
    opacity: 0.58;
}

.group-confirmation-submit:not(:disabled):hover[b-8qgw7vf9t5] {
    filter: brightness(0.94);
}

.group-confirmation-submit:focus-visible[b-8qgw7vf9t5] {
    outline: 3px solid color-mix(in srgb, currentColor 24%, transparent);
    outline-offset: 2px;
}

@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));
    }

    .group-join-request-card[b-8qgw7vf9t5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .group-join-request-actions[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .group-join-request-actions .group-join-action[b-8qgw7vf9t5] {
        flex: 1 1 0;
    }

    .group-member-card[b-8qgw7vf9t5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .group-member-actions[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
    }
}

@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-page-header[b-8qgw7vf9t5] {
        grid-template-columns: 2.85rem minmax(0, 1fr) 2.85rem;
        min-height: 3rem;
    }

    .group-page-header h1[b-8qgw7vf9t5] {
        font-size: 1.55rem;
    }

    .group-back-link[b-8qgw7vf9t5] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border-radius: 999px;
        padding: 0;
    }

    .group-back-link span[b-8qgw7vf9t5] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .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));
    }

    .group-sharing-form[b-8qgw7vf9t5],
    .group-created-share-row[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .group-sharing-form > button[b-8qgw7vf9t5] {
        grid-column: auto;
        width: 100%;
    }

    .group-created-share-row button[b-8qgw7vf9t5] {
        width: 100%;
    }

    .group-share-link-card[b-8qgw7vf9t5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .group-share-link-card > button[b-8qgw7vf9t5],
    .group-share-revoke-confirmation[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .group-share-revoke-confirmation[b-8qgw7vf9t5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .group-share-revoke-confirmation > span[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
    }

    .group-join-request-actions[b-8qgw7vf9t5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .group-join-request-actions .group-join-action.ignore[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
    }

    .group-ignored-requester-list article[b-8qgw7vf9t5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .group-ignored-requester-list article > button[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .group-member-actions[b-8qgw7vf9t5] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

    .group-member-actions select[b-8qgw7vf9t5],
    .group-member-actions .workspace-secondary-action[b-8qgw7vf9t5],
    .group-member-remove-action[b-8qgw7vf9t5] {
        width: 100%;
        min-height: 2.75rem;
    }

    .group-settings-pager[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .group-settings-pager button[b-8qgw7vf9t5] {
        min-height: 2.75rem;
    }

    .group-settings-pager span[b-8qgw7vf9t5] {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
    }

    .group-audit-card[b-8qgw7vf9t5] {
        align-items: start;
    }

    .group-audit-heading[b-8qgw7vf9t5] {
        display: grid;
        justify-items: start;
        gap: 0.25rem;
    }

    .group-audit-date[b-8qgw7vf9t5] {
        white-space: normal;
    }

    .group-confirmation-backdrop[b-8qgw7vf9t5] {
        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));
    }

    .group-confirmation-dialog[b-8qgw7vf9t5] {
        width: 100%;
        max-height: min(90dvh, 42rem);
        overflow-y: auto;
        border-radius: 1.15rem;
        padding: 1rem;
    }
}

@media (max-width: 390px) {
    .group-settings-summary[b-8qgw7vf9t5],
    .group-settings-summary.limited[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .group-settings-summary > span[b-8qgw7vf9t5] {
        justify-content: flex-start;
    }

    .workspace-search-row[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-submit[b-8qgw7vf9t5] {
        width: 100%;
    }

    .group-join-request-actions[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .group-join-request-actions .group-join-action.ignore[b-8qgw7vf9t5] {
        grid-column: auto;
    }

    .group-confirmation-dialog[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .group-confirmation-actions[b-8qgw7vf9t5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .group-audit-card .bill-list-card-heading[b-8qgw7vf9t5] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;
        gap: 0.3rem;
    }

    .group-audit-card .bill-list-card-title[b-8qgw7vf9t5] {
        overflow: visible;
        width: 100%;
        text-overflow: clip;
        white-space: normal;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.welcome-page[b-x5oeeu3ick] {
    min-height: 100svh;
    padding: clamp(0.75rem, 2.2vw, 1.6rem);
}

.welcome-shell[b-x5oeeu3ick] {
    width: min(100%, 78rem);
    min-height: calc(100svh - clamp(1.5rem, 4.4vw, 3.2rem));
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(166, 184, 209, 0.34);
    border-radius: 1.9rem;
    background: rgba(255, 255, 255, 0.87);
    box-shadow: 0 2rem 6rem rgba(31, 61, 105, 0.14);
    backdrop-filter: blur(20px);
}

.welcome-topbar[b-x5oeeu3ick],
.welcome-footer[b-x5oeeu3ick],
.welcome-features > header[b-x5oeeu3ick],
.welcome-receipt-card > header[b-x5oeeu3ick],
.welcome-receipt-card > footer[b-x5oeeu3ick],
.welcome-receipt-total[b-x5oeeu3ick] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.welcome-topbar[b-x5oeeu3ick] {
    min-height: 4.55rem;
    padding: 0 2.1rem;
    border-bottom: 1px solid rgba(166, 184, 209, 0.28);
}

.welcome-brand[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.68rem;
    color: var(--ink-950);
    text-decoration: none;
}

.welcome-brand-cell[b-x5oeeu3ick] {
    display: grid;
    width: 2.55rem;
    height: 1.9rem;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 0.55rem;
    background: #fff;
    color: var(--ink-800);
    font-size: 0.7rem;
    font-weight: 950;
    box-shadow: inset 3px 0 var(--brand-600), var(--shadow-sm);
}

.welcome-brand strong[b-x5oeeu3ick] {
    font-size: 0.98rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.welcome-trust[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0 0.85rem;
    background: var(--surface-soft);
    color: var(--ink-600);
    font-size: 0.7rem;
    font-weight: 850;
}

.welcome-trust > span[b-x5oeeu3ick] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: var(--success-600);
    box-shadow: 0 0 0 0.22rem var(--success-50);
}

.welcome-hero[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(25rem, 0.96fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
    padding: clamp(2.8rem, 6vw, 5rem) clamp(2.2rem, 5vw, 4rem) clamp(2.4rem, 5vw, 3.8rem);
}

.welcome-copy[b-x5oeeu3ick] {
    min-width: 0;
}

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

.welcome-copy .welcome-kicker[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.welcome-copy .welcome-kicker[b-x5oeeu3ick]::before {
    width: 1.65rem;
    height: 2px;
    border-radius: 999px;
    background: var(--brand-600);
    content: "";
}

.welcome-copy h1[b-x5oeeu3ick] {
    max-width: 40rem;
    margin: 0.95rem 0 0;
    color: var(--ink-950);
    font-size: clamp(2.7rem, 5.2vw, 4.45rem);
    font-weight: 950;
    letter-spacing: -0.063em;
    line-height: 0.99;
}

.welcome-copy > p[b-x5oeeu3ick] {
    max-width: 36rem;
    margin: 1.35rem 0 0;
    color: var(--ink-600);
    font-size: clamp(0.96rem, 1.5vw, 1.08rem);
    line-height: 1.66;
}

.login-alert[b-x5oeeu3ick] {
    display: grid;
    max-width: 35rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    margin-top: 1.15rem;
    border: 1px solid #fecdd3;
    border-radius: 0.9rem;
    padding: 0.75rem;
    background: var(--danger-50);
    color: #9f1239;
}

.login-alert > span[b-x5oeeu3ick] {
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 50%;
    background: #e11d48;
    color: #fff;
    font-size: 0.74rem;
    font-weight: 950;
}

.login-alert p[b-x5oeeu3ick] {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.welcome-login-actions[b-x5oeeu3ick] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.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;
    color: var(--ink-900);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.welcome-login-button.google[b-x5oeeu3ick] {
    border-color: transparent;
    background: linear-gradient(135deg, var(--brand-600), #174bc0);
    color: #fff;
    box-shadow: 0 0.85rem 1.7rem rgba(37, 99, 235, 0.24);
}

.welcome-login-button.debug[b-x5oeeu3ick] {
    width: 100%;
    max-width: 23rem;
    background: var(--surface-raised);
}

.welcome-login-button:hover[b-x5oeeu3ick],
.welcome-login-button:focus-visible[b-x5oeeu3ick] {
    border-color: var(--brand-200);
    box-shadow: 0 1rem 2.2rem rgba(37, 99, 235, 0.17);
    transform: translateY(-2px);
}

.welcome-login-button > strong[b-x5oeeu3ick] {
    font-size: 0.86rem;
    font-weight: 900;
}

.welcome-login-button > .app-icon[b-x5oeeu3ick] {
    width: 1rem;
    height: 1rem;
}

.google-icon[b-x5oeeu3ick],
.debug-icon[b-x5oeeu3ick] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.62rem;
    background: #fff;
}

.google-icon svg[b-x5oeeu3ick] {
    width: 1.15rem;
    height: 1.15rem;
}

.debug-icon[b-x5oeeu3ick] {
    border: 1px solid var(--border);
    background: var(--brand-50);
    color: var(--brand-700);
}

.debug-icon[b-x5oeeu3ick]  .app-icon {
    width: 1.08rem;
    height: 1.08rem;
}

.welcome-feature-link[b-x5oeeu3ick] {
    padding: 0.85rem 0.15rem;
    color: var(--ink-800);
    font-size: 0.78rem;
    font-weight: 850;
    text-underline-offset: 0.22rem;
}

.welcome-security-note[b-x5oeeu3ick] {
    display: grid;
    max-width: 35rem;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.58rem;
    margin-top: 1.1rem;
    color: var(--ink-600);
}

.welcome-security-note > span[b-x5oeeu3ick] {
    color: var(--success-600);
}

.welcome-security-note[b-x5oeeu3ick]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.welcome-security-note p[b-x5oeeu3ick] {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1.5;
}

.welcome-product-preview[b-x5oeeu3ick] {
    position: relative;
    display: grid;
    min-height: 29rem;
    place-items: center;
}

.welcome-preview-glow[b-x5oeeu3ick] {
    position: absolute;
    inset: 8% 4%;
    border-radius: 48%;
    background: radial-gradient(circle, rgba(55, 119, 246, 0.2), transparent 68%);
    filter: blur(1.2rem);
}

.welcome-receipt-card[b-x5oeeu3ick] {
    position: relative;
    z-index: 2;
    width: min(23.5rem, 86%);
    border: 1px solid var(--border);
    border-radius: 1.4rem;
    padding: 1.25rem;
    background: var(--surface-raised);
    box-shadow: 0 2rem 4rem rgba(20, 53, 105, 0.17);
    transform: rotate(-2deg);
}

.welcome-receipt-title[b-x5oeeu3ick] {
    display: flex;
    align-items: center;
    gap: 0.68rem;
}

.welcome-receipt-title > span[b-x5oeeu3ick] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 0.82rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.welcome-receipt-title[b-x5oeeu3ick]  .app-icon {
    width: 1.2rem;
    height: 1.2rem;
}

.welcome-receipt-title strong[b-x5oeeu3ick],
.welcome-receipt-title small[b-x5oeeu3ick],
.welcome-metric small[b-x5oeeu3ick],
.welcome-metric strong[b-x5oeeu3ick] {
    display: block;
}

.welcome-receipt-title strong[b-x5oeeu3ick] {
    font-size: 0.84rem;
    font-weight: 900;
}

.welcome-receipt-title small[b-x5oeeu3ick] {
    margin-top: 0.2rem;
    color: var(--ink-500);
    font-size: 0.62rem;
}

.welcome-verified[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 999px;
    padding: 0.35rem 0.48rem;
    background: var(--success-50);
    color: var(--success-600);
    font-size: 0.57rem;
    font-weight: 950;
}

.welcome-verified[b-x5oeeu3ick]  .app-icon {
    width: 0.65rem;
    height: 0.65rem;
}

.welcome-receipt-total[b-x5oeeu3ick] {
    margin: 1.35rem 0 1.1rem;
    border-bottom: 1px dashed var(--border-strong);
    padding-bottom: 1.05rem;
}

.welcome-receipt-total span[b-x5oeeu3ick] {
    color: var(--ink-500);
    font-size: 0.64rem;
}

.welcome-receipt-total strong[b-x5oeeu3ick] {
    font-size: 1.75rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.welcome-receipt-items[b-x5oeeu3ick] {
    display: grid;
    gap: 0.75rem;
}

.welcome-receipt-items > div[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.68rem;
}

.welcome-receipt-items span[b-x5oeeu3ick] {
    overflow: hidden;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.welcome-receipt-items small[b-x5oeeu3ick] {
    display: block;
    margin-top: 0.15rem;
    color: var(--ink-500);
    font-size: 0.56rem;
    font-weight: 500;
}

.welcome-receipt-items strong[b-x5oeeu3ick] {
    font-weight: 850;
}

.welcome-receipt-card > footer[b-x5oeeu3ick] {
    gap: 0.45rem;
    margin-top: 1.15rem;
    border-top: 1px solid var(--border);
    padding-top: 0.9rem;
}

.welcome-receipt-card > footer span[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    border-radius: 0.55rem;
    padding: 0.38rem 0.5rem;
    background: var(--brand-50);
    color: var(--brand-700);
    font-size: 0.56rem;
    font-weight: 900;
}

.welcome-receipt-card > footer[b-x5oeeu3ick]  .app-icon {
    width: 0.7rem;
    height: 0.7rem;
}

.welcome-scan-mark[b-x5oeeu3ick] {
    position: absolute;
    z-index: 4;
    top: 1.7rem;
    right: 0;
    display: grid;
    width: 4.8rem;
    height: 4.8rem;
    place-items: center;
    border: 0.42rem solid var(--surface-raised);
    border-radius: 1.45rem;
    background: linear-gradient(145deg, #4b92ff, #1455d3);
    color: #fff;
    box-shadow: 0 1.2rem 2.2rem rgba(37, 99, 235, 0.28);
    transform: rotate(7deg);
}

.welcome-scan-mark[b-x5oeeu3ick]  .app-icon {
    width: 1.55rem;
    height: 1.55rem;
}

.welcome-metric[b-x5oeeu3ick] {
    position: absolute;
    z-index: 4;
    min-width: 10rem;
    border: 1px solid var(--border);
    border-radius: 0.9rem;
    padding: 0.72rem 0.82rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-md);
}

.welcome-metric small[b-x5oeeu3ick] {
    color: var(--ink-500);
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.welcome-metric strong[b-x5oeeu3ick] {
    margin-top: 0.28rem;
    font-size: 0.95rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.welcome-metric em[b-x5oeeu3ick] {
    margin-left: 0.25rem;
    color: var(--success-600);
    font-size: 0.58rem;
    font-style: normal;
}

.welcome-metric.month[b-x5oeeu3ick] {
    bottom: 3.1rem;
    left: 0;
}

.welcome-metric.price[b-x5oeeu3ick] {
    right: 0;
    bottom: 0;
}

.welcome-features[b-x5oeeu3ick] {
    padding: 0 clamp(2.2rem, 5vw, 4rem) 2.8rem;
}

.welcome-features > header[b-x5oeeu3ick] {
    align-items: end;
    gap: 1.5rem;
    margin-bottom: 1.1rem;
}

.welcome-features h2[b-x5oeeu3ick] {
    margin: 0.3rem 0 0;
    color: var(--ink-950);
    font-size: 1.25rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.welcome-features > header > p[b-x5oeeu3ick] {
    margin: 0;
    color: var(--ink-500);
    font-size: 0.68rem;
}

.welcome-feature-grid[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.welcome-feature-grid article[b-x5oeeu3ick] {
    min-width: 0;
    min-height: 9.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--surface-soft);
}

.welcome-feature-grid article > span[b-x5oeeu3ick] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    margin-bottom: 1rem;
    border-radius: 0.65rem;
    background: var(--brand-50);
    color: var(--brand-600);
}

.welcome-feature-grid article > span[b-x5oeeu3ick]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.welcome-feature-grid strong[b-x5oeeu3ick] {
    display: block;
    color: var(--ink-900);
    font-size: 0.75rem;
    font-weight: 950;
}

.welcome-feature-grid p[b-x5oeeu3ick] {
    margin: 0.45rem 0 0;
    color: var(--ink-600);
    font-size: 0.63rem;
    line-height: 1.55;
}

.welcome-privacy[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 1.1rem;
    margin: 0 clamp(2.2rem, 5vw, 4rem) 2.8rem;
    border: 1px solid color-mix(in srgb, var(--brand-600) 18%, var(--border));
    border-radius: 1.35rem;
    padding: clamp(1.2rem, 3vw, 1.7rem);
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--brand-600) 15%, transparent), transparent 16rem),
        linear-gradient(145deg, var(--brand-50), var(--surface-raised));
}

.welcome-privacy-icon[b-x5oeeu3ick] {
    display: grid;
    width: 3.6rem;
    height: 3.6rem;
    place-items: center;
    border-radius: 1.05rem;
    background: var(--brand-600);
    color: #fff;
    box-shadow: 0 0.9rem 1.8rem color-mix(in srgb, var(--brand-600) 24%, transparent);
}

.welcome-privacy-icon[b-x5oeeu3ick]  .app-icon {
    width: 1.65rem;
    height: 1.65rem;
}

.welcome-privacy-copy h2[b-x5oeeu3ick] {
    margin: 0.3rem 0 0;
    color: var(--ink-950);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: 950;
    letter-spacing: -0.04em;
}

.welcome-privacy-copy > p[b-x5oeeu3ick] {
    max-width: 54rem;
    margin: 0.65rem 0 0;
    color: var(--ink-700);
    font-size: 0.8rem;
    font-weight: 750;
    line-height: 1.6;
}

.welcome-privacy-points[b-x5oeeu3ick] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.welcome-privacy-points span[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    padding: 0.4rem 0.6rem;
    background: var(--surface-raised);
    color: var(--ink-700);
    font-size: 0.62rem;
    font-weight: 850;
    box-shadow: inset 0 0 0 1px var(--border);
}

.welcome-privacy-points[b-x5oeeu3ick]  .app-icon {
    width: 0.75rem;
    height: 0.75rem;
    color: var(--success-600);
}

.welcome-privacy-copy > small[b-x5oeeu3ick] {
    display: block;
    margin-top: 0.75rem;
    color: var(--ink-500);
    font-size: 0.62rem;
    line-height: 1.5;
}

.welcome-privacy-copy > a[b-x5oeeu3ick] {
    display: inline-block;
    margin-top: 0.7rem;
    color: var(--brand-700);
    font-size: 0.7rem;
    font-weight: 900;
    text-underline-offset: 0.2rem;
}

.welcome-footer[b-x5oeeu3ick] {
    min-height: 3.35rem;
    gap: 1rem;
    border-top: 1px solid var(--border);
    padding: 0.7rem 2.1rem;
    color: var(--ink-500);
    font-size: 0.62rem;
}

.welcome-legal[b-x5oeeu3ick] {
    margin: 0;
    text-align: right;
}

.welcome-legal a[b-x5oeeu3ick],
.welcome-cookie-settings[b-x5oeeu3ick] {
    color: var(--brand-700);
    font-weight: 850;
    text-underline-offset: 0.15rem;
}

.welcome-cookie-settings[b-x5oeeu3ick] {
    display: inline;
    border: 0;
    padding: 0;
    background: transparent;
    font: inherit;
    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.8s linear infinite;
}

@keyframes welcome-spin-b-x5oeeu3ick {
    to { transform: rotate(360deg); }
}

@media (max-width: 960px) {
    .welcome-hero[b-x5oeeu3ick] {
        grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.84fr);
        gap: 1.5rem;
    }

    .welcome-copy h1[b-x5oeeu3ick] {
        font-size: clamp(2.45rem, 5.8vw, 3.7rem);
    }

    .welcome-feature-grid[b-x5oeeu3ick] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .welcome-page[b-x5oeeu3ick] {
        padding: 0;
    }

    .welcome-shell[b-x5oeeu3ick] {
        min-height: 100svh;
        border: 0;
        border-radius: 0;
        background: var(--surface-raised);
        box-shadow: none;
    }

    .welcome-topbar[b-x5oeeu3ick] {
        min-height: calc(4rem + env(safe-area-inset-top));
        padding: env(safe-area-inset-top) max(1.1rem, env(safe-area-inset-right)) 0 max(1.1rem, env(safe-area-inset-left));
    }

    .welcome-trust[b-x5oeeu3ick] {
        min-height: 2rem;
        padding: 0 0.62rem;
        font-size: 0.58rem;
    }

    .welcome-hero[b-x5oeeu3ick] {
        grid-template-columns: 1fr;
        gap: 1.7rem;
        padding: 2.6rem 1.2rem 2.1rem;
    }

    .welcome-copy h1[b-x5oeeu3ick] {
        max-width: 34rem;
        font-size: clamp(2.5rem, 11.5vw, 3.75rem);
    }

    .welcome-copy > p[b-x5oeeu3ick] {
        font-size: 0.92rem;
    }

    .welcome-login-actions[b-x5oeeu3ick] {
        align-items: stretch;
        flex-direction: column;
    }

    .welcome-login-button[b-x5oeeu3ick],
    .welcome-login-button.debug[b-x5oeeu3ick] {
        width: 100%;
        max-width: none;
    }

    .welcome-feature-link[b-x5oeeu3ick] {
        align-self: center;
    }

    .welcome-product-preview[b-x5oeeu3ick] {
        min-height: 26rem;
    }

    .welcome-receipt-card[b-x5oeeu3ick] {
        width: min(22rem, 86%);
    }

    .welcome-scan-mark[b-x5oeeu3ick] {
        right: 2%;
    }

    .welcome-metric.month[b-x5oeeu3ick] {
        left: 1%;
    }

    .welcome-metric.price[b-x5oeeu3ick] {
        right: 1%;
    }

    .welcome-features[b-x5oeeu3ick] {
        padding: 0 1.2rem 2.2rem;
    }

    .welcome-privacy[b-x5oeeu3ick] {
        grid-template-columns: 1fr;
        margin: 0 1.2rem 2.2rem;
    }

    .welcome-features > header[b-x5oeeu3ick] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.4rem;
    }

    .welcome-footer[b-x5oeeu3ick] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem 1.2rem calc(1rem + env(safe-area-inset-bottom));
    }

    .welcome-legal[b-x5oeeu3ick] {
        text-align: left;
    }
}

@media (max-width: 430px) {
    .welcome-brand strong[b-x5oeeu3ick] {
        font-size: 0.88rem;
    }

    .welcome-brand-cell[b-x5oeeu3ick] {
        width: 2.3rem;
        height: 1.75rem;
    }

    .welcome-trust[b-x5oeeu3ick] {
        border: 0;
        padding: 0;
        background: transparent;
        font-size: 0;
    }

    .welcome-trust[b-x5oeeu3ick]::after {
        font-size: 0.57rem;
        content: "eKasa QR";
    }

    .welcome-hero[b-x5oeeu3ick] {
        padding-top: 2.15rem;
    }

    .welcome-copy h1[b-x5oeeu3ick] {
        font-size: 2.62rem;
    }

    .welcome-product-preview[b-x5oeeu3ick] {
        min-height: 24.5rem;
        margin: 0 -0.35rem;
    }

    .welcome-receipt-card[b-x5oeeu3ick] {
        padding: 1rem;
    }

    .welcome-receipt-title strong[b-x5oeeu3ick] {
        font-size: 0.76rem;
    }

    .welcome-scan-mark[b-x5oeeu3ick] {
        width: 4.2rem;
        height: 4.2rem;
    }

    .welcome-metric[b-x5oeeu3ick] {
        min-width: 8.75rem;
        padding: 0.62rem 0.7rem;
    }

    .welcome-metric strong[b-x5oeeu3ick] {
        font-size: 0.85rem;
    }

    .welcome-feature-grid[b-x5oeeu3ick] {
        grid-template-columns: 1fr;
    }

    .welcome-feature-grid article[b-x5oeeu3ick] {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .redirect-spinner[b-x5oeeu3ick] {
        animation: none;
    }

    .welcome-login-button[b-x5oeeu3ick] {
        transition: none;
    }
}
/* /Components/Pages/LegalPage.razor.rz.scp.css */
.legal-page[b-bgegsp1wff] {
    display: grid;
    gap: 1.25rem;
    max-width: 58rem;
    margin: 0 auto;
    padding: 2rem 0 3rem;
    color: #111827;
}

.legal-header[b-bgegsp1wff] {
    display: grid;
    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;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0;
}

.legal-header dl div[b-bgegsp1wff] {
    display: grid;
    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;
    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;
}

@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-guide-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],
.manual-guide-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, 1.55fr) minmax(17rem, 0.65fr);
    align-items: start;
    gap: 1rem;
}

.manual-form-card[b-5awb45n73w],
.manual-guide-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-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: stretch;
    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;
    appearance: textfield;
    -moz-appearance: textfield;
}

.manual-money-currency[b-5awb45n73w] {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    color: var(--ink-500);
    font-weight: 850;
    pointer-events: none;
    transform: translateY(-50%);
}

.manual-money-input[b-5awb45n73w]  input::-webkit-inner-spin-button,
.manual-money-input[b-5awb45n73w]  input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.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;
    gap: 0.6rem;
    margin-top: 1rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

.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;
}

.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-guide-card[b-5awb45n73w] {
    position: sticky;
    top: 5.7rem;
    display: grid;
    gap: 0.75rem;
}

.manual-guide-card h2[b-5awb45n73w] {
    margin: 0;
    font-size: 1.25rem;
}

.manual-guide-card ol[b-5awb45n73w] {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding-left: 1.2rem;
    color: var(--ink-600);
    font-size: 0.74rem;
    line-height: 1.5;
}

.manual-guide-card b[b-5awb45n73w] {
    color: var(--ink-900);
}

.manual-privacy-note[b-5awb45n73w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    border-radius: 0.9rem;
    padding: 0.7rem;
    background: var(--brand-50);
    color: var(--brand-700);
}

.manual-privacy-note[b-5awb45n73w]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.manual-privacy-note span[b-5awb45n73w] {
    font-size: 0.64rem;
    line-height: 1.45;
}

.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);
}

@media (max-width: 900px) {
    .manual-bill-hero[b-5awb45n73w],
    .manual-layout[b-5awb45n73w] {
        grid-template-columns: 1fr;
    }

    .manual-guide-card[b-5awb45n73w] {
        position: static;
    }
}

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

    .manual-bill-hero[b-5awb45n73w],
    .manual-form-card[b-5awb45n73w],
    .manual-guide-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: 1fr;
    }
}
/* /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-page-header[b-0k3neyuv5t] {
    position: relative;
    display: flex;
    min-height: 4.9rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.spending-page-header h1[b-0k3neyuv5t],
.spending-page-header p[b-0k3neyuv5t],
.price-product-tools-heading h2[b-0k3neyuv5t],
.price-product-tools-heading p[b-0k3neyuv5t] {
    margin: 0;
}

.spending-page-header h1[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: clamp(1.8rem, 4vw, 2.45rem);
    font-weight: 950;
    letter-spacing: -0.055em;
}

.spending-page-header p[b-0k3neyuv5t] {
    margin-top: 0.25rem;
    color: var(--ink-600);
    font-size: 0.82rem;
}

.analytics-scope-picker[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: minmax(11rem, 0.72fr) minmax(30rem, 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-0k3neyuv5t] {
    display: grid;
    gap: 0.12rem;
    padding: 0 0.4rem;
}

.analytics-scope-copy > strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.92rem;
    font-weight: 950;
}

.analytics-scope-copy > small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.68rem;
}

.analytics-scope-options[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.analytics-scope-options button[b-0k3neyuv5t] {
    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-0k3neyuv5t],
.analytics-scope-options button:focus-visible[b-0k3neyuv5t] {
    border-color: var(--brand-300);
    color: var(--brand-700);
    transform: translateY(-1px);
}

.analytics-scope-options button:focus-visible[b-0k3neyuv5t] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 24%, transparent);
    outline-offset: 2px;
}

.analytics-scope-options button.selected[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    cursor: wait;
    opacity: 0.68;
}

.analytics-scope-options button[b-0k3neyuv5t]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
    justify-self: center;
}

.analytics-scope-options button > span[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.analytics-scope-options button strong[b-0k3neyuv5t],
.analytics-scope-options button small[b-0k3neyuv5t] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.analytics-scope-options button strong[b-0k3neyuv5t] {
    color: currentColor;
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.analytics-scope-options button small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.61rem;
    line-height: 1.25;
}

.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[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;
    min-width: 18rem;
    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;
}

.mobile-month-navigation[b-0k3neyuv5t],
.spending-mobile-summary[b-0k3neyuv5t],
.mobile-spending-chart[b-0k3neyuv5t] {
    display: none;
}

.spending-metrics[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.savings-banner[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
}

.savings-banner-icon[b-0k3neyuv5t] {
    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-0k3neyuv5t]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.savings-banner h2[b-0k3neyuv5t],
.savings-banner p[b-0k3neyuv5t] {
    margin: 0;
}

.savings-banner h2[b-0k3neyuv5t] {
    margin-top: 0.12rem;
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.savings-banner p[b-0k3neyuv5t] {
    margin-top: 0.2rem;
    color: var(--ink-500);
    font-size: 0.66rem;
    line-height: 1.45;
}

.savings-banner-total[b-0k3neyuv5t] {
    display: grid;
    min-width: 12rem;
    justify-items: end;
    gap: 0.08rem;
}

.savings-banner-total span[b-0k3neyuv5t],
.savings-banner-total small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.6rem;
}

.savings-banner-total strong[b-0k3neyuv5t] {
    color: var(--brand-600);
    font-size: 1.85rem;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.savings-period-tabs[b-0k3neyuv5t] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.savings-period-tabs[b-0k3neyuv5t]::-webkit-scrollbar { display: none; }

.savings-period-tabs button[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #fff;
}

.savings-merchant-grid[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.savings-merchant-grid article[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.savings-merchant-grid article > span strong[b-0k3neyuv5t],
.savings-merchant-grid article > span small[b-0k3neyuv5t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.savings-merchant-grid article > span strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.64rem;
}

.savings-merchant-grid article > span small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.52rem;
}

.savings-merchant-grid article > strong[b-0k3neyuv5t] {
    color: var(--brand-600);
    font-size: 0.78rem;
    font-weight: 950;
    white-space: nowrap;
}

.savings-state[b-0k3neyuv5t] {
    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-0k3neyuv5t] { color: var(--danger-600); }

.savings-show-all[b-0k3neyuv5t] {
    width: fit-content;
    justify-self: center;
    border: 0;
    background: transparent;
    color: var(--brand-600);
    font: inherit;
    font-size: 0.65rem;
    font-weight: 900;
    cursor: pointer;
}

.spending-metrics article[b-0k3neyuv5t],
.spending-panel[b-0k3neyuv5t],
.spending-mobile-summary[b-0k3neyuv5t],
.spending-back-to-bills[b-0k3neyuv5t],
.price-product-tools[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: grid;
    min-height: 7.15rem;
    align-content: center;
    gap: 0.28rem;
    border-radius: 1.05rem;
    padding: 1rem;
}

.spending-metrics span[b-0k3neyuv5t],
.spending-metrics small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.65rem;
}

.spending-metrics strong[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    font-weight: 800;
}

.spending-metrics .increase[b-0k3neyuv5t],
.merchant-spend-grid .increase[b-0k3neyuv5t],
.spending-mobile-summary .increase[b-0k3neyuv5t] {
    color: var(--danger-600);
}

.spending-metrics .decrease[b-0k3neyuv5t],
.merchant-spend-grid .decrease[b-0k3neyuv5t],
.spending-mobile-summary .decrease[b-0k3neyuv5t] {
    color: var(--success-600);
}

.spending-metrics .neutral[b-0k3neyuv5t],
.merchant-spend-grid .neutral[b-0k3neyuv5t],
.spending-mobile-summary .neutral[b-0k3neyuv5t] {
    color: var(--ink-500);
}

.spending-analytics-grid[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 0.8rem;
}

.spending-panel[b-0k3neyuv5t] {
    min-width: 0;
    border-radius: 1.15rem;
    padding: 1rem;
}

.spending-panel-heading[b-0k3neyuv5t] {
    display: flex;
    min-height: 2rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    margin-bottom: 0.8rem;
}

.spending-panel-heading h2[b-0k3neyuv5t] {
    margin: 0;
    color: var(--ink-950);
    font-size: 0.84rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.spending-panel-heading > div[b-0k3neyuv5t] {
    display: grid;
    gap: 0.12rem;
}

.spending-panel-heading > div > small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.56rem;
}

.spending-panel-heading a[b-0k3neyuv5t],
.spending-panel-heading > span[b-0k3neyuv5t] {
    color: var(--brand-600);
    font-size: 0.62rem;
    font-weight: 900;
    text-decoration: none;
}

.spending-panel-heading a[b-0k3neyuv5t] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding-inline: 0.45rem;
}

.spending-panel-heading > span[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: grid;
    grid-template-columns: 10.5rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.category-donut[b-0k3neyuv5t] {
    position: relative;
    display: grid;
    width: 9.7rem;
    height: 9.7rem;
    place-items: center;
    border-radius: 50%;
}

.category-donut[b-0k3neyuv5t]::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-0k3neyuv5t] {
    z-index: 2;
    display: grid;
    justify-items: center;
    gap: 0.05rem;
}

.category-donut strong[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 0.85rem;
    font-weight: 950;
}

.category-donut small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.58rem;
}

.spending-category-list[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.38rem;
}

.spending-category-row[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    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-0k3neyuv5t],
.spending-category-row:focus-visible[b-0k3neyuv5t] {
    background: var(--brand-50);
}

.spending-category-icon[b-0k3neyuv5t] {
    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-0k3neyuv5t] { background: #ecfdf3; color: #0c8b56; }
.spending-category-icon.accent-amber[b-0k3neyuv5t] { background: #fff7e8; color: #c56a05; }
.spending-category-icon.accent-orange[b-0k3neyuv5t] { background: #fff2e8; color: #d85a09; }
.spending-category-icon.accent-pink[b-0k3neyuv5t] { background: #fff0fb; color: #c02b99; }
.spending-category-icon.accent-violet[b-0k3neyuv5t] { background: #f5f0ff; color: #7c3ee2; }
.spending-category-icon.accent-slate[b-0k3neyuv5t] { background: #f1f4f8; color: #66758c; }

.spending-category-icon[b-0k3neyuv5t]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.spending-category-copy[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    gap: 0.28rem;
}

.spending-category-copy > span[b-0k3neyuv5t] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.spending-category-copy strong[b-0k3neyuv5t],
.spending-category-row > strong[b-0k3neyuv5t] {
    overflow: hidden;
    color: var(--ink-800);
    font-size: 0.61rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spending-category-copy em[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.55rem;
    font-style: normal;
}

.spending-category-copy > i[b-0k3neyuv5t] {
    display: block;
    height: 0.32rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e7edf5;
}

.spending-category-copy > i > b[b-0k3neyuv5t] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-600), #6ca1ff);
}

.spending-category-row > strong[b-0k3neyuv5t] {
    font-size: 0.66rem;
}

.spending-chart[b-0k3neyuv5t] {
    overflow: hidden;
}

.spending-trend-panel[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: block;
    width: 100%;
    height: 12rem;
    overflow: visible;
}

.spending-chart line[b-0k3neyuv5t] {
    stroke: #e9eef6;
    stroke-width: 1;
}

.spending-chart .chart-grid line[b-0k3neyuv5t] {
    stroke-dasharray: 4 7;
}

.spending-chart .chart-y-labels text[b-0k3neyuv5t] {
    fill: var(--ink-400);
    font-size: 10px;
    text-anchor: end;
}

.spending-chart path.current-area[b-0k3neyuv5t] {
    fill: url(#spending-area-gradient);
    stroke: none;
}

.spending-chart path.mobile-area[b-0k3neyuv5t] {
    fill: url(#spending-mobile-area-gradient);
}

.spending-chart polyline[b-0k3neyuv5t] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.spending-chart polyline.current[b-0k3neyuv5t] { stroke: var(--brand-600); }
.spending-chart polyline.previous[b-0k3neyuv5t] { stroke: #b8c4d4; stroke-dasharray: 8 8; stroke-width: 3; }

.spending-chart .trend-point[b-0k3neyuv5t] {
    fill: #fff;
    stroke: var(--brand-600);
    stroke-width: 3;
    cursor: pointer;
    transition: r 0.15s ease;
}

.spending-chart .trend-point.maximum[b-0k3neyuv5t] {
    fill: #dbeafe;
}

.spending-chart-labels[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.75rem;
    color: var(--ink-500);
    font-size: 0.56rem;
}

.spending-chart-legend span[b-0k3neyuv5t] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.spending-chart-legend i[b-0k3neyuv5t] {
    display: inline-block;
    width: 1.1rem;
    height: 2px;
    background: var(--brand-600);
}

.spending-chart-legend i.previous[b-0k3neyuv5t] {
    background: repeating-linear-gradient(90deg, #b8c4d4 0 0.3rem, transparent 0.3rem 0.5rem);
}

.spending-empty[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    padding-bottom: 0.8rem;
}

.merchant-spend-grid[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.6rem;
}

.merchant-spend-grid > a[b-0k3neyuv5t] {
    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;
}

.merchant-spend-grid > a:hover[b-0k3neyuv5t],
.merchant-spend-grid > a:focus-visible[b-0k3neyuv5t] {
    border-color: var(--brand-300);
    box-shadow: 0 0.65rem 1.25rem rgba(37, 99, 235, 0.1);
    transform: translateY(-1px);
}

.merchant-spend-grid > a > div[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
}

.merchant-spend-grid > a > div > span[b-0k3neyuv5t] {
    display: grid;
    min-width: 0;
}

.merchant-spend-grid > a > div strong[b-0k3neyuv5t],
.merchant-spend-grid > a > div small[b-0k3neyuv5t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merchant-spend-grid > a > div strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.62rem;
}

.merchant-spend-grid > a > div small[b-0k3neyuv5t],
.merchant-spend-grid > a > small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.52rem;
}

.merchant-spend-grid > a > strong[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 0.9rem;
    font-weight: 950;
}

.merchant-spend-grid > a > small[b-0k3neyuv5t] {
    font-weight: 850;
}

.merchant-open-label[b-0k3neyuv5t] {
    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-0k3neyuv5t]  .app-icon {
    width: 0.7rem;
    height: 0.7rem;
}

.merchant-overview-toggle[b-0k3neyuv5t] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--brand-600);
    font: inherit;
    font-size: 0.62rem;
    font-weight: 900;
    cursor: pointer;
}

.spending-insights-panel[b-0k3neyuv5t] {
    display: none;
}

.spending-insight-grid[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.spending-insight-grid article[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    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-0k3neyuv5t],
.spending-insight-grid .category-insight > span[b-0k3neyuv5t] {
    background: var(--warning-50);
    color: var(--warning-600);
}

.spending-insight-grid article > span[b-0k3neyuv5t]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.spending-insight-grid article div[b-0k3neyuv5t] {
    display: grid;
    gap: 0.12rem;
}

.spending-insight-grid strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.68rem;
}

.spending-insight-grid small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.58rem;
}

.spending-back-to-bills[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: grid;
    gap: 0.12rem;
}

.spending-back-to-bills strong[b-0k3neyuv5t] {
    color: var(--ink-900);
    font-size: 0.72rem;
}

.spending-back-to-bills small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.6rem;
}

.spending-back-to-bills > .app-icon[b-0k3neyuv5t] {
    width: 1rem;
    height: 1rem;
    color: var(--brand-600);
}

.price-product-tools[b-0k3neyuv5t] {
    display: grid;
    gap: 0.9rem;
    border-radius: 1.2rem;
    padding: 1rem;
    scroll-margin-top: 5.5rem;
}

.price-product-tools-heading[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
}

.price-product-tools-heading h2[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.price-product-tools-heading p[b-0k3neyuv5t] {
    margin-top: 0.18rem;
    color: var(--ink-500);
    font-size: 0.68rem;
}

.price-manage-products-link[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    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-0k3neyuv5t] {
    display: grid;
    gap: 0.12rem;
}

.price-manage-products-link strong[b-0k3neyuv5t] {
    font-size: 0.74rem;
    font-weight: 950;
}

.price-manage-products-link small[b-0k3neyuv5t] {
    color: var(--ink-600);
    font-size: 0.64rem;
}

.price-manage-products-link[b-0k3neyuv5t]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.price-manage-products-link:hover[b-0k3neyuv5t],
.price-manage-products-link:focus-visible[b-0k3neyuv5t] {
    border-color: var(--brand-500);
    transform: translateY(-1px);
}

.price-product-tools .price-search-card[b-0k3neyuv5t] {
    border: 0;
    padding: 0;
    box-shadow: none;
}

.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-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.55rem;
    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-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: 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.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] {
    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-search-card[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;
}

.price-analytics-hero-badge[b-0k3neyuv5t] {
    z-index: 2;
    display: grid;
    min-width: 12rem;
    gap: 0.1rem;
    border: 1px solid var(--border);
    border-radius: 1.1rem;
    padding: 0.9rem 1rem;
    background: rgba(255,255,255,.88);
    box-shadow: var(--shadow-sm);
}

.price-analytics-hero-badge span[b-0k3neyuv5t],
.price-analytics-hero-badge small[b-0k3neyuv5t] {
    color: var(--ink-500);
    font-size: 0.68rem;
}

.price-analytics-hero-badge strong[b-0k3neyuv5t] {
    color: var(--ink-950);
    font-size: 1.7rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.price-search-card[b-0k3neyuv5t] {
    display: grid;
    gap: 0.75rem;
    border-radius: 1.35rem;
    padding: 0.9rem;
}

.price-search-row[b-0k3neyuv5t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.55rem;
}

.price-search-field[b-0k3neyuv5t] {
    position: relative;
}

.price-search-field > .app-icon[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    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-0k3neyuv5t] {
    border-color: var(--brand-500);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(37,99,235,.11);
}

.price-search-action[b-0k3neyuv5t],
.price-clear-action[b-0k3neyuv5t] {
    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-0k3neyuv5t] {
    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-0k3neyuv5t] {
    border: 1px solid var(--border-strong);
    background: #fff;
    color: var(--ink-700);
}

.price-search-action:hover[b-0k3neyuv5t],
.price-search-action:focus-visible[b-0k3neyuv5t],
.price-clear-action:hover[b-0k3neyuv5t],
.price-clear-action:focus-visible[b-0k3neyuv5t] {
    transform: translateY(-1px);
}

.price-search-action:disabled[b-0k3neyuv5t],
.price-clear-action:disabled[b-0k3neyuv5t] {
    opacity: 0.58;
    transform: none;
}

.price-controls[b-0k3neyuv5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.price-filter-chips[b-0k3neyuv5t] {
    display: flex;
    gap: 0.42rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.price-filter-chips[b-0k3neyuv5t]::-webkit-scrollbar { display: none; }

.price-filter-chips button[b-0k3neyuv5t] {
    flex: 0 0 auto;
    min-height: 2.75rem;
    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-0k3neyuv5t] {
    border-color: #b9d0fb;
    background: var(--brand-100);
    color: var(--brand-700);
}

.price-filter-chips button span[b-0k3neyuv5t] {
    margin-left: 0.18rem;
    opacity: 0.78;
}

.price-sort-control[b-0k3neyuv5t] {
    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 .app-icon[b-0k3neyuv5t] {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--ink-500);
}

.price-sort-control select[b-0k3neyuv5t] {
    min-height: 2.75rem;
    max-width: 14rem;
    border: 0;
    background: transparent;
    color: var(--ink-800);
    font-size: 0.7rem;
    font-weight: 850;
    outline: 0;
}

.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: #fecdd3;
    background: var(--danger-50);
    color: #9f1239;
}

.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;
    border-bottom: 1px solid var(--border);
    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;
}

.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: #9f1239;
}

.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;
    }

    .spending-analytics-grid[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .merchant-spend-grid[b-0k3neyuv5t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .savings-merchant-grid[b-0k3neyuv5t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .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-page-header[b-0k3neyuv5t] {
        min-height: 3.7rem;
        justify-content: center;
        text-align: center;
    }

    .spending-page-header h1[b-0k3neyuv5t] {
        font-size: 1.35rem;
    }

    .spending-page-header p[b-0k3neyuv5t],
    .spending-period-actions[b-0k3neyuv5t] {
        display: none;
    }

    .analytics-scope-picker[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
        border-radius: 1rem;
        padding: 0.65rem;
    }

    .analytics-scope-copy[b-0k3neyuv5t] {
        grid-template-columns: 1fr auto;
        align-items: end;
        padding: 0 0.15rem;
    }

    .analytics-scope-copy .price-kicker[b-0k3neyuv5t] {
        grid-column: 1 / -1;
    }

    .analytics-scope-options[b-0k3neyuv5t] {
        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-0k3neyuv5t]::-webkit-scrollbar {
        display: none;
    }

    .analytics-scope-options button[b-0k3neyuv5t] {
        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-0k3neyuv5t] {
        padding: calc(0.42rem - 1px) calc(0.35rem - 1px);
    }

    .analytics-scope-options button small[b-0k3neyuv5t] {
        display: none;
    }

    .analytics-scope-options button strong[b-0k3neyuv5t] {
        overflow: visible;
        line-height: 1.2;
        text-overflow: clip;
        white-space: normal;
    }

    .mobile-month-navigation[b-0k3neyuv5t] {
        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-0k3neyuv5t] {
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border: 0;
        border-radius: 0.75rem;
        background: transparent;
        color: var(--ink-700);
    }

    .mobile-month-navigation button:disabled[b-0k3neyuv5t] {
        opacity: 0.35;
    }

    .mobile-month-navigation button[b-0k3neyuv5t]  .app-icon {
        width: 0.95rem;
        height: 0.95rem;
    }

    .mobile-month-navigation strong[b-0k3neyuv5t] {
        justify-self: center;
        color: var(--ink-800);
        font-size: 0.74rem;
        font-weight: 900;
    }

    .spending-mobile-summary[b-0k3neyuv5t] {
        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-0k3neyuv5t] {
        z-index: 2;
        display: grid;
        justify-items: start;
        gap: 0.18rem;
    }

    .spending-mobile-summary span[b-0k3neyuv5t],
    .spending-mobile-summary small[b-0k3neyuv5t] {
        color: var(--ink-500);
        font-size: 0.62rem;
    }

    .spending-mobile-summary strong[b-0k3neyuv5t] {
        color: var(--ink-950);
        font-size: 1.8rem;
        font-weight: 950;
        letter-spacing: -0.05em;
    }

    .spending-mobile-summary em[b-0k3neyuv5t] {
        font-size: 0.72rem;
        font-style: normal;
        font-weight: 900;
    }

    .spending-wallet-art[b-0k3neyuv5t] {
        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-0k3neyuv5t]  .app-icon {
        width: 2.2rem;
        height: 2.2rem;
        stroke-width: 1.55;
    }

    .spending-metrics[b-0k3neyuv5t] {
        display: none;
    }

    .savings-banner[b-0k3neyuv5t] {
        gap: 0.75rem;
        border-radius: 1.1rem;
        padding: 0.82rem;
    }

    .savings-banner-header[b-0k3neyuv5t] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .savings-banner-icon[b-0k3neyuv5t] {
        width: 2.45rem;
        height: 2.45rem;
        border-radius: 0.78rem;
    }

    .savings-banner h2[b-0k3neyuv5t] {
        font-size: 0.85rem;
    }

    .savings-banner p[b-0k3neyuv5t] {
        font-size: 0.68rem;
        line-height: 1.5;
    }

    .savings-banner-total[b-0k3neyuv5t] {
        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-0k3neyuv5t] {
        grid-row: 1 / span 2;
        grid-column: 2;
        font-size: 1.5rem;
    }

    .savings-period-tabs[b-0k3neyuv5t] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow-x: visible;
    }

    .savings-period-tabs button[b-0k3neyuv5t] {
        width: 100%;
        min-width: 0;
        padding-inline: 0.35rem;
    }

    .savings-merchant-grid[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .spending-analytics-grid[b-0k3neyuv5t] {
        gap: 0.75rem;
    }

    .spending-panel[b-0k3neyuv5t] {
        border-radius: 1.15rem;
        padding: 0.82rem;
    }

    .spending-panel-heading[b-0k3neyuv5t] {
        margin-bottom: 0.55rem;
    }

    .category-donut-layout[b-0k3neyuv5t] {
        display: block;
    }

    .category-donut[b-0k3neyuv5t] {
        display: none;
    }

    .spending-category-list[b-0k3neyuv5t] {
        gap: 0.42rem;
    }

    .spending-category-row[b-0k3neyuv5t] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.58rem;
        padding: 0.34rem 0;
    }

    .spending-category-icon[b-0k3neyuv5t] {
        width: 2rem;
        height: 2rem;
    }

    .spending-category-copy strong[b-0k3neyuv5t],
    .spending-category-row > strong[b-0k3neyuv5t] {
        font-size: 0.72rem;
    }

    .spending-category-copy em[b-0k3neyuv5t] {
        font-size: 0.64rem;
    }

    .spending-category-copy > i[b-0k3neyuv5t] {
        height: 0.38rem;
    }

    .desktop-spending-chart[b-0k3neyuv5t],
    .desktop-only[b-0k3neyuv5t] {
        display: none;
    }

    .mobile-spending-chart[b-0k3neyuv5t] {
        display: block;
    }

    .spending-chart svg[b-0k3neyuv5t] {
        height: 9.5rem;
    }

    .spending-chart-legend[b-0k3neyuv5t] {
        margin-top: 0.5rem;
    }

    .merchant-spend-grid[b-0k3neyuv5t] {
        grid-template-columns: 1fr 1fr;
    }

    .merchant-spend-grid > a[b-0k3neyuv5t] {
        padding: 0.58rem;
    }

    .savings-merchant-grid article > span strong[b-0k3neyuv5t],
    .merchant-spend-grid > a > div strong[b-0k3neyuv5t] {
        font-size: 0.7rem;
    }

    .savings-merchant-grid article > span small[b-0k3neyuv5t],
    .merchant-spend-grid > a > div small[b-0k3neyuv5t],
    .merchant-spend-grid > a > small[b-0k3neyuv5t] {
        font-size: 0.62rem;
        line-height: 1.35;
    }

    .merchant-open-label[b-0k3neyuv5t] {
        font-size: 0.64rem;
    }

    .spending-panel-heading > div > small[b-0k3neyuv5t] {
        font-size: 0.64rem;
        line-height: 1.4;
    }

    .spending-panel-heading a[b-0k3neyuv5t] {
        display: inline-flex;
        min-height: 2.75rem;
        align-items: center;
        padding-inline: 0.45rem;
        font-size: 0.68rem;
    }

    .spending-insights-panel[b-0k3neyuv5t],
    .spending-back-to-bills[b-0k3neyuv5t] {
        display: block;
    }

    .spending-back-to-bills[b-0k3neyuv5t] {
        display: flex;
    }

    .spending-insight-grid[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .price-product-tools[b-0k3neyuv5t] {
        border-radius: 1.15rem;
        padding: 0.82rem;
    }

    .price-notes-panel[b-0k3neyuv5t] {
        padding: 0.82rem;
    }

    .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-product-tools-heading[b-0k3neyuv5t] {
        align-items: start;
    }

    .price-product-tools-heading p[b-0k3neyuv5t] {
        font-size: 0.62rem;
    }

    .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-hero-badge[b-0k3neyuv5t] {
        grid-column: 1 / -1;
        min-width: 0;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        border-radius: 0.95rem;
        padding: 0.7rem 0.8rem;
    }

    .price-analytics-hero-badge strong[b-0k3neyuv5t] {
        grid-row: 1 / span 2;
        grid-column: 2;
        font-size: 1.35rem;
    }

    .price-search-card[b-0k3neyuv5t] {
        border-radius: 1.2rem;
        padding: 0.75rem;
    }

    .price-search-row[b-0k3neyuv5t] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem;
    }

    .price-clear-action[b-0k3neyuv5t] {
        grid-column: 1 / -1;
    }

    .price-search-field input[b-0k3neyuv5t],
    .price-search-action[b-0k3neyuv5t],
    .price-clear-action[b-0k3neyuv5t] {
        min-height: 2.8rem;
    }

    .price-search-field input[b-0k3neyuv5t] {
        font-size: 16px;
    }

    .price-controls[b-0k3neyuv5t] {
        display: grid;
        gap: 0.55rem;
    }

    .price-sort-control[b-0k3neyuv5t] {
        width: 100%;
        justify-content: center;
    }

    .price-sort-control select[b-0k3neyuv5t] {
        max-width: none;
    }

    .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) {
    .price-search-row[b-0k3neyuv5t] {
        grid-template-columns: 1fr;
    }

    .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;
    }
}
/* /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) 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 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 h1[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.2rem;
    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.65rem;
    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],
.managed-actions > .unmerge-confirmation[b-ub9ednt6d9] {
    grid-column: 1 / -1;
    justify-self: start;
}

.unmerge-confirmation[b-ub9ednt6d9] {
    color: var(--danger-600);
    font-size: 0.72rem;
    font-weight: 850;
}

.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 h1[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%;
    }

    .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;
    }
}
/* /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);
}

/* 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.65rem;
    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) {
    .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);
    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 input[b-3qwdt0yhbf] {
    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 input:focus[b-3qwdt0yhbf] {
    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] {
    width: 1.55rem;
    height: 1.55rem;
    border: 0.18rem solid var(--split-surface-soft);
    border-radius: 50%;
    padding: 0;
    background: var(--participant);
    box-shadow: 0 0 0 1px var(--split-border);
    cursor: pointer;
}

.receipt-split-color.selected[b-3qwdt0yhbf] {
    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(--receipt-brand), var(--receipt-brand-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 input:disabled[b-3qwdt0yhbf] {
    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-radius: 50%;
    background: var(--participant-soft, var(--split-surface-muted));
    color: var(--participant, var(--split-muted));
    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-radius: 50%;
    background: var(--participant);
    color: #ffffff;
    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.45rem;
    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);
    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 > span[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 input[b-3qwdt0yhbf] {
    min-height: 2.55rem;
    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(--receipt-brand);
    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.45rem;
    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.45rem;
    border: 0;
    border-radius: 0.66rem;
    padding: 0.5rem 0.75rem;
    background: var(--receipt-brand);
    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);
    }
}

@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.45rem minmax(4.8rem, 1fr) 2.45rem;
    }

    .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-search-card[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-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] {
    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-status.warning[b-p4b4f5fxrk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.workspace-status.warning a[b-p4b4f5fxrk] {
    flex: 0 0 auto;
    border: 1px solid #f59e0b;
    border-radius: 999px;
    padding: 0.42rem 0.7rem;
    color: #92400e;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.workspace-status.warning a:hover[b-p4b4f5fxrk],
.workspace-status.warning a:focus-visible[b-p4b4f5fxrk] {
    background: #fef3c7;
}

.workspace-loading-state[b-p4b4f5fxrk] {
    min-height: 8rem;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    text-align: center;
}


.search-field-icon[b-p4b4f5fxrk]  .app-icon {
    width: 1.05rem;
    height: 1.05rem;
}


.workspace-filter-controls[b-p4b4f5fxrk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.workspace-advanced-filters[b-p4b4f5fxrk] {
    position: relative;
    flex: 1 1 auto;
}

.workspace-filter-toggle[b-p4b4f5fxrk],
.archive-sort-toggle[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.82rem;
    padding: 0 0.8rem;
    background: #fff;
    color: var(--ink-800);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 850;
    cursor: pointer;
}

.workspace-filter-toggle:hover[b-p4b4f5fxrk],
.workspace-filter-toggle:focus-visible[b-p4b4f5fxrk],
.archive-sort-toggle:hover[b-p4b4f5fxrk],
.archive-sort-toggle:focus-visible[b-p4b4f5fxrk] {
    border-color: var(--brand-200);
    background: var(--brand-50);
    color: var(--brand-700);
}

.workspace-filter-toggle.active[b-p4b4f5fxrk] {
    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-p4b4f5fxrk]  .app-icon,
.archive-sort-toggle[b-p4b4f5fxrk]  .app-icon {
    width: 0.92rem;
    height: 0.92rem;
}

.workspace-filter-toggle em[b-p4b4f5fxrk] {
    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-p4b4f5fxrk] {
    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 label[b-p4b4f5fxrk] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
}

.workspace-filter-bar label > span[b-p4b4f5fxrk] {
    color: var(--ink-600);
    font-size: 0.65rem;
    font-weight: 850;
}

.workspace-filter-bar input[b-p4b4f5fxrk],
.workspace-filter-bar select[b-p4b4f5fxrk] {
    width: 100%;
    min-width: 0;
    min-height: 2.5rem;
    border: 1px solid var(--border-strong);
    border-radius: 0.72rem;
    padding: 0 0.65rem;
    background: #fff;
    color: var(--ink-900);
    color-scheme: light only;
    outline: 0;
}

.workspace-filter-bar input:focus[b-p4b4f5fxrk],
.workspace-filter-bar select:focus[b-p4b4f5fxrk] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.workspace-filter-actions[b-p4b4f5fxrk] {
    display: flex;
    align-items: end;
    gap: 0.45rem;
}

.archive-sort[b-p4b4f5fxrk] {
    position: relative;
    flex: 0 0 auto;
}

.archive-sort-toggle > span[b-p4b4f5fxrk] {
    color: var(--ink-500);
    font-weight: 700;
}

.archive-sort-toggle > strong[b-p4b4f5fxrk] {
    color: var(--ink-900);
    font-weight: 900;
}

.archive-sort-menu[b-p4b4f5fxrk] {
    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: #fff;
    box-shadow: var(--shadow-md);
}

.archive-sort-menu button[b-p4b4f5fxrk] {
    min-height: 2.45rem;
    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-p4b4f5fxrk],
.archive-sort-menu button:focus-visible[b-p4b4f5fxrk],
.archive-sort-menu button.selected[b-p4b4f5fxrk] {
    background: var(--brand-50);
    color: var(--brand-700);
}

.quick-filter-row[b-p4b4f5fxrk],
.active-filter-row[b-p4b4f5fxrk] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.quick-filter-row[b-p4b4f5fxrk]::-webkit-scrollbar,
.active-filter-row[b-p4b4f5fxrk]::-webkit-scrollbar {
    display: none;
}

.quick-filter-row button[b-p4b4f5fxrk] {
    flex: 0 0 auto;
    min-height: 2.75rem;
    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;
}

.quick-filter-row button:hover[b-p4b4f5fxrk],
.quick-filter-row button:focus-visible[b-p4b4f5fxrk] {
    border-color: var(--brand-200);
    color: var(--brand-700);
}

.quick-filter-row button.selected[b-p4b4f5fxrk] {
    border-color: #b9d0fb;
    background: var(--brand-100);
    color: var(--brand-700);
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.12), 0 0 0 2px color-mix(in srgb, var(--brand-500) 12%, transparent);
}

.quick-filter-row button:disabled[b-p4b4f5fxrk] {
    opacity: 0.58;
}

.active-filter-row[b-p4b4f5fxrk] {
    border-top: 1px solid var(--border);
    padding-top: 0.65rem;
}

.active-filter-row > span[b-p4b4f5fxrk] {
    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-p4b4f5fxrk] {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--brand-700);
    font: inherit;
    font-size: 0.66rem;
    font-weight: 900;
    cursor: pointer;
}


.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;
    }

    .workspace-filter-bar[b-p4b4f5fxrk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-filter-actions[b-p4b4f5fxrk] {
        grid-column: 1 / -1;
    }
}

@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] {
        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-search-card[b-p4b4f5fxrk] {
        border-radius: 1.2rem;
        padding: 0.75rem;
    }

    .workspace-search-row[b-p4b4f5fxrk] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem;
    }

    .search-field input[b-p4b4f5fxrk],
    .search-submit[b-p4b4f5fxrk] {
        min-height: 2.8rem;
    }

    .search-field input[b-p4b4f5fxrk] {
        padding-right: 0.55rem;
        padding-left: 2.4rem;
        font-size: 16px;
    }

    .search-field-icon[b-p4b4f5fxrk] {
        left: 0.78rem;
    }

    .search-submit[b-p4b4f5fxrk] {
        min-width: 4.7rem;
        padding: 0 0.65rem;
        font-size: 0.72rem;
    }

    .workspace-filter-controls[b-p4b4f5fxrk] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .workspace-filter-toggle[b-p4b4f5fxrk],
    .archive-sort-toggle[b-p4b4f5fxrk] {
        width: 100%;
        min-height: 2.75rem;
        padding: 0 0.55rem;
        font-size: 0.7rem;
    }

    .archive-sort-toggle > span[b-p4b4f5fxrk] {
        display: none;
    }

    .workspace-filter-bar[b-p4b4f5fxrk] {
        grid-template-columns: 1fr;
    }

    .workspace-filter-actions[b-p4b4f5fxrk] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .archive-sort-menu[b-p4b4f5fxrk] {
        width: min(13rem, 90vw);
    }

    .quick-filter-row[b-p4b4f5fxrk] {
        flex-wrap: wrap;
        overflow-x: visible;
        margin-right: -0.25rem;
        margin-left: -0.25rem;
        padding: 0 0.25rem;
    }

    .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-search-row[b-p4b4f5fxrk] {
        grid-template-columns: 1fr;
    }

    .search-submit[b-p4b4f5fxrk] {
        width: 100%;
    }

    .workspace-result-count[b-p4b4f5fxrk] {
        max-width: 5.5rem;
        text-align: right;
        white-space: normal;
    }
}
/* /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/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 #cbd5e1;
    border-radius: 12px;
    background: #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 #bfd0ea;
    border-radius: 10px;
    background: #ffffff;
    color: #1d4ed8;
    font-weight: 850;
    cursor: pointer;
}

.attachment-upload-trigger:hover[b-cewq38ctjg],
.attachment-upload-trigger:focus-within[b-cewq38ctjg] {
    border-color: #2563eb;
    background: #eff6ff;
}

.attachment-upload-trigger[b-cewq38ctjg]  .attachment-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.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-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-file-icon[b-cewq38ctjg] {
    display: grid;
    width: 5rem;
    height: 6rem;
    place-items: center;
    border: 2px solid #ef4444;
    border-radius: 8px;
    color: #991b1b;
    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.1rem;
    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;
}
/* /Components/Shared/BillListCard.razor.rz.scp.css */
.bill-list-card[b-b16mfhw9yo] {
    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:hover[b-b16mfhw9yo],
.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;
}

.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-500);
    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-500);
    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-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-400);
    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:hover .bill-list-card-arrow[b-b16mfhw9yo],
.bill-list-card:focus-visible .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:hover[b-b16mfhw9yo],
    .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-total-label[b-b16mfhw9yo] {
        grid-area: label;
        color: var(--ink-500);
        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: 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] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    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;
    display: flex;
    flex-direction: column;
    width: min(100%, 54rem);
    height: min(40rem, calc(100dvh - 2.5rem));
    max-height: min(48rem, calc(100dvh - 2.5rem));
    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: #fff;
    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: #0f172a;
    font: inherit;
    font-size: .86rem;
}

.category-picker-search input[b-0sd5479mlg]::placeholder {
    color: #94a3b8;
}

.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.5rem;
    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] {
        place-items: end center;
        padding: 0;
        background: rgba(15, 23, 42, .55);
        backdrop-filter: blur(5px);
    }

    .category-picker-dialog[b-0sd5479mlg] {
        width: 100%;
        height: min(90dvh, 49rem);
        max-height: min(90dvh, 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-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: 2rem;
        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;
        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/GroupNotificationHost.razor.rz.scp.css */
.group-notification-backdrop[b-ddi0wmsfii] {
    position: fixed;
    z-index: 1150;
    inset: 0;
    display: grid;
    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) 44%, transparent);
    backdrop-filter: blur(0.3rem);
}

.group-notification-dialog[b-ddi0wmsfii] {
    position: relative;
    display: grid;
    width: min(100%, 30rem);
    justify-items: center;
    gap: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 1.4rem;
    padding: clamp(1.4rem, 5vw, 2rem);
    background: var(--surface-raised);
    box-shadow: var(--shadow-lg);
    color: var(--ink-900);
    text-align: center;
}

.group-notification-close[b-ddi0wmsfii] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-soft);
    color: var(--ink-600);
    cursor: pointer;
}

.group-notification-close[b-ddi0wmsfii]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.group-notification-icon[b-ddi0wmsfii] {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: 1.2rem;
    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[b-ddi0wmsfii]  .app-icon {
    width: 2rem;
    height: 2rem;
}

.group-notification-kicker[b-ddi0wmsfii] {
    color: var(--brand-700);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.group-notification-dialog h2[b-ddi0wmsfii],
.group-notification-dialog p[b-ddi0wmsfii] {
    margin: 0;
}

.group-notification-dialog h2[b-ddi0wmsfii] {
    max-width: 24rem;
    color: var(--ink-950);
    font-size: clamp(1.35rem, 5vw, 1.8rem);
    letter-spacing: -0.035em;
}

.group-notification-dialog p[b-ddi0wmsfii] {
    max-width: 25rem;
    color: var(--ink-600);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.group-notification-actions[b-ddi0wmsfii] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 0.35rem;
}

.group-notification-primary[b-ddi0wmsfii],
.group-notification-secondary[b-ddi0wmsfii] {
    min-height: 2.75rem;
    border-radius: 999px;
    padding: 0.65rem 1rem;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 900;
    cursor: pointer;
}

.group-notification-primary[b-ddi0wmsfii] {
    border: 1px solid var(--brand-600);
    background: var(--brand-600);
    color: white;
}

.group-notification-secondary[b-ddi0wmsfii] {
    border: 1px solid var(--border-strong);
    background: var(--surface-raised);
    color: var(--ink-700);
}

.group-notification-close:focus-visible[b-ddi0wmsfii],
.group-notification-primary:focus-visible[b-ddi0wmsfii],
.group-notification-secondary:focus-visible[b-ddi0wmsfii] {
    outline: 3px solid color-mix(in srgb, var(--brand-500) 34%, transparent);
    outline-offset: 2px;
}

.group-notification-close:disabled[b-ddi0wmsfii],
.group-notification-primary:disabled[b-ddi0wmsfii],
.group-notification-secondary:disabled[b-ddi0wmsfii] {
    cursor: wait;
    opacity: 0.65;
}

@media (max-width: 430px) {
    .group-notification-dialog[b-ddi0wmsfii] {
        border-radius: 1.15rem;
        padding: 1.3rem 1rem;
    }

    .group-notification-actions[b-ddi0wmsfii] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .group-notification-primary[b-ddi0wmsfii],
    .group-notification-secondary[b-ddi0wmsfii] {
        width: 100%;
    }
}
/* /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: inherit;
    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: 0.7rem;
    }

    .master-unlock-dialog[b-jp1y6z5a8s] {
        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: inherit;
    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: 0.6rem;
    }

    .master-onboarding-dialog[b-mvy87jpgzp] {
        max-height: calc(100vh - 1.2rem);
        max-height: calc(100dvh - 1.2rem);
        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/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/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/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: 640px) {
    .pwa-install-card[b-73nc2ykhlb] {
        right: .7rem;
        bottom: calc(5.8rem + env(safe-area-inset-bottom));
        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/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);
}