/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0atovblgk7] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    --brand-accent: color-mix(in srgb, var(--brand-primary) 68%, #000);
    background: var(--surface-canvas);
}

main[b-0atovblgk7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.content[b-0atovblgk7] {
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;
    flex: 1;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.demo-mode-notice[b-0atovblgk7] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1.25rem;
    padding: .72rem .9rem;
    color: var(--text-muted);
    background: color-mix(in srgb, var(--brand-secondary) 10%, var(--surface-raised));
    border: 1px solid color-mix(in srgb, var(--brand-secondary) 30%, var(--border-color));
    border-radius: .7rem;
    font-size: .82rem;
}

.sidebar[b-0atovblgk7] {
    background: linear-gradient(165deg,
        color-mix(in srgb, var(--brand-primary) 78%, #10241a) 0%,
        color-mix(in srgb, var(--brand-primary) 48%, #0d1d14) 100%);
    box-shadow: 8px 0 30px rgba(20, 35, 27, .08);
}

.top-row[b-0atovblgk7] {
    position: relative;
    z-index: 100;
    min-height: 4.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid var(--border-color);
    box-shadow: 0 1px 12px rgba(23, 34, 28, .035);
    backdrop-filter: blur(12px);
}

.top-row-context[b-0atovblgk7] {
    display: none;
    align-items: center;
    gap: .55rem;
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 650;
}

.context-dot[b-0atovblgk7] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--brand-secondary);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 28%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 9%, transparent);
}

.account-area[b-0atovblgk7] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.account-menu[b-0atovblgk7] {
    position: relative;
}

.account-menu > summary[b-0atovblgk7] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .35rem .45rem;
    cursor: pointer;
    list-style: none;
    border-radius: .7rem;
    transition: background-color .16s ease;
}

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

.account-menu > summary:hover[b-0atovblgk7],
.account-menu[open] > summary[b-0atovblgk7] {
    background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}

.account-chevron[b-0atovblgk7] {
    width: .48rem;
    height: .48rem;
    margin: 0 .15rem 0 .1rem;
    border-right: 1.5px solid var(--text-muted);
    border-bottom: 1.5px solid var(--text-muted);
    transform: rotate(45deg) translateY(-2px);
    transition: transform .16s ease;
}

.account-menu[open] .account-chevron[b-0atovblgk7] {
    transform: rotate(225deg) translate(-1px, -1px);
}

.account-menu-panel[b-0atovblgk7] {
    position: absolute;
    z-index: 1100;
    top: calc(100% + .55rem);
    right: 0;
    width: min(22rem, calc(100vw - 2rem));
    max-height: calc(100vh - 5.5rem);
    max-height: calc(100dvh - 5.5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .55rem;
    color: var(--text-strong);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .85rem;
    box-shadow: 0 1.1rem 2.7rem rgba(17, 32, 23, .18);
}

.account-menu-identity[b-0atovblgk7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .65rem;
}

.account-menu-identity strong[b-0atovblgk7],
.account-menu-identity small[b-0atovblgk7],
.account-menu-link strong[b-0atovblgk7],
.account-menu-link small[b-0atovblgk7] {
    display: block;
}

.account-menu-identity strong[b-0atovblgk7] {
    font-size: .9rem;
}

.account-menu-identity small[b-0atovblgk7],
.account-menu-link small[b-0atovblgk7] {
    margin-top: .12rem;
    overflow: hidden;
    color: var(--text-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
}

.account-menu-divider[b-0atovblgk7] {
    height: 1px;
    margin: .4rem .2rem;
    background: var(--border-color);
}

.top-row[b-0atovblgk7]  .account-menu-link {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    padding: .72rem .65rem;
    color: var(--text-strong);
    border-radius: .62rem;
    white-space: normal;
}

.top-row[b-0atovblgk7]  .account-menu-link:hover {
    color: var(--text-strong);
    background: color-mix(in srgb, var(--brand-primary) 8%, transparent);
}

.account-menu-link strong[b-0atovblgk7] {
    font-size: .84rem;
}

.account-menu-icon[b-0atovblgk7] {
    position: relative;
    width: 1.15rem;
    height: 1.15rem;
    color: var(--brand-accent);
    border: 1.5px solid currentColor;
}

.account-menu-icon-profile[b-0atovblgk7] {
    border-radius: 50%;
}

.account-menu-icon-profile[b-0atovblgk7]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -.42rem;
    width: 1.45rem;
    height: .7rem;
    border: 1.5px solid currentColor;
    border-bottom: 0;
    border-radius: .75rem .75rem 0 0;
    transform: translateX(-50%);
}

.account-menu-icon-settings[b-0atovblgk7] {
    border-radius: .25rem;
    transform: rotate(45deg) scale(.8);
}

.account-menu-icon-help[b-0atovblgk7] {
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    font-size: .72rem;
    font-weight: 800;
}

.account-menu-icon-legal[b-0atovblgk7] {
    display: inline-grid;
    place-items: center;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 800;
}

.account-menu-signout[b-0atovblgk7] {
    width: 100%;
    padding: .68rem .65rem;
    color: var(--bs-danger);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: .62rem;
    font-size: .84rem;
    font-weight: 650;
}

.account-menu-signout:hover[b-0atovblgk7] {
    background: color-mix(in srgb, var(--bs-danger) 9%, transparent);
}

.user-avatar[b-0atovblgk7] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    font-size: .8rem;
    font-weight: 750;
}

.user-greeting[b-0atovblgk7] {
    display: none;
    line-height: 1.15;
}

.user-greeting small[b-0atovblgk7],
.user-greeting strong[b-0atovblgk7] {
    display: block;
}

.user-greeting small[b-0atovblgk7] {
    margin-bottom: .18rem;
    color: var(--text-muted);
    font-size: .67rem;
    font-weight: 600;
}

.user-greeting strong[b-0atovblgk7] {
    color: var(--text-strong);
    font-size: .84rem;
}

.top-row[b-0atovblgk7]  a {
    white-space: nowrap;
    text-decoration: none;
}

.logout-link[b-0atovblgk7] {
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 600;
}

.logout-link:hover[b-0atovblgk7] {
    color: var(--brand-accent);
}

.site-footer[b-0atovblgk7] {
    color: var(--text-muted);
    background: var(--surface-raised);
    border-top: 1px solid var(--border-color);
    font-size: .78rem;
}

.site-footer[b-0atovblgk7]  a {
    color: var(--text-muted);
    font-weight: 650;
    text-decoration: none;
}

.site-footer[b-0atovblgk7]  a:hover { color: var(--brand-accent); }
.footer-separator[b-0atovblgk7] { margin: 0 .35rem; }

@media (min-width: 520px) {
    .user-greeting[b-0atovblgk7] { display: block; }
}

@media (min-width: 641px) {
    .page[b-0atovblgk7] { flex-direction: row; }

    .sidebar[b-0atovblgk7] {
        width: 264px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex: 0 0 264px;
    }

    .top-row[b-0atovblgk7] {
        position: sticky;
        top: 0;
    }

    .top-row-context[b-0atovblgk7] { display: flex; }

    .top-row[b-0atovblgk7], article[b-0atovblgk7], .site-footer[b-0atovblgk7] {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }
}

@media (max-width: 640.98px) {
    .content[b-0atovblgk7] { padding-top: 1.4rem; }

    .top-row[b-0atovblgk7] {
        justify-content: flex-end;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media (prefers-color-scheme: dark) {
    .page[b-0atovblgk7] {
        --brand-accent: color-mix(in srgb, var(--brand-primary) 48%, #fff);
    }

    .top-row[b-0atovblgk7] {
        background: rgba(23, 30, 26, .94);
        box-shadow: 0 1px 12px rgba(0, 0, 0, .16);
    }

    .sidebar[b-0atovblgk7] {
        box-shadow: 8px 0 30px rgba(0, 0, 0, .2);
    }
}

#blazor-error-ui[b-0atovblgk7] {
    color-scheme: light only;
    background: #fff3cd;
    border-top: 1px solid #ffe69c;
    bottom: 0;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .8rem 3rem .8rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-0atovblgk7] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .65rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-evokw9oo5r] {
    appearance: none;
    cursor: pointer;
    width: 2.75rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: .85rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: .65rem;
    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.88%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem rgba(255, 255, 255, .08);
}

.navbar-toggler:checked[b-evokw9oo5r] { background-color: rgba(255, 255, 255, .18); }

.top-row[b-evokw9oo5r] {
    min-height: 4.25rem;
    padding: 0 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.navbar-brand[b-evokw9oo5r] {
    display: flex;
    align-items: center;
    gap: .72rem;
    min-width: 0;
    color: #fff;
    font-size: 1rem;
    letter-spacing: -.01em;
}

.brand-mark[b-evokw9oo5r] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    padding: .4rem;
    flex: 0 0 auto;
    border-radius: .58rem;
    color: var(--brand-on-secondary);
    background: var(--brand-secondary);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .14);
}

.brand-mark span[b-evokw9oo5r] {
    width: 3px;
    border-radius: 2px;
    background: currentColor;
}

.brand-mark span:nth-child(1)[b-evokw9oo5r] { height: 42%; }
.brand-mark span:nth-child(2)[b-evokw9oo5r] { height: 78%; }
.brand-mark span:nth-child(3)[b-evokw9oo5r] { height: 58%; }

.brand-copy[b-evokw9oo5r] { min-width: 0; }
.brand-copy strong[b-evokw9oo5r], .brand-copy small[b-evokw9oo5r] { display: block; }
.brand-copy strong[b-evokw9oo5r] { font-size: 1.02rem; }

.brand-copy small[b-evokw9oo5r] {
    max-width: 166px;
    margin-top: .12rem;
    overflow: hidden;
    color: rgba(255, 255, 255, .66);
    font-size: .66rem;
    font-weight: 550;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bi[b-evokw9oo5r] {
    display: inline-block;
    position: relative;
    width: 1.12rem;
    height: 1.12rem;
    margin-right: .7rem;
    top: -1px;
    opacity: .9;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-file-earmark-text-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3z'/%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3-3V4a1 1 0 0 0 1 1h2l-3-3.5zM4 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h-1a2 2 0 0 0-2-2V1H4z'/%3E%3C/svg%3E");
}

.bi-briefcase-fill-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H2a2 2 0 0 0-2 2v1.5h16V5a2 2 0 0 0-2-2h-3v-.5A1.5 1.5 0 0 0 9.5 1h-3zm3 2h-3v-.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V3z'/%3E%3Cpath d='M0 7.5V12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5h-5V9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7.5H0z'/%3E%3Cpath d='M6 7.5h4V9H6V7.5z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647A.5.5 0 0 1 14.5 1v14a.5.5 0 0 1-.854.354L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647A.5.5 0 0 1 1.5 15V1a.5.5 0 0 1 .42-.494zM3 4.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 0-1h-9a.5.5 0 0 0-.5.5zm0 3a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 0-1h-9a.5.5 0 0 0-.5.5zm0 3a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1h-5a.5.5 0 0 0-.5.5z'/%3E%3C/svg%3E");
}

.bi-graph-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0V0zm14.817 3.113a.5.5 0 0 1 .07.704l-4 5a.5.5 0 0 1-.637.124L7.06 7.027l-3.666 4.277a.5.5 0 0 1-.76-.65l4-4.667a.5.5 0 0 1 .637-.1l3.127 1.876 3.714-4.643a.5.5 0 0 1 .704-.007z'/%3E%3C/svg%3E");
}

.bi-info-circle-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.bi-envelope-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.708 2.825L15 11.105V5.383zm-.034 6.876-5.64-3.471L8 9.583 6.674 8.788l-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741zM1 11.105l4.708-2.897L1 5.383v5.722z'/%3E%3C/svg%3E");
}

.bi-question-circle-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.845c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.777.589-2.82 2.286zm2.744 6.414c.533 0 .888-.356.888-.857 0-.519-.355-.875-.888-.875-.511 0-.866.356-.866.875 0 .501.355.857.866.857z'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.63 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM6.936 9.28a6.35 6.35 0 0 0-1.23-.247A7.66 7.66 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");
}

.bi-bookmark-nav-menu[b-evokw9oo5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3C/svg%3E");
}

.nav-section-label[b-evokw9oo5r] {
    padding: 1.05rem 1.65rem .35rem;
    color: rgba(255, 255, 255, .43);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.nav-item[b-evokw9oo5r] {
    padding: .18rem .8rem;
    font-size: .86rem;
}

.nav-item:first-of-type[b-evokw9oo5r] { padding-top: 1.15rem; }

.nav-item[b-evokw9oo5r]  .nav-link {
    min-height: 2.85rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 .85rem;
    color: rgba(255, 255, 255, .74);
    border: 1px solid transparent;
    border-radius: .68rem;
    font-weight: 600;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.nav-item[b-evokw9oo5r]  a.active {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .08);
    box-shadow: inset 3px 0 0 var(--brand-secondary);
}

.nav-item[b-evokw9oo5r]  .nav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .09);
    transform: translateX(2px);
}

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

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

    .nav-scrollable[b-evokw9oo5r] {
        display: block;
        height: calc(100vh - 4.25rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-p6ovsrvgul],
.components-reconnect-repeated-attempt-visible[b-p6ovsrvgul],
.components-reconnect-failed-visible[b-p6ovsrvgul],
.components-pause-visible[b-p6ovsrvgul],
.components-resume-failed-visible[b-p6ovsrvgul],
.components-rejoining-animation[b-p6ovsrvgul] {
    display: none;
}

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


#components-reconnect-modal[b-p6ovsrvgul] {
    color: var(--text-body);
    background-color: var(--surface-raised);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--border-color);
    border-radius: .85rem;
    box-shadow: var(--shadow-md);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-p6ovsrvgul 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-p6ovsrvgul] {
    border: 0;
    background-color: var(--brand-primary);
    color: var(--brand-on-primary);
    padding: .48rem 1.1rem;
    border-radius: .58rem;
    font-weight: 650;
}

    #components-reconnect-modal button:hover[b-p6ovsrvgul] {
        background-color: color-mix(in srgb, var(--brand-primary) 84%, #000);
    }

    #components-reconnect-modal button:active[b-p6ovsrvgul] {
        background-color: color-mix(in srgb, var(--brand-primary) 74%, #000);
    }

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

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

@media (prefers-color-scheme: dark) {
    #components-reconnect-modal[b-p6ovsrvgul]::backdrop {
        background-color: rgba(0, 0, 0, .65);
    }
}

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

@keyframes components-rejoining-animation-b-p6ovsrvgul {
    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/About.razor.rz.scp.css */
.company-hero[b-77d9hdru5o] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .7fr);
    gap: clamp(2rem, 7vw, 6rem);
    align-items: center;
    min-height: 31rem;
    margin: -.25rem 0 4.5rem;
    padding: clamp(2rem, 6vw, 5rem);
    overflow: hidden;
    color: var(--brand-on-primary);
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--brand-secondary) 19%, transparent), transparent 31%),
        linear-gradient(140deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 68%, #071b10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.company-hero .eyebrow[b-77d9hdru5o],
.company-hero h1[b-77d9hdru5o],
.company-hero p[b-77d9hdru5o] { color: var(--brand-on-primary); }
.company-hero .eyebrow[b-77d9hdru5o] { opacity: .72; }

.company-hero h1[b-77d9hdru5o] {
    max-width: 48rem;
    margin: .35rem 0 1rem;
    font-size: clamp(2.4rem, 5.5vw, 4.25rem);
    line-height: 1.02;
}

.company-lead[b-77d9hdru5o] {
    max-width: 43rem;
    margin: 0;
    opacity: .84;
    font-size: 1.05rem;
    line-height: 1.7;
}

.company-hero-actions[b-77d9hdru5o] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: 1.6rem;
}

.founder-card[b-77d9hdru5o] {
    display: grid;
    gap: 1.1rem;
    padding: 1.5rem;
    color: var(--text-body);
    background: var(--surface-raised);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 18%, transparent);
    border-radius: 1rem;
    box-shadow: 0 1.5rem 3.5rem rgba(4, 22, 11, .22);
}

.founder-mark[b-77d9hdru5o] {
    display: grid;
    place-items: center;
    width: 4rem;
    height: 4rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 800;
}

.founder-card span[b-77d9hdru5o],
.founder-card strong[b-77d9hdru5o] { display: block; }

.founder-card span[b-77d9hdru5o],
.section-label[b-77d9hdru5o] {
    color: var(--brand-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.founder-card strong[b-77d9hdru5o] {
    margin: .4rem 0 .55rem;
    color: var(--text-strong);
    font-size: 1.2rem;
}

.founder-card p[b-77d9hdru5o] {
    margin: 0;
    color: var(--text-muted);
    font-size: .86rem;
    line-height: 1.7;
}

.story-section[b-77d9hdru5o] {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
    gap: clamp(2rem, 8vw, 7rem);
    max-width: 78rem;
    margin: 0 auto 5rem;
}

.story-heading h2[b-77d9hdru5o],
.section-heading h2[b-77d9hdru5o],
.commitment-copy h2[b-77d9hdru5o],
.company-cta h2[b-77d9hdru5o] {
    margin: .35rem 0 0;
    font-size: clamp(1.8rem, 4vw, 2.65rem);
    line-height: 1.16;
}

.story-copy p[b-77d9hdru5o] {
    margin: 0 0 1.25rem;
    color: var(--text-muted);
    line-height: 1.82;
}

.values-section[b-77d9hdru5o] {
    max-width: 78rem;
    margin: 0 auto 5rem;
}

.section-heading[b-77d9hdru5o] {
    max-width: 42rem;
    margin-bottom: 1.5rem;
}

.values-grid[b-77d9hdru5o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.values-grid article[b-77d9hdru5o] {
    padding: 1.5rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .9rem;
    box-shadow: var(--shadow-sm);
}

.value-icon[b-77d9hdru5o] {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: .65rem;
    font-size: 1rem;
    font-weight: 800;
}

.value-icon-simple[b-77d9hdru5o]::before,
.value-icon-simple[b-77d9hdru5o]::after {
    content: "";
    position: absolute;
    width: 1.15rem;
    height: 2px;
    background: currentColor;
    border-radius: 1rem;
}

.value-icon-simple[b-77d9hdru5o]::before { transform: translateY(-.25rem); }
.value-icon-simple[b-77d9hdru5o]::after { width: .72rem; transform: translate(-.21rem, .25rem); }

.value-icon-human[b-77d9hdru5o]::before {
    content: "";
    width: .65rem;
    height: .65rem;
    border: 2px solid currentColor;
    border-radius: 50%;
    transform: translateY(-.28rem);
}

.value-icon-human[b-77d9hdru5o]::after {
    content: "";
    position: absolute;
    bottom: .43rem;
    width: 1.15rem;
    height: .6rem;
    border: 2px solid currentColor;
    border-bottom: 0;
    border-radius: .7rem .7rem 0 0;
}

.values-grid h3[b-77d9hdru5o] { margin: 1.1rem 0 .5rem; font-size: 1.08rem; }

.values-grid p[b-77d9hdru5o] {
    margin: 0;
    color: var(--text-muted);
    font-size: .86rem;
    line-height: 1.7;
}

.founder-message[b-77d9hdru5o] {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: clamp(1.5rem, 6vw, 5rem);
    align-items: center;
    max-width: 78rem;
    margin: 0 auto 5rem;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: 1rem;
    box-shadow: var(--shadow-md);
}

.founder-message-label[b-77d9hdru5o] {
    display: grid;
    color: var(--brand-on-primary);
}

.quote-mark[b-77d9hdru5o] {
    height: 4.5rem;
    font-family: Georgia, serif;
    font-size: 5rem;
    line-height: 1;
    opacity: .42;
}

.founder-message-label > span:last-child[b-77d9hdru5o] {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.founder-message-copy[b-77d9hdru5o] {
    display: grid;
    gap: 1.25rem;
}

.founder-message-copy p[b-77d9hdru5o] {
    max-width: 52rem;
    margin: 0;
    color: var(--brand-on-primary);
    font-size: .95rem;
    line-height: 1.7;
    opacity: .82;
}

.founder-message blockquote[b-77d9hdru5o] {
    margin: 0;
    color: var(--brand-on-primary);
    font-size: clamp(1.25rem, 3vw, 1.9rem);
    font-weight: 620;
    line-height: 1.5;
}

.commitment-section[b-77d9hdru5o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, .75fr);
    gap: clamp(2rem, 8vw, 7rem);
    max-width: 78rem;
    margin: 0 auto 5rem;
}

.commitment-copy p[b-77d9hdru5o] {
    margin: 1rem 0 0;
    color: var(--text-muted);
    line-height: 1.8;
}

.commitment-points[b-77d9hdru5o] { display: grid; align-content: center; }

.commitment-points > div[b-77d9hdru5o] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .8rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-color);
}

.commitment-points > div:last-child[b-77d9hdru5o] { border-bottom: 0; }

.commitment-points span[b-77d9hdru5o] {
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: 50%;
    font-size: .7rem;
    font-weight: 800;
}

.commitment-points p[b-77d9hdru5o] {
    margin: .15rem 0 0;
    color: var(--text-muted);
    font-size: .85rem;
}

.commitment-points strong[b-77d9hdru5o] { display: block; color: var(--text-strong); }

.company-cta[b-77d9hdru5o] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    max-width: 78rem;
    margin: 0 auto 1rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    background: color-mix(in srgb, var(--brand-primary) 7%, var(--surface-raised));
    border: 1px solid color-mix(in srgb, var(--brand-primary) 22%, var(--border-color));
    border-radius: 1rem;
}

.company-cta p[b-77d9hdru5o] { margin: .5rem 0 0; color: var(--text-muted); }
.company-cta .btn[b-77d9hdru5o] { flex: 0 0 auto; }

@media (max-width: 900px) {
    .company-hero[b-77d9hdru5o],
    .story-section[b-77d9hdru5o],
    .commitment-section[b-77d9hdru5o] { grid-template-columns: 1fr; }
    .company-hero[b-77d9hdru5o] { min-height: auto; }
    .founder-card[b-77d9hdru5o] { max-width: 30rem; }
}

@media (max-width: 680px) {
    .company-hero[b-77d9hdru5o] { padding: 1.5rem; margin-bottom: 3rem; }
    .values-grid[b-77d9hdru5o] { grid-template-columns: 1fr; }
    .founder-message[b-77d9hdru5o] { grid-template-columns: 1fr; }
    .founder-message-label[b-77d9hdru5o] {
        grid-template-columns: auto 1fr;
        gap: .7rem;
        align-items: center;
    }
    .quote-mark[b-77d9hdru5o] { height: 2.6rem; font-size: 3rem; }
    .company-cta[b-77d9hdru5o] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Account.razor.rz.scp.css */
.current-account-email[b-1htot0ie3e] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .85rem 1rem;
    background: color-mix(in srgb, var(--brand-primary) 6%, var(--surface-sunken));
    border: 1px solid var(--border-color);
    border-radius: .75rem;
}

.current-account-email small[b-1htot0ie3e],
.current-account-email strong[b-1htot0ie3e] {
    display: block;
}

.current-account-email small[b-1htot0ie3e] {
    margin-bottom: .12rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.account-email-avatar[b-1htot0ie3e] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: 50%;
    font-size: .85rem;
    font-weight: 750;
}

.account-details > div[b-1htot0ie3e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .72rem 0;
    border-bottom: 1px solid var(--border-color);
}

.account-details > div:first-child[b-1htot0ie3e] {
    padding-top: 0;
}

.account-details > div:last-child[b-1htot0ie3e] {
    padding-bottom: 0;
    border-bottom: 0;
}

.account-details dt[b-1htot0ie3e] {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.account-details dd[b-1htot0ie3e] {
    margin: 0;
    color: var(--text-strong);
    text-align: right;
    font-size: .82rem;
    font-weight: 650;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-hero[b-8ggbpsicn2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(2rem, 8vw, 7rem);
    align-items: center;
    max-width: 78rem;
    margin: -.25rem auto 2rem;
    padding: clamp(2rem, 6vw, 5rem);
    color: var(--brand-on-primary);
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--brand-secondary) 20%, transparent), transparent 32%),
        linear-gradient(140deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 68%, #071b10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.contact-hero .eyebrow[b-8ggbpsicn2],
.contact-hero h1[b-8ggbpsicn2],
.contact-hero p[b-8ggbpsicn2] {
    color: var(--brand-on-primary);
}

.contact-hero .eyebrow[b-8ggbpsicn2] { opacity: .72; }

.contact-hero h1[b-8ggbpsicn2] {
    margin: .35rem 0 1rem;
    font-size: clamp(2.4rem, 5.5vw, 4.25rem);
    line-height: 1.02;
}

.contact-hero p[b-8ggbpsicn2] {
    max-width: 43rem;
    margin: 0;
    opacity: .84;
    font-size: 1.05rem;
    line-height: 1.7;
}

.contact-mark[b-8ggbpsicn2] {
    display: grid;
    place-items: center;
    width: clamp(7rem, 14vw, 10rem);
    aspect-ratio: 1;
    background: var(--surface-raised);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 3.5rem rgba(4, 22, 11, .22);
    transform: rotate(4deg);
}

.contact-mark span[b-8ggbpsicn2] {
    position: relative;
    width: 58%;
    height: 42%;
    border: .22rem solid var(--brand-primary);
    border-radius: .45rem;
}

.contact-mark span[b-8ggbpsicn2]::after {
    content: "";
    position: absolute;
    top: -.22rem;
    left: 12%;
    width: 72%;
    height: 72%;
    border-right: .22rem solid var(--brand-primary);
    border-bottom: .22rem solid var(--brand-primary);
    transform: rotate(45deg);
}

.contact-options[b-8ggbpsicn2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 78rem;
    margin: 0 auto 2rem;
}

.contact-options article[b-8ggbpsicn2] {
    display: flex;
    flex-direction: column;
    padding: clamp(1.5rem, 4vw, 2.25rem);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    box-shadow: var(--shadow-sm);
}

.contact-option-label[b-8ggbpsicn2],
.section-label[b-8ggbpsicn2] {
    color: var(--brand-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.contact-options h2[b-8ggbpsicn2] {
    margin: .45rem 0 .65rem;
    font-size: 1.35rem;
}

.contact-options p[b-8ggbpsicn2] {
    flex: 1;
    margin: 0 0 1.35rem;
    color: var(--text-muted);
    line-height: 1.72;
}

.contact-email[b-8ggbpsicn2] {
    overflow-wrap: anywhere;
    font-weight: 700;
}

.contact-form-section[b-8ggbpsicn2] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: start;
    max-width: 78rem;
    margin: 0 auto 2rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    box-shadow: var(--shadow-sm);
}

.contact-form-copy h2[b-8ggbpsicn2] {
    margin: .45rem 0 .75rem;
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.contact-form-copy p[b-8ggbpsicn2] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.7;
}

.contact-form-card[b-8ggbpsicn2] { position: relative; }

.contact-turnstile[b-8ggbpsicn2] {
    min-height: 65px;
}

.contact-secondary-fields[b-8ggbpsicn2] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.contact-note[b-8ggbpsicn2] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    max-width: 78rem;
    margin: 0 auto 1rem;
    padding: clamp(1.5rem, 4vw, 2.25rem);
    background: color-mix(in srgb, var(--brand-primary) 7%, var(--surface-raised));
    border: 1px solid color-mix(in srgb, var(--brand-primary) 22%, var(--border-color));
    border-radius: 1rem;
}

.contact-note h2[b-8ggbpsicn2] {
    margin: .35rem 0 0;
    font-size: clamp(1.3rem, 3vw, 1.8rem);
}

.contact-note .btn[b-8ggbpsicn2] { flex: 0 0 auto; }

@media (max-width: 680px) {
    .contact-hero[b-8ggbpsicn2] { grid-template-columns: 1fr; }
    .contact-mark[b-8ggbpsicn2] { display: none; }
    .contact-options[b-8ggbpsicn2] { grid-template-columns: 1fr; }
    .contact-form-section[b-8ggbpsicn2] { grid-template-columns: 1fr; }
    .contact-note[b-8ggbpsicn2] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/CookiePolicy.razor.rz.scp.css */
.cookie-policy[b-2usjrsi83b] {
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(3rem, 8vw, 6rem) 0;
}

.cookie-policy h1[b-2usjrsi83b] {
    margin: 0.4rem 0 1.5rem;
}

.cookie-policy p[b-2usjrsi83b],
.cookie-policy li[b-2usjrsi83b] {
    line-height: 1.75;
}

.cookie-policy ul[b-2usjrsi83b] {
    margin-bottom: 1.5rem;
    padding-left: 1.4rem;
}

.cookie-policy li + li[b-2usjrsi83b] {
    margin-top: 0.5rem;
}
/* /Components/Pages/Customers.razor.rz.scp.css */
.customer-card[b-nckzidbssv] { overflow: visible; }

.customer-toolbar[b-nckzidbssv] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.customer-toolbar-actions[b-nckzidbssv] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: .65rem;
    align-items: center;
    margin-left: auto;
    white-space: nowrap;
}

.customer-toolbar-actions .btn[b-nckzidbssv] { flex: 0 0 auto; }

.customer-search[b-nckzidbssv] {
    position: relative;
    width: min(20rem, 100%);
}

.customer-search > span[b-nckzidbssv]::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: .72rem;
    width: .62rem;
    height: .62rem;
    border: 1.5px solid var(--text-muted);
    border-radius: 50%;
    transform: translateY(-62%);
}

.customer-search > span[b-nckzidbssv]::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 1.3rem;
    width: .38rem;
    height: 1.5px;
    background: var(--text-muted);
    transform: rotate(45deg);
}

.customer-search input[b-nckzidbssv] { padding-left: 2.15rem; }
.customer-name[b-nckzidbssv] { display: block; color: var(--text-strong); }
.contact-link[b-nckzidbssv] { font-size: .84rem; text-decoration: none; }
.document-count[b-nckzidbssv] { color: var(--text-strong); font-weight: 750; }

.document-summary[b-nckzidbssv] {
    display: inline-flex;
    gap: .32rem;
    align-items: center;
    padding: .22rem .38rem;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: .4rem;
    font-size: inherit;
}

.document-summary:hover[b-nckzidbssv] {
    color: var(--brand-accent);
    background: color-mix(in srgb, var(--brand-primary) 8%, var(--surface-raised));
    border-color: color-mix(in srgb, var(--brand-primary) 18%, var(--border-color));
}

.document-summary:focus-visible[b-nckzidbssv] {
    outline: 0;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.document-summary strong[b-nckzidbssv] { color: var(--text-strong); }
.document-summary small[b-nckzidbssv] { color: inherit; }

.document-chevron[b-nckzidbssv] {
    width: .42rem;
    height: .42rem;
    margin-right: .12rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .15s ease;
}

.document-summary.expanded .document-chevron[b-nckzidbssv] {
    transform: rotate(45deg) translate(-1px, -1px);
}

.customer-document-row > td[b-nckzidbssv] {
    padding: 0 !important;
    background: color-mix(in srgb, var(--brand-primary) 4%, var(--surface-raised));
    border-bottom: 1px solid color-mix(in srgb, var(--brand-primary) 20%, var(--border-color));
}

.customer-document-panel[b-nckzidbssv] {
    margin: .65rem .85rem .85rem 2.25rem;
    overflow: hidden;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .7rem;
    box-shadow: var(--shadow-sm);
}

.customer-document-heading[b-nckzidbssv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .75rem .9rem;
    color: var(--text-strong);
    background: var(--surface-subtle);
    border-bottom: 1px solid var(--border-color);
}

.customer-document-heading strong[b-nckzidbssv],
.customer-document-heading small[b-nckzidbssv] {
    display: block;
}

.customer-document-heading > div > strong[b-nckzidbssv] { font-size: .82rem; }

.customer-document-heading small[b-nckzidbssv] {
    margin-top: .12rem;
    color: var(--text-muted);
    font-size: .7rem;
}

.customer-document-heading > span[b-nckzidbssv] {
    color: var(--text-muted);
    font-size: .72rem;
}

.document-loading[b-nckzidbssv] {
    padding: 1.5rem;
    color: var(--text-muted);
    font-size: .8rem;
    text-align: center;
}

.customer-document-table[b-nckzidbssv] { margin: 0; }

.customer-document-table > :not(caption) > * > *[b-nckzidbssv] {
    padding: .55rem .7rem;
}

.customer-document-table thead th[b-nckzidbssv] { font-size: .63rem; }
.customer-document-table tbody td[b-nckzidbssv] { font-size: .76rem; }
.customer-document-table a[b-nckzidbssv] { font-weight: 700; text-decoration: none; }

.customer-payment-summary[b-nckzidbssv] {
    display: inline-flex;
    gap: .38rem;
    align-items: center;
    padding: .16rem .28rem;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: .4rem;
}

.customer-payment-summary:hover[b-nckzidbssv] {
    color: var(--brand-accent);
    background: color-mix(in srgb, var(--brand-primary) 8%, var(--surface-raised));
    border-color: color-mix(in srgb, var(--brand-primary) 18%, var(--border-color));
}

.customer-payment-summary:focus-visible[b-nckzidbssv] {
    outline: 0;
    box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.customer-payment-chevron[b-nckzidbssv] {
    width: .38rem;
    height: .38rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .15s ease;
}

.customer-payment-summary.expanded .customer-payment-chevron[b-nckzidbssv] {
    transform: rotate(45deg) translate(-1px, -1px);
}

.customer-payment-row > td[b-nckzidbssv] {
    padding: 0 !important;
    background: color-mix(in srgb, var(--brand-primary) 3%, var(--surface-raised));
}

.customer-payment-panel[b-nckzidbssv] {
    margin: .5rem .65rem .65rem 2.3rem;
    overflow: hidden;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--brand-primary);
    border-radius: .55rem;
}

.customer-payment-heading[b-nckzidbssv] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem .75rem;
    color: var(--text-strong);
    background: var(--surface-subtle);
    border-bottom: 1px solid var(--border-color);
    font-size: .72rem;
}

.customer-payment-heading span[b-nckzidbssv] {
    color: var(--text-muted);
    font-size: .68rem;
}

.customer-payment-table[b-nckzidbssv] { margin: 0; }

.customer-payment-table > :not(caption) > * > *[b-nckzidbssv] {
    padding: .48rem .62rem;
}

.customer-payment-table thead th[b-nckzidbssv] { font-size: .59rem; }
.customer-payment-table tbody td[b-nckzidbssv] { font-size: .72rem; }

.customer-payment-notes[b-nckzidbssv] {
    display: block;
    max-width: 19rem;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-state[b-nckzidbssv] { padding: 3rem 1rem !important; color: var(--text-muted); text-align: center; }

.btn-outline-danger[b-nckzidbssv] {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: color-mix(in srgb, var(--bs-danger) 55%, var(--border-color));
}

.modal-content[b-nckzidbssv] { color: var(--text-body); background: var(--surface-raised); }
.modal-header[b-nckzidbssv], .modal-footer[b-nckzidbssv] { border-color: var(--border-color); }

@media (max-width: 700px) {
    .customer-toolbar[b-nckzidbssv] { flex-wrap: wrap; }
    .customer-toolbar-actions[b-nckzidbssv],
    .customer-search[b-nckzidbssv] { width: 100%; }
    .customer-toolbar-actions[b-nckzidbssv] { justify-content: space-between; }
    .customer-document-panel[b-nckzidbssv] { margin-left: .65rem; }
    .customer-payment-panel[b-nckzidbssv] { margin-left: .5rem; }
}
/* /Components/Pages/Help.razor.rz.scp.css */
.guide-hero[b-xz6hi1tbg9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, .9fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
    margin: -.25rem 0 2rem;
    padding: clamp(2rem, 5vw, 4.25rem);
    overflow: hidden;
    color: var(--brand-on-primary);
    background:
        radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--brand-secondary) 22%, transparent), transparent 35%),
        linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 72%, #071c10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.guide-hero .eyebrow[b-xz6hi1tbg9],
.guide-hero h1[b-xz6hi1tbg9],
.guide-hero p[b-xz6hi1tbg9] {
    color: var(--brand-on-primary);
}

.guide-hero .eyebrow[b-xz6hi1tbg9] { opacity: .76; }

.guide-hero h1[b-xz6hi1tbg9] {
    margin: .3rem 0 .75rem;
    font-size: clamp(2.1rem, 5vw, 3.55rem);
    line-height: 1.04;
}

.guide-hero p[b-xz6hi1tbg9] {
    max-width: 43rem;
    margin: 0;
    opacity: .86;
    font-size: 1.02rem;
}

.guide-hero-actions[b-xz6hi1tbg9] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: 1.5rem;
}

.guide-flow[b-xz6hi1tbg9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.flow-card[b-xz6hi1tbg9] {
    flex: 1 1 0;
    min-width: 0;
    padding: 1.05rem;
    color: var(--brand-on-primary);
    background: color-mix(in srgb, var(--surface-raised) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 21%, transparent);
    border-radius: .85rem;
    backdrop-filter: blur(8px);
}

.flow-card span[b-xz6hi1tbg9],
.flow-card strong[b-xz6hi1tbg9],
.flow-card small[b-xz6hi1tbg9] {
    display: block;
}

.flow-card span[b-xz6hi1tbg9] {
    margin-bottom: 1.7rem;
    opacity: .62;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.flow-card strong[b-xz6hi1tbg9] { font-size: .95rem; }
.flow-card small[b-xz6hi1tbg9] { margin-top: .22rem; opacity: .72; font-size: .7rem; }
.flow-arrow[b-xz6hi1tbg9] { opacity: .5; font-size: 1.15rem; }

.guide-layout[b-xz6hi1tbg9] {
    display: grid;
    grid-template-columns: 14rem minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: start;
    max-width: 82rem;
    margin: 0 auto;
}

.guide-navigation[b-xz6hi1tbg9] {
    position: sticky;
    top: 5.25rem;
    padding: 1.1rem;
    color: var(--text-body);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .85rem;
    box-shadow: var(--shadow-sm);
}

.guide-navigation strong[b-xz6hi1tbg9] {
    display: block;
    margin: 0 .55rem .65rem;
    color: var(--text-strong);
    font-size: .73rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.guide-navigation nav[b-xz6hi1tbg9] {
    display: grid;
    gap: .15rem;
}

.guide-navigation a[b-xz6hi1tbg9] {
    padding: .48rem .55rem;
    color: var(--text-muted);
    border-radius: .45rem;
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
}

.guide-navigation a:hover[b-xz6hi1tbg9] {
    color: var(--text-strong);
    background: color-mix(in srgb, var(--brand-primary) 8%, var(--surface-raised));
}

.guide-navigation a.active[b-xz6hi1tbg9] {
    color: var(--brand-primary);
    background: color-mix(in srgb, var(--brand-primary) 12%, var(--surface-raised));
    box-shadow: inset .2rem 0 0 var(--brand-accent);
}

.guide-content[b-xz6hi1tbg9] { min-width: 0; }

.guide-section[b-xz6hi1tbg9] {
    scroll-margin-top: 5.5rem;
    padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(3rem, 7vw, 5rem);
    border-bottom: 1px solid var(--border-color);
}

.section-heading[b-xz6hi1tbg9] {
    max-width: 48rem;
    margin-bottom: 1.6rem;
}

.section-heading h2[b-xz6hi1tbg9],
.guide-finish h2[b-xz6hi1tbg9] {
    margin: .28rem 0 .55rem;
    font-size: clamp(1.55rem, 3vw, 2.1rem);
}

.section-heading p[b-xz6hi1tbg9],
.guide-finish p[b-xz6hi1tbg9] {
    margin: 0;
    color: var(--text-muted);
    font-size: .95rem;
}

.section-kicker[b-xz6hi1tbg9] {
    color: var(--brand-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.quick-start-grid[b-xz6hi1tbg9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .9rem;
}

.topic-card[b-xz6hi1tbg9] {
    display: flex;
    gap: .85rem;
    min-height: 9rem;
    padding: 1.15rem;
    color: var(--text-body);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .8rem;
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.topic-card:hover[b-xz6hi1tbg9] {
    color: var(--text-body);
    border-color: color-mix(in srgb, var(--brand-primary) 45%, var(--border-color));
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.topic-card strong[b-xz6hi1tbg9],
.topic-card small[b-xz6hi1tbg9] {
    display: block;
}

.topic-card strong[b-xz6hi1tbg9] { margin: .13rem 0 .4rem; color: var(--text-strong); }
.topic-card small[b-xz6hi1tbg9] { color: var(--text-muted); line-height: 1.55; }

.topic-number[b-xz6hi1tbg9],
.callout-icon[b-xz6hi1tbg9] {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: 50%;
    font-size: .72rem;
    font-weight: 800;
}

.guide-callout[b-xz6hi1tbg9] {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    color: var(--text-body);
    background: color-mix(in srgb, var(--brand-primary) 7%, var(--surface-raised));
    border: 1px solid color-mix(in srgb, var(--brand-primary) 21%, var(--border-color));
    border-radius: .75rem;
}

.guide-callout strong[b-xz6hi1tbg9] { color: var(--text-strong); font-size: .86rem; }
.guide-callout p[b-xz6hi1tbg9] { margin: .2rem 0 0; color: var(--text-muted); font-size: .8rem; }

.guide-callout.caution[b-xz6hi1tbg9] {
    background: color-mix(in srgb, #f0ad4e 8%, var(--surface-raised));
    border-color: color-mix(in srgb, #f0ad4e 30%, var(--border-color));
}

.guide-callout.caution .callout-icon[b-xz6hi1tbg9] {
    color: #251802;
    background: #f0ad4e;
}

.how-to-steps[b-xz6hi1tbg9] {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: guide-step;
}

.how-to-steps li[b-xz6hi1tbg9] {
    position: relative;
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr);
    gap: 1rem;
    counter-increment: guide-step;
}

.how-to-steps li[b-xz6hi1tbg9]::before {
    content: counter(guide-step);
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border: .3rem solid var(--surface-canvas);
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 800;
}

.how-to-steps li:not(:last-child)[b-xz6hi1tbg9]::after {
    content: "";
    position: absolute;
    top: 2rem;
    bottom: -.2rem;
    left: 1.15rem;
    width: 1px;
    background: color-mix(in srgb, var(--brand-primary) 25%, var(--border-color));
}

.how-to-steps li > div[b-xz6hi1tbg9] {
    padding: .18rem 0 1.7rem;
}

.how-to-steps h3[b-xz6hi1tbg9] {
    margin: 0 0 .32rem;
    font-size: 1rem;
}

.how-to-steps p[b-xz6hi1tbg9] {
    max-width: 47rem;
    margin: 0;
    color: var(--text-muted);
    font-size: .88rem;
    line-height: 1.65;
}

.guide-tip[b-xz6hi1tbg9] {
    margin: .1rem 0 1.2rem 3.8rem;
    padding: .8rem 1rem;
    color: var(--text-body);
    background: var(--surface-subtle);
    border-left: 3px solid var(--brand-primary);
    border-radius: 0 .45rem .45rem 0;
    font-size: .82rem;
}

.section-action[b-xz6hi1tbg9] {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    margin: .25rem 0 0 3.8rem;
    color: var(--brand-accent);
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.section-action span[b-xz6hi1tbg9] { transition: transform .15s ease; }
.section-action:hover span[b-xz6hi1tbg9] { transform: translateX(3px); }

.two-column-guide[b-xz6hi1tbg9],
.status-reference[b-xz6hi1tbg9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.two-column-guide > div[b-xz6hi1tbg9],
.status-reference > div[b-xz6hi1tbg9] {
    padding: 1.25rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .8rem;
    box-shadow: var(--shadow-sm);
}

.two-column-guide h3[b-xz6hi1tbg9] {
    margin: .7rem 0 .4rem;
    font-size: 1rem;
}

.two-column-guide p[b-xz6hi1tbg9] {
    margin: 0;
    color: var(--text-muted);
    font-size: .85rem;
    line-height: 1.65;
}

.directory-link[b-xz6hi1tbg9] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    margin-top: .9rem;
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
}

.directory-link span[b-xz6hi1tbg9] { transition: transform .15s ease; }
.directory-link:hover span[b-xz6hi1tbg9] { transform: translateX(3px); }

.mini-icon[b-xz6hi1tbg9] {
    display: inline-grid;
    place-items: center;
    min-width: 2.15rem;
    height: 2.15rem;
    padding: 0 .45rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: .5rem;
    font-size: .62rem;
    font-weight: 850;
}

.status-reference[b-xz6hi1tbg9] { grid-template-columns: repeat(3, 1fr); }
.status-reference > div > strong[b-xz6hi1tbg9] { display: block; margin-bottom: .8rem; color: var(--text-strong); }
.status-reference p[b-xz6hi1tbg9] { margin: .55rem 0 0; color: var(--text-muted); font-size: .78rem; }
.status-reference p span[b-xz6hi1tbg9] { display: block; color: var(--text-strong); font-weight: 700; }

.guide-finish[b-xz6hi1tbg9] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    margin: 2.5rem 0 1rem;
    padding: 1.5rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .9rem;
    box-shadow: var(--shadow-sm);
}

@media (max-width: 1050px) {
    .guide-hero[b-xz6hi1tbg9] { grid-template-columns: 1fr; }
    .guide-layout[b-xz6hi1tbg9] { grid-template-columns: 1fr; }
    .guide-navigation[b-xz6hi1tbg9] { position: static; }
    .guide-navigation nav[b-xz6hi1tbg9] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 720px) {
    .guide-hero[b-xz6hi1tbg9] { padding: 1.5rem; }
    .guide-flow[b-xz6hi1tbg9] { align-items: stretch; }
    .flow-card[b-xz6hi1tbg9] { padding: .8rem; }
    .flow-card span[b-xz6hi1tbg9] { margin-bottom: .9rem; }
    .flow-card small[b-xz6hi1tbg9] { display: none; }
    .quick-start-grid[b-xz6hi1tbg9],
    .two-column-guide[b-xz6hi1tbg9],
    .status-reference[b-xz6hi1tbg9] { grid-template-columns: 1fr; }
    .topic-card[b-xz6hi1tbg9] { min-height: 0; }
    .guide-navigation nav[b-xz6hi1tbg9] { grid-template-columns: repeat(2, 1fr); }
    .guide-finish[b-xz6hi1tbg9] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 430px) {
    .guide-flow[b-xz6hi1tbg9] { display: grid; grid-template-columns: 1fr; }
    .flow-arrow[b-xz6hi1tbg9] { display: none; }
    .guide-navigation nav[b-xz6hi1tbg9] { grid-template-columns: 1fr; }
    .guide-tip[b-xz6hi1tbg9],
    .section-action[b-xz6hi1tbg9] { margin-left: 0; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Product landing page */
.about-hero[b-9uual3buzx] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, .85fr);
    gap: clamp(2rem, 7vw, 6rem);
    align-items: center;
    min-height: 31rem;
    margin: -.25rem 0 4.5rem;
    padding: clamp(2rem, 6vw, 5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--brand-secondary) 20%, transparent), transparent 31%),
        linear-gradient(140deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 69%, #071b10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.about-hero[b-9uual3buzx]::after {
    content: "";
    position: absolute;
    right: -8rem;
    bottom: -13rem;
    width: 30rem;
    height: 30rem;
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 13%, transparent);
    border-radius: 50%;
}

.about-hero-copy[b-9uual3buzx] { position: relative; z-index: 1; }

.about-hero .eyebrow[b-9uual3buzx],
.about-hero h1[b-9uual3buzx],
.about-hero p[b-9uual3buzx] {
    color: var(--brand-on-primary);
}

.about-hero .eyebrow[b-9uual3buzx] { opacity: .7; }

.about-hero h1[b-9uual3buzx] {
    max-width: 44rem;
    margin: .35rem 0 1rem;
    font-size: clamp(2.35rem, 5.5vw, 4.15rem);
    line-height: 1.02;
}

.about-hero p[b-9uual3buzx] {
    max-width: 38rem;
    margin: 0 0 1.6rem;
    opacity: .83;
    font-size: 1.05rem;
    line-height: 1.65;
}

.about-visual[b-9uual3buzx] {
    position: relative;
    z-index: 1;
    min-height: 21rem;
    perspective: 800px;
}

.visual-document[b-9uual3buzx] {
    position: absolute;
    width: min(17rem, 72%);
    height: 12rem;
    padding: 1.25rem;
    color: var(--text-body);
    background: var(--surface-raised);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 20%, transparent);
    border-radius: .8rem;
    box-shadow: 0 1.5rem 3rem rgba(4, 20, 10, .2);
}

.visual-document span[b-9uual3buzx],
.visual-document strong[b-9uual3buzx] {
    display: block;
}

.visual-document span[b-9uual3buzx] {
    color: var(--brand-accent);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.visual-document strong[b-9uual3buzx] {
    margin: .35rem 0 1.5rem;
    color: var(--text-strong);
    font-size: .95rem;
}

.visual-document i[b-9uual3buzx] {
    display: block;
    width: 100%;
    height: .45rem;
    margin-top: .55rem;
    background: var(--surface-subtle);
    border-radius: 1rem;
}

.visual-document i:nth-of-type(2)[b-9uual3buzx] { width: 79%; }
.visual-document i:nth-of-type(3)[b-9uual3buzx] { width: 56%; background: color-mix(in srgb, var(--brand-primary) 25%, var(--surface-subtle)); }

.document-estimate[b-9uual3buzx] { top: 0; left: 0; transform: rotate(-7deg); }
.document-job[b-9uual3buzx] { top: 4rem; right: 0; transform: rotate(7deg); }
.document-invoice[b-9uual3buzx] { right: 15%; bottom: 0; transform: rotate(-1deg); }

.about-intro[b-9uual3buzx] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
    gap: clamp(2rem, 7vw, 6rem);
    align-items: end;
    max-width: 78rem;
    margin: 0 auto 3rem;
}

.about-intro h2[b-9uual3buzx],
.section-heading h2[b-9uual3buzx],
.audience-copy h2[b-9uual3buzx],
.about-cta h2[b-9uual3buzx] {
    margin: .3rem 0 0;
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    line-height: 1.15;
}

.about-intro p[b-9uual3buzx],
.section-heading p[b-9uual3buzx],
.audience-copy p[b-9uual3buzx],
.about-cta p[b-9uual3buzx] {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.75;
}

.section-label[b-9uual3buzx] {
    color: var(--brand-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.principle-grid[b-9uual3buzx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 78rem;
    margin: 0 auto 5rem;
}

.principle-grid article[b-9uual3buzx] {
    padding: 1.5rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .85rem;
    box-shadow: var(--shadow-sm);
}

.principle-number[b-9uual3buzx] {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    border-radius: .55rem;
    font-size: .68rem;
    font-weight: 800;
}

.principle-grid h3[b-9uual3buzx] {
    margin: 1.25rem 0 .5rem;
    font-size: 1.05rem;
}

.principle-grid p[b-9uual3buzx] {
    margin: 0;
    color: var(--text-muted);
    font-size: .85rem;
    line-height: 1.65;
}

.workflow-section[b-9uual3buzx] {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
    gap: clamp(2rem, 8vw, 7rem);
    max-width: 78rem;
    margin: 0 auto 5rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    box-shadow: var(--shadow-sm);
}

.workflow-list[b-9uual3buzx] { display: grid; }

.workflow-list article[b-9uual3buzx] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 1rem;
    padding: 1.15rem 0;
    border-bottom: 1px solid var(--border-color);
}

.workflow-list article:first-child[b-9uual3buzx] { padding-top: 0; }
.workflow-list article:last-child[b-9uual3buzx] { padding-bottom: 0; border-bottom: 0; }

.workflow-list article > span[b-9uual3buzx] {
    color: var(--brand-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.workflow-list h3[b-9uual3buzx] { margin: -.2rem 0 .3rem; font-size: 1rem; }
.workflow-list p[b-9uual3buzx] { margin: 0; color: var(--text-muted); font-size: .83rem; line-height: 1.65; }

.audience-section[b-9uual3buzx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, .75fr);
    gap: clamp(2rem, 8vw, 7rem);
    align-items: center;
    max-width: 78rem;
    margin: 0 auto 5rem;
}

.audience-copy p[b-9uual3buzx] { margin-top: 1rem; }

.audience-list[b-9uual3buzx] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.audience-list span[b-9uual3buzx] {
    padding: .65rem .85rem;
    color: var(--text-strong);
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: 999px;
    box-shadow: var(--shadow-sm);
    font-size: .8rem;
    font-weight: 650;
}

.about-cta[b-9uual3buzx] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    max-width: 78rem;
    margin: 0 auto 1rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    background: color-mix(in srgb, var(--brand-primary) 7%, var(--surface-raised));
    border: 1px solid color-mix(in srgb, var(--brand-primary) 22%, var(--border-color));
    border-radius: 1rem;
}

.about-cta p[b-9uual3buzx] { margin-top: .45rem; }
.about-cta .btn[b-9uual3buzx] { flex: 0 0 auto; }

@media (max-width: 900px) {
    .about-hero[b-9uual3buzx],
    .about-intro[b-9uual3buzx],
    .workflow-section[b-9uual3buzx],
    .audience-section[b-9uual3buzx] {
        grid-template-columns: 1fr;
    }

    .about-hero[b-9uual3buzx] { min-height: auto; }
    .about-visual[b-9uual3buzx] { max-width: 32rem; width: 100%; margin: 0 auto; }
}

@media (max-width: 680px) {
    .about-hero[b-9uual3buzx] { padding: 1.5rem; margin-bottom: 3rem; }
    .principle-grid[b-9uual3buzx] { grid-template-columns: 1fr; }
    .about-cta[b-9uual3buzx] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 430px) {
    .about-visual[b-9uual3buzx] { min-height: 17rem; }
    .visual-document[b-9uual3buzx] { width: 76%; height: 10rem; padding: 1rem; }
    .visual-document strong[b-9uual3buzx] { margin-bottom: .8rem; }
    .document-job[b-9uual3buzx] { top: 3.2rem; }
}
/* /Components/Pages/Invoice/InvoiceViewer.razor.rz.scp.css */
.payment-notes[b-eoz0jglejb] {
    display: block;
    max-width: 28rem;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found[b-pmbk4x5dg2] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(19rem, .75fr);
    gap: clamp(2.5rem, 8vw, 7rem);
    align-items: center;
    min-height: min(42rem, calc(100vh - 14rem));
    padding: clamp(2rem, 6vw, 5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--brand-secondary) 22%, transparent), transparent 30%),
        linear-gradient(140deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 68%, #071b10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.not-found[b-pmbk4x5dg2]::after {
    position: absolute;
    right: -9rem;
    bottom: -15rem;
    width: 32rem;
    height: 32rem;
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 13%, transparent);
    border-radius: 50%;
    content: "";
}

.not-found-copy[b-pmbk4x5dg2],
.not-found-visual[b-pmbk4x5dg2] {
    position: relative;
    z-index: 1;
}

.error-code[b-pmbk4x5dg2] {
    display: inline-block;
    margin-bottom: .9rem;
    padding: .38rem .7rem;
    color: var(--brand-primary);
    background: var(--brand-secondary);
    border-radius: .45rem;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.eyebrow[b-pmbk4x5dg2] {
    margin: 0 0 .45rem;
    color: var(--brand-on-primary);
    opacity: .72;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

h1[b-pmbk4x5dg2] {
    max-width: 43rem;
    margin: 0 0 1.15rem;
    color: var(--brand-on-primary);
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.03;
    text-wrap: balance;
}

.explanation[b-pmbk4x5dg2] {
    max-width: 38rem;
    margin: 0;
    color: var(--brand-on-primary);
    opacity: .82;
    font-size: 1.02rem;
    line-height: 1.7;
}

.not-found-actions[b-pmbk4x5dg2] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.7rem;
}

.not-found-actions .btn-primary[b-pmbk4x5dg2] {
    color: var(--brand-primary);
    background: var(--brand-on-primary);
    border-color: var(--brand-on-primary);
}

.not-found-actions .btn-primary:hover[b-pmbk4x5dg2],
.not-found-actions .btn-primary:focus-visible[b-pmbk4x5dg2] {
    color: var(--brand-on-primary);
    background: transparent;
}

.not-found-actions .btn-outline-secondary[b-pmbk4x5dg2] {
    color: var(--brand-on-primary);
    border-color: color-mix(in srgb, var(--brand-on-primary) 55%, transparent);
}

.not-found-actions .btn-outline-secondary:hover[b-pmbk4x5dg2],
.not-found-actions .btn-outline-secondary:focus-visible[b-pmbk4x5dg2] {
    color: var(--brand-primary);
    background: var(--brand-on-primary);
    border-color: var(--brand-on-primary);
}

.support-link[b-pmbk4x5dg2] {
    margin: 1.5rem 0 0;
    color: var(--brand-on-primary);
    opacity: .72;
    font-size: .86rem;
}

.support-link a[b-pmbk4x5dg2] {
    color: inherit;
    font-weight: 700;
    text-underline-offset: .18em;
}

.not-found-visual[b-pmbk4x5dg2] {
    min-height: 22rem;
}

.document-card[b-pmbk4x5dg2] {
    position: absolute;
    width: 12.5rem;
    height: 8.5rem;
    padding: 1.1rem;
    background: var(--surface-raised);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 22%, transparent);
    border-radius: .8rem;
    box-shadow: 0 1.5rem 3rem rgba(4, 20, 10, .22);
}

.document-card span[b-pmbk4x5dg2] {
    display: block;
    margin-bottom: 1rem;
    color: var(--brand-accent);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.document-card i[b-pmbk4x5dg2] {
    display: block;
    width: 100%;
    height: .38rem;
    margin-top: .48rem;
    background: var(--surface-subtle);
    border-radius: 1rem;
}

.document-card i:nth-of-type(2)[b-pmbk4x5dg2] { width: 76%; }
.document-card i:nth-of-type(3)[b-pmbk4x5dg2] { width: 48%; }

.document-card-estimate[b-pmbk4x5dg2] {
    top: 0;
    left: 0;
    transform: rotate(-6deg);
}

.document-card-invoice[b-pmbk4x5dg2] {
    right: 0;
    bottom: 0;
    transform: rotate(6deg);
    opacity: .62;
}

.workflow-line[b-pmbk4x5dg2] {
    position: absolute;
    height: 2px;
    background: color-mix(in srgb, var(--brand-on-primary) 35%, transparent);
    transform-origin: left center;
}

.workflow-line-one[b-pmbk4x5dg2] {
    top: 8.2rem;
    left: 10.4rem;
    width: 5.5rem;
    transform: rotate(32deg);
}

.workflow-line-two[b-pmbk4x5dg2] {
    right: 9.8rem;
    bottom: 8rem;
    width: 5.2rem;
    transform: rotate(32deg);
}

.workflow-break[b-pmbk4x5dg2] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 3.8rem;
    height: 3.8rem;
    color: var(--brand-primary);
    background: var(--brand-secondary);
    border: .35rem solid color-mix(in srgb, var(--brand-on-primary) 30%, transparent);
    border-radius: 50%;
    box-shadow: 0 .8rem 2rem rgba(4, 20, 10, .2);
    font-size: 1.25rem;
    font-weight: 900;
    transform: translate(-50%, -50%);
}

@media (max-width: 800px) {
    .not-found[b-pmbk4x5dg2] {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 2rem;
    }

    .not-found-visual[b-pmbk4x5dg2] {
        min-height: 15rem;
        max-width: 27rem;
        width: 100%;
        margin: 0 auto;
    }

    .document-card[b-pmbk4x5dg2] {
        width: 10.5rem;
        height: 7.4rem;
    }

    .workflow-line-one[b-pmbk4x5dg2] {
        top: 6.8rem;
        left: 8.5rem;
    }

    .workflow-line-two[b-pmbk4x5dg2] {
        right: 8rem;
        bottom: 6.8rem;
    }
}

@media (max-width: 420px) {
    .not-found[b-pmbk4x5dg2] { padding: 1.5rem; }
    .not-found-actions[b-pmbk4x5dg2] { display: grid; }
    .not-found-actions .btn[b-pmbk4x5dg2] { width: 100%; }
    .not-found-visual[b-pmbk4x5dg2] { display: none; }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.color-field[b-gqcs145azg] {
    display: grid;
    grid-template-columns: 3.1rem minmax(0, 1fr);
    gap: .55rem;
}

.color-field .form-control-color[b-gqcs145azg] {
    width: 3.1rem;
    min-width: 3.1rem;
    height: 2.4rem;
    padding: .25rem;
}

.brand-preview[b-gqcs145azg] {
    overflow: hidden;
    color: var(--text-strong);
    border: 1px solid var(--bs-border-color);
    border-radius: .8rem;
    background: var(--surface-raised);
    box-shadow: 0 .8rem 2rem rgba(18, 38, 26, .12);
}

.brand-preview-header[b-gqcs145azg] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1rem;
    color: var(--brand-on-primary);
    background: var(--brand-primary);
}

.brand-preview-mark[b-gqcs145azg] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .35rem;
    background: var(--brand-secondary);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}

.brand-preview-body[b-gqcs145azg] {
    padding: 1.25rem;
}

.brand-preview-body h2[b-gqcs145azg] {
    margin: .85rem 0 .4rem;
    color: var(--text-strong);
    font-size: 1.25rem;
}

.brand-preview-body p[b-gqcs145azg] {
    margin-bottom: 1rem;
    color: var(--text-muted);
}

.brand-preview-badge[b-gqcs145azg],
.brand-preview-button[b-gqcs145azg] {
    color: var(--brand-on-primary);
    background: var(--brand-primary);
}

.brand-preview-button[b-gqcs145azg] {
    border-color: var(--brand-primary);
}
/* /Components/Pages/RateLimited.razor.rz.scp.css */
.rate-limited[b-p18x0sppjw] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .65fr);
    gap: clamp(2.5rem, 8vw, 7rem);
    align-items: center;
    min-height: min(42rem, calc(100vh - 14rem));
    padding: clamp(2rem, 6vw, 5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--brand-secondary) 25%, transparent), transparent 30%),
        linear-gradient(140deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 68%, #071b10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.rate-limited[b-p18x0sppjw]::after {
    position: absolute;
    right: -9rem;
    bottom: -15rem;
    width: 32rem;
    height: 32rem;
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 13%, transparent);
    border-radius: 50%;
    content: "";
}

.rate-limit-copy[b-p18x0sppjw],
.rate-limit-visual[b-p18x0sppjw] {
    position: relative;
    z-index: 1;
}

.status-code[b-p18x0sppjw] {
    display: inline-block;
    margin-bottom: .9rem;
    padding: .38rem .7rem;
    color: var(--brand-primary);
    background: var(--brand-secondary);
    border-radius: .45rem;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.eyebrow[b-p18x0sppjw] {
    margin: 0 0 .45rem;
    color: var(--brand-on-primary);
    opacity: .72;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

h1[b-p18x0sppjw] {
    max-width: 43rem;
    margin: 0 0 1.15rem;
    color: var(--brand-on-primary);
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.03;
    text-wrap: balance;
}

.explanation[b-p18x0sppjw] {
    max-width: 38rem;
    margin: 0;
    color: var(--brand-on-primary);
    opacity: .82;
    font-size: 1.02rem;
    line-height: 1.7;
}

.limit-note[b-p18x0sppjw] {
    display: flex;
    gap: .85rem;
    align-items: center;
    max-width: 35rem;
    margin-top: 1.45rem;
    padding: .9rem 1rem;
    color: var(--brand-on-primary);
    background: color-mix(in srgb, var(--brand-on-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 18%, transparent);
    border-radius: .75rem;
}

.limit-note-icon[b-p18x0sppjw] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.45rem;
    height: 2.45rem;
    color: var(--brand-primary);
    background: var(--brand-secondary);
    border-radius: 50%;
    font-size: .88rem;
    font-weight: 900;
}

.limit-note strong[b-p18x0sppjw],
.limit-note small[b-p18x0sppjw] {
    display: block;
}

.limit-note strong[b-p18x0sppjw] { font-size: .9rem; }
.limit-note small[b-p18x0sppjw] { margin-top: .12rem; opacity: .72; }

.rate-limit-actions[b-p18x0sppjw] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.7rem;
}

.rate-limit-actions .btn-primary[b-p18x0sppjw] {
    color: var(--brand-primary);
    background: var(--brand-on-primary);
    border-color: var(--brand-on-primary);
}

.rate-limit-actions .btn-primary:hover[b-p18x0sppjw],
.rate-limit-actions .btn-primary:focus-visible[b-p18x0sppjw] {
    color: var(--brand-on-primary);
    background: transparent;
}

.rate-limit-actions .btn-outline-secondary[b-p18x0sppjw] {
    color: var(--brand-on-primary);
    border-color: color-mix(in srgb, var(--brand-on-primary) 55%, transparent);
}

.rate-limit-actions .btn-outline-secondary:hover[b-p18x0sppjw],
.rate-limit-actions .btn-outline-secondary:focus-visible[b-p18x0sppjw] {
    color: var(--brand-primary);
    background: var(--brand-on-primary);
    border-color: var(--brand-on-primary);
}

.rate-limit-visual[b-p18x0sppjw] {
    display: grid;
    place-items: center;
    min-height: 22rem;
}

.clock-face[b-p18x0sppjw] {
    position: relative;
    width: clamp(13rem, 22vw, 19rem);
    aspect-ratio: 1;
    background: var(--surface-raised);
    border: .75rem solid color-mix(in srgb, var(--brand-on-primary) 24%, transparent);
    border-radius: 50%;
    box-shadow: 0 1.8rem 3.5rem rgba(4, 20, 10, .28);
    transform: rotate(-7deg);
}

.clock-center[b-p18x0sppjw] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 1rem;
    height: 1rem;
    background: var(--brand-secondary);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.clock-hand[b-p18x0sppjw] {
    position: absolute;
    bottom: 50%;
    left: calc(50% - .18rem);
    width: .36rem;
    background: var(--brand-primary);
    border-radius: 1rem;
    transform-origin: bottom center;
}

.clock-hand-hour[b-p18x0sppjw] { height: 29%; transform: rotate(42deg); }
.clock-hand-minute[b-p18x0sppjw] { height: 38%; transform: rotate(145deg); }

.tick[b-p18x0sppjw] {
    position: absolute;
    width: .3rem;
    height: 1rem;
    background: var(--border-color);
    border-radius: 1rem;
}

.tick-one[b-p18x0sppjw] { top: 7%; left: calc(50% - .15rem); }
.tick-two[b-p18x0sppjw] { top: calc(50% - .5rem); right: 8%; transform: rotate(90deg); }
.tick-three[b-p18x0sppjw] { bottom: 7%; left: calc(50% - .15rem); }
.tick-four[b-p18x0sppjw] { top: calc(50% - .5rem); left: 8%; transform: rotate(90deg); }

.clock-shadow[b-p18x0sppjw] {
    width: 60%;
    height: 1.2rem;
    margin-top: -1rem;
    background: rgba(4, 20, 10, .18);
    border-radius: 50%;
    filter: blur(.5rem);
}

@media (max-width: 800px) {
    .rate-limited[b-p18x0sppjw] {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 2rem;
    }

    .rate-limit-visual[b-p18x0sppjw] { min-height: 15rem; }
    .clock-face[b-p18x0sppjw] { width: 13rem; }
}

@media (max-width: 420px) {
    .rate-limited[b-p18x0sppjw] { padding: 1.5rem; }
    .rate-limit-actions[b-p18x0sppjw] { display: grid; }
    .rate-limit-actions .btn[b-p18x0sppjw] { width: 100%; }
    .rate-limit-visual[b-p18x0sppjw] { display: none; }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.report-heading[b-zuvw18dnqb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.report-toolbar[b-zuvw18dnqb] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    overflow: visible;
}

.report-date-controls[b-zuvw18dnqb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
}

.report-date-controls > div:first-child[b-zuvw18dnqb] {
    width: 10.5rem;
}

.report-date-controls > div:not(:first-child)[b-zuvw18dnqb] {
    width: 9.6rem;
}

.report-run[b-zuvw18dnqb],
.report-export[b-zuvw18dnqb] {
    white-space: nowrap;
}

.report-tabs[b-zuvw18dnqb] {
    display: flex;
    gap: .25rem;
    margin-bottom: .75rem;
    padding: .3rem;
    overflow-x: auto;
    background: var(--surface-subtle);
    border: 1px solid var(--border-color);
    border-radius: .75rem;
}

.report-tab[b-zuvw18dnqb] {
    min-height: 2.35rem;
    padding: .45rem .85rem;
    color: var(--text-muted);
    background: transparent;
    border: 0;
    border-radius: .5rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}

.report-tab:hover[b-zuvw18dnqb] {
    color: var(--text-strong);
    background: color-mix(in srgb, var(--brand-primary) 7%, var(--surface-raised));
}

.report-tab.active[b-zuvw18dnqb] {
    color: var(--brand-on-primary);
    background: var(--brand-primary);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--brand-primary) 22%, transparent);
}

.report-period[b-zuvw18dnqb] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 .15rem 1rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.report-period span[b-zuvw18dnqb] {
    color: var(--text-strong);
    font-weight: 700;
}

.report-loading[b-zuvw18dnqb],
.report-restricted[b-zuvw18dnqb] {
    min-height: 17rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .65rem;
    padding: 2rem;
    text-align: center;
}

.report-restricted[b-zuvw18dnqb] {
    grid-template-columns: auto minmax(0, 540px);
    text-align: left;
}

.report-restricted p[b-zuvw18dnqb] {
    max-width: 540px;
}

.report-spinner[b-zuvw18dnqb] {
    width: 2.65rem;
    height: 2.65rem;
    border: .22rem solid color-mix(in srgb, var(--brand-primary) 16%, var(--surface-raised));
    border-top-color: var(--brand-primary);
    border-radius: 50%;
    animation: report-spin-b-zuvw18dnqb .8s linear infinite;
}

.report-lock[b-zuvw18dnqb] {
    width: 3.5rem;
    height: 3rem;
    position: relative;
    margin-right: .75rem;
    background: color-mix(in srgb, var(--brand-primary) 14%, var(--surface-raised));
    border: 1px solid color-mix(in srgb, var(--brand-primary) 30%, var(--border-color));
    border-radius: .7rem;
}

.report-lock[b-zuvw18dnqb]::before {
    content: "";
    position: absolute;
    width: 1.8rem;
    height: 1.55rem;
    left: .78rem;
    top: -1.05rem;
    border: .3rem solid var(--brand-primary);
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
}

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

.report-content[b-zuvw18dnqb]  .report-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: .8rem;
}

.report-content[b-zuvw18dnqb]  .report-aging-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.report-content[b-zuvw18dnqb]  .report-kpi {
    position: relative;
    min-width: 0;
    padding: 1rem;
    overflow: hidden;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .82rem;
    box-shadow: var(--shadow-sm);
}

.report-content[b-zuvw18dnqb]  .report-kpi::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: color-mix(in srgb, var(--text-muted) 45%, transparent);
}

.report-content[b-zuvw18dnqb]  .report-kpi-primary::before { background: var(--brand-primary); }
.report-content[b-zuvw18dnqb]  .report-kpi-success::before { background: #2ea66a; }
.report-content[b-zuvw18dnqb]  .report-kpi-warning::before { background: #d79614; }
.report-content[b-zuvw18dnqb]  .report-kpi-danger::before { background: #c84e4e; }

.report-content[b-zuvw18dnqb]  .report-kpi > span,
.report-content[b-zuvw18dnqb]  .report-kpi > strong,
.report-content[b-zuvw18dnqb]  .report-kpi > small {
    display: block;
}

.report-content[b-zuvw18dnqb]  .report-kpi > span {
    margin-bottom: .42rem;
    color: var(--text-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.report-content[b-zuvw18dnqb]  .report-kpi > strong {
    overflow: hidden;
    color: var(--text-strong);
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    letter-spacing: -.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-content[b-zuvw18dnqb]  .report-kpi > small {
    margin-top: .42rem;
    color: var(--text-muted);
    font-size: .7rem;
    line-height: 1.35;
}

.report-content[b-zuvw18dnqb]  .report-overview-grid,
.report-content[b-zuvw18dnqb]  .report-pipeline-grid {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
    gap: .8rem;
}

.report-content[b-zuvw18dnqb]  .report-pipeline-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-content[b-zuvw18dnqb]  .report-summary-list {
    margin: 0;
}

.report-content[b-zuvw18dnqb]  .report-summary-list > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .67rem 0;
    border-bottom: 1px solid var(--border-color);
}

.report-content[b-zuvw18dnqb]  .report-summary-list > div:first-child { padding-top: 0; }
.report-content[b-zuvw18dnqb]  .report-summary-list > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.report-content[b-zuvw18dnqb]  .report-summary-list dt {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 600;
}

.report-content[b-zuvw18dnqb]  .report-summary-list dd {
    margin: 0;
    color: var(--text-strong);
    font-size: .84rem;
    font-weight: 750;
}

.report-content[b-zuvw18dnqb]  .report-empty {
    min-height: 9rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .3rem;
    padding: 1.5rem;
    color: var(--text-muted);
    text-align: center;
    font-size: .84rem;
}

.report-content[b-zuvw18dnqb]  .report-empty strong {
    color: var(--text-strong);
    font-size: .95rem;
}

.report-content[b-zuvw18dnqb]  .report-age {
    display: inline-block;
    padding: .28rem .5rem;
    color: var(--text-body);
    background: var(--surface-subtle);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.report-content[b-zuvw18dnqb]  .report-age.warning {
    color: #855d08;
    background: #fff1c9;
}

.report-content[b-zuvw18dnqb]  .report-age.danger {
    color: #9e3232;
    background: #ffe1e1;
}

.report-content[b-zuvw18dnqb]  .report-refunded-row {
    opacity: .68;
}

.report-content[b-zuvw18dnqb]  .report-balance {
    color: #b64343;
    font-weight: 750;
}

@media (prefers-color-scheme: dark) {
    .report-content[b-zuvw18dnqb]  .report-age.warning {
        color: #f4d586;
        background: #493a17;
    }

    .report-content[b-zuvw18dnqb]  .report-age.danger {
        color: #ffb3b3;
        background: #4a2424;
    }

    .report-content[b-zuvw18dnqb]  .report-balance {
        color: #ffabab;
    }
}

@media (max-width: 1050px) {
    .report-content[b-zuvw18dnqb]  .report-kpis,
    .report-content[b-zuvw18dnqb]  .report-aging-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .report-toolbar[b-zuvw18dnqb] {
        align-items: stretch;
        flex-direction: column;
    }

    .report-export[b-zuvw18dnqb] {
        align-self: flex-start;
    }

    .report-content[b-zuvw18dnqb]  .report-overview-grid,
    .report-content[b-zuvw18dnqb]  .report-pipeline-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .report-date-controls > div[b-zuvw18dnqb],
    .report-date-controls > div:first-child[b-zuvw18dnqb],
    .report-date-controls > div:not(:first-child)[b-zuvw18dnqb] {
        flex: 1 1 calc(50% - .5rem);
        width: auto;
    }

    .report-run[b-zuvw18dnqb] {
        flex: 1 1 100%;
    }

    .report-export[b-zuvw18dnqb] {
        width: 100%;
    }

    .report-period[b-zuvw18dnqb] {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }

    .report-content[b-zuvw18dnqb]  .report-kpis,
    .report-content[b-zuvw18dnqb]  .report-aging-kpis {
        grid-template-columns: 1fr;
    }

    .report-restricted[b-zuvw18dnqb] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .report-lock[b-zuvw18dnqb] {
        margin: 1rem auto .5rem;
    }
}
/* /Components/Pages/SavedLineItems.razor.rz.scp.css */
.saved-item-card[b-wk7fi46iet] { overflow: visible; }

.saved-item-toolbar[b-wk7fi46iet],
.toolbar-actions[b-wk7fi46iet] {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: center;
}

.saved-item-toolbar[b-wk7fi46iet] { justify-content: space-between; }
.toolbar-actions[b-wk7fi46iet] {
    justify-content: flex-end;
    margin-left: auto;
    white-space: nowrap;
}
.toolbar-actions .form-check[b-wk7fi46iet] {
    flex: 0 0 auto;
    margin: 0;
    font-size: .8rem;
    white-space: nowrap;
}

.toolbar-actions .btn[b-wk7fi46iet] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.item-search[b-wk7fi46iet] {
    position: relative;
    width: min(20rem, 100%);
}

.item-search > span[b-wk7fi46iet]::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: .72rem;
    width: .62rem;
    height: .62rem;
    border: 1.5px solid var(--text-muted);
    border-radius: 50%;
    transform: translateY(-62%);
}

.item-search > span[b-wk7fi46iet]::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 1.3rem;
    width: .38rem;
    height: 1.5px;
    background: var(--text-muted);
    transform: rotate(45deg);
}

.item-search input[b-wk7fi46iet] { padding-left: 2.15rem; }
.item-name[b-wk7fi46iet] { color: var(--text-strong); }

.description-text[b-wk7fi46iet] {
    display: block;
    max-width: 30rem;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-dot[b-wk7fi46iet] {
    display: inline-block;
    width: .48rem;
    height: .48rem;
    margin-right: .35rem;
    border-radius: 50%;
}

.status-dot.active[b-wk7fi46iet] { background: var(--brand-primary); }
.status-dot.archived[b-wk7fi46iet] { background: var(--text-muted); }
.archived-row[b-wk7fi46iet] { opacity: .72; }
.empty-state[b-wk7fi46iet] { padding: 3rem 1rem !important; color: var(--text-muted); text-align: center; }

.input-group-text[b-wk7fi46iet] {
    color: var(--text-muted);
    background: var(--surface-subtle);
    border-color: #cfd9d3;
}

.modal-content[b-wk7fi46iet] { color: var(--text-body); background: var(--surface-raised); }
.modal-header[b-wk7fi46iet], .modal-footer[b-wk7fi46iet] { border-color: var(--border-color); }

@media (max-width: 900px) {
    .saved-item-toolbar[b-wk7fi46iet],
    .toolbar-actions[b-wk7fi46iet] { flex-wrap: wrap; }
    .toolbar-actions[b-wk7fi46iet],
    .item-search[b-wk7fi46iet] { width: 100%; }
    .toolbar-actions[b-wk7fi46iet] { justify-content: space-between; }
}
/* /Components/Pages/StatusMessage.razor.rz.scp.css */
.status-message[b-ln3nlk6qrr] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .65fr);
    gap: clamp(2.5rem, 8vw, 7rem);
    align-items: center;
    min-height: min(42rem, calc(100vh - 14rem));
    padding: clamp(2rem, 6vw, 5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--brand-secondary) 24%, transparent), transparent 30%),
        linear-gradient(140deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 68%, #071b10));
    border-radius: 1.1rem;
    box-shadow: var(--shadow-md);
}

.status-message[b-ln3nlk6qrr]::after {
    position: absolute;
    right: -9rem;
    bottom: -15rem;
    width: 32rem;
    height: 32rem;
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 13%, transparent);
    border-radius: 50%;
    content: "";
}

.status-copy[b-ln3nlk6qrr],
.status-visual[b-ln3nlk6qrr] {
    position: relative;
    z-index: 1;
}

.status-code[b-ln3nlk6qrr] {
    display: inline-block;
    margin-bottom: .9rem;
    padding: .38rem .7rem;
    color: var(--brand-primary);
    background: var(--brand-secondary);
    border-radius: .45rem;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.eyebrow[b-ln3nlk6qrr] {
    margin: 0 0 .45rem;
    color: var(--brand-on-primary);
    opacity: .72;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

h1[b-ln3nlk6qrr] {
    max-width: 43rem;
    margin: 0 0 1.15rem;
    color: var(--brand-on-primary);
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.03;
    text-wrap: balance;
}

.explanation[b-ln3nlk6qrr] {
    max-width: 38rem;
    margin: 0;
    color: var(--brand-on-primary);
    opacity: .82;
    font-size: 1.02rem;
    line-height: 1.7;
}

.status-note[b-ln3nlk6qrr] {
    display: flex;
    gap: .85rem;
    align-items: center;
    max-width: 35rem;
    margin-top: 1.45rem;
    padding: .9rem 1rem;
    color: var(--brand-on-primary);
    background: color-mix(in srgb, var(--brand-on-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 18%, transparent);
    border-radius: .75rem;
}

.status-note-icon[b-ln3nlk6qrr] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.45rem;
    height: 2.45rem;
    color: var(--brand-primary);
    background: var(--brand-secondary);
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 900;
}

.status-note strong[b-ln3nlk6qrr],
.status-note small[b-ln3nlk6qrr] { display: block; }
.status-note strong[b-ln3nlk6qrr] { font-size: .9rem; }
.status-note small[b-ln3nlk6qrr] { margin-top: .12rem; opacity: .72; }

.reference-id[b-ln3nlk6qrr] {
    margin: 1rem 0 0;
    color: var(--brand-on-primary);
    opacity: .72;
    font-size: .78rem;
}

.reference-id code[b-ln3nlk6qrr] {
    color: inherit;
    overflow-wrap: anywhere;
}

.status-actions[b-ln3nlk6qrr] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.7rem;
}

.status-actions .btn-primary[b-ln3nlk6qrr] {
    color: var(--brand-primary);
    background: var(--brand-on-primary);
    border-color: var(--brand-on-primary);
}

.status-actions .btn-primary:hover[b-ln3nlk6qrr],
.status-actions .btn-primary:focus-visible[b-ln3nlk6qrr] {
    color: var(--brand-on-primary);
    background: transparent;
}

.status-actions .btn-outline-secondary[b-ln3nlk6qrr] {
    color: var(--brand-on-primary);
    border-color: color-mix(in srgb, var(--brand-on-primary) 55%, transparent);
}

.status-actions .btn-outline-secondary:hover[b-ln3nlk6qrr],
.status-actions .btn-outline-secondary:focus-visible[b-ln3nlk6qrr] {
    color: var(--brand-primary);
    background: var(--brand-on-primary);
    border-color: var(--brand-on-primary);
}

.status-visual[b-ln3nlk6qrr] {
    display: grid;
    place-items: center;
    min-height: 22rem;
    perspective: 700px;
}

.status-document[b-ln3nlk6qrr] {
    position: relative;
    width: clamp(14rem, 23vw, 19rem);
    min-height: 22rem;
    padding: 1.5rem;
    background: var(--surface-raised);
    border: 1px solid color-mix(in srgb, var(--brand-on-primary) 24%, transparent);
    border-radius: .85rem;
    box-shadow: 0 1.8rem 3.5rem rgba(4, 20, 10, .28);
    transform: rotateY(-7deg) rotateZ(4deg);
}

.document-header[b-ln3nlk6qrr] {
    display: flex;
    gap: .35rem;
    align-items: center;
    margin-bottom: 2rem;
}

.document-header span[b-ln3nlk6qrr] {
    width: 3rem;
    height: .55rem;
    margin-right: auto;
    background: var(--brand-primary);
    border-radius: 1rem;
}

.document-header i[b-ln3nlk6qrr] {
    width: .48rem;
    height: .48rem;
    background: var(--border-color);
    border-radius: 50%;
}

.document-line[b-ln3nlk6qrr] {
    width: 100%;
    height: .48rem;
    margin-top: .8rem;
    background: var(--surface-subtle);
    border-radius: 1rem;
}

.document-line-short[b-ln3nlk6qrr] { width: 58%; }
.document-line-medium[b-ln3nlk6qrr] { width: 78%; }

.document-mark[b-ln3nlk6qrr] {
    display: grid;
    place-items: center;
    width: 4.2rem;
    height: 4.2rem;
    margin: 3.25rem auto 0;
    color: var(--brand-primary);
    background: color-mix(in srgb, var(--brand-secondary) 65%, var(--surface-raised));
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 900;
}

.document-shadow[b-ln3nlk6qrr] {
    width: 60%;
    height: 1.2rem;
    margin-top: -1rem;
    background: rgba(4, 20, 10, .18);
    border-radius: 50%;
    filter: blur(.5rem);
}

@media (max-width: 800px) {
    .status-message[b-ln3nlk6qrr] {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 2rem;
    }

    .status-visual[b-ln3nlk6qrr] { min-height: 15rem; }
    .status-document[b-ln3nlk6qrr] { width: 12rem; min-height: 15rem; }
    .document-mark[b-ln3nlk6qrr] { margin-top: 1.5rem; }
}

@media (max-width: 420px) {
    .status-message[b-ln3nlk6qrr] { padding: 1.5rem; }
    .status-actions[b-ln3nlk6qrr] { display: grid; }
    .status-actions .btn[b-ln3nlk6qrr] { width: 100%; }
    .status-visual[b-ln3nlk6qrr] { display: none; }
}
/* /Components/Shared/EstimateTable.razor.rz.scp.css */
.revision-summary[b-064049d64r] {
    display: inline-flex;
    gap: .42rem;
    align-items: center;
    padding: .2rem .32rem;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: .45rem;
}

.revision-summary:hover[b-064049d64r] {
    color: var(--brand-accent);
    background: color-mix(in srgb, var(--brand-primary) 8%, var(--surface-raised));
    border-color: color-mix(in srgb, var(--brand-primary) 18%, var(--border-color));
}

.revision-summary:focus-visible[b-064049d64r] {
    outline: 0;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.revision-chevron[b-064049d64r] {
    width: .45rem;
    height: .45rem;
    flex: 0 0 auto;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .15s ease;
}

.revision-summary.expanded .revision-chevron[b-064049d64r] {
    transform: rotate(45deg) translate(-1px, -1px);
}

.revision-history-row > td[b-064049d64r] {
    padding: 0 !important;
    background: color-mix(in srgb, var(--brand-primary) 4%, var(--surface-raised));
    border-bottom: 1px solid color-mix(in srgb, var(--brand-primary) 20%, var(--border-color));
}

.revision-history-panel[b-064049d64r] {
    margin: .65rem .85rem .85rem 3.2rem;
    overflow: hidden;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .7rem;
    box-shadow: var(--shadow-sm);
}

.revision-history-heading[b-064049d64r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .75rem .9rem;
    color: var(--text-strong);
    background: var(--surface-subtle);
    border-bottom: 1px solid var(--border-color);
}

.revision-history-heading strong[b-064049d64r],
.revision-history-heading small[b-064049d64r] {
    display: block;
}

.revision-history-heading > div > strong[b-064049d64r] {
    font-size: .82rem;
}

.revision-history-heading small[b-064049d64r] {
    margin-top: .12rem;
    color: var(--text-muted);
    font-size: .7rem;
}

.revision-history-heading > span[b-064049d64r] {
    color: var(--text-muted);
    font-size: .72rem;
    text-align: right;
}

.revision-history-loading[b-064049d64r] {
    padding: 1rem;
    color: var(--text-muted);
    font-size: .78rem;
}

.revision-history-table[b-064049d64r] {
    margin: 0;
}

.revision-history-table > :not(caption) > * > *[b-064049d64r] {
    padding: .55rem .7rem;
}

.revision-history-table thead th[b-064049d64r] {
    font-size: .63rem;
}

.revision-history-table tbody td[b-064049d64r] {
    font-size: .76rem;
}

@media (max-width: 640px) {
    .revision-history-panel[b-064049d64r] {
        margin-left: .65rem;
    }
}
/* /Components/Shared/InvoicePaymentDialog.razor.rz.scp.css */
.modal-content[b-g78mx1uhvd] {
    color: var(--text-body);
    background: var(--surface-raised);
}

.modal-header[b-g78mx1uhvd],
.modal-footer[b-g78mx1uhvd] { border-color: var(--border-color); }

.payment-balance[b-g78mx1uhvd] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1.1rem;
    padding: .85rem 1rem;
    color: var(--text-muted);
    background: var(--surface-subtle);
    border: 1px solid var(--border-color);
    border-radius: .65rem;
}

.payment-balance strong[b-g78mx1uhvd] {
    color: var(--text-strong);
    font-size: 1.2rem;
}

.input-group-text[b-g78mx1uhvd] {
    color: var(--text-muted);
    background: var(--surface-subtle);
    border-color: #cfd9d3;
}
/* /Components/Shared/InvoiceTable.razor.rz.scp.css */
.payment-status-summary[b-cilbzhqcrf] {
    display: inline-flex;
    gap: .42rem;
    align-items: center;
    padding: .2rem .32rem;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: .45rem;
}

.payment-status-summary:hover[b-cilbzhqcrf] {
    color: var(--brand-accent);
    background: color-mix(in srgb, var(--brand-primary) 8%, var(--surface-raised));
    border-color: color-mix(in srgb, var(--brand-primary) 18%, var(--border-color));
}

.payment-status-summary:focus-visible[b-cilbzhqcrf] {
    outline: 0;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.payment-status-chevron[b-cilbzhqcrf] {
    width: .45rem;
    height: .45rem;
    flex: 0 0 auto;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .15s ease;
}

.payment-status-summary.expanded .payment-status-chevron[b-cilbzhqcrf] {
    transform: rotate(45deg) translate(-1px, -1px);
}

.payment-history-row > td[b-cilbzhqcrf] {
    padding: 0 !important;
    background: color-mix(in srgb, var(--brand-primary) 4%, var(--surface-raised));
    border-bottom: 1px solid color-mix(in srgb, var(--brand-primary) 20%, var(--border-color));
}

.payment-history-panel[b-cilbzhqcrf] {
    margin: .65rem .85rem .85rem 3.2rem;
    overflow: hidden;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: .7rem;
    box-shadow: var(--shadow-sm);
}

.payment-history-heading[b-cilbzhqcrf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .75rem .9rem;
    color: var(--text-strong);
    background: var(--surface-subtle);
    border-bottom: 1px solid var(--border-color);
}

.payment-history-heading strong[b-cilbzhqcrf],
.payment-history-heading small[b-cilbzhqcrf] {
    display: block;
}

.payment-history-heading > div > strong[b-cilbzhqcrf] { font-size: .82rem; }

.payment-history-heading small[b-cilbzhqcrf] {
    margin-top: .12rem;
    color: var(--text-muted);
    font-size: .7rem;
}

.payment-history-heading > span[b-cilbzhqcrf] {
    color: var(--text-muted);
    font-size: .72rem;
    text-align: right;
}

.payment-history-heading > span strong[b-cilbzhqcrf] {
    margin-top: .08rem;
    color: var(--text-strong);
    font-size: .86rem;
}

.payment-history-table[b-cilbzhqcrf] { margin: 0; }

.payment-history-table > :not(caption) > * > *[b-cilbzhqcrf] {
    padding: .55rem .7rem;
}

.payment-history-table thead th[b-cilbzhqcrf] { font-size: .63rem; }
.payment-history-table tbody td[b-cilbzhqcrf] { font-size: .76rem; }

.payment-table-notes[b-cilbzhqcrf] {
    display: block;
    max-width: 24rem;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .payment-history-panel[b-cilbzhqcrf] { margin-left: .65rem; }
}