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

.app-main[b-9hmtnn20k1],
.public-main[b-9hmtnn20k1] {
    flex: 1;
}

/* Prihlásené prostredie */
.top-bar[b-9hmtnn20k1] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    min-height: 4.35rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem clamp(1rem, 4vw, 2rem);
    border-bottom: 1px solid rgba(31, 41, 55, 0.11);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.6rem 2rem rgba(15, 23, 42, 0.045);
    backdrop-filter: blur(18px);
}

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

.top-brand[b-9hmtnn20k1],
.footer-brand[b-9hmtnn20k1],
.public-brand[b-9hmtnn20k1] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
    color: #111827;
    font-weight: 900;
    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: #111827;
}

.top-brand-cell[b-9hmtnn20k1],
.footer-brand-cell[b-9hmtnn20k1],
.public-brand-cell[b-9hmtnn20k1] {
    display: inline-grid;
    min-width: 2.7rem;
    height: 1.95rem;
    place-items: center;
    border: 1px solid rgba(31, 41, 55, 0.2);
    border-radius: 0.28rem;
    background: #ffffff;
    color: #334155;
    font-size: 0.74rem;
    box-shadow: inset 3px 0 #2563eb;
}

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

.top-nav[b-9hmtnn20k1]  a {
    position: relative;
    display: inline-flex;
    min-height: 2.45rem;
    align-items: center;
    border-radius: 999px;
    padding: 0 0.86rem;
    color: #526176;
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 130ms ease, color 130ms ease;
}

.top-nav[b-9hmtnn20k1]  a:hover,
.top-nav[b-9hmtnn20k1]  a:focus-visible {
    background: #eff6ff;
    color: #1d4ed8;
}

.top-nav[b-9hmtnn20k1]  a.active {
    background: #e9f1ff;
    color: #1d4ed8;
}

.top-nav[b-9hmtnn20k1]  a.active::after {
    content: "";
    position: absolute;
    right: 0.85rem;
    bottom: 0.28rem;
    left: 0.85rem;
    height: 2px;
    border-radius: 999px;
    background: #2563eb;
}

.top-auth-state[b-9hmtnn20k1] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.68rem;
}

.top-user-avatar[b-9hmtnn20k1] {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, #35d6c5, #5a8cff);
    color: #071426;
    font-size: 0.8rem;
    font-weight: 950;
    box-shadow: 0 0.55rem 1.3rem rgba(37, 99, 235, 0.16);
}

.top-user-name[b-9hmtnn20k1] {
    max-width: min(28vw, 17rem);
    overflow: hidden;
    color: #475569;
    font-size: 0.88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.top-sign-out[b-9hmtnn20k1] {
    min-height: 2.45rem;
    padding: 0 0.88rem;
    border: 1px solid #d7dee8;
    border-radius: 0.72rem;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.055);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.top-sign-out:hover[b-9hmtnn20k1],
.top-sign-out:focus-visible[b-9hmtnn20k1] {
    transform: translateY(-1px);
    border-color: #b9c6d6;
    box-shadow: 0 0.7rem 1.5rem rgba(15, 23, 42, 0.09);
}

/* Verejný vstup */
.public-shell[b-9hmtnn20k1] {
    background: #071426;
}

.public-top-bar[b-9hmtnn20k1] {
    position: relative;
    z-index: 30;
    display: flex;
    min-height: 4.35rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem max(1rem, calc((100vw - 76rem) / 2));
    border-bottom: 1px solid rgba(25, 45, 67, 0.1);
    background: #ffffff;
    box-shadow: 0 0.5rem 1.8rem rgba(5, 13, 26, 0.08);
}

.public-login-link[b-9hmtnn20k1] {
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    gap: 0.55rem;
    padding: 0 0.85rem 0 0.48rem;
    border: 1px solid #d8e0e9;
    border-radius: 0.78rem;
    background: #ffffff;
    color: #111827;
    font-size: 0.88rem;
    font-weight: 820;
    text-decoration: none;
    box-shadow: 0 0.5rem 1.3rem rgba(15, 23, 42, 0.07);
}

.public-login-link:hover[b-9hmtnn20k1],
.public-login-link:focus-visible[b-9hmtnn20k1] {
    color: #111827;
    border-color: #aebfd2;
    transform: translateY(-1px);
}

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

.public-footer[b-9hmtnn20k1] {
    position: relative;
    z-index: 5;
    display: flex;
    min-height: 3.85rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem max(1rem, calc((100vw - 76rem) / 2));
    border-top: 1px solid rgba(157, 191, 219, 0.12);
    background: #081526;
    color: #7890aa;
    font-size: 0.78rem;
    font-weight: 700;
}

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

.public-footer a[b-9hmtnn20k1] {
    color: #9fb1c5;
    text-decoration: none;
}

.public-footer a:hover[b-9hmtnn20k1],
.public-footer a:focus-visible[b-9hmtnn20k1] {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

/* Pätička prihláseného prostredia */
.app-footer[b-9hmtnn20k1] {
    position: relative;
    border-top: 1px solid rgba(31, 41, 55, 0.14);
    background:
        linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0 2px, transparent 2px),
        repeating-linear-gradient(180deg, #ffffff 0 2.25rem, #f8fafc 2.25rem calc(2.25rem + 1px));
    color: #111827;
}

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

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

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

.footer-about p[b-9hmtnn20k1] {
    margin: 0;
    color: #64748b;
    font-size: 0.94rem;
    line-height: 1.65;
}

.footer-brand-cell[b-9hmtnn20k1] {
    min-width: 2.35rem;
    height: 1.7rem;
    font-size: 0.7rem;
}

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

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

.footer-group h2[b-9hmtnn20k1] {
    margin: 0 0 0.25rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08rem;
}

.footer-group a[b-9hmtnn20k1] {
    width: fit-content;
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}

.footer-group a:hover[b-9hmtnn20k1],
.footer-group a:focus-visible[b-9hmtnn20k1] {
    color: #2563eb;
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.footer-bottom[b-9hmtnn20k1] {
    display: flex;
    max-width: 76rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 auto;
    padding: 0.9rem clamp(1rem, 4vw, 2rem) 1.1rem;
    border-top: 1px solid rgba(31, 41, 55, 0.12);
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

@media (min-width: 641px) {
    article.content[b-9hmtnn20k1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 920px) {
    .top-bar[b-9hmtnn20k1] {
        align-items: stretch;
        flex-direction: column;
    }

    .top-left[b-9hmtnn20k1] {
        justify-content: space-between;
    }

    .top-auth-state[b-9hmtnn20k1] {
        justify-content: flex-end;
    }
}

@media (max-width: 700px) {
    .top-left[b-9hmtnn20k1] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.72rem;
    }

    .top-nav[b-9hmtnn20k1] {
        overflow-x: auto;
        margin: 0 -0.15rem;
        padding-bottom: 0.1rem;
        scrollbar-width: thin;
    }

    .top-nav[b-9hmtnn20k1]  a {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .top-auth-state[b-9hmtnn20k1] {
        justify-content: space-between;
    }

    .top-user-name[b-9hmtnn20k1] {
        max-width: 42vw;
    }

    .footer-inner[b-9hmtnn20k1] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .footer-bottom[b-9hmtnn20k1] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .public-top-bar[b-9hmtnn20k1] {
        min-height: 3.8rem;
    }

    .public-brand-cell[b-9hmtnn20k1],
    .top-brand-cell[b-9hmtnn20k1] {
        min-width: 2.35rem;
        height: 1.75rem;
    }

    .public-footer[b-9hmtnn20k1] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .public-footer nav[b-9hmtnn20k1] {
        flex-wrap: wrap;
        gap: 0.45rem 1rem;
    }

    .top-auth-state[b-9hmtnn20k1] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        width: 100%;
    }

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

    .top-sign-out[b-9hmtnn20k1] {
        padding: 0 0.7rem;
    }

    .footer-sections[b-9hmtnn20k1] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .top-nav[b-9hmtnn20k1]  a,
    .top-sign-out[b-9hmtnn20k1],
    .public-login-link[b-9hmtnn20k1] {
        transition: none;
    }
}

#blazor-error-ui[b-9hmtnn20k1] {
    color-scheme: light only;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    box-sizing: border-box;
    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;
}

/* Moderná navigácia pracovného priestoru */
.top-nav[b-9hmtnn20k1]  a {
    gap: 0.45rem;
}

.top-nav[b-9hmtnn20k1]  a .app-icon {
    font-size: 1rem;
}

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

@media (max-width: 700px) {
    .app-shell[b-9hmtnn20k1] {
        padding-bottom: calc(5.6rem + env(safe-area-inset-bottom));
    }

    .top-bar[b-9hmtnn20k1] {
        min-height: 3.9rem;
        align-items: center;
        flex-direction: row;
        padding: 0.62rem 0.85rem;
    }

    .top-left[b-9hmtnn20k1] {
        align-items: center;
        flex-direction: row;
        gap: 0.75rem;
    }

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

    .top-auth-state[b-9hmtnn20k1] {
        display: flex;
        width: auto;
        justify-content: flex-end;
        gap: 0.45rem;
    }

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

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

    .top-sign-out[b-9hmtnn20k1] {
        min-height: 2.2rem;
        padding: 0 0.68rem;
        border-radius: 0.68rem;
        font-size: 0.76rem;
    }

    article.content[b-9hmtnn20k1] {
        padding-right: 0.8rem !important;
        padding-left: 0.8rem !important;
    }

    .mobile-tab-bar[b-9hmtnn20k1] {
        position: fixed;
        z-index: 80;
        right: 0.65rem;
        bottom: calc(0.55rem + env(safe-area-inset-bottom));
        left: 0.65rem;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: end;
        min-height: 4.4rem;
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 1.35rem;
        padding: 0.42rem 0.35rem 0.35rem;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 1rem 3rem rgba(15, 23, 42, 0.22);
        backdrop-filter: blur(20px);
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a {
        display: grid;
        min-width: 0;
        min-height: 3.45rem;
        place-items: center;
        align-content: center;
        gap: 0.18rem;
        border-radius: 0.9rem;
        color: #64748b;
        font-size: 1.15rem;
        text-decoration: none;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a > span {
        overflow: hidden;
        max-width: 100%;
        font-size: 0.62rem;
        font-weight: 850;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a.active {
        background: #eff6ff;
        color: #2563eb;
    }

    .mobile-tab-bar .mobile-scan-action[b-9hmtnn20k1] {
        position: relative;
        align-self: start;
        margin-top: -1.25rem;
        color: #0f172a;
    }

    .mobile-scan-action > span[b-9hmtnn20k1] {
        display: grid;
        width: 3.65rem;
        height: 3.65rem;
        place-items: center;
        border: 0.3rem solid #fff;
        border-radius: 1.25rem;
        background: linear-gradient(145deg, #2563eb, #1647b8);
        color: #fff;
        font-size: 1.55rem;
        box-shadow: 0 0.9rem 1.8rem rgba(37, 99, 235, 0.34);
    }

    .mobile-scan-action strong[b-9hmtnn20k1] {
        color: #1d4ed8;
        font-size: 0.62rem;
        font-weight: 950;
    }
}

@media (max-width: 380px) {
    .top-sign-out[b-9hmtnn20k1] {
        font-size: 0;
    }

    .top-sign-out[b-9hmtnn20k1]::after {
        content: "Odísť";
        font-size: 0.72rem;
    }

    .mobile-tab-bar[b-9hmtnn20k1] {
        right: 0.35rem;
        left: 0.35rem;
    }
}


/* Oprava mobilného shellu: jedna kompaktná lišta bez zalamovania desktop navigácie. */
.top-account-link[b-9hmtnn20k1] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.68rem;
    color: inherit;
    text-decoration: none;
}

.top-account-link:hover[b-9hmtnn20k1],
.top-account-link:focus-visible[b-9hmtnn20k1] {
    color: inherit;
}

.top-sign-out[b-9hmtnn20k1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
}

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

@media screen and (max-width: 800px) {
    .app-shell[b-9hmtnn20k1] {
        min-width: 0;
        overflow-x: clip;
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom));
    }

    .top-bar[b-9hmtnn20k1] {
        position: sticky;
        top: 0;
        z-index: 100;
        display: flex !important;
        width: 100%;
        min-height: 3.55rem;
        height: 3.55rem;
        align-items: center !important;
        justify-content: space-between;
        flex-direction: row !important;
        gap: 0.55rem;
        padding: 0.48rem max(0.72rem, env(safe-area-inset-right)) 0.48rem max(0.72rem, env(safe-area-inset-left));
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 0.35rem 1.15rem rgba(15, 23, 42, 0.08);
    }

    .top-left[b-9hmtnn20k1] {
        display: flex !important;
        min-width: 0;
        flex: 1 1 auto;
        align-items: center !important;
        flex-direction: row !important;
        gap: 0.5rem;
    }

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

    .top-brand-cell[b-9hmtnn20k1] {
        min-width: 2.15rem;
        width: 2.15rem;
        height: 1.62rem;
        font-size: 0.64rem;
    }

    .top-brand-word[b-9hmtnn20k1] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    .top-auth-state[b-9hmtnn20k1] {
        display: flex !important;
        width: auto !important;
        flex: 0 0 auto;
        align-items: center;
        justify-content: flex-end !important;
        gap: 0.32rem;
    }

    .top-account-link[b-9hmtnn20k1] {
        gap: 0;
        border-radius: 0.72rem;
    }

    .top-user-avatar[b-9hmtnn20k1] {
        width: 2.15rem;
        height: 2.15rem;
        border-radius: 0.72rem;
        font-size: 0.76rem;
    }

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

    .top-sign-out[b-9hmtnn20k1] {
        width: 2.15rem;
        min-width: 2.15rem;
        min-height: 2.15rem;
        height: 2.15rem;
        padding: 0;
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    .top-sign-out:hover[b-9hmtnn20k1],
    .top-sign-out:focus-visible[b-9hmtnn20k1] {
        transform: none;
        border-color: #dbe4ef;
        background: #f1f5f9;
        box-shadow: none;
    }

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

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

    article.content[b-9hmtnn20k1] {
        width: 100%;
        min-width: 0;
        padding: 0 0.72rem !important;
    }

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

    .mobile-tab-bar[b-9hmtnn20k1] {
        right: max(0.45rem, env(safe-area-inset-right));
        bottom: calc(0.42rem + env(safe-area-inset-bottom));
        left: max(0.45rem, env(safe-area-inset-left));
        min-height: 4.15rem;
        border-radius: 1.18rem;
        padding: 0.36rem 0.24rem 0.28rem;
    }

    .mobile-tab-bar[b-9hmtnn20k1]  a {
        min-height: 3.25rem;
        border-radius: 0.82rem;
    }

    .mobile-tab-bar .mobile-scan-action[b-9hmtnn20k1] {
        margin-top: -1.05rem;
    }

    .mobile-scan-action > span[b-9hmtnn20k1] {
        width: 3.35rem;
        height: 3.35rem;
        border-width: 0.24rem;
        border-radius: 1.05rem;
        font-size: 1.4rem;
    }
}

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

    .mobile-tab-bar[b-9hmtnn20k1]  a > span,
    .mobile-scan-action strong[b-9hmtnn20k1] {
        font-size: 0.56rem;
    }
}
/* /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");
}

.bi-clipboard-check-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-clipboard-check' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 6.5 1zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z'/%3E%3C/svg%3E");
}

.bi-card-list-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-credit-card-2-front' viewBox='0 0 16 16'%3E%3Cpath d='M14 3a1 1 0 0 1 1 1v1H1V4a1 1 0 0 1 1-1zM1 6h14v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm2 2.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1z'/%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);
        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] {
    max-width: 1040px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

.account-hero[b-a7w62z2ida] {
    margin-bottom: 1.5rem;
}

.account-hero > span[b-a7w62z2ida],
.account-card-kicker[b-a7w62z2ida] {
    display: block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .68;
}

.account-hero h1[b-a7w62z2ida],
.account-card h2[b-a7w62z2ida] {
    margin: .35rem 0 .65rem;
}

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

.account-card[b-a7w62z2ida] {
    padding: 1.4rem;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.account-card.danger[b-a7w62z2ida] {
    border-color: rgba(185, 28, 28, .28);
}

.account-card p[b-a7w62z2ida] {
    line-height: 1.65;
}

.account-primary-action[b-a7w62z2ida],
.account-danger-action[b-a7w62z2ida] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: .8rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.account-primary-action[b-a7w62z2ida] {
    color: #fff;
    background: #111827;
}

.account-danger-action[b-a7w62z2ida] {
    color: #fff;
    background: #b91c1c;
}

.delete-account-form[b-a7w62z2ida] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.delete-account-form input[b-a7w62z2ida] {
    min-height: 2.8rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(15, 23, 42, .2);
    border-radius: .75rem;
}

.account-message[b-a7w62z2ida] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border-radius: .8rem;
}

.account-message.error[b-a7w62z2ida] {
    color: #991b1b;
    background: #fee2e2;
}

@media (max-width: 760px) {
    .account-grid[b-a7w62z2ida] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/BillDetail.razor.rz.scp.css */
.bill-detail-page[b-yv1rft1nup] {
    display: grid;
    gap: 1.15rem;
    max-width: 76rem;
    margin: 0 auto;
    padding: 1.5rem 0 3.5rem;
    color: #0f172a;
}

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

.bill-empty-shell[b-yv1rft1nup] {
    display: grid;
    width: min(100%, 42rem);
    gap: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 28px;
    padding: clamp(1.5rem, 4vw, 3rem);
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 34%),
        #ffffff;
    box-shadow: 0 26px 80px 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: 0.98;
}

.bill-empty-shell p[b-yv1rft1nup] {
    max-width: 34rem;
    color: #64748b;
    font-size: 1.02rem;
    line-height: 1.7;
}

.bill-hero[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(21rem, 0.9fr);
    gap: clamp(1rem, 3vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 32px;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    background:
        radial-gradient(circle at 84% 16%, rgba(96, 165, 250, 0.36), transparent 26rem),
        radial-gradient(circle at 10% 0%, rgba(20, 184, 166, 0.18), transparent 28rem),
        linear-gradient(135deg, #08111f 0%, #101a2f 46%, #111827 100%);
    color: #ffffff;
    box-shadow: 0 30px 90px rgba(15, 23, 42, 0.22);
}

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

.bill-back-link[b-yv1rft1nup] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    background: rgba(255, 255, 255, 0.07);
    color: #cbd5e1;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.bill-detail-kicker[b-yv1rft1nup],
.panel-eyebrow[b-yv1rft1nup] {
    display: block;
    color: #38bdf8;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bill-hero .bill-detail-kicker[b-yv1rft1nup] {
    margin-top: 1.6rem;
    margin-bottom: 0.65rem;
}

.bill-hero h1[b-yv1rft1nup] {
    max-width: 48rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.5rem, 6vw, 5rem);
    letter-spacing: -0.075em;
    line-height: 0.9;
}

.bill-hero p[b-yv1rft1nup] {
    max-width: 42rem;
    margin: 1.1rem 0 0;
    color: #cbd5e1;
    font-size: clamp(1rem, 2vw, 1.16rem);
    line-height: 1.75;
}

.bill-hero-actions[b-yv1rft1nup] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.bill-detail-primary-action[b-yv1rft1nup],
.bill-detail-secondary-action[b-yv1rft1nup] {
    display: inline-flex;
    min-height: 2.85rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 1.05rem;
    font: inherit;
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.bill-detail-primary-action[b-yv1rft1nup] {
    border: 1px solid #60a5fa;
    background: linear-gradient(135deg, #60a5fa, #2563eb);
    color: #ffffff;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.28);
}

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

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

.bill-detail-secondary-action[b-yv1rft1nup] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.bill-detail-secondary-action.dark[b-yv1rft1nup] {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

.bill-receipt-card[b-yv1rft1nup] {
    align-self: center;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 28px;
    padding: 1.1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08)),
        rgba(15, 23, 42, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 24px 70px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(18px);
}

.bill-receipt-card-top[b-yv1rft1nup] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #cbd5e1;
    font-size: 0.84rem;
    font-weight: 900;
}

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

.bill-receipt-card dl[b-yv1rft1nup] {
    display: grid;
    gap: 0.75rem;
    margin: 1.4rem 0 0;
}

.bill-receipt-card dl div[b-yv1rft1nup] {
    display: grid;
    gap: 0.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 0.7rem;
}

.bill-receipt-card dt[b-yv1rft1nup],
.bill-receipt-card dd[b-yv1rft1nup] {
    margin: 0;
}

.bill-receipt-card dt[b-yv1rft1nup] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-receipt-card dd[b-yv1rft1nup] {
    color: #e2e8f0;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.bill-badge[b-yv1rft1nup] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.35rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.bill-badge.success[b-yv1rft1nup] {
    border: 1px solid rgba(34, 197, 94, 0.34);
    background: rgba(34, 197, 94, 0.16);
    color: #bbf7d0;
}

.bill-badge.neutral[b-yv1rft1nup] {
    border: 1px solid rgba(148, 163, 184, 0.3);
    background: rgba(148, 163, 184, 0.12);
    color: #e2e8f0;
}

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

.bill-detail-metric[b-yv1rft1nup],
.bill-detail-panel[b-yv1rft1nup],
.bill-detail-empty[b-yv1rft1nup] {
    border: 1px solid rgba(203, 213, 225, 0.82);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

.bill-detail-metric[b-yv1rft1nup] {
    position: relative;
    display: grid;
    gap: 0.3rem;
    overflow: hidden;
    padding: 1rem;
}

.bill-detail-metric[b-yv1rft1nup]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--metric-accent, #2563eb);
}

.bill-detail-metric span[b-yv1rft1nup],
.bill-detail-facts dt[b-yv1rft1nup] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-detail-metric strong[b-yv1rft1nup] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
}

.bill-detail-metric small[b-yv1rft1nup] {
    color: #64748b;
    line-height: 1.5;
}

.accent-blue[b-yv1rft1nup] { --metric-accent: #2563eb; }
.accent-green[b-yv1rft1nup] { --metric-accent: #16a34a; }
.accent-orange[b-yv1rft1nup] { --metric-accent: #f97316; }
.accent-red[b-yv1rft1nup] { --metric-accent: #dc2626; }
.accent-violet[b-yv1rft1nup] { --metric-accent: #7c3aed; }
.accent-muted[b-yv1rft1nup] { --metric-accent: #94a3b8; }

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

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

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

.bill-editor-panel[b-yv1rft1nup] {
    padding: clamp(1rem, 3vw, 1.35rem);
}

.bill-case-panel[b-yv1rft1nup] {
    align-content: start;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 12rem),
        #ffffff;
}

.bill-case-panel h2[b-yv1rft1nup],
.bill-detail-panel h2[b-yv1rft1nup],
.bill-detail-empty h2[b-yv1rft1nup] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.15;
}

.bill-case-panel p[b-yv1rft1nup] {
    margin: 0;
    color: #64748b;
    line-height: 1.65;
}

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

.bill-detail-empty.compact[b-yv1rft1nup] {
    box-shadow: none;
}

.bill-detail-empty p[b-yv1rft1nup] {
    margin: 0.4rem 0 0;
    color: #64748b;
}

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

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

.panel-icon[b-yv1rft1nup] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 900;
}

.bill-detail-saving[b-yv1rft1nup] {
    color: #2563eb;
    font-size: 0.85rem;
    font-weight: 900;
}

.bill-detail-status[b-yv1rft1nup] {
    width: fit-content;
    max-width: 100%;
    border-radius: 16px;
    padding: 0.8rem 0.9rem;
    font-weight: 800;
}

.bill-detail-status.neutral[b-yv1rft1nup] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

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

.bill-detail-status.success[b-yv1rft1nup] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.bill-user-fields[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 0.7fr);
    gap: 0.85rem;
}

.bill-user-fields label[b-yv1rft1nup] {
    display: grid;
    gap: 0.38rem;
}

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

.bill-user-fields label span[b-yv1rft1nup] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-user-fields input[b-yv1rft1nup],
.bill-user-fields textarea[b-yv1rft1nup] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    padding: 0.78rem 0.85rem;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.bill-user-fields input[b-yv1rft1nup] {
    min-height: 2.8rem;
}

.bill-user-fields textarea[b-yv1rft1nup] {
    min-height: 7rem;
    resize: vertical;
}

.bill-user-fields input:focus[b-yv1rft1nup],
.bill-user-fields textarea:focus[b-yv1rft1nup] {
    border-color: #2563eb;
    outline: 4px solid rgba(37, 99, 235, 0.14);
}

.bill-user-fields .bill-warranty-toggle[b-yv1rft1nup] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 18px;
    padding: 0.9rem;
    background: #eff6ff;
    cursor: pointer;
}

.bill-user-fields .bill-warranty-toggle input[type="checkbox"][b-yv1rft1nup] {
    width: 1.2rem;
    height: 1.2rem;
    min-height: 0;
    flex: 0 0 auto;
    margin: 0.12rem 0 0;
    padding: 0;
    accent-color: #2563eb;
}

.bill-user-fields .bill-warranty-toggle > span[b-yv1rft1nup] {
    display: grid;
    gap: 0.25rem;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}

.bill-warranty-toggle small[b-yv1rft1nup],
.bill-warranty-fields > small[b-yv1rft1nup] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.5;
}

.bill-warranty-fields[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    padding: 0.9rem;
    background: #f8fbff;
}

.bill-warranty-fields > small[b-yv1rft1nup] {
    grid-column: 1 / -1;
}

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

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

.bill-checklist li[b-yv1rft1nup] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    border-radius: 14px;
    padding: 0.75rem 0.8rem;
    color: #475569;
    background: #f8fafc;
    font-weight: 800;
}

.bill-checklist li[b-yv1rft1nup]::before {
    content: "•";
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: #e2e8f0;
    color: #64748b;
}

.bill-checklist li.done[b-yv1rft1nup] {
    background: #f0fdf4;
    color: #166534;
}

.bill-checklist li.done[b-yv1rft1nup]::before {
    content: "✓";
    background: #bbf7d0;
    color: #166534;
}

.bill-checklist li.todo[b-yv1rft1nup] {
    background: #fff7ed;
    color: #9a3412;
}

.bill-checklist li.todo[b-yv1rft1nup]::before {
    content: "!";
    background: #fed7aa;
    color: #9a3412;
}

.bill-detail-facts[b-yv1rft1nup] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

.bill-detail-facts div[b-yv1rft1nup] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
    border-top: 1px solid #edf2f7;
    padding-top: 0.7rem;
}

.bill-detail-facts div:first-child[b-yv1rft1nup] {
    border-top: 0;
    padding-top: 0;
}

.bill-detail-facts dd[b-yv1rft1nup] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-weight: 800;
}

.bill-detail-code[b-yv1rft1nup],
.bill-mono[b-yv1rft1nup] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.88rem;
}

.bill-items-panel[b-yv1rft1nup] {
    padding: clamp(1rem, 3vw, 1.35rem);
}

.items-total[b-yv1rft1nup] {
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 900;
    white-space: nowrap;
}

.bill-items-table-wrap[b-yv1rft1nup] {
    overflow-x: auto;
}

.bill-items-table[b-yv1rft1nup] {
    width: 100%;
    min-width: 38rem;
    border-collapse: collapse;
}

.bill-items-table th[b-yv1rft1nup],
.bill-items-table td[b-yv1rft1nup] {
    border-bottom: 1px solid #e2e8f0;
    padding: 0.86rem 0.65rem;
    text-align: left;
    vertical-align: top;
}

.bill-items-table th[b-yv1rft1nup] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-items-table td[b-yv1rft1nup] {
    color: #334155;
}

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

.item-name[b-yv1rft1nup] {
    color: #0f172a;
    font-weight: 850;
}

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

    .bill-hero-copy[b-yv1rft1nup] {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .bill-detail-page[b-yv1rft1nup] {
        padding-top: 0.65rem;
    }

    .bill-hero[b-yv1rft1nup],
    .bill-empty-shell[b-yv1rft1nup] {
        border-radius: 24px;
    }

    .bill-hero-actions[b-yv1rft1nup],
    .bill-user-fields-actions[b-yv1rft1nup],
    .bill-detail-panel-header[b-yv1rft1nup] {
        align-items: stretch;
        flex-direction: column;
    }

    .bill-detail-primary-action[b-yv1rft1nup],
    .bill-detail-secondary-action[b-yv1rft1nup],
    .bill-user-fields-actions .bill-detail-primary-action[b-yv1rft1nup] {
        width: 100%;
    }

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

    .bill-warranty-fields > small[b-yv1rft1nup] {
        grid-column: auto;
    }

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


.bill-delete-panel[b-yv1rft1nup] {
    align-items: center;
    background: #fff7f7;
    border: 1px solid #fecaca;
    border-radius: 22px;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding: 1.25rem;
}

.bill-delete-panel h2[b-yv1rft1nup] { margin: 0.2rem 0 0.35rem; }
.bill-delete-panel p[b-yv1rft1nup] { margin: 0; color: #7f1d1d; }
.bill-delete-action[b-yv1rft1nup], .bill-delete-cancel[b-yv1rft1nup] { border-radius: 12px; cursor: pointer; font-weight: 800; padding: 0.72rem 1rem; }
.bill-delete-action[b-yv1rft1nup] { background: #b91c1c; border: 1px solid #b91c1c; color: white; }
.bill-delete-cancel[b-yv1rft1nup] { background: white; border: 1px solid #cbd5e1; color: #334155; margin-left: 0.5rem; }
.bill-delete-action:disabled[b-yv1rft1nup], .bill-delete-cancel:disabled[b-yv1rft1nup] { cursor: wait; opacity: 0.65; }
.bill-delete-confirmation[b-yv1rft1nup] { text-align: right; }
.bill-delete-confirmation strong[b-yv1rft1nup] { display: block; margin-bottom: 0.55rem; color: #7f1d1d; }

@media (max-width: 720px) {
    .bill-delete-panel[b-yv1rft1nup] { align-items: stretch; flex-direction: column; }
    .bill-delete-confirmation[b-yv1rft1nup] { text-align: left; }
    .bill-delete-action[b-yv1rft1nup], .bill-delete-cancel[b-yv1rft1nup] { margin: 0.35rem 0 0; width: 100%; }
}

.bill-utility-bar[b-yv1rft1nup] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: -0.25rem 0 1rem;
    padding: .85rem 1rem;
    border: 1px solid #dce5ef;
    border-radius: 1rem;
    background: rgba(255,255,255,.88);
    box-shadow: 0 .7rem 1.8rem rgba(15,23,42,.05);
    backdrop-filter: blur(12px);
}

.bill-utility-bar > div:first-child[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: .55rem;
    align-items: center;
}

.bill-utility-bar strong[b-yv1rft1nup] { color: #0f172a; font-size: .9rem; }
.bill-utility-bar small[b-yv1rft1nup] { grid-column: 2; color: #64748b; line-height: 1.35; }

.bill-source-dot[b-yv1rft1nup] {
    width: .72rem;
    height: .72rem;
    grid-row: 1 / span 2;
    border-radius: 999px;
    box-shadow: 0 0 0 .28rem rgba(34,197,94,.11);
}

.bill-source-dot.verified[b-yv1rft1nup] { background: #16a34a; }
.bill-source-dot.manual[b-yv1rft1nup] { background: #9333ea; box-shadow: 0 0 0 .28rem rgba(147,51,234,.11); }

.bill-utility-actions[b-yv1rft1nup] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.bill-utility-actions button[b-yv1rft1nup] {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    gap: .45rem;
    border: 1px solid #d4dce7;
    border-radius: .8rem;
    padding: 0 .82rem;
    background: #fff;
    color: #172033;
    font: inherit;
    font-size: .83rem;
    font-weight: 850;
    cursor: pointer;
}

.bill-utility-actions button:hover[b-yv1rft1nup],
.bill-utility-actions button:focus-visible[b-yv1rft1nup] {
    border-color: #93b4e8;
    background: #f6f9ff;
    color: #1d4ed8;
}

.bill-utility-actions[b-yv1rft1nup]  .app-icon { width: 1.05rem; height: 1.05rem; }
.bill-badge.manual[b-yv1rft1nup] { background: #f3e8ff; color: #7e22ce; }
.bill-action-message[b-yv1rft1nup] { margin-top: -.25rem; }

@media (max-width: 720px) {
    .bill-utility-bar[b-yv1rft1nup] { align-items: stretch; flex-direction: column; }
    .bill-utility-actions[b-yv1rft1nup] { display: grid; grid-template-columns: 1fr; }
    .bill-utility-actions button[b-yv1rft1nup] { justify-content: center; }
}

@media print {
    .top-bar[b-yv1rft1nup],
    .mobile-tab-bar[b-yv1rft1nup],
    .app-footer[b-yv1rft1nup],
    .bill-back-link[b-yv1rft1nup],
    .bill-hero-actions[b-yv1rft1nup],
    .bill-utility-bar[b-yv1rft1nup],
    .bill-action-message[b-yv1rft1nup],
    .bill-editor-panel[b-yv1rft1nup],
    .bill-case-panel[b-yv1rft1nup],
    .bill-delete-panel[b-yv1rft1nup],
    .bill-attachments-section[b-yv1rft1nup],
    .bill-more-options[b-yv1rft1nup] {
        display: none !important;
    }

    .bill-detail-page[b-yv1rft1nup] {
        width: 100%;
        max-width: none;
        padding: 0;
    }

    .bill-hero[b-yv1rft1nup],
    .bill-detail-panel[b-yv1rft1nup],
    .bill-detail-metric[b-yv1rft1nup],
    .bill-receipt-card[b-yv1rft1nup] {
        break-inside: avoid;
        box-shadow: none !important;
    }

    .bill-hero[b-yv1rft1nup] {
        color: #111827 !important;
        background: #fff !important;
        border: 1px solid #cbd5e1;
    }

    .bill-hero p[b-yv1rft1nup],
    .bill-detail-kicker[b-yv1rft1nup],
    .bill-receipt-card[b-yv1rft1nup] { color: #334155 !important; }
}

.bill-merchant-heading[b-yv1rft1nup] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-top: 1.15rem;
}

.bill-merchant-heading > div[b-yv1rft1nup] {
    display: grid;
    gap: .18rem;
}

.bill-merchant-heading > div > span[b-yv1rft1nup] {
    color: #f8fafc;
    font-size: .92rem;
    font-weight: 900;
}

.bill-merchant-heading > div > small[b-yv1rft1nup] {
    color: #94a3b8;
    line-height: 1.35;
}

.bill-more-options[b-yv1rft1nup] {
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 1.35rem;
    background: rgba(255,255,255,.92);
    box-shadow: 0 1.25rem 3rem rgba(15,23,42,.08);
}

.bill-more-options > summary[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-height: 5rem;
    padding: 1rem 1.15rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.bill-more-options > summary[b-yv1rft1nup]::-webkit-details-marker {
    display: none;
}

.bill-more-options > summary:hover[b-yv1rft1nup],
.bill-more-options > summary:focus-visible[b-yv1rft1nup] {
    background: #f8fbff;
}

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

.bill-more-options > summary strong[b-yv1rft1nup] {
    color: #0f172a;
    font-size: 1rem;
}

.bill-more-options > summary small[b-yv1rft1nup] {
    color: #64748b;
    line-height: 1.4;
}

.bill-more-options-icon[b-yv1rft1nup] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: .85rem;
    background: #eaf2ff;
    color: #2563eb;
}

.bill-more-options-icon[b-yv1rft1nup]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.bill-more-options-chevron[b-yv1rft1nup] {
    color: #64748b;
    font-size: 1.5rem;
    font-weight: 900;
    transition: transform .18s ease;
}

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

.bill-more-options-content[b-yv1rft1nup] {
    display: grid;
    gap: 1rem;
    border-top: 1px solid #e2e8f0;
    padding: 1rem;
    background: linear-gradient(180deg, #f8fafc, #fff);
}

.bill-more-options-content .bill-delete-panel[b-yv1rft1nup] {
    margin-top: 0;
}

.merchant-category-suggestion[b-yv1rft1nup] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    padding: .8rem;
    background: #eff6ff;
}

.merchant-category-suggestion > div[b-yv1rft1nup] {
    display: grid;
    gap: .16rem;
}

.merchant-category-suggestion strong[b-yv1rft1nup] {
    color: #1e3a8a;
}

.merchant-category-suggestion small[b-yv1rft1nup] {
    color: #475569;
    line-height: 1.4;
}

.merchant-category-suggestion button[b-yv1rft1nup] {
    min-height: 2.35rem;
    border: 1px solid #93c5fd;
    border-radius: .75rem;
    padding: 0 .8rem;
    background: #fff;
    color: #1d4ed8;
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    cursor: pointer;
}

.merchant-category-suggestion button:hover[b-yv1rft1nup],
.merchant-category-suggestion button:focus-visible[b-yv1rft1nup] {
    border-color: #2563eb;
    background: #dbeafe;
}

.merchant-suggestion-icon[b-yv1rft1nup] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: .78rem;
    background: #dbeafe;
    color: #2563eb;
}

.merchant-suggestion-icon[b-yv1rft1nup]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

@media (max-width: 720px) {
    .bill-more-options > summary[b-yv1rft1nup] {
        min-height: 4.5rem;
        padding: .85rem;
    }

    .merchant-category-suggestion[b-yv1rft1nup] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .merchant-category-suggestion button[b-yv1rft1nup] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Components/Pages/Bills.razor.rz.scp.css */
.bills-page[b-2mlu5rhy11] {
    display: grid;
    gap: 1.25rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 2rem 0 3rem;
    color: #111827;
}

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

.bills-kicker[b-2mlu5rhy11] {
    display: block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.bills-header h1[b-2mlu5rhy11],
.bills-panel h1[b-2mlu5rhy11] {
    margin: 0;
    font-size: 2.1rem;
    line-height: 1.05;
}

.bills-header p[b-2mlu5rhy11],
.bills-panel p[b-2mlu5rhy11],
.receipt-items p[b-2mlu5rhy11] {
    margin: 0.4rem 0 0;
    color: #64748b;
}

.bills-panel[b-2mlu5rhy11] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.bills-form[b-2mlu5rhy11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.bills-field[b-2mlu5rhy11] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.bills-field span[b-2mlu5rhy11] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
}

.bills-field input[b-2mlu5rhy11] {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 0.8rem;
    color: #0f172a;
    font: inherit;
}

.bills-actions[b-2mlu5rhy11] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.primary-button[b-2mlu5rhy11],
.secondary-button[b-2mlu5rhy11] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 1rem;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.primary-button[b-2mlu5rhy11] {
    border: 1px solid #1d4ed8;
    background: #2563eb;
    color: #ffffff;
}

.secondary-button[b-2mlu5rhy11] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.primary-button:disabled[b-2mlu5rhy11],
.secondary-button:disabled[b-2mlu5rhy11] {
    opacity: 0.58;
    cursor: not-allowed;
}

.link-button[b-2mlu5rhy11] {
    width: fit-content;
}

.status-banner[b-2mlu5rhy11] {
    border-radius: 8px;
    padding: 0.8rem 0.9rem;
    font-weight: 700;
}

.status-banner.error[b-2mlu5rhy11] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

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

.status-banner.neutral[b-2mlu5rhy11] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

.lookup-loading[b-2mlu5rhy11] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: rgba(239, 246, 255, 0.92);
    color: #1e3a8a;
    font-weight: 800;
}

.lookup-spinner[b-2mlu5rhy11] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    border: 2px solid rgba(37, 99, 235, 0.24);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: lookup-spin-b-2mlu5rhy11 700ms linear infinite;
}

@keyframes lookup-spin-b-2mlu5rhy11 {
    to {
        transform: rotate(360deg);
    }
}

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

.receipt-card[b-2mlu5rhy11],
.receipt-items[b-2mlu5rhy11],
.receipt-empty[b-2mlu5rhy11] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.receipt-card[b-2mlu5rhy11] {
    padding: 1rem;
}

.receipt-card h2[b-2mlu5rhy11],
.receipt-items h2[b-2mlu5rhy11],
.receipt-empty h2[b-2mlu5rhy11] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.receipt-card dl[b-2mlu5rhy11] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.receipt-card dl div[b-2mlu5rhy11] {
    display: grid;
    gap: 0.15rem;
}

.receipt-card dt[b-2mlu5rhy11] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.receipt-card dd[b-2mlu5rhy11] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-weight: 700;
}

.receipt-items[b-2mlu5rhy11],
.receipt-empty[b-2mlu5rhy11] {
    padding: 1rem;
}

.items-table-wrap[b-2mlu5rhy11] {
    overflow-x: auto;
}

.items-table[b-2mlu5rhy11] {
    width: 100%;
    min-width: 34rem;
    border-collapse: collapse;
}

.items-table th[b-2mlu5rhy11],
.items-table td[b-2mlu5rhy11] {
    border-bottom: 1px solid #e2e8f0;
    padding: 0.65rem 0.5rem;
    text-align: left;
    vertical-align: top;
}

.items-table th[b-2mlu5rhy11] {
    color: #475569;
    font-size: 0.78rem;
    text-transform: uppercase;
}

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

.saved-bills-panel[b-2mlu5rhy11] {
    gap: 1rem;
}

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

.saved-bills-header h2[b-2mlu5rhy11] {
    margin: 0;
    font-size: 1.4rem;
}

.saved-bills-table td:first-child[b-2mlu5rhy11] {
    display: grid;
    gap: 0.18rem;
}

.saved-bills-table td:first-child span[b-2mlu5rhy11] {
    color: #64748b;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.table-action[b-2mlu5rhy11] {
    min-height: 2.15rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 820px) {
    .bills-form[b-2mlu5rhy11],
    .receipt-grid[b-2mlu5rhy11] {
        grid-template-columns: 1fr;
    }

    .bills-actions[b-2mlu5rhy11],
    .primary-button[b-2mlu5rhy11],
    .secondary-button[b-2mlu5rhy11] {
        width: 100%;
    }

    .saved-bills-header[b-2mlu5rhy11] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-qux688vall] {
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: 82rem;
    margin: 0 auto;
    padding: clamp(1rem, 2.5vw, 2rem) 0 4rem;
    color: var(--ink-950, #0f172a);
}

.dashboard-command-center[b-qux688vall],
.dashboard-guest-hero[b-qux688vall] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.72fr);
    align-items: stretch;
    gap: clamp(1rem, 3vw, 2rem);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 2rem;
    padding: clamp(1.35rem, 4vw, 2.6rem);
    background:
        radial-gradient(circle at 82% 12%, rgba(96, 165, 250, 0.32), transparent 26rem),
        radial-gradient(circle at 8% 100%, rgba(45, 212, 191, 0.18), transparent 28rem),
        linear-gradient(135deg, #081426 0%, #102442 52%, #12365c 100%);
    color: #fff;
    box-shadow: 0 1.75rem 4.5rem rgba(15, 23, 42, 0.2);
}

.dashboard-command-center[b-qux688vall]::before,
.dashboard-guest-hero[b-qux688vall]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 2.6rem 2.6rem;
    mask-image: linear-gradient(120deg, #000, transparent 78%);
}

.command-copy[b-qux688vall] {
    align-self: center;
}

.dashboard-kicker[b-qux688vall] {
    display: block;
    margin-bottom: 0.38rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.dashboard-kicker.light[b-qux688vall] {
    color: #93c5fd;
}

.dashboard-command-center h1[b-qux688vall],
.dashboard-guest-hero h1[b-qux688vall] {
    max-width: 48rem;
    margin: 0;
    font-size: clamp(2rem, 5vw, 4.1rem);
    line-height: 0.98;
    letter-spacing: -0.065em;
    text-wrap: balance;
}

.dashboard-command-center p[b-qux688vall],
.dashboard-guest-hero p[b-qux688vall] {
    max-width: 44rem;
    margin: 1rem 0 0;
    color: rgba(226, 232, 240, 0.84);
    font-size: clamp(0.98rem, 1.5vw, 1.08rem);
    line-height: 1.7;
}

.command-status-row[b-qux688vall] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1.35rem;
}

.command-status[b-qux688vall] {
    display: inline-flex;
    min-height: 2.1rem;
    align-items: center;
    gap: 0.48rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 0 0.75rem;
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    font-size: 0.78rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.command-status i[b-qux688vall] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 0.25rem rgba(52, 211, 153, 0.12);
}

.command-status .app-icon[b-qux688vall] {
    font-size: 0.95rem;
}

.command-status.attention[b-qux688vall] {
    border-color: rgba(251, 191, 36, 0.28);
    background: rgba(245, 158, 11, 0.12);
    color: #fde68a;
}

.scan-command[b-qux688vall] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    min-height: 10.5rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 1.6rem;
    padding: 1.15rem;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.44), transparent 12rem),
        linear-gradient(145deg, #ffffff, #eaf3ff);
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 1.5rem 3.6rem rgba(2, 8, 23, 0.25);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.scan-command:hover[b-qux688vall],
.scan-command:focus-visible[b-qux688vall] {
    transform: translateY(-3px) scale(1.01);
    color: #0f172a;
    box-shadow: 0 2rem 4.5rem rgba(2, 8, 23, 0.3);
}

.scan-command-icon[b-qux688vall] {
    display: grid;
    width: 4.1rem;
    height: 4.1rem;
    place-items: center;
    border-radius: 1.3rem;
    background: linear-gradient(145deg, #2563eb, #0f4dc4);
    color: #fff;
    font-size: 2rem;
    box-shadow: 0 1rem 2rem rgba(37, 99, 235, 0.28);
}

.scan-command-copy[b-qux688vall] {
    display: grid;
    gap: 0.18rem;
}

.scan-command-copy small[b-qux688vall] {
    color: #2563eb;
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.scan-command-copy strong[b-qux688vall] {
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    letter-spacing: -0.03em;
}

.scan-command-copy em[b-qux688vall] {
    color: #64748b;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 700;
}

.scan-command-arrow[b-qux688vall] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 50%;
    background: #0f172a;
    color: #fff;
    font-size: 1.05rem;
}

.dashboard-hero-actions[b-qux688vall] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.35rem;
}

.dashboard-primary-action[b-qux688vall],
.dashboard-secondary-action[b-qux688vall] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 1.1rem;
    font-weight: 900;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.dashboard-primary-action[b-qux688vall] {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1rem 2.4rem rgba(255, 255, 255, 0.15);
}

.dashboard-secondary-action[b-qux688vall] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.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(-2px);
}

.dashboard-guest-card[b-qux688vall] {
    display: grid;
    align-content: center;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
}

.guest-card-topline[b-qux688vall],
.guest-card-line[b-qux688vall] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.guest-card-topline[b-qux688vall] {
    margin-bottom: 0.25rem;
    color: #cbd5e1;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.guest-card-topline em[b-qux688vall] {
    border-radius: 999px;
    padding: 0.28rem 0.48rem;
    background: rgba(52, 211, 153, 0.14);
    color: #6ee7b7;
    font-size: 0.62rem;
    font-style: normal;
}

.guest-card-line[b-qux688vall] {
    padding: 0.8rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.075);
}

.dashboard-status[b-qux688vall] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 0.65rem;
    border-radius: 1rem;
    padding: 0.9rem 1rem;
    font-weight: 800;
}

.dashboard-status.neutral[b-qux688vall] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

.dashboard-status.error[b-qux688vall] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.status-loader[b-qux688vall] {
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    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] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.35rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.8rem 2.2rem rgba(15, 23, 42, 0.065);
}

.metric-icon[b-qux688vall] {
    display: grid;
    width: 2.9rem;
    height: 2.9rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 1rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.3rem;
}

.dashboard-metric.month .metric-icon[b-qux688vall] {
    background: #ecfdf5;
    color: #059669;
}

.dashboard-metric.year .metric-icon[b-qux688vall] {
    background: #f5f3ff;
    color: #7c3aed;
}

.dashboard-metric.warranty .metric-icon[b-qux688vall] {
    background: #ecfdf5;
    color: #059669;
}

.dashboard-metric.warranty.attention .metric-icon[b-qux688vall] {
    background: #fff7ed;
    color: #ea580c;
}

.dashboard-metric > div[b-qux688vall] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.dashboard-metric small[b-qux688vall] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.dashboard-metric strong[b-qux688vall] {
    overflow: hidden;
    color: #0f172a;
    font-size: clamp(1.35rem, 2.7vw, 1.9rem);
    line-height: 1.05;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-metric p[b-qux688vall] {
    margin: 0;
    color: #94a3b8;
    font-size: 0.76rem;
    font-weight: 700;
}

.dashboard-insights[b-qux688vall] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.insight-card[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.35rem;
    padding: 0.95rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
}

.insight-card.attention[b-qux688vall] {
    border-color: rgba(245, 158, 11, 0.25);
    background: linear-gradient(145deg, #fffbeb, #fff);
}

.insight-icon[b-qux688vall] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.9rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.2rem;
}

.insight-card.attention .insight-icon[b-qux688vall] {
    background: #fef3c7;
    color: #d97706;
}

.insight-card > div[b-qux688vall] {
    display: grid;
    min-width: 0;
    gap: 0.13rem;
}

.insight-card small[b-qux688vall] {
    color: #64748b;
    font-size: 0.67rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.insight-card strong[b-qux688vall] {
    overflow: hidden;
    font-size: 0.96rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.insight-card p[b-qux688vall] {
    overflow: hidden;
    margin: 0;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.insight-card > a[b-qux688vall] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.9rem;
    text-decoration: none;
}

.dashboard-quick-actions[b-qux688vall] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.quick-action[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.2rem;
    padding: 0.9rem;
    background: #fff;
    color: #0f172a;
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.quick-action:hover[b-qux688vall],
.quick-action:focus-visible[b-qux688vall] {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.3);
    color: #0f172a;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.quick-action > span[b-qux688vall] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    place-items: center;
    border-radius: 0.8rem;
    background: #f1f5f9;
    color: #334155;
    font-size: 1.12rem;
}

.quick-action > div[b-qux688vall] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.quick-action strong[b-qux688vall],
.quick-action small[b-qux688vall] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-action strong[b-qux688vall] {
    font-size: 0.88rem;
}

.quick-action small[b-qux688vall] {
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 700;
}

.quick-action-arrow[b-qux688vall] {
    color: #94a3b8;
    font-size: 0.9rem;
}

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

.dashboard-panel[b-qux688vall] {
    display: grid;
    align-content: start;
    gap: 0.9rem;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.45rem;
    padding: 1.05rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1rem 2.7rem rgba(15, 23, 42, 0.065);
}

.dashboard-panel.span-2[b-qux688vall] {
    grid-column: span 2;
}

.dashboard-panel-header[b-qux688vall] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-panel-header.compact[b-qux688vall] {
    align-items: start;
}

.dashboard-panel-header h2[b-qux688vall] {
    margin: 0;
    font-size: clamp(1.08rem, 2vw, 1.3rem);
    letter-spacing: -0.035em;
}

.dashboard-panel-header a[b-qux688vall] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-panel-header a .app-icon[b-qux688vall] {
    font-size: 0.85rem;
}

.dashboard-list[b-qux688vall],
.warranty-stack[b-qux688vall],
.card-stack[b-qux688vall],
.category-bars[b-qux688vall] {
    display: grid;
    gap: 0.58rem;
}

.dashboard-list-row[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.72rem;
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.dashboard-list-row:hover[b-qux688vall],
.dashboard-list-row:focus-visible[b-qux688vall] {
    transform: translateX(3px);
    border-color: rgba(37, 99, 235, 0.2);
    background: #fff;
    color: #0f172a;
}

.merchant-avatar[b-qux688vall] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    place-items: center;
    border-radius: 0.8rem;
    background: linear-gradient(145deg, #e0edff, #f0f7ff);
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 950;
}

.row-main[b-qux688vall],
.row-meta[b-qux688vall],
.row-side[b-qux688vall] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.row-main strong[b-qux688vall],
.row-main small[b-qux688vall],
.row-meta small[b-qux688vall] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-main strong[b-qux688vall] {
    font-size: 0.9rem;
}

.row-main small[b-qux688vall],
.row-meta small[b-qux688vall],
.row-side small[b-qux688vall],
.warranty-chip small[b-qux688vall],
.category-bar-row small[b-qux688vall] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
}

.row-meta[b-qux688vall] {
    justify-items: end;
}

.row-meta em[b-qux688vall] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #64748b;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 800;
}

.row-side[b-qux688vall] {
    grid-template-columns: auto auto;
    align-items: center;
    gap: 0.6rem;
    text-align: right;
}

.row-side strong[b-qux688vall] {
    white-space: nowrap;
}

.row-side .app-icon[b-qux688vall] {
    color: #94a3b8;
    font-size: 0.85rem;
}

.warranty-chip[b-qux688vall] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    padding: 0.78rem;
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
}

.warranty-chip span[b-qux688vall] {
    display: grid;
    gap: 0.12rem;
}

.warranty-chip em[b-qux688vall] {
    display: inline-grid;
    min-width: 3.4rem;
    place-items: center;
    border-radius: 999px;
    padding: 0.34rem 0.55rem;
    background: #fff7ed;
    color: #c2410c;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 950;
}

.warranty-chip em.urgent[b-qux688vall] {
    background: #fef2f2;
    color: #dc2626;
}

.wallet-mini-card[b-qux688vall] {
    display: grid;
    gap: 1.25rem;
    min-height: 7.8rem;
    align-content: space-between;
    border-radius: 1.25rem;
    padding: 0.95rem;
    background:
        radial-gradient(circle at 90% 10%, rgba(96, 165, 250, 0.48), transparent 8rem),
        linear-gradient(145deg, #0f172a, #1d4ed8);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 1.2rem 2.5rem rgba(37, 99, 235, 0.18);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.wallet-mini-card:hover[b-qux688vall],
.wallet-mini-card:focus-visible[b-qux688vall] {
    transform: translateY(-2px);
    color: #fff;
    box-shadow: 0 1.6rem 3rem rgba(37, 99, 235, 0.24);
}

.wallet-card-top[b-qux688vall],
.wallet-card-bottom[b-qux688vall] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wallet-card-top small[b-qux688vall],
.wallet-card-bottom small[b-qux688vall] {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
}

.wallet-card-top .app-icon[b-qux688vall] {
    font-size: 1.25rem;
}

.wallet-card-bottom em[b-qux688vall] {
    color: #bfdbfe;
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.category-bar-row[b-qux688vall] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.42rem 0.8rem;
    overflow: hidden;
    padding: 0.78rem;
    border-radius: 1rem;
    background: #f8fafc;
}

.category-bar-row > *[b-qux688vall] {
    position: relative;
    z-index: 1;
}

.category-bar-row i[b-qux688vall] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.24rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #2563eb, #2dd4bf);
}

.archive-stats[b-qux688vall] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.58rem;
}

.archive-stats div[b-qux688vall] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.5rem;
    border-radius: 1rem;
    padding: 0.75rem;
    background: #f8fafc;
}

.archive-stats div.attention[b-qux688vall] {
    background: #fff7ed;
}

.archive-stats span[b-qux688vall] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: #fff;
    color: #2563eb;
    font-size: 0.95rem;
}

.archive-stats small[b-qux688vall] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
}

.archive-stats strong[b-qux688vall] {
    font-size: 1.1rem;
}

.dashboard-note[b-qux688vall] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    border-radius: 1rem;
    padding: 0.8rem;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.78rem;
    line-height: 1.5;
}

.dashboard-note > .app-icon[b-qux688vall] {
    margin-top: 0.1rem;
    flex: 0 0 auto;
    font-size: 1.1rem;
}

.dashboard-empty[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    border: 1px dashed rgba(148, 163, 184, 0.38);
    border-radius: 1.1rem;
    padding: 1rem;
    background: #f8fafc;
}

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

.dashboard-empty.success-empty[b-qux688vall] {
    border-color: rgba(16, 185, 129, 0.25);
    background: #ecfdf5;
}

.empty-icon[b-qux688vall] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 0.9rem;
    background: #fff;
    color: #2563eb;
    font-size: 1.25rem;
    box-shadow: 0 0.5rem 1.2rem rgba(15, 23, 42, 0.07);
}

.success-empty .empty-icon[b-qux688vall] {
    color: #059669;
}

.dashboard-empty h3[b-qux688vall] {
    margin: 0 0 0.22rem;
    font-size: 0.94rem;
}

.dashboard-empty p[b-qux688vall] {
    margin: 0;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.45;
}

.dashboard-empty > a[b-qux688vall] {
    border-radius: 999px;
    padding: 0.6rem 0.8rem;
    background: #2563eb;
    color: #fff;
    font-size: 0.74rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .dashboard-command-center[b-qux688vall],
    .dashboard-guest-hero[b-qux688vall] {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.7fr);
    }

    .dashboard-metrics[b-qux688vall],
    .dashboard-quick-actions[b-qux688vall] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-insights[b-qux688vall] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .dashboard-command-center[b-qux688vall],
    .dashboard-guest-hero[b-qux688vall],
    .dashboard-grid[b-qux688vall] {
        grid-template-columns: 1fr;
    }

    .dashboard-panel.span-2[b-qux688vall] {
        grid-column: auto;
    }

    .scan-command[b-qux688vall] {
        min-height: auto;
    }
}

@media (max-width: 640px) {
    .dashboard-page[b-qux688vall] {
        gap: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 2rem;
    }

    .dashboard-command-center[b-qux688vall],
    .dashboard-guest-hero[b-qux688vall] {
        border-radius: 1.5rem;
        padding: 1.2rem;
    }

    .dashboard-command-center h1[b-qux688vall],
    .dashboard-guest-hero h1[b-qux688vall] {
        font-size: clamp(2rem, 11vw, 3rem);
    }

    .command-status-row[b-qux688vall] {
        display: grid;
    }

    .command-status[b-qux688vall] {
        width: fit-content;
    }

    .scan-command[b-qux688vall] {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 6rem;
        border-radius: 1.25rem;
    }

    .scan-command-icon[b-qux688vall] {
        width: 3.35rem;
        height: 3.35rem;
        border-radius: 1rem;
        font-size: 1.6rem;
    }

    .scan-command-arrow[b-qux688vall] {
        display: none;
    }

    .dashboard-metrics[b-qux688vall],
    .dashboard-quick-actions[b-qux688vall] {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-metric[b-qux688vall] {
        align-items: flex-start;
        flex-direction: column;
        min-height: 8.6rem;
    }

    .metric-icon[b-qux688vall] {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1.05rem;
    }

    .dashboard-metric strong[b-qux688vall] {
        font-size: 1.35rem;
    }

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

    .quick-action-arrow[b-qux688vall] {
        display: none;
    }

    .dashboard-panel[b-qux688vall] {
        border-radius: 1.25rem;
        padding: 0.9rem;
    }

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

    .row-meta[b-qux688vall] {
        display: none;
    }

    .row-side[b-qux688vall] {
        grid-template-columns: auto;
    }

    .row-side .app-icon[b-qux688vall] {
        display: none;
    }

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

    .dashboard-empty > a[b-qux688vall] {
        grid-column: 1 / -1;
        text-align: center;
    }
}

@media (max-width: 430px) {
    .dashboard-metrics[b-qux688vall],
    .dashboard-quick-actions[b-qux688vall],
    .archive-stats[b-qux688vall] {
        grid-template-columns: 1fr;
    }

    .dashboard-metric[b-qux688vall] {
        min-height: auto;
        flex-direction: row;
    }

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

    .insight-card > a[b-qux688vall] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scan-command[b-qux688vall],
    .quick-action[b-qux688vall],
    .dashboard-list-row[b-qux688vall],
    .wallet-mini-card[b-qux688vall],
    .dashboard-primary-action[b-qux688vall],
    .dashboard-secondary-action[b-qux688vall] {
        transition: none;
    }

    .status-loader[b-qux688vall] {
        animation: none;
    }
}

.command-actions[b-qux688vall] {
    display: grid;
    align-content: center;
    gap: .7rem;
}

.manual-command[b-qux688vall] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: .7rem;
    align-items: center;
    min-height: 3.75rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 1rem;
    padding: .65rem .85rem;
    background: rgba(255,255,255,.09);
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(12px);
    transition: background-color 160ms ease, transform 160ms ease;
}

.manual-command:hover[b-qux688vall],
.manual-command:focus-visible[b-qux688vall] {
    transform: translateY(-1px);
    background: rgba(255,255,255,.15);
    color: #fff;
}

.manual-command > .app-icon[b-qux688vall] { width: 1.2rem; height: 1.2rem; }
.manual-command span[b-qux688vall] { display: grid; gap: .05rem; }
.manual-command strong[b-qux688vall] { font-size: .86rem; }
.manual-command small[b-qux688vall] { color: #cbd5e1; font-size: .7rem; }


/* Kompaktný dashboard pre reálny telefón – dôležité akcie sú nad prehybom. */
@media screen and (max-width: 800px) {
    .dashboard-page[b-qux688vall] {
        gap: 0.68rem;
        padding: 0.58rem 0 1.3rem;
    }

    .dashboard-command-center[b-qux688vall],
    .dashboard-guest-hero[b-qux688vall] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
        border-radius: 1.32rem;
        padding: 1rem;
        box-shadow: 0 1rem 2.7rem rgba(15, 23, 42, 0.18);
    }

    .dashboard-command-center[b-qux688vall]::before,
    .dashboard-guest-hero[b-qux688vall]::before {
        background-size: 2rem 2rem;
    }

    .dashboard-kicker[b-qux688vall] {
        margin-bottom: 0.24rem;
        font-size: 0.64rem;
    }

    .dashboard-command-center h1[b-qux688vall],
    .dashboard-guest-hero h1[b-qux688vall] {
        max-width: 22rem;
        font-size: clamp(1.72rem, 7.8vw, 2.25rem);
        line-height: 1.03;
        letter-spacing: -0.045em;
    }

    .dashboard-command-center p[b-qux688vall],
    .dashboard-guest-hero p[b-qux688vall] {
        margin-top: 0.62rem;
        font-size: 0.88rem;
        line-height: 1.5;
    }

    .command-status-row[b-qux688vall] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.38rem;
        margin-top: 0.72rem;
    }

    .command-status[b-qux688vall] {
        width: auto;
        min-height: 1.8rem;
        padding: 0 0.58rem;
        font-size: 0.68rem;
    }

    .command-actions[b-qux688vall] {
        gap: 0.52rem;
    }

    .scan-command[b-qux688vall] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 5rem;
        gap: 0.68rem;
        border-radius: 1.05rem;
        padding: 0.78rem;
    }

    .scan-command-icon[b-qux688vall] {
        width: 3rem;
        height: 3rem;
        border-radius: 0.9rem;
        font-size: 1.42rem;
    }

    .scan-command-copy small[b-qux688vall] {
        font-size: 0.6rem;
    }

    .scan-command-copy strong[b-qux688vall] {
        font-size: 1rem;
    }

    .scan-command-copy em[b-qux688vall] {
        font-size: 0.7rem;
    }

    .scan-command-arrow[b-qux688vall] {
        display: grid;
        width: 2rem;
        height: 2rem;
        font-size: 0.88rem;
    }

    .manual-command[b-qux688vall] {
        min-height: 3.25rem;
        border-radius: 0.9rem;
        padding: 0.55rem 0.72rem;
    }

    .dashboard-metrics[b-qux688vall],
    .dashboard-quick-actions[b-qux688vall] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.58rem;
    }

    .dashboard-metric[b-qux688vall] {
        min-height: 7.3rem;
        padding: 0.82rem;
        border-radius: 1.08rem;
    }

    .dashboard-panel[b-qux688vall] {
        border-radius: 1.08rem;
        padding: 0.82rem;
    }

    .dashboard-panel-header[b-qux688vall] {
        align-items: flex-start;
        gap: 0.65rem;
    }

    .dashboard-panel-header h2[b-qux688vall] {
        font-size: 1rem;
    }
}

@media screen and (max-width: 390px) {
    .dashboard-command-center p[b-qux688vall] {
        display: none;
    }

    .command-status-row[b-qux688vall] {
        margin-top: 0.58rem;
    }

    .dashboard-metrics[b-qux688vall],
    .dashboard-quick-actions[b-qux688vall] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-metric[b-qux688vall] {
        min-height: 6.8rem;
    }

    .quick-action[b-qux688vall] {
        padding: 0.72rem;
    }

    .quick-action small[b-qux688vall] {
        display: none;
    }
}

@media screen and (max-width: 330px) {
    .dashboard-metrics[b-qux688vall],
    .dashboard-quick-actions[b-qux688vall] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.login-page[b-x5oeeu3ick] {
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - 8.2rem);
    overflow: hidden;
    background:
        linear-gradient(rgba(111, 173, 214, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 173, 214, 0.045) 1px, transparent 1px),
        radial-gradient(circle at 15% 20%, rgba(25, 201, 183, 0.15), transparent 26rem),
        radial-gradient(circle at 88% 78%, rgba(81, 116, 255, 0.18), transparent 32rem),
        #071426;
    background-size: 34px 34px, 34px 34px, auto, auto, auto;
    color: #f8fbff;
}

.login-page[b-x5oeeu3ick]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(115deg, rgba(5, 13, 26, 0.12), rgba(5, 13, 26, 0.64));
}

.login-shell[b-x5oeeu3ick] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(31rem, 1.12fr);
    gap: clamp(3rem, 7vw, 7rem);
    width: min(76rem, calc(100% - 2rem));
    min-height: calc(100vh - 8.2rem);
    align-items: center;
    margin: 0 auto;
    padding: clamp(3.5rem, 8vh, 6rem) 0;
}

.login-copy[b-x5oeeu3ick] {
    max-width: 35rem;
}

.login-kicker[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1.35rem;
    padding: 0.45rem 0.72rem;
    border: 1px solid rgba(78, 235, 217, 0.2);
    border-radius: 999px;
    background: rgba(15, 67, 79, 0.42);
    color: #a5f3e9;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.login-kicker span[b-x5oeeu3ick] {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: #45e0ce;
    box-shadow: 0 0 0 0.24rem rgba(69, 224, 206, 0.13), 0 0 1.25rem rgba(69, 224, 206, 0.6);
}

.login-copy h1[b-x5oeeu3ick] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(3.25rem, 6.2vw, 5.65rem);
    font-weight: 900;
    letter-spacing: -0.065em;
    line-height: 0.94;
    text-wrap: balance;
}

.login-copy h1 strong[b-x5oeeu3ick] {
    display: block;
    color: #8fe9df;
    font-weight: inherit;
}

.login-lead[b-x5oeeu3ick] {
    max-width: 32rem;
    margin: 1.6rem 0 0;
    color: #c2cfdf;
    font-size: clamp(1.02rem, 1.55vw, 1.18rem);
    font-weight: 560;
    line-height: 1.75;
}

.login-actions[b-x5oeeu3ick] {
    display: grid;
    width: min(100%, 22rem);
    gap: 0.75rem;
    margin-top: 2rem;
}

.login-action[b-x5oeeu3ick] {
    display: inline-flex;
    min-height: 3.75rem;
    align-items: center;
    gap: 0.9rem;
    padding: 0.55rem 0.72rem 0.55rem 0.58rem;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 0.95rem;
    font-size: 1rem;
    font-weight: 850;
    text-decoration: none;
    box-shadow: 0 1.3rem 3.5rem rgba(0, 0, 0, 0.28);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.google-login[b-x5oeeu3ick] {
    background: #ffffff;
    color: #111827;
}

.debug-login[b-x5oeeu3ick] {
    border-color: rgba(143, 233, 223, 0.35);
    background: rgba(14, 33, 53, 0.72);
    color: #e6fbf8;
    box-shadow: 0 1.3rem 3.5rem rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
}

.login-action:hover[b-x5oeeu3ick],
.login-action:focus-visible[b-x5oeeu3ick] {
    transform: translateY(-2px);
    border-color: #a7f3d0;
    box-shadow: 0 1.7rem 4rem rgba(0, 0, 0, 0.34), 0 0 0 0.25rem rgba(69, 224, 206, 0.11);
}

.google-login:hover[b-x5oeeu3ick],
.google-login:focus-visible[b-x5oeeu3ick] {
    color: #111827;
}

.debug-login:hover[b-x5oeeu3ick],
.debug-login:focus-visible[b-x5oeeu3ick] {
    color: #ffffff;
}

.google-icon[b-x5oeeu3ick] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 0.72rem;
    background: #ffffff;
}

.google-icon svg[b-x5oeeu3ick] {
    width: 1.3rem;
    height: 1.3rem;
}

.debug-icon[b-x5oeeu3ick] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(143, 233, 223, 0.26);
    border-radius: 0.72rem;
    background: rgba(143, 233, 223, 0.12);
    color: #8fe9df;
    font-size: 0.9rem;
    font-weight: 950;
}

.login-action-arrow[b-x5oeeu3ick] {
    margin-left: auto;
    color: currentcolor;
    font-size: 1.4rem;
    line-height: 1;
    opacity: 0.7;
}

.login-note[b-x5oeeu3ick] {
    max-width: 31rem;
    margin: 1rem 0 0;
    color: #8091a8;
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.55;
}

.login-alert[b-x5oeeu3ick] {
    display: flex;
    max-width: 34rem;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(251, 146, 60, 0.33);
    border-radius: 0.9rem;
    background: rgba(124, 45, 18, 0.26);
    color: #fed7aa;
    backdrop-filter: blur(10px);
}

.login-alert > span[b-x5oeeu3ick] {
    display: inline-grid;
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #fb923c;
    color: #431407;
    font-weight: 900;
}

.login-alert p[b-x5oeeu3ick] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
}

.product-visual[b-x5oeeu3ick] {
    position: relative;
    min-height: 35rem;
    perspective: 1000px;
}

.visual-window[b-x5oeeu3ick] {
    position: absolute;
    top: 1.9rem;
    right: 0;
    width: min(100%, 37rem);
    overflow: hidden;
    border: 1px solid rgba(166, 207, 235, 0.2);
    border-radius: 1.35rem;
    background: rgba(13, 29, 49, 0.86);
    box-shadow: 0 2.4rem 7rem rgba(0, 0, 0, 0.43);
    transform: rotateY(-3deg) rotateX(1deg);
    backdrop-filter: blur(18px);
}

.visual-toolbar[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    min-height: 4.15rem;
    align-items: center;
    gap: 1rem;
    padding: 0 1.1rem;
    border-bottom: 1px solid rgba(176, 212, 237, 0.13);
    background: rgba(17, 35, 56, 0.9);
}

.window-dots[b-x5oeeu3ick] {
    display: flex;
    gap: 0.35rem;
}

.window-dots span[b-x5oeeu3ick] {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 50%;
    background: #fb7185;
}

.window-dots span:nth-child(2)[b-x5oeeu3ick] { background: #fbbf24; }
.window-dots span:nth-child(3)[b-x5oeeu3ick] { background: #34d399; }

.visual-brand[b-x5oeeu3ick] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #f8fbff;
}

.visual-brand span[b-x5oeeu3ick] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: linear-gradient(135deg, #35d6c5, #5a8cff);
    color: #071426;
    font-size: 0.84rem;
    font-weight: 950;
}

.visual-brand strong[b-x5oeeu3ick] {
    font-size: 0.84rem;
    letter-spacing: 0.01rem;
}

.visual-user[b-x5oeeu3ick] {
    justify-self: end;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(143, 233, 223, 0.52), rgba(76, 109, 255, 0.32));
}

.sheet-grid[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: 2.2rem minmax(8rem, 1fr) minmax(7rem, 1fr) minmax(6.5rem, 0.9fr) 7rem;
    grid-template-rows: 2rem repeat(4, 4.35rem);
    min-height: 19.4rem;
    background: rgba(7, 20, 38, 0.54);
}

.sheet-corner[b-x5oeeu3ick],
.sheet-column[b-x5oeeu3ick],
.sheet-row[b-x5oeeu3ick],
.sheet-cell[b-x5oeeu3ick] {
    border-right: 1px solid rgba(144, 180, 205, 0.12);
    border-bottom: 1px solid rgba(144, 180, 205, 0.12);
}

.sheet-corner[b-x5oeeu3ick],
.sheet-column[b-x5oeeu3ick],
.sheet-row[b-x5oeeu3ick] {
    display: grid;
    place-items: center;
    background: rgba(27, 47, 70, 0.56);
    color: #6f849d;
    font-size: 0.66rem;
    font-weight: 800;
}

.sheet-cell[b-x5oeeu3ick] {
    display: flex;
    min-width: 0;
    align-items: center;
    padding: 0.7rem 0.85rem;
    color: #dbe7f4;
}

.sheet-cell.wide[b-x5oeeu3ick] {
    grid-column: span 3;
}

.sheet-cell.amount[b-x5oeeu3ick] {
    justify-content: flex-end;
    text-align: right;
}

.sheet-cell.heading[b-x5oeeu3ick] {
    color: #88a0ba;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.075rem;
}

.sheet-cell.merchant[b-x5oeeu3ick] {
    gap: 0.65rem;
}

.sheet-cell.merchant > span:last-child[b-x5oeeu3ick] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.sheet-cell.merchant strong[b-x5oeeu3ick] {
    overflow: hidden;
    color: #f4f8fc;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sheet-cell.merchant small[b-x5oeeu3ick] {
    color: #7890a9;
    font-size: 0.65rem;
    font-weight: 700;
}

.merchant-icon[b-x5oeeu3ick] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.65rem;
    background: rgba(53, 214, 197, 0.15);
    color: #6ee7d8;
    font-size: 0.72rem;
    font-weight: 900;
}

.merchant-icon.blue[b-x5oeeu3ick] {
    background: rgba(90, 140, 255, 0.16);
    color: #9bbaff;
}

.merchant-icon.violet[b-x5oeeu3ick] {
    background: rgba(167, 139, 250, 0.15);
    color: #c4b5fd;
}

.sheet-cell.value[b-x5oeeu3ick] {
    color: #f7fbff;
    font-size: 0.78rem;
    font-weight: 850;
}

.receipt-card[b-x5oeeu3ick] {
    position: absolute;
    z-index: 3;
    right: 1.2rem;
    bottom: 0.5rem;
    width: 17.3rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1.1rem;
    background: linear-gradient(150deg, rgba(42, 62, 83, 0.96), rgba(24, 39, 60, 0.96));
    box-shadow: 0 1.7rem 4.5rem rgba(0, 0, 0, 0.45);
    transform: rotate(1.4deg);
    backdrop-filter: blur(16px);
}

.receipt-card-top[b-x5oeeu3ick],
.receipt-line[b-x5oeeu3ick],
.receipt-total[b-x5oeeu3ick] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.receipt-card-top[b-x5oeeu3ick] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #97a9bd;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.07rem;
}

.receipt-card-top strong[b-x5oeeu3ick] {
    color: #67e8d7;
    letter-spacing: 0;
}

.receipt-line[b-x5oeeu3ick] {
    padding: 0.42rem 0;
    color: #c8d3df;
    font-size: 0.7rem;
}

.receipt-line b[b-x5oeeu3ick] {
    color: #f4f8fb;
}

.receipt-total[b-x5oeeu3ick] {
    margin-top: 0.55rem;
    padding-top: 0.72rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 850;
}

.receipt-total strong[b-x5oeeu3ick] {
    color: #8fe9df;
    font-size: 1rem;
}

.receipt-qr[b-x5oeeu3ick] {
    display: grid;
    grid-template-columns: repeat(3, 0.34rem);
    grid-template-rows: repeat(3, 0.34rem);
    gap: 0.1rem;
    width: fit-content;
    margin-top: 0.8rem;
    padding: 0.3rem;
    border-radius: 0.35rem;
    background: #e9f5f8;
}

.receipt-qr i[b-x5oeeu3ick] {
    background: #11243b;
}

.receipt-qr i:nth-child(2)[b-x5oeeu3ick],
.receipt-qr i:nth-child(4)[b-x5oeeu3ick],
.receipt-qr i:nth-child(8)[b-x5oeeu3ick] {
    background: transparent;
}

.visual-badge[b-x5oeeu3ick] {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 10.8rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.95rem;
    background: rgba(19, 39, 61, 0.86);
    color: #ffffff;
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(18px);
}

.visual-badge > span[b-x5oeeu3ick] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.65rem;
    background: rgba(53, 214, 197, 0.15);
    color: #6ee7d8;
    font-weight: 950;
}

.visual-badge div[b-x5oeeu3ick] {
    display: grid;
    gap: 0.12rem;
}

.visual-badge small[b-x5oeeu3ick] {
    color: #8196ad;
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.07rem;
}

.visual-badge strong[b-x5oeeu3ick] {
    font-size: 0.73rem;
}

.warranty-badge[b-x5oeeu3ick] {
    top: 0;
    right: 4rem;
}

.card-badge[b-x5oeeu3ick] {
    bottom: 3.2rem;
    left: -1.2rem;
}

.card-badge > span[b-x5oeeu3ick] {
    background: rgba(90, 140, 255, 0.18);
    color: #a8c0ff;
}

.login-orb[b-x5oeeu3ick] {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    filter: blur(2px);
    opacity: 0.5;
}

.login-orb-teal[b-x5oeeu3ick] {
    top: 14%;
    left: -7rem;
    width: 22rem;
    height: 22rem;
    background: rgba(28, 189, 177, 0.2);
    box-shadow: 0 0 5rem rgba(28, 189, 177, 0.12);
}

.login-orb-blue[b-x5oeeu3ick] {
    top: 8%;
    right: 3%;
    width: 20rem;
    height: 20rem;
    background: rgba(71, 112, 216, 0.2);
    box-shadow: 0 0 6rem rgba(71, 112, 216, 0.16);
}

.login-orb-violet[b-x5oeeu3ick] {
    right: 28%;
    bottom: -9rem;
    width: 17rem;
    height: 17rem;
    background: rgba(145, 104, 220, 0.12);
}

.login-redirect[b-x5oeeu3ick] {
    display: grid;
    min-height: calc(100vh - 12rem);
    place-content: center;
    justify-items: center;
    padding: 2rem;
    background: #f5f8fc;
    color: #0f172a;
    text-align: center;
}

.login-redirect h1[b-x5oeeu3ick] {
    margin: 1rem 0 0.35rem;
    font-size: 1.55rem;
}

.login-redirect p[b-x5oeeu3ick] {
    margin: 0;
    color: #64748b;
}

.redirect-spinner[b-x5oeeu3ick] {
    width: 2.4rem;
    height: 2.4rem;
    border: 3px solid #dbe5f0;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: redirect-spin-b-x5oeeu3ick 700ms linear infinite;
}

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

@media (max-width: 1050px) {
    .login-shell[b-x5oeeu3ick] {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding-top: 3.5rem;
    }

    .login-copy[b-x5oeeu3ick] {
        max-width: 44rem;
        text-align: center;
        margin: 0 auto;
    }

    .login-kicker[b-x5oeeu3ick],
    .login-actions[b-x5oeeu3ick] {
        margin-right: auto;
        margin-left: auto;
    }

    .login-lead[b-x5oeeu3ick],
    .login-note[b-x5oeeu3ick],
    .login-alert[b-x5oeeu3ick] {
        margin-right: auto;
        margin-left: auto;
    }

    .product-visual[b-x5oeeu3ick] {
        width: min(100%, 42rem);
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    .login-page[b-x5oeeu3ick],
    .login-shell[b-x5oeeu3ick] {
        min-height: calc(100vh - 7.4rem);
    }

    .login-shell[b-x5oeeu3ick] {
        width: min(100% - 1.2rem, 42rem);
        padding: 2.8rem 0 4rem;
    }

    .login-copy h1[b-x5oeeu3ick] {
        font-size: clamp(2.75rem, 14vw, 4.25rem);
    }

    .login-lead[b-x5oeeu3ick] {
        font-size: 1rem;
        line-height: 1.65;
    }

    .login-actions[b-x5oeeu3ick] {
        width: 100%;
    }

    .product-visual[b-x5oeeu3ick] {
        min-height: 27rem;
    }

    .visual-window[b-x5oeeu3ick] {
        top: 1rem;
        left: 0;
        width: 100%;
        transform: none;
    }

    .sheet-grid[b-x5oeeu3ick] {
        grid-template-columns: 1.8rem minmax(6.3rem, 1fr) minmax(5.5rem, 1fr) minmax(5rem, 0.8fr) 5.5rem;
        grid-template-rows: 1.7rem repeat(4, 3.8rem);
        min-height: 16.9rem;
    }

    .sheet-cell[b-x5oeeu3ick] {
        padding: 0.55rem;
    }

    .sheet-cell.merchant small[b-x5oeeu3ick] {
        display: none;
    }

    .merchant-icon[b-x5oeeu3ick] {
        width: 1.7rem;
        height: 1.7rem;
    }

    .receipt-card[b-x5oeeu3ick] {
        right: 0.7rem;
        bottom: 0.5rem;
        width: 14.7rem;
        padding: 0.8rem;
    }

    .warranty-badge[b-x5oeeu3ick] {
        top: -0.5rem;
        right: 0.75rem;
    }

    .card-badge[b-x5oeeu3ick] {
        display: none;
    }
}

@media (max-width: 430px) {
    .login-kicker[b-x5oeeu3ick] {
        font-size: 0.62rem;
        letter-spacing: 0.05rem;
    }

    .login-copy h1[b-x5oeeu3ick] {
        font-size: clamp(2.55rem, 15vw, 3.55rem);
    }

    .login-action[b-x5oeeu3ick] {
        font-size: 0.92rem;
    }

    .visual-toolbar[b-x5oeeu3ick] {
        grid-template-columns: auto 1fr auto;
    }

    .visual-brand[b-x5oeeu3ick] {
        justify-self: center;
    }

    .visual-brand strong[b-x5oeeu3ick] {
        display: none;
    }

    .sheet-grid[b-x5oeeu3ick] {
        grid-template-columns: 1.65rem minmax(5.6rem, 1fr) minmax(4.5rem, 0.8fr) minmax(3.7rem, 0.7fr) 4.5rem;
    }

    .sheet-cell.merchant strong[b-x5oeeu3ick],
    .sheet-cell.value[b-x5oeeu3ick] {
        font-size: 0.66rem;
    }

    .receipt-card[b-x5oeeu3ick] {
        width: 13rem;
    }

    .receipt-line[b-x5oeeu3ick] {
        font-size: 0.63rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-action[b-x5oeeu3ick] {
        transition: none;
    }

    .redirect-spinner[b-x5oeeu3ick] {
        animation: 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/LoyaltyCardDetail.razor.rz.scp.css */
.wallet-detail-page[b-ufll3es547] {
    display: grid;
    gap: 1.15rem;
    max-width: 68rem;
    margin: 0 auto;
    padding: 1.35rem 0 3.5rem;
    color: #0f172a;
}

.wallet-detail-hero[b-ufll3es547] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.28);
    border-radius: 28px;
    padding: clamp(1.35rem, 4vw, 2.35rem);
    background:
        radial-gradient(circle at 78% 16%, rgba(34, 211, 238, 0.22), transparent 32%),
        linear-gradient(135deg, #07111f 0%, #0f172a 52%, #172554 100%);
    color: #ffffff;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.26);
}

.detail-kicker[b-ufll3es547] {
    display: block;
    margin-bottom: 0.5rem;
    color: #38bdf8;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.wallet-detail-hero h1[b-ufll3es547],
.wallet-card-showcase h2[b-ufll3es547] {
    margin: 0;
    line-height: 1.05;
}

.wallet-detail-hero h1[b-ufll3es547] {
    font-size: clamp(2rem, 5vw, 3.45rem);
    letter-spacing: -0.06em;
}

.wallet-detail-hero p[b-ufll3es547] {
    max-width: 40rem;
    margin: 0.85rem 0 0;
    color: rgba(226, 232, 240, 0.86);
    line-height: 1.65;
}

.detail-grid[b-ufll3es547] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(17rem, 0.85fr);
    gap: 1rem;
}

.wallet-card-showcase[b-ufll3es547],
.detail-side-panel[b-ufll3es547],
.detail-panel[b-ufll3es547] {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.wallet-card-showcase[b-ufll3es547] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 3vw, 1.35rem);
}

.wallet-card-showcase.favorite[b-ufll3es547] {
    border-color: rgba(250, 204, 21, 0.62);
    background: linear-gradient(180deg, #fffbea, #ffffff 62%);
}

.showcase-topline[b-ufll3es547],
.showcase-title[b-ufll3es547],
.detail-actions[b-ufll3es547] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
}

.showcase-topline span[b-ufll3es547],
.showcase-topline small[b-ufll3es547],
.detail-facts span[b-ufll3es547],
.detail-note span[b-ufll3es547] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
}

.showcase-title[b-ufll3es547] {
    justify-content: start;
}

.showcase-title > span[b-ufll3es547] {
    display: grid;
    width: 4rem;
    height: 4rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 22px;
    background: #0f172a;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 900;
}

.showcase-title h2[b-ufll3es547] {
    color: #0f172a;
    font-size: clamp(1.55rem, 3vw, 2.45rem);
    letter-spacing: -0.05em;
}

.showcase-title p[b-ufll3es547] {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-weight: 800;
}

.showcase-code[b-ufll3es547] {
    overflow: hidden;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    padding: 1rem;
    background: #ffffff;
}

.showcase-hint[b-ufll3es547] {
    border-radius: 18px;
    padding: 0.9rem 1rem;
    background: #eff6ff;
    color: #1e3a8a;
    font-weight: 800;
    line-height: 1.5;
}

.detail-side-panel[b-ufll3es547],
.detail-panel[b-ufll3es547] {
    padding: 1rem;
}

.detail-facts[b-ufll3es547] {
    display: grid;
    gap: 0.65rem;
}

.detail-facts article[b-ufll3es547],
.detail-note[b-ufll3es547] {
    display: grid;
    gap: 0.3rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 0.8rem;
    background: #f8fafc;
}

.detail-facts strong[b-ufll3es547] {
    overflow-wrap: anywhere;
    color: #0f172a;
}

.detail-note[b-ufll3es547] {
    margin-top: 0.75rem;
}

.detail-note p[b-ufll3es547] {
    margin: 0;
    color: #334155;
    line-height: 1.55;
}

.detail-actions[b-ufll3es547] {
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 0.9rem;
}

.detail-secondary-action[b-ufll3es547],
.detail-danger-action[b-ufll3es547] {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 1rem;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.detail-secondary-action[b-ufll3es547] {
    border: 1px solid rgba(148, 163, 184, 0.38);
    background: #ffffff;
    color: #0f172a;
}

.detail-secondary-action.dark[b-ufll3es547] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    backdrop-filter: blur(10px);
}

.detail-danger-action[b-ufll3es547] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.detail-status[b-ufll3es547] {
    border-radius: 16px;
    padding: 0.85rem 1rem;
    font-weight: 800;
}

.detail-status.error[b-ufll3es547] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.detail-status.neutral[b-ufll3es547] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

@media (max-width: 880px) {
    .wallet-detail-hero[b-ufll3es547],
    .showcase-topline[b-ufll3es547],
    .detail-actions[b-ufll3es547] {
        align-items: stretch;
        flex-direction: column;
    }

    .detail-grid[b-ufll3es547] {
        grid-template-columns: 1fr;
    }

    .detail-secondary-action[b-ufll3es547],
    .detail-danger-action[b-ufll3es547] {
        width: 100%;
    }
}
/* /Components/Pages/LoyaltyCards.razor.rz.scp.css */
.wallet-page[b-t448x9wy13] {
    --wallet-ink: #0f172a;
    --wallet-muted: #64748b;
    --wallet-line: rgba(148, 163, 184, 0.28);
    --wallet-blue: #2563eb;
    --wallet-cyan: #22d3ee;
    display: grid;
    gap: 1.25rem;
    max-width: 76rem;
    margin: 0 auto;
    padding: 1.35rem 0 3.5rem;
    color: var(--wallet-ink);
}

.wallet-hero[b-t448x9wy13] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
    gap: clamp(1.25rem, 4vw, 2.5rem);
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.28);
    border-radius: 28px;
    padding: clamp(1.35rem, 4vw, 2.6rem);
    background:
        radial-gradient(circle at 82% 18%, rgba(34, 211, 238, 0.22), transparent 30%),
        radial-gradient(circle at 8% 12%, rgba(37, 99, 235, 0.28), transparent 34%),
        linear-gradient(135deg, #07111f 0%, #0f172a 48%, #172554 100%);
    color: #ffffff;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.26);
}

.wallet-hero[b-t448x9wy13]::after {
    content: "";
    position: absolute;
    inset: auto -7rem -9rem auto;
    width: 22rem;
    height: 22rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.22);
    filter: blur(18px);
}

.wallet-hero-copy[b-t448x9wy13],
.wallet-hero-card[b-t448x9wy13] {
    position: relative;
    z-index: 1;
}

.wallet-kicker[b-t448x9wy13] {
    display: block;
    margin-bottom: 0.5rem;
    color: #38bdf8;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.wallet-hero h1[b-t448x9wy13],
.wallet-panel h2[b-t448x9wy13],
.wallet-empty h2[b-t448x9wy13],
.wallet-card h3[b-t448x9wy13],
.preview-shell h3[b-t448x9wy13] {
    margin: 0;
    line-height: 1.05;
}

.wallet-hero h1[b-t448x9wy13] {
    max-width: 12ch;
    font-size: clamp(2.1rem, 6vw, 4.35rem);
    letter-spacing: -0.07em;
}

.wallet-hero p[b-t448x9wy13] {
    max-width: 43rem;
    margin: 1rem 0 0;
    color: rgba(226, 232, 240, 0.86);
    font-size: clamp(1rem, 1.6vw, 1.12rem);
    line-height: 1.7;
}

.wallet-hero-actions[b-t448x9wy13],
.wallet-actions-row[b-t448x9wy13],
.wallet-card-actions[b-t448x9wy13],
.wallet-filters[b-t448x9wy13],
.wallet-section-header[b-t448x9wy13],
.wallet-guest-panel[b-t448x9wy13] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.wallet-hero-actions[b-t448x9wy13] {
    margin-top: 1.35rem;
}

.wallet-primary-action[b-t448x9wy13],
.wallet-secondary-action[b-t448x9wy13],
.wallet-danger-action[b-t448x9wy13] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 1.05rem;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.wallet-primary-action[b-t448x9wy13] {
    border: 1px solid rgba(37, 99, 235, 0.88);
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.28);
}

.wallet-secondary-action[b-t448x9wy13] {
    border: 1px solid rgba(148, 163, 184, 0.38);
    background: #ffffff;
    color: #0f172a;
}

.wallet-hero .wallet-secondary-action[b-t448x9wy13] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    backdrop-filter: blur(10px);
}

.wallet-danger-action[b-t448x9wy13] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.wallet-primary-action.compact[b-t448x9wy13],
.wallet-secondary-action.compact[b-t448x9wy13],
.wallet-danger-action.compact[b-t448x9wy13] {
    min-height: 2.35rem;
    padding: 0 0.85rem;
    font-size: 0.84rem;
}

.wallet-primary-action:hover[b-t448x9wy13],
.wallet-secondary-action:hover[b-t448x9wy13],
.wallet-danger-action:hover[b-t448x9wy13],
.wallet-primary-action:focus-visible[b-t448x9wy13],
.wallet-secondary-action:focus-visible[b-t448x9wy13],
.wallet-danger-action:focus-visible[b-t448x9wy13] {
    transform: translateY(-1px);
}

.wallet-primary-action:disabled[b-t448x9wy13],
.wallet-secondary-action:disabled[b-t448x9wy13],
.wallet-danger-action:disabled[b-t448x9wy13] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

.wallet-hero-card[b-t448x9wy13] {
    align-self: center;
    display: grid;
    gap: 1rem;
    max-width: 23rem;
    justify-self: end;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 26px;
    padding: 1.1rem;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 24px 60px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(18px);
}

.hero-card-topline[b-t448x9wy13],
.preview-topline[b-t448x9wy13],
.wallet-card-header[b-t448x9wy13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.hero-card-topline span[b-t448x9wy13],
.preview-topline span[b-t448x9wy13],
.wallet-card-header small[b-t448x9wy13] {
    color: rgba(226, 232, 240, 0.9);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.hero-card-topline small[b-t448x9wy13],
.preview-topline small[b-t448x9wy13] {
    color: rgba(226, 232, 240, 0.74);
    font-weight: 800;
}

.hero-card-code[b-t448x9wy13] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0.28rem;
    height: 6rem;
    border-radius: 18px;
    padding: 0.8rem;
    background: #ffffff;
}

.hero-card-code span[b-t448x9wy13] {
    border-radius: 999px;
    background: #0f172a;
}

.hero-card-code span:nth-child(2n)[b-t448x9wy13] {
    opacity: 0.5;
}

.wallet-hero-card strong[b-t448x9wy13] {
    color: #ffffff;
    font-size: 1.35rem;
}

.wallet-hero-card p[b-t448x9wy13] {
    margin: -0.4rem 0 0;
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.92rem;
}

.wallet-metrics[b-t448x9wy13] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.wallet-metric[b-t448x9wy13],
.wallet-panel[b-t448x9wy13],
.wallet-preview-panel[b-t448x9wy13],
.wallet-card[b-t448x9wy13],
.wallet-empty[b-t448x9wy13] {
    border: 1px solid var(--wallet-line);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.wallet-metric[b-t448x9wy13] {
    display: grid;
    gap: 0.25rem;
    border-radius: 20px;
    padding: 1rem;
}

.wallet-metric.highlight[b-t448x9wy13] {
    border-color: rgba(37, 99, 235, 0.34);
    background: linear-gradient(180deg, #eff6ff, #ffffff);
}

.wallet-metric span[b-t448x9wy13],
.wallet-field span[b-t448x9wy13],
.wallet-card-meta span[b-t448x9wy13],
.preview-hint[b-t448x9wy13],
.wallet-favorite-check[b-t448x9wy13] {
    color: var(--wallet-muted);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
}

.wallet-metric strong[b-t448x9wy13] {
    color: #0f172a;
    font-size: clamp(1.45rem, 3vw, 2rem);
    letter-spacing: -0.04em;
}

.wallet-metric small[b-t448x9wy13] {
    color: var(--wallet-muted);
    font-weight: 700;
}

.wallet-workspace[b-t448x9wy13] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
    gap: 1rem;
}

.wallet-panel[b-t448x9wy13],
.wallet-preview-panel[b-t448x9wy13] {
    border-radius: 24px;
    padding: clamp(1rem, 2vw, 1.25rem);
}

.wallet-section-header[b-t448x9wy13] {
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.wallet-section-header .wallet-kicker[b-t448x9wy13] {
    color: #2563eb;
}

.wallet-panel h2[b-t448x9wy13] {
    color: #0f172a;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    letter-spacing: -0.04em;
}

.wallet-panel p[b-t448x9wy13],
.wallet-guest-panel p[b-t448x9wy13],
.wallet-empty p[b-t448x9wy13],
.wallet-card p[b-t448x9wy13] {
    margin: 0.35rem 0 0;
    color: var(--wallet-muted);
    line-height: 1.55;
}

.wallet-form-grid[b-t448x9wy13] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.wallet-field[b-t448x9wy13] {
    display: grid;
    gap: 0.4rem;
}

.wallet-field.wide[b-t448x9wy13] {
    grid-column: 1 / -1;
}

.wallet-field input[b-t448x9wy13],
.wallet-field select[b-t448x9wy13],
.wallet-field textarea[b-t448x9wy13] {
    width: 100%;
    border: 1px solid #d7dee8;
    border-radius: 14px;
    padding: 0.8rem 0.9rem;
    background: #f8fafc;
    color: #0f172a;
    font: inherit;
}

.wallet-field input[b-t448x9wy13],
.wallet-field select[b-t448x9wy13] {
    min-height: 2.85rem;
}

.wallet-field input:focus[b-t448x9wy13],
.wallet-field select:focus[b-t448x9wy13],
.wallet-field textarea:focus[b-t448x9wy13] {
    border-color: #2563eb;
    background: #ffffff;
    outline: 4px solid rgba(37, 99, 235, 0.14);
}

.wallet-favorite-check[b-t448x9wy13] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: 0.55rem;
    letter-spacing: 0;
    text-transform: none;
}

.wallet-favorite-check input[b-t448x9wy13] {
    width: 1rem;
    height: 1rem;
    accent-color: #2563eb;
}

.wallet-actions-row[b-t448x9wy13] {
    margin-top: 1rem;
}

.wallet-status[b-t448x9wy13] {
    border-radius: 16px;
    padding: 0.85rem 1rem;
    font-weight: 800;
}

.wallet-status.error[b-t448x9wy13] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

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

.preview-shell[b-t448x9wy13] {
    position: sticky;
    top: 5.25rem;
    display: grid;
    gap: 0.9rem;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 24px;
    padding: 1rem;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 34%),
        linear-gradient(180deg, #ffffff, #f8fafc);
}

.preview-shell.favorite[b-t448x9wy13] {
    border-color: rgba(250, 204, 21, 0.58);
    background: linear-gradient(180deg, #fffbea, #ffffff 58%);
}

.preview-shell .preview-topline span[b-t448x9wy13],
.preview-shell .preview-topline small[b-t448x9wy13] {
    color: #475569;
}

.preview-shell h3[b-t448x9wy13] {
    color: #0f172a;
    font-size: 1.55rem;
}

.preview-shell p[b-t448x9wy13] {
    margin: -0.45rem 0 0;
    color: var(--wallet-muted);
    font-weight: 800;
}

.wallet-filters[b-t448x9wy13] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto auto;
    align-items: end;
    margin: 1rem 0;
}

.filter-check[b-t448x9wy13] {
    grid-column: auto;
    min-height: 2.85rem;
    align-self: end;
}

.wallet-empty[b-t448x9wy13] {
    display: grid;
    place-items: center;
    gap: 0.5rem;
    border-radius: 24px;
    padding: 2rem;
    text-align: center;
}

.wallet-empty span[b-t448x9wy13] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.6rem;
    font-weight: 900;
}

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

.wallet-card[b-t448x9wy13] {
    display: grid;
    gap: 0.9rem;
    border-radius: 24px;
    padding: 1rem;
}

.wallet-card.favorite[b-t448x9wy13] {
    border-color: rgba(250, 204, 21, 0.62);
    background: linear-gradient(180deg, #fffbea, #ffffff 62%);
}

.wallet-card-header[b-t448x9wy13] {
    justify-content: start;
}

.wallet-card-header small[b-t448x9wy13] {
    color: #2563eb;
}

.wallet-card-initials[b-t448x9wy13] {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 17px;
    background: #0f172a;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.wallet-card h3[b-t448x9wy13] {
    margin-top: 0.1rem;
    color: #0f172a;
    font-size: 1.18rem;
}

.wallet-card-meta[b-t448x9wy13] {
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 0.6rem;
}

.wallet-card-meta div[b-t448x9wy13] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 0.7rem;
    background: #f8fafc;
}

.wallet-card-meta strong[b-t448x9wy13] {
    display: block;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-size: 0.9rem;
}

.wallet-code-zone[b-t448x9wy13] {
    overflow: hidden;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    padding: 0.6rem;
    background: #ffffff;
}

.wallet-card-note[b-t448x9wy13] {
    border-left: 3px solid #2563eb;
    padding-left: 0.75rem;
    font-size: 0.92rem;
}

.wallet-card-actions[b-t448x9wy13] {
    margin-top: 0.1rem;
}

@media (max-width: 1060px) {
    .wallet-hero[b-t448x9wy13],
    .wallet-workspace[b-t448x9wy13] {
        grid-template-columns: 1fr;
    }

    .wallet-hero-card[b-t448x9wy13] {
        justify-self: stretch;
        max-width: none;
    }

    .wallet-cards-grid[b-t448x9wy13],
    .wallet-metrics[b-t448x9wy13] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .preview-shell[b-t448x9wy13] {
        position: static;
    }
}

@media (max-width: 720px) {
    .wallet-page[b-t448x9wy13] {
        padding-top: 0.75rem;
    }

    .wallet-hero[b-t448x9wy13] {
        border-radius: 22px;
    }

    .wallet-metrics[b-t448x9wy13],
    .wallet-cards-grid[b-t448x9wy13],
    .wallet-form-grid[b-t448x9wy13],
    .wallet-filters[b-t448x9wy13] {
        grid-template-columns: 1fr;
    }

    .wallet-section-header[b-t448x9wy13],
    .wallet-guest-panel[b-t448x9wy13] {
        align-items: stretch;
        flex-direction: column;
    }

    .wallet-primary-action[b-t448x9wy13],
    .wallet-secondary-action[b-t448x9wy13],
    .wallet-danger-action[b-t448x9wy13] {
        width: 100%;
    }

    .wallet-card-meta[b-t448x9wy13] {
        grid-template-columns: 1fr;
    }
}

.wallet-pagination[b-t448x9wy13] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.wallet-pagination span[b-t448x9wy13] {
    color: #475569;
    font-weight: 800;
}

@media (max-width: 640px) {
    .wallet-pagination[b-t448x9wy13] {
        align-items: stretch;
        flex-direction: column;
        text-align: center;
    }
}

.wallet-field-help[b-t448x9wy13] {
    color: var(--wallet-muted);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.preview-hint[b-t448x9wy13] {
    letter-spacing: 0;
    line-height: 1.45;
    text-transform: none;
}

.wallet-checkout-panel[b-t448x9wy13] {
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 26px;
    padding: clamp(1rem, 2vw, 1.25rem);
    background: radial-gradient(circle at top right, rgba(34, 211, 238, 0.14), transparent 32%), linear-gradient(135deg, #eff6ff, #ffffff 68%);
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.09);
}

.checkout-header[b-t448x9wy13] {
    margin-bottom: 1rem;
}

.checkout-header .wallet-kicker[b-t448x9wy13] {
    color: #2563eb;
}

.checkout-header h2[b-t448x9wy13] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.4rem, 2.5vw, 2.1rem);
    letter-spacing: -0.045em;
}

.checkout-header p[b-t448x9wy13] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.checkout-count[b-t448x9wy13] {
    display: grid;
    min-width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    font-weight: 950;
}

.checkout-strip[b-t448x9wy13] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(18rem, 22rem);
    gap: 0.9rem;
    overflow-x: auto;
    padding: 0.1rem 0 0.8rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
}

.checkout-card[b-t448x9wy13] {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.1);
    scroll-snap-align: start;
}

.checkout-card-head[b-t448x9wy13] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.checkout-card-head div[b-t448x9wy13] {
    min-width: 0;
}

.checkout-card-head small[b-t448x9wy13] {
    color: #2563eb;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.checkout-card-head h3[b-t448x9wy13] {
    margin: 0.15rem 0 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 1.15rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkout-card-head p[b-t448x9wy13] {
    margin: 0.2rem 0 0;
    overflow: hidden;
    color: #64748b;
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkout-code[b-t448x9wy13] {
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
}

.checkout-code[b-t448x9wy13]  .loyalty-code-display {
    border-style: solid;
    border-color: #dbeafe;
    background: #ffffff;
}

@media (max-width: 720px) {
    .checkout-strip[b-t448x9wy13] {
        grid-auto-columns: minmax(84vw, 1fr);
    }
}

/* Batch 38: scan-first professional wallet */
.wallet-page-pro[b-t448x9wy13] {
    gap: 1rem;
}

.wallet-hero-pro[b-t448x9wy13] {
    min-height: 30rem;
    align-items: center;
}

.wallet-hero-pro h1[b-t448x9wy13] {
    max-width: 13ch;
}

.wallet-hero-actions-pro[b-t448x9wy13] {
    align-items: stretch;
}

.wallet-scan-action[b-t448x9wy13] {
    min-height: 3.35rem;
    gap: 0.65rem;
    padding-inline: 1.3rem;
    font-size: 1rem;
}

.wallet-scan-action[b-t448x9wy13]  .app-icon,
.wallet-list-actions[b-t448x9wy13]  .app-icon,
.wallet-hero-trust[b-t448x9wy13]  .app-icon,
.wallet-search-box[b-t448x9wy13]  .app-icon,
.wallet-scan-result[b-t448x9wy13]  .app-icon,
.wallet-code-capture[b-t448x9wy13]  .app-icon,
.wallet-empty-pro[b-t448x9wy13]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
    stroke: currentColor;
    stroke-width: 1.8;
}

.wallet-hero-trust[b-t448x9wy13] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin-top: 1rem;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.8rem;
    font-weight: 700;
}

.wallet-hero-trust span[b-t448x9wy13] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.wallet-hero-card-pro[b-t448x9wy13] {
    width: min(100%, 24rem);
}

.hero-card-merchant[b-t448x9wy13],
.preview-merchant-line[b-t448x9wy13] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.hero-card-merchant > div[b-t448x9wy13],
.preview-merchant-line > div[b-t448x9wy13] {
    min-width: 0;
}

.hero-card-merchant strong[b-t448x9wy13],
.hero-card-merchant p[b-t448x9wy13],
.preview-merchant-line h3[b-t448x9wy13],
.preview-merchant-line p[b-t448x9wy13] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hero-card-merchant p[b-t448x9wy13] {
    margin: 0.2rem 0 0;
}

.hero-live-code[b-t448x9wy13] {
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
}

.hero-scan-illustration[b-t448x9wy13] {
    position: relative;
    display: grid;
    min-height: 9.2rem;
    place-items: center;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.hero-scan-illustration[b-t448x9wy13]  .app-icon {
    width: 6rem;
    height: 6rem;
    stroke: rgba(255,255,255,.88);
    stroke-width: 0.8;
}

.scan-corner[b-t448x9wy13] {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    border-color: #38bdf8;
}

.scan-corner.top-left[b-t448x9wy13] { top: 1rem; left: 1rem; border-top: 3px solid; border-left: 3px solid; border-radius: .5rem 0 0 0; }
.scan-corner.top-right[b-t448x9wy13] { top: 1rem; right: 1rem; border-top: 3px solid; border-right: 3px solid; border-radius: 0 .5rem 0 0; }
.scan-corner.bottom-left[b-t448x9wy13] { bottom: 1rem; left: 1rem; border-bottom: 3px solid; border-left: 3px solid; border-radius: 0 0 0 .5rem; }
.scan-corner.bottom-right[b-t448x9wy13] { bottom: 1rem; right: 1rem; border-bottom: 3px solid; border-right: 3px solid; border-radius: 0 0 .5rem 0; }

.wallet-scan-result[b-t448x9wy13] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    border: 1px solid #86efac;
    border-radius: 20px;
    padding: 0.9rem 1rem;
    background: linear-gradient(135deg, #f0fdf4, #ffffff);
    color: #14532d;
    box-shadow: 0 14px 35px rgba(22, 101, 52, 0.08);
}

.wallet-scan-result-icon[b-t448x9wy13],
.wallet-code-capture-icon[b-t448x9wy13] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.9rem;
    background: #dcfce7;
    color: #15803d;
}

.wallet-scan-result strong[b-t448x9wy13],
.wallet-code-capture strong[b-t448x9wy13] {
    display: block;
    font-weight: 900;
}

.wallet-scan-result p[b-t448x9wy13],
.wallet-code-capture p[b-t448x9wy13] {
    margin: 0.15rem 0 0;
    color: #475569;
    font-size: 0.9rem;
}

.wallet-finder-panel[b-t448x9wy13] {
    display: grid;
    grid-template-columns: minmax(13rem, .72fr) minmax(18rem, 1.28fr) auto;
    align-items: center;
    gap: 0.85rem 1rem;
    border: 1px solid var(--wallet-line);
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255,255,255,.96);
    box-shadow: 0 18px 50px rgba(15,23,42,.08);
}

.wallet-finder-copy h2[b-t448x9wy13] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2.5vw, 1.8rem);
    letter-spacing: -.04em;
}

.wallet-finder-copy p[b-t448x9wy13] {
    margin: .25rem 0 0;
    color: #64748b;
    font-size: .88rem;
}

.wallet-search-box[b-t448x9wy13] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    min-height: 3.35rem;
    border: 1px solid #cbd5e1;
    border-radius: 17px;
    padding: 0 .85rem;
    background: #f8fafc;
    color: #64748b;
}

.wallet-search-box:focus-within[b-t448x9wy13] {
    border-color: #2563eb;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

.wallet-search-box input[b-t448x9wy13] {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-weight: 700;
}

.wallet-search-box button[b-t448x9wy13] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 1.2rem;
    cursor: pointer;
}

.wallet-favorite-filter[b-t448x9wy13] {
    grid-column: 3;
    align-self: center;
    min-height: 3.35rem;
    border: 1px solid #e2e8f0;
    border-radius: 17px;
    padding: 0 .9rem;
    background: #fff;
    white-space: nowrap;
}

.wallet-finder-stats[b-t448x9wy13] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    padding-top: .15rem;
}

.wallet-finder-stats span[b-t448x9wy13] {
    border-radius: 999px;
    padding: .45rem .72rem;
    background: #eff6ff;
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
}

.wallet-finder-stats strong[b-t448x9wy13] {
    color: #1d4ed8;
}

.wallet-list-panel[b-t448x9wy13] {
    scroll-margin-top: 6rem;
}

.wallet-list-actions[b-t448x9wy13],
.wallet-empty-actions[b-t448x9wy13],
.wallet-form-actions-pro[b-t448x9wy13] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.wallet-list-actions .wallet-primary-action[b-t448x9wy13] {
    gap: .4rem;
}

.wallet-cards-grid-pro[b-t448x9wy13] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wallet-cards-grid-pro .wallet-card[b-t448x9wy13] {
    position: relative;
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.wallet-cards-grid-pro .wallet-card:hover[b-t448x9wy13] {
    transform: translateY(-3px);
    border-color: rgba(37,99,235,.34);
    box-shadow: 0 24px 60px rgba(15,23,42,.12);
}

.wallet-card-title[b-t448x9wy13] {
    min-width: 0;
    flex: 1 1 auto;
}

.wallet-card-open[b-t448x9wy13] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
}

.wallet-card-meta-pro[b-t448x9wy13] {
    grid-template-columns: .65fr 1.35fr;
}

.wallet-loading-state[b-t448x9wy13] {
    min-height: 15rem;
}

.wallet-loader[b-t448x9wy13] {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border: 3px solid #dbeafe;
    border-top-color: #2563eb;
    background: transparent !important;
    animation: wallet-spin-b-t448x9wy13 .8s linear infinite;
}

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

.wallet-empty-pro[b-t448x9wy13]  .app-icon {
    width: 1.7rem;
    height: 1.7rem;
}

.wallet-workspace-pro[b-t448x9wy13] {
    scroll-margin-top: 5.5rem;
    border: 1px solid rgba(37,99,235,.22);
    border-radius: 28px;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(239,246,255,.9), rgba(255,255,255,.82));
}

.wallet-code-capture[b-t448x9wy13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    padding: .85rem;
    background: #eff6ff;
}

.wallet-code-capture-copy[b-t448x9wy13] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.wallet-code-capture-icon[b-t448x9wy13] {
    background: #dbeafe;
    color: #1d4ed8;
}

.wallet-merchant-picker[b-t448x9wy13] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: .9rem;
    background: #f8fafc;
}

.wallet-merchant-picker p[b-t448x9wy13] {
    margin: .2rem 0 0;
    color: #64748b;
    font-size: .86rem;
}

.wallet-merchant-strip[b-t448x9wy13] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(5.25rem, 6.1rem);
    gap: .55rem;
    overflow-x: auto;
    padding: .1rem 0 .35rem;
    scroll-snap-type: x proximity;
}

.wallet-merchant-choice[b-t448x9wy13] {
    display: grid;
    gap: .45rem;
    min-height: 5.8rem;
    place-items: center;
    border: 1px solid #dbe3ee;
    border-radius: 17px;
    padding: .55rem;
    background: #fff;
    color: #334155;
    cursor: pointer;
    scroll-snap-align: start;
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.wallet-merchant-choice:hover[b-t448x9wy13],
.wallet-merchant-choice:focus-visible[b-t448x9wy13] {
    transform: translateY(-2px);
    border-color: #60a5fa;
    box-shadow: 0 10px 25px rgba(37,99,235,.12);
    outline: none;
}

.wallet-merchant-choice img[b-t448x9wy13] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
}

.wallet-merchant-choice span[b-t448x9wy13] {
    overflow: hidden;
    width: 100%;
    color: #475569;
    font-size: .67rem;
    font-weight: 850;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallet-favorite-card-check[b-t448x9wy13] {
    border: 1px solid #fde68a;
    border-radius: 16px;
    padding: .8rem;
    background: #fffbeb;
}

.preview-merchant-line h3[b-t448x9wy13] {
    margin: 0;
}

.preview-merchant-line p[b-t448x9wy13] {
    margin: .2rem 0 0;
}

@media (max-width: 1060px) {
    .wallet-finder-panel[b-t448x9wy13] {
        grid-template-columns: 1fr minmax(16rem, 1.2fr);
    }

    .wallet-favorite-filter[b-t448x9wy13] {
        grid-column: 2;
    }

    .wallet-cards-grid-pro[b-t448x9wy13] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .wallet-hero-pro[b-t448x9wy13] {
        min-height: auto;
        padding: 1.15rem;
    }

    .wallet-hero-pro h1[b-t448x9wy13] {
        max-width: none;
        font-size: clamp(2rem, 10vw, 3.15rem);
    }

    .wallet-hero-card-pro[b-t448x9wy13] {
        width: 100%;
    }

    .wallet-hero-trust[b-t448x9wy13] {
        display: grid;
    }

    .wallet-scan-result[b-t448x9wy13] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .wallet-scan-result .wallet-secondary-action[b-t448x9wy13] {
        grid-column: 1 / -1;
    }

    .wallet-finder-panel[b-t448x9wy13] {
        grid-template-columns: 1fr;
        padding: .85rem;
    }

    .wallet-search-box[b-t448x9wy13],
    .wallet-favorite-filter[b-t448x9wy13],
    .wallet-finder-stats[b-t448x9wy13] {
        grid-column: 1;
    }

    .wallet-favorite-filter[b-t448x9wy13] {
        width: 100%;
    }

    .wallet-list-actions[b-t448x9wy13],
    .wallet-empty-actions[b-t448x9wy13],
    .wallet-form-actions-pro[b-t448x9wy13] {
        width: 100%;
    }

    .wallet-cards-grid-pro[b-t448x9wy13] {
        grid-template-columns: 1fr;
    }

    .wallet-code-capture[b-t448x9wy13] {
        align-items: stretch;
        flex-direction: column;
    }

    .wallet-code-capture .wallet-primary-action[b-t448x9wy13] {
        width: 100%;
    }

    .wallet-workspace-pro[b-t448x9wy13] {
        padding: .65rem;
        border-radius: 22px;
    }

    .wallet-merchant-strip[b-t448x9wy13] {
        grid-auto-columns: 5.15rem;
    }
}

@media (max-width: 420px) {
    .wallet-page-pro[b-t448x9wy13] {
        gap: .8rem;
    }

    .wallet-hero-pro[b-t448x9wy13] {
        border-radius: 19px;
    }

    .wallet-card-actions[b-t448x9wy13] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .wallet-card-actions .wallet-primary-action[b-t448x9wy13] {
        grid-column: 1 / -1;
    }

    .wallet-card-actions .wallet-danger-action[b-t448x9wy13],
    .wallet-card-actions .wallet-secondary-action[b-t448x9wy13] {
        width: 100%;
    }
}
/* /Components/Pages/ManualBill.razor.rz.scp.css */
.manual-bill-page[b-5awb45n73w] {
    width: min(76rem, 100%);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2.2rem) 0 3.5rem;
}

.manual-bill-hero[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
    gap: 1.5rem;
    align-items: end;
    margin-bottom: 1.35rem;
    padding: clamp(1.35rem, 4vw, 2.5rem);
    border: 1px solid rgba(50, 69, 99, 0.14);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 88% 12%, rgba(96, 165, 250, 0.24), transparent 18rem),
        linear-gradient(145deg, #091a30, #0d2947 72%, #11365a);
    color: #fff;
    box-shadow: 0 1.4rem 3.2rem rgba(15, 23, 42, 0.16);
}

.manual-bill-hero h1[b-5awb45n73w] {
    max-width: 42rem;
    margin: 0.45rem 0 0.65rem;
    font-size: clamp(2rem, 5vw, 3.6rem);
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.manual-bill-hero p[b-5awb45n73w] {
    max-width: 48rem;
    margin: 0;
    color: #c8d8e9;
    font-size: 1rem;
    line-height: 1.7;
}

.manual-bill-hero aside[b-5awb45n73w] {
    display: grid;
    gap: 0.5rem;
    align-content: end;
    padding: 1.15rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 1.15rem;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(12px);
}

.manual-bill-hero aside[b-5awb45n73w]  .app-icon {
    width: 2rem;
    height: 2rem;
    color: #7dd3fc;
}

.manual-bill-hero aside strong[b-5awb45n73w] { font-size: 1.05rem; }
.manual-bill-hero aside span[b-5awb45n73w] { color: #c8d8e9; line-height: 1.5; }

.manual-back-link[b-5awb45n73w] {
    display: inline-flex;
    margin-bottom: 1rem;
    color: #bfdbfe;
    font-weight: 800;
    text-decoration: none;
}

.manual-back-link:hover[b-5awb45n73w] { color: #fff; }

.manual-kicker[b-5awb45n73w] {
    color: #60a5fa;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.manual-layout[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(17rem, .65fr);
    gap: 1.25rem;
    align-items: start;
}

.manual-form-card[b-5awb45n73w],
.manual-guide-card[b-5awb45n73w],
.manual-empty-card[b-5awb45n73w] {
    border: 1px solid #dde5ef;
    border-radius: 1.45rem;
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.07);
}

.manual-form-card[b-5awb45n73w] { padding: clamp(1.2rem, 3vw, 2rem); }
.manual-guide-card[b-5awb45n73w] { position: sticky; top: 5.5rem; padding: 1.45rem; }
.manual-empty-card[b-5awb45n73w] { padding: 2rem; text-align: center; }

.manual-section-heading[b-5awb45n73w] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 1.2rem;
}

.manual-section-heading.separated[b-5awb45n73w] {
    margin-top: 2rem;
    padding-top: 1.7rem;
    border-top: 1px solid #e6ebf2;
}

.manual-section-heading > span[b-5awb45n73w] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.75rem;
    background: #eaf2ff;
    color: #1d4ed8;
    font-weight: 950;
}

.manual-section-heading h2[b-5awb45n73w],
.manual-guide-card h2[b-5awb45n73w],
.manual-empty-card h2[b-5awb45n73w] {
    margin: 0;
    color: #0f172a;
    font-size: 1.3rem;
    letter-spacing: -0.025em;
}

.manual-section-heading p[b-5awb45n73w],
.manual-guide-card p[b-5awb45n73w],
.manual-empty-card p[b-5awb45n73w] {
    margin: .2rem 0 0;
    color: #64748b;
    line-height: 1.55;
}

.manual-field-grid[b-5awb45n73w],
.manual-warranty-grid[b-5awb45n73w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.manual-field-grid label[b-5awb45n73w],
.manual-warranty-grid label[b-5awb45n73w],
.manual-note-field[b-5awb45n73w] {
    display: grid;
    gap: .42rem;
}

.manual-field-grid .wide[b-5awb45n73w] { grid-column: 1 / -1; }

.manual-field-grid label > span[b-5awb45n73w],
.manual-warranty-grid label > span[b-5awb45n73w],
.manual-note-field > span[b-5awb45n73w] {
    color: #334155;
    font-size: .82rem;
    font-weight: 850;
}

.manual-field-grid[b-5awb45n73w]  input,
.manual-warranty-grid[b-5awb45n73w]  input,
.manual-note-field[b-5awb45n73w]  textarea {
    width: 100%;
    min-height: 3rem;
    border: 1px solid #cfd8e5;
    border-radius: .85rem;
    padding: .76rem .9rem;
    background: #fbfdff;
    color: #0f172a;
    font: inherit;
    outline: none;
}

.manual-note-field[b-5awb45n73w] { margin-top: 1rem; }
.manual-note-field[b-5awb45n73w]  textarea { min-height: 8rem; resize: vertical; }

.manual-field-grid[b-5awb45n73w]  input:focus,
.manual-warranty-grid[b-5awb45n73w]  input:focus,
.manual-note-field[b-5awb45n73w]  textarea:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 .22rem rgba(59,130,246,.12);
}

.manual-field-grid small[b-5awb45n73w] { color: #64748b; line-height: 1.4; }

.manual-money-field[b-5awb45n73w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid #cfd8e5;
    border-radius: .85rem;
    background: #fbfdff;
}

.manual-money-field[b-5awb45n73w]  input {
    min-width: 0;
    border: 0;
    background: transparent;
    box-shadow: none !important;
}

.manual-money-field > span[b-5awb45n73w] {
    padding: 0 .9rem;
    color: #475569;
    font-weight: 900;
}

.manual-warranty-toggle[b-5awb45n73w] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    padding: 1rem;
    border: 1px solid #cfe0fa;
    border-radius: 1rem;
    background: #f5f9ff;
    cursor: pointer;
}

.manual-warranty-toggle[b-5awb45n73w]  input { margin-top: .2rem; width: 1.15rem; height: 1.15rem; }
.manual-warranty-toggle span[b-5awb45n73w] { display: grid; gap: .15rem; }
.manual-warranty-toggle strong[b-5awb45n73w] { color: #172554; }
.manual-warranty-toggle small[b-5awb45n73w] { color: #64748b; }
.manual-warranty-grid[b-5awb45n73w] { margin-top: 1rem; }

.manual-form-actions[b-5awb45n73w] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.35rem;
}

.manual-primary-action[b-5awb45n73w],
.manual-secondary-action[b-5awb45n73w] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    padding: 0 1.1rem;
    font: inherit;
    font-weight: 900;
    text-decoration: none;
}

.manual-primary-action[b-5awb45n73w] {
    border: 0;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    box-shadow: 0 .8rem 1.8rem rgba(37,99,235,.22);
    cursor: pointer;
}

.manual-primary-action:disabled[b-5awb45n73w] { opacity: .65; cursor: wait; }
.manual-secondary-action[b-5awb45n73w] { border: 1px solid #d4dce7; background: #fff; color: #0f172a; }

.manual-guide-card ol[b-5awb45n73w] {
    display: grid;
    gap: 1rem;
    margin: 1.2rem 0;
    padding-left: 1.25rem;
    color: #475569;
    line-height: 1.55;
}

.manual-privacy-note[b-5awb45n73w] {
    display: flex;
    gap: .7rem;
    padding: .9rem;
    border-radius: 1rem;
    background: #f0fdf4;
    color: #166534;
    font-size: .86rem;
    line-height: 1.5;
}

.manual-privacy-note[b-5awb45n73w]  .app-icon { width: 1.3rem; height: 1.3rem; flex: 0 0 auto; }

.manual-status[b-5awb45n73w] {
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    border-radius: .9rem;
    font-weight: 750;
}

.manual-status.neutral[b-5awb45n73w] { background: #eef4fb; color: #334155; }
.manual-status.error[b-5awb45n73w] { background: #fff1f2; color: #be123c; }

[b-5awb45n73w] .validation-message { margin-top: -.12rem; font-size: .78rem; font-weight: 750; }

@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: 600px) {
    .manual-bill-page[b-5awb45n73w] { padding-top: .65rem; }
    .manual-bill-hero[b-5awb45n73w] { border-radius: 1.25rem; }
    .manual-field-grid[b-5awb45n73w],
    .manual-warranty-grid[b-5awb45n73w] { grid-template-columns: 1fr; }
    .manual-field-grid .wide[b-5awb45n73w] { grid-column: auto; }
    .manual-form-actions[b-5awb45n73w] { display: grid; }
}
/* /Components/Pages/Warranties.razor.rz.scp.css */
.warranty-page[b-l5dydnsrf1] {
    --w-ink: #0f172a;
    --w-muted: #64748b;
    --w-line: rgba(148, 163, 184, 0.28);
    --w-blue: #2563eb;
    display: grid;
    gap: 1.15rem;
    max-width: 76rem;
    margin: 0 auto;
    padding: 1.35rem 0 3.5rem;
    color: var(--w-ink);
}

.warranty-hero[b-l5dydnsrf1] {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.28);
    border-radius: 28px;
    padding: clamp(1.35rem, 4vw, 2.55rem);
    background:
        radial-gradient(circle at 78% 16%, rgba(34, 211, 238, 0.22), transparent 32%),
        radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.26), transparent 34%),
        linear-gradient(135deg, #07111f 0%, #0f172a 50%, #172554 100%);
    color: #ffffff;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.26);
}

.warranty-hero.guest[b-l5dydnsrf1] {
    min-height: 22rem;
    align-items: center;
}

.warranty-kicker[b-l5dydnsrf1] {
    display: block;
    margin-bottom: 0.5rem;
    color: #38bdf8;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.warranty-hero h1[b-l5dydnsrf1],
.warranty-section-header h2[b-l5dydnsrf1],
.warranty-empty h2[b-l5dydnsrf1],
.notification-empty h3[b-l5dydnsrf1],
.warranty-card h3[b-l5dydnsrf1] {
    margin: 0;
    line-height: 1.06;
}

.warranty-hero h1[b-l5dydnsrf1] {
    max-width: 13ch;
    font-size: clamp(2.1rem, 6vw, 4.15rem);
    letter-spacing: -0.07em;
}

.warranty-hero p[b-l5dydnsrf1] {
    max-width: 47rem;
    margin: 1rem 0 0;
    color: rgba(226, 232, 240, 0.86);
    font-size: clamp(1rem, 1.6vw, 1.1rem);
    line-height: 1.7;
}

.warranty-hero-actions[b-l5dydnsrf1],
.warranty-section-header[b-l5dydnsrf1],
.warranty-filter-actions[b-l5dydnsrf1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.warranty-hero-actions[b-l5dydnsrf1] {
    justify-content: flex-end;
}

.warranty-primary-action[b-l5dydnsrf1],
.warranty-secondary-action[b-l5dydnsrf1],
.warranty-detail-link[b-l5dydnsrf1] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 1.05rem;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.warranty-primary-action[b-l5dydnsrf1] {
    border: 1px solid rgba(37, 99, 235, 0.88);
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.28);
}

.warranty-secondary-action[b-l5dydnsrf1],
.warranty-detail-link[b-l5dydnsrf1] {
    border: 1px solid rgba(148, 163, 184, 0.38);
    background: #ffffff;
    color: #0f172a;
}

.warranty-secondary-action.dark[b-l5dydnsrf1] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    backdrop-filter: blur(10px);
}

.warranty-primary-action.compact[b-l5dydnsrf1],
.warranty-secondary-action.compact[b-l5dydnsrf1] {
    min-height: 2.45rem;
    padding: 0 0.9rem;
    font-size: 0.84rem;
}

.warranty-primary-action:hover[b-l5dydnsrf1],
.warranty-secondary-action:hover[b-l5dydnsrf1],
.warranty-detail-link:hover[b-l5dydnsrf1],
.warranty-primary-action:focus-visible[b-l5dydnsrf1],
.warranty-secondary-action:focus-visible[b-l5dydnsrf1],
.warranty-detail-link:focus-visible[b-l5dydnsrf1] {
    transform: translateY(-1px);
}

.warranty-primary-action:disabled[b-l5dydnsrf1],
.warranty-secondary-action:disabled[b-l5dydnsrf1] {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
}

.warranty-status[b-l5dydnsrf1] {
    width: fit-content;
    max-width: 100%;
    border-radius: 16px;
    padding: 0.85rem 1rem;
    font-weight: 800;
}

.warranty-status.error[b-l5dydnsrf1] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.warranty-status.neutral[b-l5dydnsrf1] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

.warranty-metrics[b-l5dydnsrf1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.warranty-metric[b-l5dydnsrf1],
.warranty-notification-panel[b-l5dydnsrf1],
.warranty-filter-panel[b-l5dydnsrf1],
.warranty-list-panel[b-l5dydnsrf1],
.warranty-card[b-l5dydnsrf1],
.notification-empty[b-l5dydnsrf1],
.notification-card[b-l5dydnsrf1] {
    border: 1px solid var(--w-line);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.warranty-metric[b-l5dydnsrf1] {
    display: grid;
    gap: 0.25rem;
    border-radius: 20px;
    padding: 1rem;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.warranty-metric.selected[b-l5dydnsrf1] {
    border-color: rgba(37, 99, 235, 0.5);
    background: linear-gradient(180deg, #eff6ff, #ffffff);
}

.warranty-metric.warning[b-l5dydnsrf1] {
    border-color: rgba(251, 146, 60, 0.36);
}

.warranty-metric.danger[b-l5dydnsrf1] {
    border-color: rgba(248, 113, 113, 0.36);
}

.warranty-metric.muted[b-l5dydnsrf1] {
    border-color: rgba(148, 163, 184, 0.34);
}

.warranty-metric span[b-l5dydnsrf1],
.warranty-filter-grid label span[b-l5dydnsrf1],
.warranty-card-facts span[b-l5dydnsrf1],
.notification-count[b-l5dydnsrf1],
.warranty-result-count[b-l5dydnsrf1] {
    color: var(--w-muted);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
}

.warranty-metric strong[b-l5dydnsrf1] {
    color: #0f172a;
    font-size: clamp(1.45rem, 3vw, 2rem);
    letter-spacing: -0.04em;
}

.warranty-metric small[b-l5dydnsrf1] {
    color: var(--w-muted);
    font-weight: 700;
}

.warranty-notification-panel[b-l5dydnsrf1],
.warranty-filter-panel[b-l5dydnsrf1],
.warranty-list-panel[b-l5dydnsrf1] {
    border-radius: 24px;
    padding: clamp(1rem, 2vw, 1.25rem);
}

.warranty-section-header[b-l5dydnsrf1] {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.warranty-section-header .warranty-kicker[b-l5dydnsrf1] {
    color: #2563eb;
}

.warranty-section-header h2[b-l5dydnsrf1] {
    color: #0f172a;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    letter-spacing: -0.04em;
}

.warranty-section-header p[b-l5dydnsrf1] {
    max-width: 44rem;
    margin: 0.35rem 0 0;
    color: var(--w-muted);
    line-height: 1.55;
}

.notification-count[b-l5dydnsrf1],
.warranty-result-count[b-l5dydnsrf1] {
    display: grid;
    min-width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
}

.notification-empty[b-l5dydnsrf1] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    border-radius: 20px;
    padding: 1rem;
}

.notification-empty > span[b-l5dydnsrf1] {
    display: grid;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: #f0fdf4;
    color: #166534;
    font-weight: 900;
}

.notification-empty p[b-l5dydnsrf1] {
    margin: 0.25rem 0 0;
    color: var(--w-muted);
}

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

.notification-card[b-l5dydnsrf1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    border-radius: 20px;
    padding: 0.95rem;
    color: inherit;
    text-decoration: none;
}

.notification-card.urgent[b-l5dydnsrf1] {
    border-color: rgba(251, 146, 60, 0.55);
    background: linear-gradient(180deg, #fff7ed, #ffffff 62%);
}

.notification-card.expired[b-l5dydnsrf1] {
    border-color: rgba(248, 113, 113, 0.55);
    background: linear-gradient(180deg, #fff7f7, #ffffff 62%);
}

.notification-card.expiring[b-l5dydnsrf1] {
    border-color: rgba(250, 204, 21, 0.45);
    background: linear-gradient(180deg, #fffbea, #ffffff 62%);
}

.notification-icon[b-l5dydnsrf1] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border-radius: 14px;
    background: #0f172a;
    color: #ffffff;
    font-weight: 900;
}

.notification-card strong[b-l5dydnsrf1] {
    display: block;
    color: #0f172a;
}

.notification-card p[b-l5dydnsrf1],
.notification-card small[b-l5dydnsrf1] {
    display: block;
    margin: 0.25rem 0 0;
    color: var(--w-muted);
    line-height: 1.45;
}

.notification-card em[b-l5dydnsrf1] {
    align-self: start;
    border-radius: 999px;
    padding: 0.3rem 0.55rem;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.warranty-filter-grid[b-l5dydnsrf1] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.6fr) minmax(10rem, 0.8fr) repeat(2, minmax(8.5rem, 0.8fr)) auto;
    align-items: end;
    gap: 0.75rem;
}

.warranty-filter-grid label[b-l5dydnsrf1] {
    display: grid;
    gap: 0.4rem;
}

.warranty-filter-grid input[b-l5dydnsrf1],
.warranty-filter-grid select[b-l5dydnsrf1] {
    min-height: 2.75rem;
    width: 100%;
    border: 1px solid #d7dee8;
    border-radius: 14px;
    padding: 0 0.85rem;
    background: #f8fafc;
    color: #0f172a;
    font: inherit;
}

.warranty-filter-grid input:focus[b-l5dydnsrf1],
.warranty-filter-grid select:focus[b-l5dydnsrf1] {
    border-color: #2563eb;
    background: #ffffff;
    outline: 4px solid rgba(37, 99, 235, 0.14);
}

.warranty-card-grid[b-l5dydnsrf1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.warranty-card[b-l5dydnsrf1] {
    display: grid;
    gap: 0.85rem;
    border-radius: 24px;
    padding: 1rem;
}

.warranty-card-main h3[b-l5dydnsrf1] {
    margin-top: 0.55rem;
    color: #0f172a;
    font-size: 1.25rem;
}

.warranty-card-main p[b-l5dydnsrf1] {
    margin: 0.35rem 0 0;
    color: var(--w-muted);
    line-height: 1.5;
}

.warranty-badge[b-l5dydnsrf1] {
    display: inline-flex;
    min-height: 1.85rem;
    align-items: center;
    border-radius: 999px;
    padding: 0 0.72rem;
    font-size: 0.78rem;
    font-weight: 900;
}

.warranty-badge.active[b-l5dydnsrf1] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.warranty-badge.expiring[b-l5dydnsrf1] {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

.warranty-badge.expired[b-l5dydnsrf1] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.warranty-badge.missing[b-l5dydnsrf1] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
}

.warranty-card-facts[b-l5dydnsrf1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.55rem;
}

.warranty-card-facts div[b-l5dydnsrf1] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 0.7rem;
    background: #f8fafc;
}

.warranty-card-facts strong[b-l5dydnsrf1] {
    display: block;
    overflow-wrap: anywhere;
    color: #0f172a;
    font-size: 0.9rem;
}

.warranty-card-footer[b-l5dydnsrf1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: 1px solid #e2e8f0;
    padding-top: 0.8rem;
}

.warranty-card-footer small[b-l5dydnsrf1] {
    color: var(--w-muted);
    font-weight: 800;
}

.warranty-empty[b-l5dydnsrf1] {
    border: 1px dashed #cbd5e1;
    border-radius: 20px;
    padding: 1.5rem;
    background: #f8fafc;
}

.warranty-empty p[b-l5dydnsrf1] {
    margin: 0.4rem 0 0;
    color: var(--w-muted);
}

@media (max-width: 1100px) {
    .warranty-hero[b-l5dydnsrf1] {
        align-items: stretch;
        flex-direction: column;
    }

    .warranty-hero-actions[b-l5dydnsrf1] {
        justify-content: flex-start;
    }

    .warranty-metrics[b-l5dydnsrf1],
    .notification-grid[b-l5dydnsrf1],
    .warranty-card-grid[b-l5dydnsrf1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warranty-filter-grid[b-l5dydnsrf1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warranty-filter-actions[b-l5dydnsrf1] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .warranty-page[b-l5dydnsrf1] {
        padding-top: 0.75rem;
    }

    .warranty-hero[b-l5dydnsrf1] {
        border-radius: 22px;
    }

    .warranty-metrics[b-l5dydnsrf1],
    .notification-grid[b-l5dydnsrf1],
    .warranty-card-grid[b-l5dydnsrf1],
    .warranty-card-facts[b-l5dydnsrf1],
    .warranty-filter-grid[b-l5dydnsrf1] {
        grid-template-columns: 1fr;
    }

    .warranty-hero-actions[b-l5dydnsrf1],
    .warranty-section-header[b-l5dydnsrf1],
    .warranty-filter-actions[b-l5dydnsrf1],
    .warranty-card-footer[b-l5dydnsrf1] {
        align-items: stretch;
        flex-direction: column;
    }

    .warranty-primary-action[b-l5dydnsrf1],
    .warranty-secondary-action[b-l5dydnsrf1],
    .warranty-detail-link[b-l5dydnsrf1] {
        width: 100%;
    }

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

    .notification-card em[b-l5dydnsrf1] {
        grid-column: 1 / -1;
        width: fit-content;
    }
}

.warranty-priority-panel[b-l5dydnsrf1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 24px;
    padding: 1rem 1.1rem;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.warranty-priority-panel.urgent[b-l5dydnsrf1] {
    border-color: rgba(249, 115, 22, 0.36);
    background: radial-gradient(circle at top right, rgba(251, 146, 60, 0.2), transparent 34%), linear-gradient(135deg, #fff7ed, #ffffff 70%);
}

.warranty-priority-panel.calm[b-l5dydnsrf1] {
    border-color: rgba(34, 197, 94, 0.28);
    background: radial-gradient(circle at top right, rgba(34, 197, 94, 0.15), transparent 34%), linear-gradient(135deg, #f0fdf4, #ffffff 70%);
}

.priority-symbol[b-l5dydnsrf1] {
    display: grid;
    width: 3.4rem;
    height: 3.4rem;
    place-items: center;
    border-radius: 18px;
    background: #0f172a;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 950;
}

.priority-copy .warranty-kicker[b-l5dydnsrf1] {
    margin-bottom: 0.3rem;
    color: #2563eb;
}

.priority-copy h2[b-l5dydnsrf1] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.2rem, 2.4vw, 1.75rem);
    letter-spacing: -0.04em;
}

.priority-copy p[b-l5dydnsrf1] {
    margin: 0.35rem 0 0;
    color: #64748b;
    line-height: 1.5;
}

.warranty-priority-action[b-l5dydnsrf1] {
    min-height: 2.7rem;
    border: 1px solid #0f172a;
    border-radius: 999px;
    padding: 0 1rem;
    background: #0f172a;
    color: #ffffff;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 900;
    cursor: pointer;
}

.warranty-progress-wrap[b-l5dydnsrf1] {
    display: grid;
    gap: 0.45rem;
}

.warranty-progress-copy[b-l5dydnsrf1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 850;
}

.warranty-progress-copy strong[b-l5dydnsrf1] {
    color: #334155;
}

.warranty-progress[b-l5dydnsrf1] {
    height: 0.48rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.warranty-progress span[b-l5dydnsrf1] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #22d3ee);
}

@media (max-width: 760px) {
    .warranty-priority-panel[b-l5dydnsrf1] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .warranty-priority-action[b-l5dydnsrf1] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.warranty-badge.urgent[b-l5dydnsrf1] {
    border: 1px solid #fdba74;
    background: #ffedd5;
    color: #c2410c;
}
/* /Components/Pages/Workspace.razor.rz.scp.css */
.workspace-page[b-p4b4f5fxrk] {
    display: grid;
    gap: 1.25rem;
    max-width: 78rem;
    margin: 0 auto;
    padding: 2rem 0 3.5rem;
    color: #0f172a;
}

.workspace-guest[b-p4b4f5fxrk] {
    min-height: min(38rem, calc(100vh - 8rem));
    place-items: center;
}

.workspace-guest-card[b-p4b4f5fxrk] {
    display: grid;
    gap: 1rem;
    max-width: 44rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 28px;
    background: radial-gradient(circle at 15% 10%, rgba(59, 130, 246, 0.18), transparent 34%), #ffffff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
}

.workspace-guest-card h1[b-p4b4f5fxrk] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 0.98;
    letter-spacing: -0.06em;
}

.workspace-guest-card p[b-p4b4f5fxrk] {
    margin: 0;
    color: #64748b;
    font-size: 1.05rem;
}

.workspace-hero[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22rem;
    gap: 1.25rem;
    align-items: stretch;
    min-height: 21rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 32px;
    padding: clamp(1.25rem, 4vw, 2rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 22%, rgba(34, 197, 94, 0.22), transparent 23rem),
        radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.30), transparent 24rem),
        linear-gradient(135deg, #07111f 0%, #0f172a 58%, #111827 100%);
    color: #ffffff;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.22);
}

.workspace-hero-content[b-p4b4f5fxrk] {
    display: grid;
    align-content: center;
    gap: 1.1rem;
    max-width: 48rem;
}

.workspace-kicker[b-p4b4f5fxrk] {
    display: block;
    color: #38bdf8;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.workspace-hero h1[b-p4b4f5fxrk] {
    margin: 0;
    max-width: 48rem;
    font-size: clamp(2.35rem, 5vw, 5.1rem);
    line-height: 0.92;
    letter-spacing: -0.075em;
}

.workspace-hero p[b-p4b4f5fxrk] {
    margin: 0;
    max-width: 44rem;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    line-height: 1.7;
}

.workspace-actions[b-p4b4f5fxrk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 0.35rem;
}

.workspace-primary-action[b-p4b4f5fxrk],
.workspace-secondary-action[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 1.15rem;
    border: 1px solid transparent;
    font: inherit;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.workspace-primary-action[b-p4b4f5fxrk] {
    background: linear-gradient(135deg, #38bdf8, #2563eb);
    color: #ffffff;
    box-shadow: 0 18px 38px rgba(37, 99, 235, 0.28);
}

.workspace-secondary-action[b-p4b4f5fxrk] {
    border-color: #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.workspace-secondary-action.dark[b-p4b4f5fxrk] {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.workspace-primary-action:hover[b-p4b4f5fxrk],
.workspace-secondary-action:hover[b-p4b4f5fxrk],
.workspace-primary-action:focus-visible[b-p4b4f5fxrk],
.workspace-secondary-action:focus-visible[b-p4b4f5fxrk] {
    transform: translateY(-1px);
}

.workspace-primary-action:disabled[b-p4b4f5fxrk],
.workspace-secondary-action:disabled[b-p4b4f5fxrk] {
    opacity: 0.55;
    transform: none;
    cursor: not-allowed;
}

.workspace-primary-action.compact[b-p4b4f5fxrk],
.workspace-secondary-action.compact[b-p4b4f5fxrk] {
    min-height: 2.7rem;
    padding: 0 1rem;
}

.workspace-hero-card[b-p4b4f5fxrk] {
    display: grid;
    gap: 1rem;
    align-content: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 26px;
    padding: 1.35rem;
    background: rgba(255, 255, 255, 0.09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px);
}

.workspace-hero-card-top[b-p4b4f5fxrk] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    color: #cbd5e1;
    font-size: 0.88rem;
    font-weight: 850;
}

.live-dot[b-p4b4f5fxrk] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 0.45rem rgba(34, 197, 94, 0.14);
}

.workspace-hero-card > strong[b-p4b4f5fxrk] {
    font-size: clamp(3.2rem, 8vw, 5rem);
    line-height: 0.9;
    letter-spacing: -0.07em;
}

.workspace-hero-card > p[b-p4b4f5fxrk] {
    margin: -0.35rem 0 0;
    color: #cbd5e1;
}

.workspace-mini-grid[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem 0.85rem;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    color: #cbd5e1;
    font-size: 0.9rem;
}

.workspace-mini-grid b[b-p4b4f5fxrk] {
    color: #ffffff;
    text-align: right;
}

.workspace-status[b-p4b4f5fxrk] {
    width: fit-content;
    max-width: 100%;
    border-radius: 16px;
    padding: 0.85rem 1rem;
    font-weight: 800;
}

.workspace-status.error[b-p4b4f5fxrk] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

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

.workspace-status.neutral[b-p4b4f5fxrk] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
}

.workspace-summary[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.workspace-metric[b-p4b4f5fxrk],
.workspace-panel[b-p4b4f5fxrk],
.bill-card[b-p4b4f5fxrk] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.workspace-metric[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.35rem;
    padding: 1.05rem;
    border-radius: 22px;
}

.workspace-metric.highlight[b-p4b4f5fxrk] {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), #ffffff);
}

.workspace-metric.warning[b-p4b4f5fxrk] {
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.96), #ffffff);
}

.workspace-metric span[b-p4b4f5fxrk],
.workspace-filter-bar label span[b-p4b4f5fxrk],
.bill-card-info span[b-p4b4f5fxrk] {
    color: #64748b;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.workspace-metric strong[b-p4b4f5fxrk] {
    color: #0f172a;
    font-size: clamp(1.15rem, 2vw, 1.7rem);
    line-height: 1;
    overflow-wrap: anywhere;
}

.workspace-metric small[b-p4b4f5fxrk] {
    color: #64748b;
    font-size: 0.83rem;
}

.workspace-panel[b-p4b4f5fxrk] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border-radius: 26px;
}

.workspace-panel-heading[b-p4b4f5fxrk] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.workspace-panel-heading h2[b-p4b4f5fxrk] {
    margin: 0.25rem 0 0;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.workspace-panel-heading p[b-p4b4f5fxrk] {
    max-width: 34rem;
    margin: 0;
    color: #64748b;
    line-height: 1.6;
}

.saved-bills-count[b-p4b4f5fxrk] {
    display: inline-grid;
    min-width: 2.75rem;
    height: 2.4rem;
    place-items: center;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 950;
}

.workspace-filter-bar[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.8fr) repeat(3, minmax(8.4rem, 1fr)) auto;
    align-items: end;
    gap: 0.75rem;
}

.workspace-filter-bar label[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.4rem;
}

.workspace-filter-bar input[b-p4b4f5fxrk] {
    min-height: 2.75rem;
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    padding: 0 0.85rem;
    background: #f8fafc;
    color: #0f172a;
    font: inherit;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.workspace-filter-bar input:focus[b-p4b4f5fxrk] {
    border-color: #2563eb;
    background: #ffffff;
    outline: 4px solid rgba(37, 99, 235, 0.14);
}

.workspace-filter-actions[b-p4b4f5fxrk] {
    display: flex;
    gap: 0.55rem;
}

.workspace-empty[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.65rem;
    border: 1px dashed rgba(148, 163, 184, 0.5);
    border-radius: 22px;
    background: #f8fafc;
    padding: 1.25rem;
}

.workspace-empty h2[b-p4b4f5fxrk] {
    margin: 0;
    font-size: 1.1rem;
}

.workspace-empty p[b-p4b4f5fxrk] {
    margin: 0;
    color: #64748b;
}

.big-empty[b-p4b4f5fxrk] {
    place-items: center;
    text-align: center;
    padding: clamp(2rem, 6vw, 4rem);
}

.empty-icon[b-p4b4f5fxrk] {
    display: grid;
    width: 4.25rem;
    height: 4.25rem;
    place-items: center;
    border-radius: 22px;
    background: linear-gradient(135deg, #dbeafe, #ecfeff);
    color: #1d4ed8;
    font-size: 2rem;
    font-weight: 900;
}

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

.bill-card[b-p4b4f5fxrk] {
    display: grid;
    gap: 1rem;
    border-radius: 24px;
    padding: 1rem;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.bill-card:hover[b-p4b4f5fxrk] {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

.bill-card-main[b-p4b4f5fxrk] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    min-width: 0;
}

.merchant-avatar[b-p4b4f5fxrk] {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f172a, #2563eb);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.bill-card-title[b-p4b4f5fxrk] {
    min-width: 0;
}

.bill-card-title h3[b-p4b4f5fxrk] {
    margin: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 1.08rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-card-title p[b-p4b4f5fxrk] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
    color: #64748b;
    font-size: 0.84rem;
}

.bill-card-badges[b-p4b4f5fxrk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.status-pill[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 1.85rem;
    align-items: center;
    border-radius: 999px;
    padding: 0 0.68rem;
    font-size: 0.76rem;
    font-weight: 900;
}

.status-pill.success[b-p4b4f5fxrk] {
    background: #ecfdf5;
    color: #047857;
}

.status-pill.warning[b-p4b4f5fxrk] {
    background: #fffbeb;
    color: #b45309;
}

.status-pill.danger[b-p4b4f5fxrk] {
    background: #fff1f2;
    color: #be123c;
}

.status-pill.muted[b-p4b4f5fxrk] {
    background: #f1f5f9;
    color: #475569;
}

.bill-card-info[b-p4b4f5fxrk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.bill-card-info div[b-p4b4f5fxrk] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    border-radius: 18px;
    background: #f8fafc;
    padding: 0.75rem;
}

.bill-card-info strong[b-p4b4f5fxrk] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.94rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-card-footer[b-p4b4f5fxrk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    padding-top: 0.9rem;
}

.bill-card-footer small[b-p4b4f5fxrk] {
    color: #64748b;
}

.bill-detail-link[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 0 0.9rem;
    font-weight: 900;
    text-decoration: none;
}

.bill-detail-link:hover[b-p4b4f5fxrk],
.bill-detail-link:focus-visible[b-p4b4f5fxrk] {
    border-color: rgba(37, 99, 235, 0.38);
    background: #dbeafe;
}

@media (max-width: 1120px) {
    .workspace-hero[b-p4b4f5fxrk],
    .bill-card-grid[b-p4b4f5fxrk] {
        grid-template-columns: 1fr;
    }

    .workspace-hero-card[b-p4b4f5fxrk] {
        max-width: 34rem;
    }

    .workspace-summary[b-p4b4f5fxrk],
    .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: 760px) {
    .workspace-page[b-p4b4f5fxrk] {
        padding-top: 1rem;
    }

    .workspace-hero[b-p4b4f5fxrk] {
        border-radius: 24px;
    }

    .workspace-actions[b-p4b4f5fxrk],
    .workspace-primary-action[b-p4b4f5fxrk],
    .workspace-secondary-action[b-p4b4f5fxrk],
    .workspace-filter-actions[b-p4b4f5fxrk],
    .workspace-filter-actions > button[b-p4b4f5fxrk] {
        width: 100%;
    }

    .workspace-summary[b-p4b4f5fxrk],
    .workspace-filter-bar[b-p4b4f5fxrk],
    .bill-card-info[b-p4b4f5fxrk] {
        grid-template-columns: 1fr;
    }

    .workspace-panel-heading[b-p4b4f5fxrk],
    .bill-card-footer[b-p4b4f5fxrk] {
        align-items: stretch;
        flex-direction: column;
    }

    .bill-detail-link[b-p4b4f5fxrk] {
        width: 100%;
    }
}

.archive-toolbar[b-p4b4f5fxrk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 20px;
    padding: 0.75rem;
    background: linear-gradient(180deg, #f8fafc, #ffffff);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.quick-filter-row[b-p4b4f5fxrk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.quick-filter[b-p4b4f5fxrk] {
    min-height: 2.35rem;
    border: 1px solid #d7dee8;
    border-radius: 999px;
    padding: 0 0.85rem;
    background: #ffffff;
    color: #475569;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 900;
    cursor: pointer;
}

.quick-filter.selected[b-p4b4f5fxrk] {
    border-color: #0f172a;
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

.quick-filter:disabled[b-p4b4f5fxrk] {
    opacity: 0.55;
    cursor: not-allowed;
}

.archive-sort[b-p4b4f5fxrk] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.55rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.archive-sort select[b-p4b4f5fxrk] {
    min-height: 2.35rem;
    border: 1px solid #d7dee8;
    border-radius: 999px;
    padding: 0 2.1rem 0 0.8rem;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: none;
}

.bill-card-footnote[b-p4b4f5fxrk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.attachment-count[b-p4b4f5fxrk] {
    display: inline-flex;
    min-height: 1.7rem;
    align-items: center;
    border-radius: 999px;
    padding: 0 0.6rem;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.75rem;
    font-weight: 900;
}

@media (max-width: 760px) {
    .archive-toolbar[b-p4b4f5fxrk],
    .archive-sort[b-p4b4f5fxrk] {
        align-items: stretch;
        flex-direction: column;
    }

    .quick-filter-row[b-p4b4f5fxrk] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-filter[b-p4b4f5fxrk],
    .archive-sort select[b-p4b4f5fxrk] {
        width: 100%;
    }
}

.workspace-secondary-action.manual[b-p4b4f5fxrk] {
    border-color: rgba(255,255,255,.3);
    background: rgba(255,255,255,.12);
    color: #fff;
    backdrop-filter: blur(10px);
}

.status-pill.manual[b-p4b4f5fxrk] {
    background: #f3e8ff;
    color: #7e22ce;
}
/* /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;
    gap: 0.4rem;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    padding: 0.9rem;
}

.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/LoyaltyCodeDisplay.razor.rz.scp.css */
.loyalty-code-display[b-lbyad448bp] {
    display: grid;
    gap: 0.5rem;
    border: 1px dashed #94a3b8;
    border-radius: 12px;
    padding: 0.85rem;
    background: #f8fafc;
}

.loyalty-code-display.large[b-lbyad448bp] {
    gap: 0.8rem;
    border-style: solid;
    border-color: #cbd5e1;
    padding: 1rem;
    background: #ffffff;
}

.code-meta[b-lbyad448bp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.code-meta span[b-lbyad448bp],
.loyalty-code-display > span[b-lbyad448bp] {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.code-meta small[b-lbyad448bp] {
    color: #64748b;
    font-size: 0.82rem;
}

.code-svg[b-lbyad448bp] {
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
}

.code-svg[b-lbyad448bp]  svg {
    display: block;
    width: 100%;
    max-height: 22rem;
}

.loyalty-code-display.large .code-svg[b-lbyad448bp]  svg {
    max-height: 32rem;
}

.loyalty-code-display.empty[b-lbyad448bp],
.loyalty-code-display.error[b-lbyad448bp] {
    border-style: solid;
}

.loyalty-code-display.empty[b-lbyad448bp] {
    border-color: #dbeafe;
    background: #eff6ff;
}

.loyalty-code-display.error[b-lbyad448bp] {
    border-color: #fecaca;
    background: #fff7f7;
}

.loyalty-code-display p[b-lbyad448bp] {
    margin: 0;
    color: #64748b;
}

.loyalty-code-display.error p[b-lbyad448bp] {
    color: #991b1b;
    font-weight: 700;
}

.loyalty-code-display code[b-lbyad448bp] {
    overflow-wrap: anywhere;
    white-space: normal;
}
/* /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-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-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/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.55rem;
    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.35rem;
    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);
}