/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-hhnvt07xec] {
    display: grid;
    min-height: 100vh;
    min-height: 100dvh;
    place-items: center;
    padding: 24px;
    background: #eef3f7;
}

.login-layout-content[b-hhnvt07xec] {
    width: min(100%, 420px);
}

@media (max-width: 480px) {
    .login-layout[b-hhnvt07xec] {
        align-items: start;
        padding: 48px 16px 24px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-eqsrrqxasi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-eqsrrqxasi] {
    flex: 1;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.sidebar[b-eqsrrqxasi] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-eqsrrqxasi] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-eqsrrqxasi]  a, .top-row[b-eqsrrqxasi]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-eqsrrqxasi]  a:hover, .top-row[b-eqsrrqxasi]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-eqsrrqxasi]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-eqsrrqxasi] {
        justify-content: space-between;
    }

    .top-row[b-eqsrrqxasi]  a, .top-row[b-eqsrrqxasi]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-eqsrrqxasi] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-eqsrrqxasi] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-eqsrrqxasi]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-eqsrrqxasi], article[b-eqsrrqxasi] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
        min-width: 0;
        max-width: 100%;
    }
}

#blazor-error-ui[b-eqsrrqxasi] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

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

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

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

.bi[b-l13vdl0kx0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    flex: 0 0 1.25rem;
    margin-right: 0.75rem;
    line-height: 1;
    vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PortalAuthLayout.razor.rz.scp.css */
.portal-auth-layout[b-gmusgeqxx3] {
    display: grid;
    min-height: 100vh;
    min-height: 100dvh;
    place-items: center;
    padding: 24px;
    background: var(--mt-canvas);
}

/* Wider than the staff login's 420px. These pages carry a password field, a
   consent line, and terms prose rather than a single sign-in button. */
.portal-auth-layout-content[b-gmusgeqxx3] {
    width: min(100%, 460px);
}

/* Terms pages are prose and need a comfortable measure, not a login card. */
.portal-auth-layout-content.is-wide[b-gmusgeqxx3] {
    width: min(100%, 720px);
}

@media (max-width: 480px) {
    .portal-auth-layout[b-gmusgeqxx3] {
        align-items: start;
        padding: 48px 16px 24px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6hxo8fhj8d],
.components-reconnect-repeated-attempt-visible[b-6hxo8fhj8d],
.components-reconnect-failed-visible[b-6hxo8fhj8d],
.components-pause-visible[b-6hxo8fhj8d],
.components-resume-failed-visible[b-6hxo8fhj8d],
.components-rejoining-animation[b-6hxo8fhj8d] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-6hxo8fhj8d {
    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/Layout/SigningLayout.razor.rz.scp.css */
.signing-layout[b-4afwrf9dhf] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: #eef3f7;
    color: #152536;
}

.signing-layout-header[b-4afwrf9dhf] {
    height: 64px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--mt-border);
    background: #fff;
}

.signing-layout-header img[b-4afwrf9dhf] {
    width: 126px;
    height: auto;
}

.signing-layout-header span[b-4afwrf9dhf],
.signing-layout-footer[b-4afwrf9dhf] {
    color: #546675;
    font-size: 13px;
}

.signing-layout-content[b-4afwrf9dhf] {
    min-width: 0;
}

.signing-layout-footer[b-4afwrf9dhf] {
    min-height: 52px;
    padding: 12px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--mt-border);
    background: #fff;
}

@media (max-width: 640px) {
    .signing-layout-header[b-4afwrf9dhf] {
        height: 56px;
        padding: 0 16px;
    }

    .signing-layout-header img[b-4afwrf9dhf] {
        width: 112px;
    }

    .signing-layout-header span[b-4afwrf9dhf] {
        display: none;
    }

    .signing-layout-footer[b-4afwrf9dhf] {
        padding: 14px 16px;
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
}
/* /Features/Accounts/Pages/AccountAddressDialog.razor.rz.scp.css */
.account-dialog-grid[b-qc4xda3lg9] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-dialog-field[b-qc4xda3lg9] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-dialog-span[b-qc4xda3lg9] {
    grid-column: 1 / -1;
}

.account-dialog-checks[b-qc4xda3lg9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.account-dialog-actions[b-qc4xda3lg9] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

@media (max-width: 576px) {
    .account-dialog-grid[b-qc4xda3lg9] {
        grid-template-columns: 1fr;
    }

    .account-dialog-span[b-qc4xda3lg9] {
        grid-column: auto;
    }
}
/* /Features/Accounts/Pages/AccountContactDialog.razor.rz.scp.css */
.account-dialog-grid[b-55hfgtnc7w] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-dialog-field[b-55hfgtnc7w] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-dialog-span[b-55hfgtnc7w] {
    grid-column: 1 / -1;
}

.account-dialog-checks[b-55hfgtnc7w] {
    display: flex;
    align-items: end;
    gap: 20px;
    min-height: 38px;
}

.account-dialog-checks span[b-55hfgtnc7w] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.account-dialog-actions[b-55hfgtnc7w] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

@media (max-width: 576px) {
    .account-dialog-grid[b-55hfgtnc7w] {
        grid-template-columns: 1fr;
    }

    .account-dialog-span[b-55hfgtnc7w] {
        grid-column: auto;
    }
}
/* /Features/Accounts/Pages/AccountCreateDialog.razor.rz.scp.css */
.account-dialog-grid[b-ghyz0bdtfr] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-dialog-field[b-ghyz0bdtfr] {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
}

.account-dialog-span[b-ghyz0bdtfr] {
    grid-column: 1 / -1;
}

.account-dialog-section[b-ghyz0bdtfr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

.account-dialog-checkbox[b-ghyz0bdtfr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
}

.account-dialog-actions[b-ghyz0bdtfr] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 22px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

[b-ghyz0bdtfr] .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

[b-ghyz0bdtfr] .rz-message {
    font-size: 11px;
}

@media (max-width: 576px) {
    .account-dialog-grid[b-ghyz0bdtfr] {
        grid-template-columns: 1fr;
    }

    .account-dialog-span[b-ghyz0bdtfr] {
        grid-column: auto;
    }

    .account-dialog-actions[b-ghyz0bdtfr] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .account-dialog-actions[b-ghyz0bdtfr]  .rz-button {
        width: 100%;
    }
}
/* /Features/Accounts/Pages/AccountDetail.razor.rz.scp.css */
.account-detail-page[b-56jft1buy0] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.account-detail-loading[b-56jft1buy0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 220px;
    color: #5d6b78;
}

.account-detail-header[b-56jft1buy0],
.account-detail-heading[b-56jft1buy0],
.account-detail-actions[b-56jft1buy0],
.account-tab-toolbar[b-56jft1buy0],
.account-tab-actions[b-56jft1buy0] {
    display: flex;
    align-items: center;
}

.account-detail-header[b-56jft1buy0],
.account-tab-toolbar[b-56jft1buy0] {
    justify-content: space-between;
    gap: 16px;
}

.account-detail-heading[b-56jft1buy0] {
    gap: 10px;
    min-width: 0;
}

.account-detail-heading-icon[b-56jft1buy0] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    color: #1677c8;
    background: #eaf4fc;
    border: 1px solid #cfe4f5;
}

.account-detail-eyebrow[b-56jft1buy0] {
    color: #31834a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.account-detail-heading h1[b-56jft1buy0],
/* The tab header row. A rule terminates the heading -- the one place a rule
   belongs -- so every tab announces its section the same way instead of each
   choosing an underline, a container border, or nothing. Tabs previously
   differed, which is what made the page unscannable.

   The h2 had no font-size and inherited Bootstrap's 2rem, rendering the section
   heading at 32px against a 24px page title. */
.account-tab-toolbar[b-56jft1buy0] {
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--mt-rule);
}

.account-tab-toolbar h2[b-56jft1buy0],
.account-detail-section h2[b-56jft1buy0] {
    margin: 0;
    color: #12263a;
    font-size: var(--mt-font-section);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
}

/* One rule, under the heading, on every section of this page.
   Two shapes exist: Profile puts its h2 directly in the section, while Legal
   Identity, Fulfillment Release, Account Terms and Hierarchy wrap theirs in a
   flex header row alongside actions. A `> h2` rule reached only the first, which
   is why Profile was the single overview section with a line under it. On a flex
   row the rule goes on the row, or it underlines the text width instead of the
   section. */
.account-detail-section > h2[b-56jft1buy0],
.account-hierarchy-header[b-56jft1buy0] {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--mt-rule);
}

.account-detail-heading h1[b-56jft1buy0] {
    overflow: hidden;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-detail-heading p[b-56jft1buy0] {
    margin: 2px 0 0;
    color: #627384;
    font-size: 13px;
}

.account-detail-actions[b-56jft1buy0],
.account-tab-actions[b-56jft1buy0] {
    gap: 8px;
}

.account-contract-party[b-56jft1buy0] {
    display: grid;
    gap: 2px;
}

.account-contract-party small[b-56jft1buy0] {
    color: #667787;
}

.account-summary-band[b-56jft1buy0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #dce3e8;
    background: #fff;
}

.account-summary-band > div[b-56jft1buy0] {
    display: grid;
    gap: 3px;
    padding: 12px 14px;
    border-right: 1px solid var(--mt-rule);
}

.account-summary-band > div:last-child[b-56jft1buy0] {
    border-right: 0;
}

.account-summary-band span[b-56jft1buy0],
.account-detail-list dt[b-56jft1buy0] {
    color: #667787;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.account-summary-band strong[b-56jft1buy0] {
    color: #12263a;
    font-size: 14px;
}

.account-overview-grid[b-56jft1buy0] {
    display: grid;
    /* Gap is zero because the columns carry their own padding around a divider rule; a gap
       as well would double the space and push the rule off-centre. */
    column-gap: 0;
    row-gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 0;
}

.account-detail-section[b-56jft1buy0] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #dce3e8;
    background: #fff;
}

/*
    Overview sections are regions inside the tab panel, not cards on a canvas.

    The panel is already the surface, so giving each section its own border, radius, and
    shadow made a card inside a card -- and the shadow only existed to rescue a white tile
    that had been placed on a white panel. Removing all three leaves one surface level:
    heading, whitespace, and the grid gap carry the separation instead.
*/
.account-overview-grid > .account-detail-section[b-56jft1buy0] {
    padding: 4px 32px 20px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/*
    A divider between the columns.

    Whitespace alone was not enough here: each section splits into its own label/value
    pairs, so a reader scanning left to right meets four blocks of text with nothing saying
    where one section ends and the next begins. One hairline resolves it without
    reintroducing card borders on every section.
*/
/* The divider belongs to the left column, not the right. As a border-left on
   even children it only existed where a right-column cell existed: with five
   sections the third row holds Hierarchy alone, so the line stopped two thirds
   of the way down and looked broken rather than deliberate. Odd children occupy
   every row, and grid items stretch to their row height, so the rule now runs
   the full height of the grid. */
.account-overview-grid > .account-detail-section:nth-child(odd)[b-56jft1buy0] {
    border-right: 1px solid var(--mt-rule);
}

.account-overview-grid > .account-detail-section:nth-child(even)[b-56jft1buy0] {
    padding-right: 0;
    padding-left: 32px;
}

/* Between rows, whitespace rather than a rule. Each section already announces
   itself with the rule under its own heading; adding a second boundary above the
   section meant the page carried two kinds of line that had to be told apart. */
.account-overview-grid > .account-detail-section:nth-child(n + 3)[b-56jft1buy0] {
    padding-top: 28px;
}

.account-contract-preferences[b-56jft1buy0] {
    display: grid;
    gap: 16px;
    padding: 0;
    border: 0;
    background: transparent;
}

/* The rule terminates the heading. It previously sat on this header element,
   which contains the heading AND its supporting sentence, so it drew below the
   sentence -- reading as a divider under a paragraph rather than as the start of
   a section. The sentence is content and belongs beneath the rule. */
.account-contract-header h2[b-56jft1buy0] {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mt-rule);
}

.account-contract-header p[b-56jft1buy0] {
    margin: 10px 0 0;
    color: #627384;
    font-size: 13px;
}

.account-contract-form[b-56jft1buy0] {
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(260px, 1fr) auto;
    align-items: end;
    gap: 12px;
    max-width: 1080px;
}

/* Whitespace above, rule under the heading. A border-top here put a line above
   the section while the section above it put a line under its own heading, so
   two adjacent boundaries meant two different things and neither told the reader
   where a section began. */
.account-contract-workflow[b-56jft1buy0] {
    display: grid;
    gap: 12px;
    margin-top: 28px;
}

.account-contract-workflow h3[b-56jft1buy0] {
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mt-rule);
    color: #12263a;
    font-size: 14px;
    font-weight: 600;
}

.account-contract-workflow p[b-56jft1buy0] {
    margin: 3px 0 0;
    color: #627384;
    font-size: 12px;
}

.account-contract-customize[b-56jft1buy0] {
    display: grid;
    grid-template-columns: minmax(280px, 560px) auto;
    align-items: end;
    justify-content: start;
    gap: 12px;
}

.account-contract-customize[b-56jft1buy0]  .account-contract-customize-action {
    width: auto;
    justify-self: start;
}

.account-contract-field[b-56jft1buy0] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.account-contract-field[b-56jft1buy0]  label {
    color: #42586b;
    font-size: 12px;
    font-weight: 650;
}

.account-contract-actions[b-56jft1buy0] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Sits beside the disabled button and says what is still missing. */
.account-contract-blocked[b-56jft1buy0] {
    color: #607080;
    font-size: 12px;
    line-height: 1.35;
}

.account-contract-state[b-56jft1buy0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 13px;
    color: #31566f;
    border-left: 3px solid #2d8ed0;
    background: #f1f7fb;
}

.account-contract-state .rz-icon[b-56jft1buy0] {
    margin-top: 1px;
    font-size: 18px;
}

.account-contract-state div[b-56jft1buy0] {
    display: grid;
    gap: 2px;
}

.account-contract-state[b-56jft1buy0]  .rz-button {
    margin-left: auto;
    flex: 0 0 auto;
}

.account-contract-state strong[b-56jft1buy0] {
    color: #16344c;
    font-size: 13px;
}

.account-contract-state span[b-56jft1buy0] {
    font-size: 12px;
}

.account-contract-state-current[b-56jft1buy0] {
    color: #2f6d42;
    border-left-color: #3b9c5b;
    background: #f0f8f2;
}

.account-contract-state-current strong[b-56jft1buy0] {
    color: #225533;
}

.account-contract-state-warning[b-56jft1buy0] {
    color: #704f13;
    border-left-color: #d89b24;
    background: #fff8e8;
}

.account-contract-state-warning strong[b-56jft1buy0] {
    color: #66440a;
}

.account-contract-history[b-56jft1buy0] {
    min-width: 0;
}

.account-contract-history h3[b-56jft1buy0] {
    margin: 0 0 8px;
    color: #12263a;
    font-size: 14px;
    letter-spacing: 0;
}

.account-contract-status-current[b-56jft1buy0],
.account-contract-status-past[b-56jft1buy0] {
    display: inline-flex;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 650;
}

.account-contract-status-current[b-56jft1buy0] {
    color: #22633a;
    background: #e4f4e9;
}

.account-contract-status-past[b-56jft1buy0] {
    color: #596a78;
    background: #eef2f5;
}

.account-detail-list[b-56jft1buy0] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 14px 0 0;
}

.account-detail-list > div[b-56jft1buy0] {
    min-width: 0;
}

.account-detail-list dd[b-56jft1buy0] {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    color: #1d2f40;
}

.account-detail-wide[b-56jft1buy0] {
    grid-column: 1 / -1;
}

.account-hierarchy-header[b-56jft1buy0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.account-hierarchy-summary[b-56jft1buy0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.account-hierarchy-summary span[b-56jft1buy0] {
    padding: 2px 6px;
    color: #526675;
    background: #eef2f5;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
}

.account-tab-toolbar[b-56jft1buy0] {
    margin-bottom: 12px;
}

.account-address-grid[b-56jft1buy0],
.account-media-grid[b-56jft1buy0] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.account-address-item[b-56jft1buy0],
.account-media-item[b-56jft1buy0] {
    position: relative;
    padding: 14px;
    border: 1px solid #dce3e8;
    background: #fff;
    color: #314456;
}

.account-address-item.inactive[b-56jft1buy0] {
    background: #f7f8f9;
    opacity: 0.78;
}

.account-show-inactive[b-56jft1buy0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #536575;
    font-size: 13px;
}

.account-address-heading[b-56jft1buy0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.account-address-heading span[b-56jft1buy0] {
    padding: 2px 6px;
    color: #255d35;
    background: #e3f4e7;
    font-size: 11px;
    font-weight: 700;
}

.account-address-actions[b-56jft1buy0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.account-media-item[b-56jft1buy0] {
    display: grid;
    grid-template-columns: 96px 1fr auto;
    align-items: center;
    gap: 12px;
}

.account-media-preview[b-56jft1buy0] {
    display: grid;
    place-items: center;
    width: 96px;
    height: 72px;
    overflow: hidden;
    background: #f4f7f9;
}

.account-media-image[b-56jft1buy0] {
    display: block;
    width: auto;
    height: auto;
    max-width: 84px;
    max-height: 60px;
    object-fit: contain;
}

.account-media-meta[b-56jft1buy0] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.account-media-meta span[b-56jft1buy0] {
    overflow: hidden;
    color: #697987;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-empty-state[b-56jft1buy0] {
    padding: 36px 16px;
    text-align: center;
    color: #71808f;
    border: 1px dashed #ccd6dd;
}

[b-56jft1buy0] .account-detail-tabs.rz-tabview {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[b-56jft1buy0] .account-detail-tabs > .rz-tabview-nav {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

[b-56jft1buy0] .account-detail-tabs > .rz-tabview-nav > li {
    flex: 0 0 auto;
}

[b-56jft1buy0] .account-detail-tabs > .rz-tabview-panels {
    padding: 28px 16px 16px;
    border-color: var(--mt-border);
    box-shadow: none;
}

[b-56jft1buy0] .account-detail-tabs.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom-color: #fff;
    background: #fff;
}

[b-56jft1buy0] .rz-data-grid {
    min-width: 0;
}

[b-56jft1buy0] .rz-grid-table {
    min-width: 760px;
}

@media (max-width: 900px) {
    .account-detail-header[b-56jft1buy0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-summary-band[b-56jft1buy0],
    .account-overview-grid[b-56jft1buy0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-contract-form[b-56jft1buy0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-contract-customize[b-56jft1buy0] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .account-contract-actions[b-56jft1buy0] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .account-detail-header[b-56jft1buy0],
    .account-detail-heading[b-56jft1buy0] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .account-detail-heading > div:last-child[b-56jft1buy0] {
        min-width: 0;
    }

    .account-detail-heading h1[b-56jft1buy0] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .account-summary-band[b-56jft1buy0],
    .account-overview-grid[b-56jft1buy0],
    .account-detail-list[b-56jft1buy0],
    .account-contract-form[b-56jft1buy0],
    .account-contract-customize[b-56jft1buy0] {
        grid-template-columns: 1fr;
    }

    /* Stacked in one column there is nothing to divide, so the column rule and
       its asymmetric padding are cleared. Left in place they drew a stray
       vertical line down the side of every other card. */
    .account-overview-grid > .account-detail-section:nth-child(odd)[b-56jft1buy0] {
        border-right: 0;
    }

    .account-overview-grid > .account-detail-section:nth-child(even)[b-56jft1buy0] {
        padding-left: 0;
    }

    .account-overview-grid > .account-detail-section[b-56jft1buy0] {
        padding-right: 0;
    }

    .account-contract-state[b-56jft1buy0] {
        flex-wrap: wrap;
    }

    .account-contract-state[b-56jft1buy0]  .rz-button {
        width: 100%;
        margin-left: 0;
    }

    [b-56jft1buy0] .account-detail-tabs > .rz-tabview-panels {
        padding: 20px 12px 12px;
    }

    .account-contract-customize[b-56jft1buy0]  .account-contract-customize-action {
        width: 100%;
    }

    .account-contract-actions[b-56jft1buy0] {
        grid-column: auto;
    }

    .account-summary-band > div[b-56jft1buy0] {
        border-right: 0;
        border-bottom: 1px solid var(--mt-rule);
    }

    .account-detail-wide[b-56jft1buy0] {
        grid-column: auto;
    }

    .account-tab-toolbar[b-56jft1buy0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-hierarchy-header[b-56jft1buy0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-hierarchy-summary[b-56jft1buy0] {
        justify-content: flex-start;
    }

    .account-media-item[b-56jft1buy0] {
        grid-template-columns: 72px 1fr auto;
    }

    .account-media-preview[b-56jft1buy0] {
        width: 72px;
        height: 60px;
    }
}

/* Quotes/Children tab loading state */
.account-tab-loading[b-56jft1buy0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 0;
    color: #607080;
    font-size: 0.875rem;
}

/* Address label styles */
.account-address-label[b-56jft1buy0] {
    font-size: 14px;
    font-weight: 600;
    color: #152536;
}

.account-address-type[b-56jft1buy0] {
    font-size: 11px;
    font-weight: 500;
    color: #607080;
    text-transform: uppercase;
    margin-left: 8px;
}

.account-address-primary[b-56jft1buy0] {
    font-size: 11px;
    font-weight: 600;
    color: #38b86a;
    background: #e8f5e9;
    padding: 1px 6px;
    border-radius: 3px;
    margin-left: 8px;
}

.account-address-heading .account-address-inactive[b-56jft1buy0] {
    color: #74521b;
    background: #fff1cf;
}

.account-address-line[b-56jft1buy0] {
    font-size: 13px;
    color: #152536;
    margin-top: 4px;
}

.account-address-city[b-56jft1buy0] {
    font-size: 13px;
    color: #607080;
    margin-top: 2px;
}

.account-address-country[b-56jft1buy0] {
    font-size: 12px;
    color: #607080;
    margin-top: 2px;
}

.account-address-actions[b-56jft1buy0] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}
.account-row-actions[b-56jft1buy0] {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.account-purchase-order-grid-shell[b-56jft1buy0] {
    overflow-x: auto;
}

.account-purchase-order-grid[b-56jft1buy0] {
    min-width: 980px;
}

.account-purchase-order-file[b-56jft1buy0] {
    overflow-wrap: anywhere;
}

.account-purchase-order-file-selected[b-56jft1buy0] {
    color: #006fc9;
    font-weight: 700;
}

.account-contact-origin[b-56jft1buy0],
.account-contact-direct[b-56jft1buy0] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.35;
}

.account-contact-origin[b-56jft1buy0] {
    color: #31566f;
    background: #e8f2f8;
}

.account-contact-direct[b-56jft1buy0] {
    color: #526675;
    background: #eef2f5;
}

/* M1-ACCOUNT-DISPLAY-NUMBER-1. The Mission Account Number sits directly beneath
   the Account name and reads as an identifier: tabular figures keep the digits
   aligned, and it never wraps mid-number. */
.account-detail-mission-number[b-56jft1buy0] {
    margin: 2px 0 0;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    color: #152536;
    white-space: nowrap;
}

/* Addresses moved from tiles to a table: nine of them squeezed into one non-wrapping row,
   and aligned columns are what let a reader scan for a specific one. */
.account-address-row-actions[b-56jft1buy0] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.account-address-unnamed[b-56jft1buy0] {
    color: #607080;
}

.account-address-full[b-56jft1buy0] {
    overflow-wrap: anywhere;
}

/* Supporting sentence beneath a tab heading. On the tokens rather than
   Bootstrap's .text-muted, so it matches every other lede on the platform. */
.account-tab-lede[b-56jft1buy0] {
    margin: 4px 0 0;
    color: #627384;
    font-size: 13px;
    line-height: 1.45;
}

/* ============================================================
   Child-component tab panels
   ============================================================
   Blazor CSS isolation scopes the rules above to this component's own markup.
   Tab panels rendered by child components -- PortalAccessPanel and any that
   follow -- carry a different scope attribute, so those rules never reached
   them: Portal Access kept rendering its h2 at Bootstrap's 2rem while every tab
   defined in this file sat at 17px.

   ::deep re-applies the same heading treatment across the component boundary, so
   a tab looks the same whether its markup lives here or in its own component. */

.account-detail-page[b-56jft1buy0]  .account-tab-toolbar,
.account-detail-page[b-56jft1buy0]  .account-tax-header,
.account-detail-page[b-56jft1buy0]  .account-eligibility-heading,
.account-detail-page[b-56jft1buy0]  .account-invoices-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--mt-rule);
}

.account-detail-page[b-56jft1buy0]  .account-tab-toolbar h2,
.account-detail-page[b-56jft1buy0]  .account-tax-header h2,
.account-detail-page[b-56jft1buy0]  .account-eligibility-heading h2,
.account-detail-page[b-56jft1buy0]  .account-invoices-heading h2 {
    margin: 0;
    color: #12263a;
    font-size: var(--mt-font-section);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
}

.account-detail-page[b-56jft1buy0]  .account-tab-lede,
.account-detail-page[b-56jft1buy0]  .account-tax-header p,
.account-detail-page[b-56jft1buy0]  .account-eligibility-heading span,
.account-detail-page[b-56jft1buy0]  .account-invoices-heading p {
    margin: 4px 0 0;
    color: #627384;
    font-size: 13px;
    line-height: 1.45;
}
/* /Features/Accounts/Pages/AccountEditDialog.razor.rz.scp.css */
.account-dialog-grid[b-dltjv2gppq] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-dialog-field[b-dltjv2gppq] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.account-dialog-span[b-dltjv2gppq] {
    grid-column: 1 / -1;
}

.account-dialog-actions[b-dltjv2gppq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

@media (max-width: 576px) {
    .account-dialog-grid[b-dltjv2gppq] {
        grid-template-columns: 1fr;
    }

    .account-dialog-span[b-dltjv2gppq] {
        grid-column: auto;
    }
}
/* /Features/Accounts/Pages/AccountEligibilityTab.razor.rz.scp.css */
.account-eligibility-tab[b-vlckrfwoa7] {
    display: grid;
    gap: 16px;
    padding: 20px;
}

.account-eligibility-heading[b-vlckrfwoa7] {
    align-items: center;
    border-bottom: 1px solid var(--bs-border-color);
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
}

.account-eligibility-heading h2[b-vlckrfwoa7],
.account-eligibility-detail h3[b-vlckrfwoa7] {
    color: #12263f;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.account-eligibility-heading span[b-vlckrfwoa7] {
    color: #607083;
    display: block;
    font-size: 0.82rem;
    margin-top: 3px;
}

.account-eligibility-loading[b-vlckrfwoa7] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-height: 84px;
}

.account-eligibility-grid-wrap[b-vlckrfwoa7],
.account-eligibility-history[b-vlckrfwoa7] {
    overflow-x: auto;
}

.account-eligibility-detail[b-vlckrfwoa7] {
    border-top: 1px solid var(--bs-border-color);
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(480px, 1.4fr);
    padding-top: 16px;
}

.account-eligibility-facts[b-vlckrfwoa7],
.account-eligibility-history[b-vlckrfwoa7] {
    min-width: 0;
}

.account-eligibility-facts dl[b-vlckrfwoa7] {
    display: grid;
    gap: 12px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 12px 0 0;
}

.account-eligibility-facts dl > div[b-vlckrfwoa7] {
    min-width: 0;
}

.account-eligibility-facts dt[b-vlckrfwoa7] {
    color: #667487;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
}

.account-eligibility-facts dd[b-vlckrfwoa7] {
    color: #172b45;
    margin: 3px 0 0;
    overflow-wrap: anywhere;
}

.account-eligibility-fact-wide[b-vlckrfwoa7] {
    grid-column: 1 / -1;
}

.account-eligibility-history table[b-vlckrfwoa7] {
    border-collapse: collapse;
    margin-top: 12px;
    min-width: 600px;
    width: 100%;
}

.account-eligibility-history th[b-vlckrfwoa7],
.account-eligibility-history td[b-vlckrfwoa7] {
    border-bottom: 1px solid #dfe5ec;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.account-eligibility-history th[b-vlckrfwoa7] {
    color: #5d6b7c;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .account-eligibility-detail[b-vlckrfwoa7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .account-eligibility-tab[b-vlckrfwoa7] {
        padding: 14px;
    }

    .account-eligibility-facts dl[b-vlckrfwoa7] {
        grid-template-columns: 1fr;
    }

    .account-eligibility-fact-wide[b-vlckrfwoa7] {
        grid-column: auto;
    }
}
/* /Features/Accounts/Pages/AccountHierarchyTree.razor.rz.scp.css */
.account-hierarchy-tree[b-7ljk4pb0pl] {
    display: grid;
    gap: 5px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.account-hierarchy-tree.is-nested[b-7ljk4pb0pl] {
    position: relative;
    gap: 5px;
    margin: 5px 0 0 16px;
    padding-left: 14px;
    border-left: 1px solid var(--mt-border);
}

.account-hierarchy-tree.is-nested > li[b-7ljk4pb0pl] {
    position: relative;
}

.account-hierarchy-tree.is-nested > li[b-7ljk4pb0pl]::before {
    position: absolute;
    top: 19px;
    left: -14px;
    width: 11px;
    border-top: 1px solid var(--mt-border);
    content: "";
}

.account-hierarchy-node[b-7ljk4pb0pl] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 6px 8px;
    color: #1d2f40;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.account-hierarchy-node:hover[b-7ljk4pb0pl],
.account-hierarchy-node:focus-visible[b-7ljk4pb0pl] {
    color: #145f9d;
    background: #eef7fd;
    border-color: #cfe4f5;
}

.account-hierarchy-node.is-current[b-7ljk4pb0pl] {
    color: #173b24;
    background: #edf7ef;
    border-color: #c9e4cf;
}

.account-hierarchy-icon[b-7ljk4pb0pl] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    color: #3179ad;
    background: #e8f2f8;
    border-radius: 3px;
    font-size: 17px;
}

.account-hierarchy-node.is-current .account-hierarchy-icon[b-7ljk4pb0pl] {
    color: #2f7a46;
    background: #dff0e3;
}

.account-hierarchy-copy[b-7ljk4pb0pl] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.account-hierarchy-name[b-7ljk4pb0pl] {
    overflow: hidden;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-hierarchy-meta[b-7ljk4pb0pl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    color: #607080;
    font-size: 11px;
}

.account-hierarchy-status[b-7ljk4pb0pl],
.account-hierarchy-current[b-7ljk4pb0pl] {
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 600;
}

.account-hierarchy-status[b-7ljk4pb0pl] {
    color: #74521b;
    background: #fff1cf;
}

.account-hierarchy-current[b-7ljk4pb0pl] {
    color: #2f6f42;
    background: #dff0e3;
}

.account-hierarchy-open[b-7ljk4pb0pl] {
    color: #7a8a98;
    font-size: 18px;
}

@media (max-width: 600px) {
    .account-hierarchy-tree.is-nested[b-7ljk4pb0pl] {
        margin-left: 8px;
        padding-left: 10px;
    }

    .account-hierarchy-tree.is-nested > li[b-7ljk4pb0pl]::before {
        left: -10px;
        width: 8px;
    }
}
/* /Features/Accounts/Pages/Accounts.razor.rz.scp.css */
.accounts-page[b-oxhvuwx6wf] {
    padding: 16px;
    max-width: 100%;
}

.accounts-header[b-oxhvuwx6wf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.accounts-heading[b-oxhvuwx6wf] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.accounts-eyebrow[b-oxhvuwx6wf] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.accounts-heading h1[b-oxhvuwx6wf] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.accounts-heading p[b-oxhvuwx6wf] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.accounts-actions[b-oxhvuwx6wf] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.accounts-filter-band[b-oxhvuwx6wf] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.accounts-filter-field[b-oxhvuwx6wf] {
    display: grid;
    gap: 4px;
}

.accounts-filter-field label[b-oxhvuwx6wf] {
    font-size: 12px;
    font-weight: 600;
    color: #506171;
}

.accounts-filter-search[b-oxhvuwx6wf] {
    min-width: 200px;
}

.accounts-grid-section[b-oxhvuwx6wf] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.accounts-grid-shell[b-oxhvuwx6wf] {
    overflow-x: auto;
}

.accounts-branding-cell[b-oxhvuwx6wf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    min-width: 100px;
    padding: 4px;
}

.accounts-branding-logo[b-oxhvuwx6wf] {
    width: 56px;
    height: 40px;
    object-fit: contain;
    border-radius: 4px;
    background: #ffffff;
}

.accounts-branding-favicon[b-oxhvuwx6wf] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 4px;
    padding: 6px;
    background: #eef3f7;
    border: 1px solid var(--mt-border);
}

.accounts-branding-fallback[b-oxhvuwx6wf] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #eef3f7;
    border: 1px solid var(--mt-border);
    color: #607080;
    font-size: 18px;
    font-weight: 600;
}

.accounts-type-badge[b-oxhvuwx6wf],
.accounts-status-badge[b-oxhvuwx6wf] {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: #edf1f4;
    color: #34495d;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.accounts-type-badge.is-customer[b-oxhvuwx6wf] {
    border-color: #abc9e2;
    background: #eaf4fd;
    color: #145f9f;
}

.accounts-type-badge.is-reseller[b-oxhvuwx6wf] {
    border-color: #c9b8df;
    background: #f1edf8;
    color: #68459a;
}

.accounts-type-badge.is-branch[b-oxhvuwx6wf] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

.accounts-type-badge.is-department[b-oxhvuwx6wf] {
    border-color: #9ccfcb;
    background: #e7f5f4;
    color: #246d69;
}

.accounts-type-badge.is-office[b-oxhvuwx6wf] {
    border-color: #b8c8d7;
    background: #edf2f7;
    color: #3d5b75;
}

.accounts-type-badge.is-campus[b-oxhvuwx6wf] {
    border-color: #edc88f;
    background: #fff4e5;
    color: #8a5300;
}

.accounts-status-badge.is-active[b-oxhvuwx6wf] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

.accounts-status-badge.is-inactive[b-oxhvuwx6wf] {
    border-color: var(--mt-border);
    background: #edf1f4;
    color: #607080;
}

.accounts-address-cell[b-oxhvuwx6wf] {
    display: grid;
    gap: 1px;
    line-height: 1.25;
}

.accounts-address-cell span:last-child[b-oxhvuwx6wf] {
    color: #607080;
    font-size: 12px;
}

.accounts-address-empty[b-oxhvuwx6wf] {
    color: #788896;
    font-size: 12px;
    font-style: italic;
}

@media (max-width: 768px) {
    .accounts-header[b-oxhvuwx6wf] {
        flex-direction: column;
    }

    .accounts-filter-band[b-oxhvuwx6wf] {
        grid-template-columns: 1fr;
    }

    .accounts-actions[b-oxhvuwx6wf] {
        width: 100%;
        justify-content: flex-start;
    }
}

/* M1-ACCOUNT-DISPLAY-NUMBER-1. Identifier column: monospace keeps the digits
   aligned down the grid so an operator can scan for a number, and it must not
   wrap mid-number. */
.accounts-mission-number[b-oxhvuwx6wf] {
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    font-size: 13px;
    white-space: nowrap;
}

/* /Features/Accounts/Pages/DefaultAccountTerms.razor.rz.scp.css */
.tenant-settings-page[b-3blcy9ghcc] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.tenant-settings-header[b-3blcy9ghcc],
.tenant-settings-heading[b-3blcy9ghcc],
.tenant-settings-loading[b-3blcy9ghcc] {
    display: flex;
    align-items: center;
}

.tenant-settings-heading[b-3blcy9ghcc] {
    gap: 10px;
}

.tenant-settings-heading-icon[b-3blcy9ghcc] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    color: #1677c8;
    background: #eaf4fc;
    border: 1px solid #cfe4f5;
}

.tenant-settings-eyebrow[b-3blcy9ghcc] {
    color: #31834a;
    font-size: 11px;
    font-weight: 700;
}

.tenant-settings-header h1[b-3blcy9ghcc],
.tenant-settings-section-heading h2[b-3blcy9ghcc] {
    margin: 0;
    color: #12263a;
    letter-spacing: 0;
}

.tenant-settings-header h1[b-3blcy9ghcc] {
    font-size: 24px;
}

.tenant-settings-header p[b-3blcy9ghcc],
.tenant-settings-section-heading p[b-3blcy9ghcc] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.tenant-settings-surface[b-3blcy9ghcc] {
    width: 100%;
    padding: 16px;
    background: transparent;
}

.tenant-settings-section-heading h2[b-3blcy9ghcc] {
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mt-rule);
}

/* A rule between stacked sections on one tab. Without it two settings blocks read as one
   continuous form and the second heading looks like a subheading of the first. */
.tenant-settings-surface + .tenant-settings-surface[b-3blcy9ghcc] {
    margin-top: 8px;
    padding-top: 20px;
    border-top: 1px solid var(--mt-rule);
}

.tenant-settings-loading[b-3blcy9ghcc] {
    gap: 10px;
    min-height: 160px;
    color: #607080;
}

.default-account-terms-form[b-3blcy9ghcc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.company-identity-summary[b-3blcy9ghcc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #d8e1e8;
    background: #f7fafc;
}

.company-identity-summary div[b-3blcy9ghcc] {
    display: grid;
    gap: 3px;
}

.company-identity-summary span[b-3blcy9ghcc] {
    color: #607080;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.company-identity-summary strong[b-3blcy9ghcc] {
    color: #12263a;
    font-size: 14px;
}

.company-details-form[b-3blcy9ghcc] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(90px, .65fr) minmax(130px, 1fr) minmax(90px, .65fr);
    gap: 14px;
    margin-top: 16px;
}

.company-field[b-3blcy9ghcc] {
    min-width: 0;
}

.company-field-wide[b-3blcy9ghcc] {
    grid-column: span 2;
}

.company-field-full[b-3blcy9ghcc] {
    grid-column: 1 / -1;
}

.company-details-actions[b-3blcy9ghcc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.terms-field[b-3blcy9ghcc] {
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
}

/* Label and its info icon read as one unit, so the icon sits on the label baseline rather
   than floating beside the control. */
.terms-field-label[b-3blcy9ghcc] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 20px;
}

.terms-field-info[b-3blcy9ghcc] {
    color: #7a8b99;
    cursor: help;
    font-size: 16px;
}

.default-account-terms-actions[b-3blcy9ghcc],
.default-account-terms-form > .rz-alert[b-3blcy9ghcc] {
    grid-column: 1 / -1;
}

.default-account-terms-actions[b-3blcy9ghcc] {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

.eligibility-policy-form[b-3blcy9ghcc] {
    display: grid;
    gap: 16px;
    max-width: 680px;
    margin-top: 18px;
}

.eligibility-policy-guidance[b-3blcy9ghcc] {
    margin: 0;
    color: #607080;
    font-size: 13px;
    line-height: 1.45;
}

.eligibility-policy-form .default-account-terms-actions[b-3blcy9ghcc] {
    grid-column: auto;
}

[b-3blcy9ghcc] .tenant-settings-tabs > .rz-tabview-panels {
    min-height: 300px;
    padding: 0;
}

@media (max-width: 760px) {
    .default-account-terms-form[b-3blcy9ghcc],
    .company-identity-summary[b-3blcy9ghcc],
    .company-details-form[b-3blcy9ghcc] {
        grid-template-columns: 1fr;
    }

    .company-field-wide[b-3blcy9ghcc],
    .company-field-full[b-3blcy9ghcc] {
        grid-column: auto;
    }

    .company-details-actions[b-3blcy9ghcc] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .default-account-terms-actions[b-3blcy9ghcc] {
        grid-column: auto;
    }
}
/* /Features/Accounts/Pages/MyAccount.razor.rz.scp.css */
/* House page shell: 16px padding, eyebrow + 24px heading, white bordered cards.
   The previous version was a Bootstrap-era relic -- container/row/col-md-6/card/alert with
   inline #0a192f and #8bc34a hex, the same lime MainLayout's own comment calls out as drift. */
.my-account-page[b-tpf8qpi7io] {
    display: grid;
    gap: 16px;
    padding: 16px;
    /* Centred rather than left-pinned: at 2560 the old cap left the whole right
       half of the screen empty beside a narrow column of text. */
    max-width: 1100px;
    margin-inline: auto;
    min-width: 0;
}

.my-account-header[b-tpf8qpi7io] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.my-account-eyebrow[b-tpf8qpi7io] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.my-account-header h1[b-tpf8qpi7io] {
    margin: 0;
    color: #152536;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.my-account-header p[b-tpf8qpi7io] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.my-account-card[b-tpf8qpi7io] {
    display: grid;
    gap: 12px;
    padding: 20px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #ffffff;
    min-width: 0;
}

.my-account-card h2[b-tpf8qpi7io] {
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mt-rule);
    color: #152536;
    font-size: 16px;
    font-weight: 600;
}

.my-account-card-note[b-tpf8qpi7io] {
    margin: 0;
    color: #607080;
    font-size: 13px;
}

.my-account-loading[b-tpf8qpi7io] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #607080;
}

.my-account-facts[b-tpf8qpi7io] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
}

.my-account-facts > div[b-tpf8qpi7io] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.my-account-facts span[b-tpf8qpi7io] {
    color: #607080;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.my-account-facts strong[b-tpf8qpi7io] {
    color: #152536;
    font-size: 14px;
    /* break-word keeps whole tokens together where it can, so an address wraps at the
       @ or a dot rather than stranding a single letter on its own line. anywhere is
       the fallback for a token with no break opportunity at all. */
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}

.my-account-subheading[b-tpf8qpi7io] {
    display: block;
    color: #607080;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.my-account-roles[b-tpf8qpi7io] {
    display: grid;
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid #f1f4f7;
}

.my-account-chips[b-tpf8qpi7io] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Same subtle palette the Platform grids use, so a chip means the same thing everywhere. */
.my-account-chip[b-tpf8qpi7io] {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: #edf1f4;
    color: #34495d;
    font-size: 11px;
    font-weight: 600;
}

.my-account-chip.is-connected[b-tpf8qpi7io] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

/* Neutral, not alarming: an optional provider session that was never established is
   not an error, and red here reads as something being broken. */
.my-account-chip.is-disconnected[b-tpf8qpi7io] {
    border-color: #c3ccd6;
    background: #f2f5f8;
    color: #4a5c6d;
}

/* One block per source, stacked. Sources have very different item counts -- a role
   may grant nine capabilities and a direct grant one -- so columns would leave the
   ragged gaps the area grid used to. */
.my-account-permission-sources[b-tpf8qpi7io] {
    display: grid;
    gap: 14px;
}

.my-account-permission-source[b-tpf8qpi7io] {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid #dbe3ea;
    border-radius: 6px;
    background: #f8fafc;
    min-width: 0;
}

.my-account-source-heading[b-tpf8qpi7io] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.my-account-source-name[b-tpf8qpi7io] {
    font-size: 13px;
    font-weight: 700;
    color: #152536;
}

.my-account-source-kind[b-tpf8qpi7io] {
    font-size: 12px;
    color: #4a5c6d;
}

.my-account-expiry[b-tpf8qpi7io] {
    margin-left: 6px;
    font-size: 12px;
    color: #7a5a10;
}

.my-account-permission-source ul[b-tpf8qpi7io] {
    columns: 260px;
    column-gap: 24px;
}

.my-account-permission-source li[b-tpf8qpi7io] {
    break-inside: avoid;
}

.my-account-permission-source ul[b-tpf8qpi7io] {
    margin: 0;
    padding-left: 18px;
    color: #152536;
    font-size: 13px;
    line-height: 1.5;
}

.my-account-muted[b-tpf8qpi7io] {
    color: #607080;
    font-size: 13px;
}

.my-account-integration[b-tpf8qpi7io] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.my-account-integration-identity[b-tpf8qpi7io] {
    display: grid;
    gap: 2px;
    flex: 1 1 260px;
    min-width: 0;
}

.my-account-integration-identity strong[b-tpf8qpi7io] {
    color: #152536;
    font-size: 14px;
}

.my-account-integration-state[b-tpf8qpi7io] {
    display: grid;
    gap: 3px;
    justify-items: start;
}

@media (max-width: 760px) {
    .my-account-card[b-tpf8qpi7io] {
        padding: 16px;
    }

    .my-account-integration[b-tpf8qpi7io] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Features/Accounts/Pages/PortalSecurityRecoveryDialog.razor.rz.scp.css */
.portal-security-recovery[b-z4vhqj6tl2] {
    display: grid;
    gap: 1rem;
}

.portal-security-recovery section[b-z4vhqj6tl2] {
    align-items: center;
    border-bottom: 1px solid var(--rz-base-300);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0 0 1rem;
}

.portal-security-recovery h3[b-z4vhqj6tl2] {
    font-size: 1rem;
    margin: 0 0 .25rem;
}

.portal-security-recovery p[b-z4vhqj6tl2] {
    color: var(--rz-text-secondary-color);
    margin: 0;
}

.portal-security-recovery-actions[b-z4vhqj6tl2] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .portal-security-recovery section[b-z4vhqj6tl2] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }
}
/* /Features/Administration/Pages/MissionStaffRoleOptionContent.razor.rz.scp.css */
.staff-role-option[b-8qvkl5wole] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 4px 0;
    white-space: normal;
}

.staff-role-option-name[b-8qvkl5wole] {
    color: #152536;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.staff-role-option-description[b-8qvkl5wole] {
    color: #607080;
    font-size: 11px;
    line-height: 1.35;
}
/* /Features/Administration/Pages/MissionStaffUserCreateDialog.razor.rz.scp.css */
.staff-dialog[b-4j9zdvr4jc] {
    min-width: 0;
}

/* Same fix as the edit dialog: RadzenTemplateForm is the only child, so a gap on
   .staff-dialog spaced nothing and every section stacked flush. */
.staff-dialog[b-4j9zdvr4jc]  form {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.staff-dialog-alert[b-4j9zdvr4jc] {
    margin-bottom: 12px;
}

/* One column, matching the edit dialog: too few fields to justify a split that
   leaves half-empty cells. */
.staff-dialog-grid[b-4j9zdvr4jc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.staff-dialog-field[b-4j9zdvr4jc] {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
}

.staff-dialog-field-wide[b-4j9zdvr4jc] {
    grid-column: 1 / -1;
}

.staff-dialog-hint[b-4j9zdvr4jc] {
    color: #607080;
    font-size: 11px;
    line-height: 1.35;
}

.staff-dialog-actions[b-4j9zdvr4jc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--mt-rule);
}

@media (max-width: 640px) {
    .staff-dialog-grid[b-4j9zdvr4jc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-dialog-actions[b-4j9zdvr4jc] {
        flex-direction: column-reverse;
    }

    .staff-dialog-actions[b-4j9zdvr4jc]  .rz-button {
        width: 100%;
    }
}

.staff-dialog-note[b-4j9zdvr4jc] {
    padding: 8px 10px;
    border: 1px solid #cfe0ef;
    border-radius: 4px;
    background: #f2f8fd;
    color: #34495d;
    font-size: 11px;
    line-height: 1.45;
}

/* /Features/Administration/Pages/MissionStaffUserEditDialog.razor.rz.scp.css */
.staff-dialog[b-zpjxm29375] {
    min-width: 0;
}

/* The gap has to live on the form, not on .staff-dialog. RadzenTemplateForm is
   the dialog's only child, so a gap here spaced nothing: the identity block,
   onboarding notice, field grid and actions all sit inside that form and were
   stacking flush against one another. */
.staff-dialog[b-zpjxm29375]  form {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.staff-dialog-alert[b-zpjxm29375] {
    margin-bottom: 12px;
}

.staff-dialog-identity[b-zpjxm29375] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    background: #f7f9fb;
    border: 1px solid var(--mt-rule);
    border-radius: 6px;
}

.staff-dialog-identity-label[b-zpjxm29375] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.staff-dialog-identity-value[b-zpjxm29375] {
    color: #152536;
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* One column. With three fields, one of them already full-width, the two-column
   split left the Status toggle alone in a half-width cell beside a full-width
   text input. */
.staff-dialog-grid[b-zpjxm29375] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.staff-dialog-field[b-zpjxm29375] {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
}

.staff-dialog-field-wide[b-zpjxm29375] {
    grid-column: 1 / -1;
}

.staff-dialog-hint[b-zpjxm29375] {
    color: #607080;
    font-size: 11px;
    line-height: 1.35;
}

.staff-dialog-actions[b-zpjxm29375] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--mt-rule);
}

@media (max-width: 640px) {
    .staff-dialog-grid[b-zpjxm29375] {
        grid-template-columns: minmax(0, 1fr);
    }

    .staff-dialog-actions[b-zpjxm29375] {
        flex-direction: column-reverse;
    }

    .staff-dialog-actions[b-zpjxm29375]  .rz-button {
        width: 100%;
    }
}

.staff-dialog-note[b-zpjxm29375] {
    padding: 8px 10px;
    border: 1px solid #cfe0ef;
    border-radius: 4px;
    background: #f2f8fd;
    color: #34495d;
    font-size: 11px;
    line-height: 1.45;
}

/* /Features/Administration/Pages/UserAdministration.razor.rz.scp.css */
.user-admin-page[b-yhgbfmicm7] {
    padding: 16px;
    max-width: 100%;
}

.user-admin-header[b-yhgbfmicm7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.user-admin-heading[b-yhgbfmicm7] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.user-admin-icon[b-yhgbfmicm7] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #eef3f7;
    color: #0b2238;
}

.user-admin-eyebrow[b-yhgbfmicm7] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.user-admin-heading h1[b-yhgbfmicm7] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.user-admin-heading p[b-yhgbfmicm7] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.user-admin-actions[b-yhgbfmicm7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Shared summary strip owns its own surface; the page owns the rhythm. */
.user-admin-page[b-yhgbfmicm7]  .platform-summary-strip {
    margin-bottom: 16px;
}

/* Single search field plus a Clear command; the field stays bounded
   instead of stretching across the band. */
.user-admin-filter[b-yhgbfmicm7] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) auto;
    justify-content: start;
    gap: 12px;
    align-items: end;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.user-admin-filter-field[b-yhgbfmicm7] {
    display: grid;
    gap: 4px;
}

.user-admin-filter-field label[b-yhgbfmicm7] {
    font-size: 12px;
    font-weight: 600;
    color: #506171;
}

.user-admin-filter-command[b-yhgbfmicm7] {
    align-self: end;
}

.user-admin-grid[b-yhgbfmicm7] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.user-admin-grid-shell[b-yhgbfmicm7] {
    max-width: 100%;
    overflow-x: auto;
}

/* Final-role chips: wrap cleanly inside the cell without widening the grid. */
.user-admin-role-chips[b-yhgbfmicm7] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 2px 0;
}

.user-admin-role-chip[b-yhgbfmicm7] {
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid #abc9e2;
    border-radius: 10px;
    background: #eaf4fd;
    color: #145f9f;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
}

.user-admin-no-roles[b-yhgbfmicm7] {
    color: #a62828;
    font-size: 12px;
    font-weight: 600;
}

.user-admin-scope[b-yhgbfmicm7] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #34495d;
}

.user-admin-scope-account[b-yhgbfmicm7] {
    display: block;
    overflow: hidden;
    font-size: 11px;
    color: #607080;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-admin-scope-access[b-yhgbfmicm7] {
    display: block;
    font-size: 11px;
    color: #607080;
    white-space: nowrap;
}

.user-admin-state[b-yhgbfmicm7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.user-admin-state.is-linked[b-yhgbfmicm7] {
    color: #23743b;
}

.user-admin-state.is-unlinked[b-yhgbfmicm7] {
    color: #607080;
}

.user-admin-state[b-yhgbfmicm7]  .rzi {
    font-size: 15px;
    line-height: 1;
}

.user-admin-row-actions[b-yhgbfmicm7] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.user-admin-onboarding[b-yhgbfmicm7] {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    color: #34495d;
    font-size: 12px;
    line-height: 1.25;
}

.user-admin-onboarding.is-success[b-yhgbfmicm7] {
    color: #23743b;
}

.user-admin-onboarding.is-warning[b-yhgbfmicm7] {
    color: #8a5b00;
}

.user-admin-onboarding.is-error[b-yhgbfmicm7] {
    color: #a62828;
}

.user-admin-onboarding[b-yhgbfmicm7]  .rzi {
    flex: 0 0 auto;
    margin-top: 1px;
    font-size: 16px;
}

.user-admin-onboarding-label[b-yhgbfmicm7],
.user-admin-onboarding-detail[b-yhgbfmicm7] {
    display: block;
}

.user-admin-onboarding-label[b-yhgbfmicm7] {
    font-weight: 650;
}

.user-admin-onboarding-detail[b-yhgbfmicm7] {
    margin-top: 2px;
    color: #607080;
    font-size: 10px;
    white-space: nowrap;
}

/* Grid sits flush inside the bounded white surface */
.user-admin-grid[b-yhgbfmicm7]  .rz-data-grid {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 768px) {
    .user-admin-header[b-yhgbfmicm7] {
        flex-direction: column;
    }

    .user-admin-filter[b-yhgbfmicm7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .user-admin-actions[b-yhgbfmicm7] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Features/Billing/Components/AccountInvoicesTab.razor.rz.scp.css */
.account-invoices-tab[b-an68m70kpw] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.account-invoices-heading[b-an68m70kpw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.account-invoices-heading h2[b-an68m70kpw] {
    margin: 0;
    font-size: 1rem;
}

.account-invoices-heading p[b-an68m70kpw] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.account-invoices-scroll[b-an68m70kpw] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
}

[b-an68m70kpw] .account-invoices-grid .rz-grid-table {
    min-width: 890px;
}

@media (max-width: 640px) {
    .account-invoices-heading[b-an68m70kpw] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Features/Billing/Pages/AdjustmentWorkspace.razor.rz.scp.css */
.adjustment-workspace-page[b-aemgox8li9] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.adjustment-workspace-page[aria-busy="true"][b-aemgox8li9] {
    cursor: progress;
}

.adjustment-workspace-page[aria-busy="true"] .adjustment-action-card[b-aemgox8li9],
.adjustment-workspace-page[aria-busy="true"] .adjustment-record-actions[b-aemgox8li9] {
    opacity: .72;
}

.adjustment-loading[b-aemgox8li9],
.adjustment-heading[b-aemgox8li9],
.adjustment-header[b-aemgox8li9],
.adjustment-header-links[b-aemgox8li9],
.adjustment-card-heading[b-aemgox8li9],
.adjustment-section-heading[b-aemgox8li9],
.adjustment-record[b-aemgox8li9],
.adjustment-record-actions[b-aemgox8li9] {
    display: flex;
    align-items: center;
}

.adjustment-loading[b-aemgox8li9] {
    gap: .75rem;
    min-height: 12rem;
    justify-content: center;
}

.adjustment-header[b-aemgox8li9] {
    justify-content: space-between;
    gap: 1rem;
}

.adjustment-heading[b-aemgox8li9] {
    gap: .85rem;
    min-width: 0;
}

.adjustment-heading h1[b-aemgox8li9],
.adjustment-card-heading h2[b-aemgox8li9],
.adjustment-section-heading h2[b-aemgox8li9],
.adjustment-record-list h3[b-aemgox8li9] {
    margin: 0;
    line-height: 1.25;
}

.adjustment-heading h1[b-aemgox8li9] {
    font-size: var(--mt-font-page);
    font-weight: 600;
}

.adjustment-card-heading h2[b-aemgox8li9],
.adjustment-section-heading h2[b-aemgox8li9],
.adjustment-record-list h3[b-aemgox8li9] {
    font-size: var(--mt-font-section);
    font-weight: 600;
}

.adjustment-heading p[b-aemgox8li9],
.adjustment-card-heading p[b-aemgox8li9],
.adjustment-section-heading p[b-aemgox8li9] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.adjustment-eyebrow[b-aemgox8li9] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.adjustment-header-links[b-aemgox8li9],
.adjustment-record-actions[b-aemgox8li9] {
    gap: .55rem;
    flex-wrap: wrap;
}

.adjustment-summary[b-aemgox8li9] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    background: var(--rz-base-background-color);
}

.adjustment-summary > div[b-aemgox8li9] {
    display: grid;
    gap: .2rem;
    padding: 1rem;
    border-right: 1px solid var(--rz-base-300);
}

.adjustment-summary > div:last-child[b-aemgox8li9] { border-right: 0; }
.adjustment-summary span[b-aemgox8li9],
.adjustment-summary small[b-aemgox8li9] { color: var(--rz-text-secondary-color); }

.adjustment-action-selector[b-aemgox8li9] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    background: var(--rz-base-background-color);
}

.adjustment-action-selector h2[b-aemgox8li9] {
    margin: 0;
    font-size: var(--mt-font-section);
    font-weight: 600;
}

.adjustment-action-selector p[b-aemgox8li9] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.adjustment-action-choices[b-aemgox8li9] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.adjustment-action-choices[b-aemgox8li9]  .rz-button {
    min-width: 13rem;
    justify-content: flex-start;
}

.adjustment-action-choices[b-aemgox8li9]  .rz-button.adjustment-action-choice-selected {
    background: var(--rz-primary-lighter);
    box-shadow: inset 0 0 0 1px var(--rz-primary);
}

.adjustment-action-unavailable[b-aemgox8li9] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-body);
}

.adjustment-workflow-step[b-aemgox8li9] {
    min-width: 0;
    margin-top: .25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rz-base-300);
}

.adjustment-action-selector .adjustment-action-card[b-aemgox8li9] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.adjustment-section[b-aemgox8li9],
.adjustment-action-card[b-aemgox8li9] {
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    background: var(--rz-base-background-color);
}

.adjustment-section-heading[b-aemgox8li9] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.adjustment-history-heading h2[b-aemgox8li9] {
    margin: 0;
    font-size: var(--mt-font-section);
    font-weight: 600;
}

.adjustment-history-heading p[b-aemgox8li9] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.adjustment-grid-shell[b-aemgox8li9] { min-width: 0; overflow-x: auto; }
.adjustment-lines-grid[b-aemgox8li9] { min-width: 980px; }

.adjustment-action-panel[b-aemgox8li9] {
    min-width: 0;
}

.adjustment-line-value[b-aemgox8li9] {
    display: grid;
    gap: .15rem;
    justify-items: end;
}

.adjustment-line-value small[b-aemgox8li9] {
    color: var(--rz-text-secondary-color);
    font-size: .72rem;
    line-height: 1.25;
    white-space: normal;
}

.adjustment-card-heading[b-aemgox8li9] {
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.adjustment-card-heading .rzi[b-aemgox8li9] { color: var(--rz-primary); font-size: 1.5rem; }

.adjustment-form-grid[b-aemgox8li9],
.adjustment-inline-fields[b-aemgox8li9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.adjustment-inline-fields[b-aemgox8li9] {
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
}

.adjustment-form-grid label[b-aemgox8li9],
.adjustment-inline-fields label[b-aemgox8li9] {
    display: grid;
    gap: .35rem;
    font-size: .85rem;
    font-weight: 600;
}

.adjustment-form-grid label small[b-aemgox8li9],
.adjustment-inline-fields label small[b-aemgox8li9] {
    color: var(--rz-text-secondary-color);
    font-weight: 400;
}

.adjustment-full-field[b-aemgox8li9] { grid-column: 1 / -1; }

.adjustment-inline-guidance[b-aemgox8li9] {
    padding: .75rem;
    border-left: 3px solid var(--rz-info);
    background: var(--rz-info-lighter);
    color: var(--rz-text-color);
    font-size: .82rem;
}

.adjustment-record-list[b-aemgox8li9] { display: grid; gap: .65rem; }

.adjustment-record[b-aemgox8li9] {
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    background: var(--rz-base-50);
}

.adjustment-record > div:first-child[b-aemgox8li9] { display: grid; gap: .15rem; min-width: 0; }
.adjustment-record span[b-aemgox8li9],
.adjustment-record small[b-aemgox8li9],
.adjustment-empty[b-aemgox8li9] { color: var(--rz-text-secondary-color); }

.adjustment-tax-status[b-aemgox8li9] {
    display: grid;
    gap: .25rem;
    justify-items: end;
}

.adjustment-record-decision[b-aemgox8li9] {
    display: grid;
    flex: 1 1 40rem;
    gap: .75rem;
    min-width: min(100%, 32rem);
}

.adjustment-record-decision-fields[b-aemgox8li9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(10rem, 1fr));
    gap: .75rem;
}

.adjustment-record-decision-fields label[b-aemgox8li9] {
    display: grid;
    gap: .35rem;
    font-size: .82rem;
    font-weight: 600;
}

.adjustment-record-decision-fields small[b-aemgox8li9] {
    font-weight: 400;
}

@media (max-width: 1100px) {
    .adjustment-summary[b-aemgox8li9] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .adjustment-summary > div:nth-child(3n)[b-aemgox8li9] { border-right: 0; }
    .adjustment-inline-fields[b-aemgox8li9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .adjustment-header[b-aemgox8li9],
    .adjustment-record[b-aemgox8li9] { align-items: flex-start; flex-direction: column; }
    .adjustment-summary[b-aemgox8li9],
    .adjustment-form-grid[b-aemgox8li9],
    .adjustment-inline-fields[b-aemgox8li9],
    .adjustment-record-decision-fields[b-aemgox8li9] { grid-template-columns: 1fr; }
    .adjustment-summary > div[b-aemgox8li9] { border-right: 0; border-bottom: 1px solid var(--rz-base-300); }
    .adjustment-summary > div:last-child[b-aemgox8li9] { border-bottom: 0; }
    .adjustment-action-choices[b-aemgox8li9] { align-items: stretch; flex-direction: column; }
    .adjustment-action-choices[b-aemgox8li9]  .rz-button { width: 100%; }
    .adjustment-full-field[b-aemgox8li9] { grid-column: auto; }
}
/* /Features/Billing/Pages/BillingReadiness.razor.rz.scp.css */
.billing-readiness-page[b-ril10jpd8j] {
    padding: 16px;
    max-width: 100%;
}
.billing-readiness-header[b-ril10jpd8j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.billing-readiness-heading[b-ril10jpd8j] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.billing-readiness-heading-icon[b-ril10jpd8j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #eef3f7;
    color: #0b2238;
}

.billing-readiness-eyebrow[b-ril10jpd8j] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.billing-readiness-heading h1[b-ril10jpd8j] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.billing-readiness-heading p[b-ril10jpd8j] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.billing-readiness-actions[b-ril10jpd8j] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Shared summary strip owns its own surface; the page owns the rhythm. */
.billing-readiness-page[b-ril10jpd8j]  .platform-summary-strip {
    margin-bottom: 16px;
}

/* Eight filters. A fixed column count left a ragged trailing row, so the band
   wraps on its own and the search field spans two tracks. */
.billing-readiness-filters[b-ril10jpd8j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    align-items: end;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.billing-readiness-filters > :first-child[b-ril10jpd8j] {
    grid-column: span 2;
}

.billing-readiness-grid[b-ril10jpd8j] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

/* The grid keeps its natural column widths and scrolls horizontally instead of
   compressing columns, which is what wrapped two-line header titles. */
.billing-readiness-grid-shell[b-ril10jpd8j] {
    max-width: 100%;
    overflow-x: auto;
}

[b-ril10jpd8j] .platform-data-grid .rz-grid-table {
    min-width: 1400px;
}

.billing-readiness-number-link[b-ril10jpd8j] {
    color: #2287e6;
    font-weight: 600;
    text-decoration: none;
}

.billing-readiness-number-link:hover[b-ril10jpd8j] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .billing-readiness-header[b-ril10jpd8j] {
        flex-direction: column;
    }

    .billing-readiness-filters[b-ril10jpd8j] {
        grid-template-columns: 1fr;
    }

    .billing-readiness-filters > :first-child[b-ril10jpd8j] {
        grid-column: auto;
    }

    .billing-readiness-actions[b-ril10jpd8j] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Features/Billing/Pages/BillingReadinessDetail.razor.rz.scp.css */
.billing-readiness-detail-page[b-ycpjibid61] {
    padding: 16px;
    max-width: 100%;
}

.billing-readiness-detail-header[b-ycpjibid61] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.billing-readiness-detail-heading[b-ycpjibid61] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.billing-readiness-detail-eyebrow[b-ycpjibid61] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.billing-readiness-detail-heading h1[b-ycpjibid61] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.billing-readiness-detail-content[b-ycpjibid61] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    padding: 20px;
}

.detail-section[b-ycpjibid61] {
    margin-bottom: 24px;
}

.detail-section:last-child[b-ycpjibid61] {
    margin-bottom: 0;
}

.detail-section h2[b-ycpjibid61] {
    font-size: 16px;
    font-weight: 600;
    color: #152536;
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mt-rule);
}

.detail-grid[b-ycpjibid61] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

.detail-grid > div[b-ycpjibid61] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-grid label[b-ycpjibid61] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.detail-grid span[b-ycpjibid61] {
    font-size: 14px;
    color: #152536;
}

.blockers-list[b-ycpjibid61] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blocker-item[b-ycpjibid61] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #fff5f5;
    border: 1px solid #ffd6d6;
    border-radius: 4px;
    font-size: 13px;
    color: #c92a2a;
}
/* /Features/Billing/Pages/InvoiceDetail.razor.rz.scp.css */
.invoice-detail-page[b-q2zfii2ama] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.5rem;
}

.invoice-detail-loading[b-q2zfii2ama],
.invoice-detail-header[b-q2zfii2ama],
.invoice-detail-heading[b-q2zfii2ama],
.invoice-detail-header-tools[b-q2zfii2ama],
.invoice-detail-statuses[b-q2zfii2ama],
.invoice-section-heading[b-q2zfii2ama] {
    display: flex;
    align-items: center;
}

.invoice-detail-loading[b-q2zfii2ama],
.invoice-detail-heading[b-q2zfii2ama],
.invoice-detail-header-tools[b-q2zfii2ama],
.invoice-detail-statuses[b-q2zfii2ama] {
    gap: .75rem;
}

.invoice-detail-header[b-q2zfii2ama] {
    justify-content: space-between;
    gap: 1rem;
}

.invoice-detail-header-tools[b-q2zfii2ama] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.invoice-detail-eyebrow[b-q2zfii2ama] {
    color: var(--rz-primary);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.invoice-detail-heading h1[b-q2zfii2ama],
.invoice-section-heading h2[b-q2zfii2ama] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.invoice-detail-heading h1[b-q2zfii2ama] {
    font-size: 1.5rem;
}

.invoice-detail-heading p[b-q2zfii2ama],
.invoice-section-heading p[b-q2zfii2ama] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.invoice-summary-band[b-q2zfii2ama] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.invoice-summary-band > div[b-q2zfii2ama] {
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .85rem 1rem;
    border-right: 1px solid var(--rz-base-300);
}

.invoice-summary-band > div:last-child[b-q2zfii2ama] {
    border-right: 0;
}

.invoice-summary-band span[b-q2zfii2ama],
.invoice-reference-list dt[b-q2zfii2ama] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.invoice-summary-band small[b-q2zfii2ama] {
    color: var(--rz-text-secondary-color);
}

.invoice-detail-layout[b-q2zfii2ama] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(285px, 340px);
    align-items: start;
    gap: 1rem;
}

.invoice-detail-primary[b-q2zfii2ama] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.invoice-detail-section[b-q2zfii2ama],
.invoice-totals-panel[b-q2zfii2ama] {
    min-width: 0;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.invoice-section-heading[b-q2zfii2ama] {
    justify-content: space-between;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.invoice-section-heading h2[b-q2zfii2ama] {
    font-size: 1rem;
}

/* One rule for all three grids in a section card. They were three separate
   declarations of the same thing, and they had drifted: only the lines grid
   carried padding, so the payments and delivery grids ran to the tile edge and
   sat out of line with their own headings. The 1rem matches the horizontal
   padding of .invoice-section-heading above, which is what makes the first
   column line up with the heading text. */
.invoice-lines-scroll[b-q2zfii2ama],
.invoice-payments-scroll[b-q2zfii2ama],
.invoice-delivery-scroll[b-q2zfii2ama] {
    max-width: 100%;
    overflow-x: auto;
    padding: 1rem;
}

[b-q2zfii2ama] .invoice-delivery-grid .rz-grid-table {
    min-width: 760px;
}

[b-q2zfii2ama] .invoice-lines-grid .rz-grid-table {
    min-width: 670px;
}

[b-q2zfii2ama] .invoice-payments-grid .rz-grid-table {
    min-width: 1060px;
}

.invoice-product-cell[b-q2zfii2ama] {
    display: grid;
    gap: .15rem;
}

.invoice-product-cell span[b-q2zfii2ama] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
    white-space: normal;
}

.invoice-reference-list[b-q2zfii2ama],
.invoice-totals-ladder[b-q2zfii2ama] {
    margin: 0;
}

.invoice-reference-list[b-q2zfii2ama] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.invoice-reference-list > div[b-q2zfii2ama] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.invoice-reference-list dd[b-q2zfii2ama],
.invoice-totals-ladder dd[b-q2zfii2ama] {
    margin: 0;
    overflow-wrap: anywhere;
}

.invoice-documents-list[b-q2zfii2ama] {
    display: grid;
}

.invoice-document-row[b-q2zfii2ama] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.invoice-document-row:last-child[b-q2zfii2ama] {
    border-bottom: 0;
}

.invoice-document-icon[b-q2zfii2ama] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 4px;
    background: var(--rz-base-200);
    color: var(--rz-primary);
}

.invoice-document-copy[b-q2zfii2ama] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.invoice-document-copy span[b-q2zfii2ama] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.invoice-document-actions[b-q2zfii2ama] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.invoice-document-preview[b-q2zfii2ama] {
    padding: 0 1rem 1rem;
    border-top: 1px solid var(--rz-base-300);
}

.invoice-totals-panel[b-q2zfii2ama] {
    position: sticky;
    top: 1rem;
    overflow: hidden;
}

.invoice-totals-heading[b-q2zfii2ama] {
    padding: .75rem .875rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.invoice-totals-heading h2[b-q2zfii2ama] {
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: 1rem;
    font-weight: 600;
}

.invoice-totals-ladder[b-q2zfii2ama] {
    display: grid;
    padding: .625rem .875rem .875rem;
}

.invoice-totals-ladder > div[b-q2zfii2ama] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 1rem;
    padding: .25rem 0;
    font-size: .8125rem;
}

.invoice-totals-ladder dt[b-q2zfii2ama] {
    color: var(--rz-text-secondary-color);
    font-weight: 400;
}

.invoice-totals-ladder dd[b-q2zfii2ama] {
    color: var(--rz-text-title-color);
    font-weight: 600;
    text-align: right;
}

.invoice-totals-ladder > .invoice-total-row[b-q2zfii2ama] {
    margin-top: .25rem;
    padding-top: .5rem;
    border-top: 2px solid var(--rz-text-title-color);
    font-size: .9375rem;
}

.invoice-total-row dt[b-q2zfii2ama],
.invoice-total-row dd[b-q2zfii2ama] {
    font-weight: 700;
}

.invoice-totals-panel > .rz-alert[b-q2zfii2ama] {
    margin: 0 1rem 1rem;
}

@media (max-width: 1000px) {
    .invoice-detail-layout[b-q2zfii2ama] {
        grid-template-columns: 1fr;
    }

    .invoice-totals-panel[b-q2zfii2ama] {
        position: static;
    }
}

@media (max-width: 720px) {
    .invoice-detail-page[b-q2zfii2ama] {
        padding: 1rem;
    }

    .invoice-detail-header[b-q2zfii2ama] {
        align-items: flex-start;
        flex-direction: column;
    }

    .invoice-detail-statuses[b-q2zfii2ama] {
        flex-wrap: wrap;
    }

    .invoice-section-heading[b-q2zfii2ama] {
        align-items: flex-start;
        flex-direction: column;
        gap: .75rem;
    }

    .invoice-detail-header-tools[b-q2zfii2ama] {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .invoice-document-row[b-q2zfii2ama] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .invoice-document-actions[b-q2zfii2ama] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .invoice-summary-band[b-q2zfii2ama],
    .invoice-reference-list[b-q2zfii2ama] {
        grid-template-columns: 1fr 1fr;
    }

    .invoice-summary-band > div:nth-child(even)[b-q2zfii2ama] {
        border-right: 0;
    }

    .invoice-summary-band > div:not(:nth-last-child(-n+2))[b-q2zfii2ama] {
        border-bottom: 1px solid var(--rz-base-300);
    }
}

@media (max-width: 430px) {
    .invoice-summary-band[b-q2zfii2ama],
    .invoice-reference-list[b-q2zfii2ama] {
        grid-template-columns: 1fr;
    }

    .invoice-summary-band > div[b-q2zfii2ama] {
        border-right: 0;
        border-bottom: 1px solid var(--rz-base-300);
    }

    .invoice-summary-band > div:last-child[b-q2zfii2ama] {
        border-bottom: 0;
    }
}
/* /Features/Billing/Pages/InvoicePaymentDialog.razor.rz.scp.css */
.invoice-payment-amount[b-2h6wzhp2pi] {
    align-items: center;
    background: #f6f9fb;
    border-bottom: 1px solid var(--mt-border);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.invoice-payment-amount span[b-2h6wzhp2pi] {
    color: #607080;
    font-size: 13px;
}

.invoice-payment-amount strong[b-2h6wzhp2pi] {
    color: #152536;
    font-size: 18px;
}

.invoice-payment-form[b-2h6wzhp2pi] {
    display: grid;
    gap: 16px 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.invoice-payment-field[b-2h6wzhp2pi] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.invoice-payment-field-wide[b-2h6wzhp2pi] {
    grid-column: 1 / -1;
}

.invoice-payment-actions[b-2h6wzhp2pi] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 18px;
}

@media (max-width: 560px) {
    .invoice-payment-form[b-2h6wzhp2pi] {
        grid-template-columns: minmax(0, 1fr);
    }

    .invoice-payment-field-wide[b-2h6wzhp2pi] {
        grid-column: auto;
    }

    .invoice-payment-actions[b-2h6wzhp2pi] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Features/Billing/Pages/Invoices.razor.rz.scp.css */
.invoices-page[b-oym51mqq1d] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.5rem;
}

.invoices-header[b-oym51mqq1d],
.invoices-heading[b-oym51mqq1d],
.invoices-grid-heading[b-oym51mqq1d] {
    display: flex;
    align-items: center;
}

.invoices-header[b-oym51mqq1d] {
    justify-content: space-between;
    gap: 1rem;
}

.invoices-heading[b-oym51mqq1d] {
    gap: .75rem;
}

.invoices-eyebrow[b-oym51mqq1d] {
    color: var(--rz-primary);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.invoices-heading h1[b-oym51mqq1d],
.invoices-grid-heading h2[b-oym51mqq1d] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.invoices-heading h1[b-oym51mqq1d] {
    font-size: 1.5rem;
}

.invoices-heading p[b-oym51mqq1d] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.invoices-loading[b-oym51mqq1d] {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
}

.invoices-filters[b-oym51mqq1d] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) minmax(200px, 260px) auto;
    justify-content: start;
    align-items: end;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.invoices-grid-surface[b-oym51mqq1d] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.invoices-grid-heading[b-oym51mqq1d] {
    justify-content: space-between;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.invoices-grid-heading h2[b-oym51mqq1d] {
    font-size: 1rem;
}

.invoices-grid-heading span[b-oym51mqq1d] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.invoices-grid-scroll[b-oym51mqq1d] {
    max-width: 100%;
    overflow-x: auto;
}

[b-oym51mqq1d] .invoices-grid .rz-grid-table {
    min-width: 1430px;
}

.invoice-total-absent[b-oym51mqq1d] {
    color: #8494a3;
    font-style: italic;
}

/* Body ink with an underline, matching the Contract register. Two linked columns in brand
   blue across every row turned the register into a wall of links; the underline carries the
   affordance and colour is kept for status that needs attention. */
.invoice-number-link[b-oym51mqq1d],
.invoice-account-link[b-oym51mqq1d] {
    color: #152536;
    font-weight: 500;
    text-decoration: underline;
}

.invoice-number-link:hover[b-oym51mqq1d],
.invoice-number-link:focus-visible[b-oym51mqq1d],
.invoice-account-link:hover[b-oym51mqq1d],
.invoice-account-link:focus-visible[b-oym51mqq1d] {
    color: var(--rz-primary);
}

@media (max-width: 800px) {
    .invoices-page[b-oym51mqq1d] {
        padding: 1rem;
    }

    .invoices-header[b-oym51mqq1d] {
        align-items: flex-start;
        flex-direction: column;
    }

    .invoices-filters[b-oym51mqq1d] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Components/BundleConfigurationFields.razor.rz.scp.css */
.bundle-fields[b-zv29sx9d4u] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.bundle-components[b-zv29sx9d4u], .bundle-wide[b-zv29sx9d4u] { grid-column: 1 / -1; min-width: 0; }
.bundle-components h3[b-zv29sx9d4u] { font-size: 1rem; margin: 0 0 .75rem; }
.bundle-component[b-zv29sx9d4u] { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--bs-border-color, #dbe3ed); }
.bundle-component-label[b-zv29sx9d4u] { display: flex; align-items: flex-start; gap: .625rem; min-width: 0; }
.bundle-component-label input[b-zv29sx9d4u] { margin-top: .25rem; flex: 0 0 auto; }
.bundle-component-label span[b-zv29sx9d4u] { min-width: 0; overflow-wrap: anywhere; }
.bundle-component small[b-zv29sx9d4u] { display: block; font-size: .8rem; margin-top: .25rem; color: var(--bs-secondary-color, #5f7289); }
.bundle-price[b-zv29sx9d4u] { flex: 0 0 auto; text-align: right; }
.bundle-field[b-zv29sx9d4u] { display: flex; flex-direction: column; gap: .375rem; min-width: 0; }
.bundle-term-choices[b-zv29sx9d4u] { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; border: 0; }
.bundle-term-choices legend[b-zv29sx9d4u] { width: 100%; margin-bottom: .375rem; font-weight: 650; }
.bundle-term-choices .is-selected[b-zv29sx9d4u] { border-color: var(--portal-command-edge); background: var(--portal-tint); color: var(--portal-command-edge); font-weight: 700; }
.bundle-context[b-zv29sx9d4u] { margin: 0; font-size: .875rem; color: var(--bs-secondary-color, #5f7289); }
.bundle-error[b-zv29sx9d4u] { margin: 0; color: var(--bs-danger, #b42318); }
@media (max-width: 600px) { .bundle-fields[b-zv29sx9d4u] { grid-template-columns: minmax(0, 1fr); } .bundle-component[b-zv29sx9d4u] { flex-direction: column; gap: .375rem; } .bundle-price[b-zv29sx9d4u] { text-align: left; margin-left: 1.5rem; } }
/* /Features/Catalog/Pages/BundleComponentEditorDialog.razor.rz.scp.css */
.bundle-component-editor[b-mehy545geb] {
    display: grid;
    gap: 18px;
}

.bundle-component-grid[b-mehy545geb] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(120px, 1fr));
    gap: 16px;
}

.bundle-component-field[b-mehy545geb] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.bundle-component-options[b-mehy545geb] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 24px;
}

.bundle-component-options label[b-mehy545geb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--mt-font-body);
    font-weight: 600;
}

.bundle-component-actions[b-mehy545geb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid var(--mt-border);
}

@media (max-width: 680px) {
    .bundle-component-grid[b-mehy545geb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .bundle-component-actions[b-mehy545geb] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Features/Catalog/Pages/BundleDetail.razor.rz.scp.css */
.bundle-detail-page[b-qh8yujfqqi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 16px;
    padding: 20px 0 36px;
    color: var(--rz-text-color);
}

.bundle-detail-loading[b-qh8yujfqqi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 32px 0;
    color: var(--rz-text-secondary-color);
}

.bundle-detail-header[b-qh8yujfqqi],
.bundle-detail-heading[b-qh8yujfqqi],
.bundle-detail-title-row[b-qh8yujfqqi],
.bundle-detail-actions[b-qh8yujfqqi],
.bundle-detail-section-header[b-qh8yujfqqi],
.bundle-row-actions[b-qh8yujfqqi] {
    display: flex;
    align-items: center;
}

.bundle-detail-header[b-qh8yujfqqi] {
    justify-content: space-between;
    gap: 20px;
}

.bundle-detail-heading[b-qh8yujfqqi] {
    min-width: 0;
    gap: 12px;
}

.bundle-detail-icon[b-qh8yujfqqi] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 6px;
    background: var(--rz-primary-lighter);
    color: var(--rz-primary);
    font-size: var(--mt-font-page);
}

.bundle-detail-eyebrow[b-qh8yujfqqi] {
    color: var(--rz-primary);
    font-size: var(--mt-font-eyebrow);
    font-weight: 700;
    text-transform: uppercase;
}

.bundle-detail-title-row[b-qh8yujfqqi] {
    min-width: 0;
    gap: 10px;
}

.bundle-detail-title-row h1[b-qh8yujfqqi] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--rz-text-title-color);
    font-size: var(--mt-font-page);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bundle-detail-heading p[b-qh8yujfqqi] {
    margin: 3px 0 0;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
}

.bundle-detail-actions[b-qh8yujfqqi] {
    flex: 0 0 auto;
    gap: 8px;
}

.bundle-status[b-qh8yujfqqi] {
    display: inline-block;
    flex: 0 0 auto;
    padding: 2px 8px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: var(--rz-base-200);
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-eyebrow);
    font-weight: 650;
    line-height: 1.35;
    white-space: nowrap;
}

.bundle-status.is-active[b-qh8yujfqqi] {
    border-color: var(--rz-success-light);
    background: var(--rz-success-lighter);
    color: var(--rz-success-darker);
}

.bundle-detail-section[b-qh8yujfqqi] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: var(--mt-surface);
}

.bundle-detail-section-header[b-qh8yujfqqi] {
    min-height: 44px;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mt-border);
    background: var(--rz-base-background-color);
}

.bundle-detail-section-header h2[b-qh8yujfqqi] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: var(--mt-font-section);
    font-weight: 650;
}

.bundle-detail-section-header h2 span[b-qh8yujfqqi] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
    font-weight: 500;
}

.bundle-detail-facts[b-qh8yujfqqi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 24px;
    margin: 0;
    padding: 18px 16px;
}

.bundle-detail-facts div[b-qh8yujfqqi] {
    min-width: 0;
}

.bundle-detail-facts dt[b-qh8yujfqqi],
.bundle-detail-description > span[b-qh8yujfqqi] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
    font-weight: 600;
}

.bundle-detail-facts dd[b-qh8yujfqqi] {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    font-size: var(--mt-font-body);
    font-weight: 600;
}

.bundle-detail-description[b-qh8yujfqqi] {
    padding: 0 16px 18px;
}

.bundle-detail-description p[b-qh8yujfqqi] {
    max-width: 90ch;
    margin: 4px 0 0;
    font-size: var(--mt-font-body);
    line-height: 1.5;
}

.bundle-pricing-groups[b-qh8yujfqqi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    padding: 16px;
}

.bundle-price-total[b-qh8yujfqqi] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-left: 3px solid var(--rz-primary);
    background: var(--rz-primary-lighter);
}

.bundle-price-total.is-optional[b-qh8yujfqqi] {
    border-left-color: var(--rz-text-secondary-color);
    background: var(--rz-base-50);
}

.bundle-price-total span[b-qh8yujfqqi] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
}

.bundle-price-total strong[b-qh8yujfqqi] {
    font-size: var(--mt-font-body);
    font-weight: 700;
}

.bundle-detail-empty-copy[b-qh8yujfqqi] {
    margin: 0;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-body);
}

.bundle-grid-section[b-qh8yujfqqi]  .rz-data-grid {
    border: 0;
    border-radius: 0;
}

.bundle-product-cell[b-qh8yujfqqi] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bundle-product-cell strong[b-qh8yujfqqi] {
    overflow-wrap: anywhere;
    font-size: var(--mt-font-body);
}

.bundle-product-cell span[b-qh8yujfqqi] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-eyebrow);
}

.bundle-row-actions[b-qh8yujfqqi] {
    justify-content: center;
    gap: 2px;
}

.bundle-action-label[b-qh8yujfqqi] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 10px;
    background: var(--rz-primary-lighter);
    color: var(--rz-primary-dark);
    font-size: var(--mt-font-eyebrow);
    font-weight: 650;
    white-space: nowrap;
}

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

@media (max-width: 640px) {
    .bundle-detail-page[b-qh8yujfqqi] {
        padding-top: 12px;
    }

    .bundle-detail-header[b-qh8yujfqqi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .bundle-detail-actions[b-qh8yujfqqi] {
        width: 100%;
        justify-content: flex-end;
    }

    .bundle-detail-title-row[b-qh8yujfqqi] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .bundle-detail-title-row h1[b-qh8yujfqqi] {
        font-size: var(--mt-font-page);
        white-space: normal;
    }

    .bundle-detail-facts[b-qh8yujfqqi] {
        grid-template-columns: minmax(0, 1fr);
    }

    .bundle-detail-section-header[b-qh8yujfqqi] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Features/Catalog/Pages/BundleEditorDialog.razor.rz.scp.css */
.bundle-editor-form[b-2h1r6c0xco] {
    display: grid;
    gap: 18px;
}

.bundle-editor-grid[b-2h1r6c0xco] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.bundle-editor-field[b-2h1r6c0xco] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.bundle-editor-span[b-2h1r6c0xco] {
    grid-column: 1 / -1;
}

.bundle-editor-actions[b-2h1r6c0xco] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid var(--mt-border);
}

@media (max-width: 640px) {
    .bundle-editor-grid[b-2h1r6c0xco] {
        grid-template-columns: minmax(0, 1fr);
    }

    .bundle-editor-actions[b-2h1r6c0xco] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Features/Catalog/Pages/Bundles.razor.rz.scp.css */

[b-xk807vab4m] .platform-data-grid .rz-grid-table {
    min-width: 1100px;
}
/* /Features/Catalog/Pages/ProductDetail.razor.rz.scp.css */
.product-detail-page[b-qxvywnw1oc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 16px;
    padding: 20px 0 36px;
    color: #152536;
}

.product-detail-loading[b-qxvywnw1oc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 32px 0;
    color: #607080;
}

.product-detail-header[b-qxvywnw1oc],
.product-detail-heading[b-qxvywnw1oc],
.product-detail-title-row[b-qxvywnw1oc],
.product-detail-actions[b-qxvywnw1oc] {
    display: flex;
    align-items: center;
}

.product-detail-header[b-qxvywnw1oc] {
    justify-content: space-between;
    gap: 20px;
}

.product-detail-heading[b-qxvywnw1oc] {
    min-width: 0;
    gap: 12px;
}

.product-detail-icon[b-qxvywnw1oc] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 6px;
    background: var(--rz-primary-lighter);
    color: var(--rz-primary);
    font-size: 22px;
}

.product-detail-eyebrow[b-qxvywnw1oc] {
    color: var(--rz-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-detail-title-row[b-qxvywnw1oc] {
    min-width: 0;
    gap: 10px;
}

.product-detail-title-row h1[b-qxvywnw1oc] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--rz-text-title-color);
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-detail-heading p[b-qxvywnw1oc] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 12px;
}

.product-detail-actions[b-qxvywnw1oc] {
    flex: 0 0 auto;
    gap: 8px;
}

.product-detail-status[b-qxvywnw1oc] {
    display: inline-block;
    flex: 0 0 auto;
    padding: 2px 8px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: #edf1f4;
    color: #607080;
    font-size: 11px;
    font-weight: 650;
}

.product-detail-status.is-active[b-qxvywnw1oc] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

.product-detail-tabs[b-qxvywnw1oc] {
    min-width: 0;
}

.product-detail-page[b-qxvywnw1oc]  .product-detail-tabs {
    min-width: 0;
    max-width: 100%;
}

.product-detail-page[b-qxvywnw1oc]  .rz-tabview-nav {
    max-width: 100%;
    overflow-x: visible;
    flex-wrap: wrap;
}

[b-qxvywnw1oc] .product-detail-tabs .rz-tabview-panels {
    padding: 24px 16px 16px;
}

.product-detail-section[b-qxvywnw1oc] {
    overflow: hidden;
    margin: 0 !important;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgb(15 35 55 / 8%);
}

.product-overview-section .card-body[b-qxvywnw1oc] {
    padding: 18px;
}

.product-overview-section .row[b-qxvywnw1oc] {
    row-gap: 16px;
}

.product-local-stock-summary[b-qxvywnw1oc] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-border);
}

.product-local-stock-heading[b-qxvywnw1oc],
.product-local-stock-row[b-qxvywnw1oc],
.product-local-stock-provider[b-qxvywnw1oc],
.product-local-stock-values[b-qxvywnw1oc] {
    display: flex;
}

.product-local-stock-heading[b-qxvywnw1oc] {
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.product-local-stock-heading h3[b-qxvywnw1oc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: var(--mt-font-body);
    font-weight: 650;
}

.product-local-stock-heading p[b-qxvywnw1oc] {
    margin: 0;
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.product-local-stock-list[b-qxvywnw1oc] {
    border-top: 1px solid var(--mt-border);
}

.product-local-stock-row[b-qxvywnw1oc] {
    min-height: 64px;
    align-items: center;
    gap: 18px;
    padding: 10px 0;
    border-bottom: 1px solid var(--mt-border);
}

.product-local-stock-provider[b-qxvywnw1oc] {
    flex: 1 1 240px;
    min-width: 180px;
    flex-direction: column;
    gap: 2px;
}

.product-local-stock-provider span[b-qxvywnw1oc],
.product-local-stock-values dt[b-qxvywnw1oc] {
    color: var(--rz-text-secondary-color);
    font-size: 11px;
}

.product-local-stock-values[b-qxvywnw1oc] {
    flex: 1 1 330px;
    justify-content: flex-end;
    gap: 26px;
    margin: 0;
}

.product-local-stock-values div[b-qxvywnw1oc] {
    min-width: 64px;
}

.product-local-stock-values dt[b-qxvywnw1oc],
.product-local-stock-values dd[b-qxvywnw1oc] {
    margin: 0;
}

.product-local-stock-values dd[b-qxvywnw1oc] {
    color: var(--rz-text-title-color);
    font-size: var(--mt-font-body);
    font-weight: 600;
}

.product-local-stock-values .is-available dd[b-qxvywnw1oc] {
    color: var(--rz-primary);
}

.product-local-stock-unavailable[b-qxvywnw1oc] {
    flex: 1 1 330px;
    color: var(--rz-danger);
    font-size: 12px;
    text-align: right;
}

.product-tax-section[b-qxvywnw1oc] {
    margin-top: 16px !important;
}

.product-detail-section-header[b-qxvywnw1oc] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--mt-border);
    background: #f7f9fb;
}

.product-detail-section-header h2[b-qxvywnw1oc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: var(--mt-font-section);
    font-weight: 600;
}

.card-body[b-qxvywnw1oc] {
    padding: 16px;
}

.product-detail-grid-shell[b-qxvywnw1oc] {
    max-width: 100%;
    overflow-x: auto;
}

.product-detail-grid[b-qxvywnw1oc] {
    min-width: 920px;
}

.product-provider-mapping-section[b-qxvywnw1oc] {
    padding: 0;
}

.product-provider-mapping-actions[b-qxvywnw1oc],
.product-provider-code[b-qxvywnw1oc] {
    display: flex;
}

.product-provider-mapping-content[b-qxvywnw1oc] {
    padding: 16px;
}

.product-provider-mapping-content > p[b-qxvywnw1oc] {
    margin: 0 0 12px;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
}

.product-provider-mapping-actions[b-qxvywnw1oc] {
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.product-provider-code[b-qxvywnw1oc] {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
}

.product-provider-code small[b-qxvywnw1oc] {
    color: var(--rz-text-secondary-color);
}

.product-tax-summary[b-qxvywnw1oc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 22px;
}

.product-tax-summary div[b-qxvywnw1oc] {
    min-width: 0;
    overflow-wrap: anywhere;
}

[b-qxvywnw1oc] .product-detail-grid .rz-grid-table thead th {
    border-color: #34485c;
    background: #0b2238;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

[b-qxvywnw1oc] .product-detail-grid .rz-grid-table thead th .rz-column-title,
[b-qxvywnw1oc] .product-detail-grid .rz-grid-table thead th .rz-sortable-column-icon,
[b-qxvywnw1oc] .product-detail-grid .rz-grid-table thead th .rzi {
    color: #ffffff;
    opacity: 1;
}

[b-qxvywnw1oc] .product-detail-grid .rz-grid-table td {
    color: #1d2f40;
    font-size: 13px;
}

@media (max-width: 900px) {
    .product-detail-header[b-qxvywnw1oc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-tax-summary[b-qxvywnw1oc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-local-stock-row[b-qxvywnw1oc] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .product-local-stock-values[b-qxvywnw1oc] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .product-detail-heading[b-qxvywnw1oc] {
        align-items: flex-start;
    }

    .product-detail-icon[b-qxvywnw1oc] {
        display: none;
    }

    .product-detail-title-row[b-qxvywnw1oc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-detail-title-row h1[b-qxvywnw1oc] {
        white-space: normal;
    }

    .product-detail-actions[b-qxvywnw1oc] {
        width: 100%;
    }

    .product-detail-actions[b-qxvywnw1oc] >  .rz-button:first-child {
        flex: 1 1 auto;
    }

    .product-tax-summary[b-qxvywnw1oc] {
        grid-template-columns: 1fr;
    }

    .product-local-stock-heading[b-qxvywnw1oc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-local-stock-provider[b-qxvywnw1oc],
    .product-local-stock-values[b-qxvywnw1oc],
    .product-local-stock-unavailable[b-qxvywnw1oc] {
        flex-basis: 100%;
    }

    .product-local-stock-values[b-qxvywnw1oc] {
        justify-content: space-between;
        gap: 12px;
    }

    .product-local-stock-unavailable[b-qxvywnw1oc] {
        text-align: left;
    }

    .product-detail-section-header[b-qxvywnw1oc] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Features/Catalog/Pages/ProductDuplicateDialog.razor.rz.scp.css */
.product-duplicate-dialog[b-t5gvzjo1r0] {
    display: grid;
    gap: 18px;
}

.product-duplicate-field[b-t5gvzjo1r0] {
    display: grid;
    gap: 5px;
}

.product-duplicate-actions[b-t5gvzjo1r0] {
    border-top: 1px solid #dce3e8;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
}

[b-t5gvzjo1r0] .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

@media (max-width: 576px) {
    .product-duplicate-actions[b-t5gvzjo1r0] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .product-duplicate-actions[b-t5gvzjo1r0]  .rz-button {
        width: 100%;
    }
}
/* /Features/Catalog/Pages/ProductEditorDialog.razor.rz.scp.css */
.product-editor-form[b-jmhvejynrx] {
    display: grid;
    gap: 16px;
}

.product-editor-section[b-jmhvejynrx] {
    border: 1px solid #d8e0e7;
    border-radius: 6px;
    padding: 14px;
}

.product-editor-section h3[b-jmhvejynrx] {
    color: #152536;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 14px;
}

.product-editor-grid[b-jmhvejynrx] {
    display: grid;
    gap: 15px 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-editor-field[b-jmhvejynrx] {
    align-content: start;
    display: grid;
    gap: 5px;
    min-width: 0;
}

.product-editor-span[b-jmhvejynrx] {
    grid-column: 1 / -1;
}

.product-editor-label-row[b-jmhvejynrx] {
    align-items: center;
    display: flex;
    gap: 5px;
}

.product-editor-label-row[b-jmhvejynrx]  .rzi {
    color: #607080;
    cursor: help;
    font-size: 16px;
}

.product-editor-checkbox[b-jmhvejynrx] {
    align-items: center;
    display: flex;
    gap: 8px;
    padding-top: 23px;
}

.product-editor-image-row[b-jmhvejynrx] {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: 92px minmax(0, 1fr);
}

.product-editor-image-preview[b-jmhvejynrx],
.product-editor-image-placeholder[b-jmhvejynrx] {
    align-items: center;
    background: #f4f7f9;
    border: 1px solid #d8e0e7;
    border-radius: 4px;
    display: flex;
    height: 82px;
    justify-content: center;
    object-fit: contain;
    width: 92px;
}

.product-editor-image-placeholder[b-jmhvejynrx]  .rzi {
    color: #7a8996;
    font-size: 28px;
}

.product-editor-image-controls[b-jmhvejynrx] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.product-editor-image-controls > span[b-jmhvejynrx] {
    color: #607080;
    font-size: 12px;
}

.product-editor-copy-image[b-jmhvejynrx] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 2px;
}

.product-editor-actions[b-jmhvejynrx] {
    align-items: center;
    border-top: 1px solid #dce3e8;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 14px;
}

[b-jmhvejynrx] .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

[b-jmhvejynrx] .rz-message {
    font-size: 11px;
}

@media (max-width: 680px) {
    .product-editor-grid[b-jmhvejynrx] {
        grid-template-columns: 1fr;
    }

    .product-editor-span[b-jmhvejynrx] {
        grid-column: auto;
    }

    .product-editor-checkbox[b-jmhvejynrx] {
        padding-top: 0;
    }

    .product-editor-image-row[b-jmhvejynrx] {
        align-items: start;
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .product-editor-image-preview[b-jmhvejynrx],
    .product-editor-image-placeholder[b-jmhvejynrx] {
        height: 64px;
        width: 72px;
    }

    .product-editor-actions[b-jmhvejynrx] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .product-editor-actions[b-jmhvejynrx]  .rz-button {
        width: 100%;
    }
}

/* Field-level guidance, so the difference between the customer summary and the
   full description is answered at the field rather than in a standards doc. */
.product-editor-help[b-jmhvejynrx] {
    display: block;
    margin-top: 4px;
    color: #5c6978;
    font-size: var(--mt-font-label);
    line-height: 1.4;
}
/* /Features/Catalog/Pages/ProductMediaImportDialog.razor.rz.scp.css */
.product-media-import-dialog[b-1tqbrty56o] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.product-media-import-toolbar[b-1tqbrty56o],
.product-media-import-actions[b-1tqbrty56o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.product-media-import-toolbar > div[b-1tqbrty56o] {
    display: grid;
    gap: 2px;
}

.product-media-import-toolbar strong[b-1tqbrty56o] {
    color: var(--rz-text-title-color);
    font-size: 15px;
}

.product-media-import-toolbar span[b-1tqbrty56o],
.product-media-import-files small[b-1tqbrty56o] {
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.product-media-import-files[b-1tqbrty56o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.product-media-import-files label[b-1tqbrty56o] {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

.product-media-import-files input[b-1tqbrty56o] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
}

.product-media-import-summary[b-1tqbrty56o] {
    padding: 12px;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-50);
}

.product-media-import-summary dl[b-1tqbrty56o] {
    display: grid;
    grid-template-columns: repeat(8, minmax(75px, 1fr));
    gap: 8px;
    margin: 0;
}

.product-media-import-summary dl div[b-1tqbrty56o] {
    padding: 8px 10px;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-background-color);
}

.product-media-import-summary dl div.is-attention[b-1tqbrty56o] {
    border-color: #e5b968;
    background: #fff8e7;
}

.product-media-import-summary dt[b-1tqbrty56o] {
    color: var(--rz-text-secondary-color);
    font-size: 11px;
}

.product-media-import-summary dd[b-1tqbrty56o] {
    margin: 2px 0 0;
    color: var(--rz-text-title-color);
    font-size: 17px;
    font-weight: 700;
}

.product-media-import-messages[b-1tqbrty56o] {
    max-height: 120px;
    margin: -7px 0 0;
    padding-left: 24px;
    overflow: auto;
    color: #69501e;
    font-size: 12px;
}

.product-media-import-messages.is-error[b-1tqbrty56o] {
    color: var(--rz-danger);
}

.product-media-import-grid-shell[b-1tqbrty56o] {
    min-width: 0;
    max-height: 360px;
    overflow: auto;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
}

.product-media-import-grid-shell[b-1tqbrty56o]  .rz-grid-table {
    min-width: 985px;
}

.product-media-import-outcome[b-1tqbrty56o] {
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: #edf1f4;
    color: #435567;
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

.product-media-import-outcome.is-add[b-1tqbrty56o] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

.product-media-import-outcome.is-replace[b-1tqbrty56o] {
    border-color: #e5b968;
    background: #fff8e7;
    color: #7a5713;
}

.product-media-import-outcome.is-error[b-1tqbrty56o] {
    border-color: #e4a3a3;
    background: #fdecec;
    color: #9d2f2f;
}

.product-media-import-actions[b-1tqbrty56o] {
    justify-content: flex-end;
    padding-top: 2px;
}

@media (max-width: 760px) {
    .product-media-import-toolbar[b-1tqbrty56o] {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-media-import-files[b-1tqbrty56o] {
        grid-template-columns: 1fr;
    }

    .product-media-import-summary dl[b-1tqbrty56o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Features/Catalog/Pages/ProductProviderMappingEditorDialog.razor.rz.scp.css */
.product-provider-mapping-editor[b-o878fc2o77]  form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-provider-mapping-editor-section[b-o878fc2o77] {
    min-width: 0;
}

.product-provider-mapping-editor-section p[b-o878fc2o77] {
    margin: 0 0 16px;
    color: var(--rz-text-secondary-color);
}

.product-provider-mapping-editor-section h3[b-o878fc2o77] {
    font-size: var(--mt-font-section);
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 16px;
}

.product-provider-policy-section[b-o878fc2o77] {
    padding-top: 20px;
    border-top: 1px solid var(--mt-rule);
}

.product-provider-policy-section h3[b-o878fc2o77] {
    margin: 0 0 16px;
}

.product-provider-policy-toggle[b-o878fc2o77] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
}

.product-provider-mapping-editor-grid[b-o878fc2o77] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
}

.product-provider-mapping-editor-field[b-o878fc2o77] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.product-provider-mapping-editor-field small[b-o878fc2o77] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
}

.product-provider-mapping-editor-actions[b-o878fc2o77] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
}

@media (max-width: 680px) {
    .product-provider-mapping-editor-grid[b-o878fc2o77] {
        grid-template-columns: 1fr;
    }

    .product-provider-mapping-editor-actions[b-o878fc2o77] {
        flex-direction: column;
    }
}
/* /Features/Catalog/Pages/Products.razor.rz.scp.css */
.products-page[b-xng17h8khf] {
    display: grid;
    gap: 16px;
    padding: 24px;
}

.products-header[b-xng17h8khf],
.products-heading[b-xng17h8khf],
.products-header-actions[b-xng17h8khf],
.products-grid-title[b-xng17h8khf] {
    display: flex;
    align-items: center;
}

.products-header[b-xng17h8khf] {
    justify-content: space-between;
    gap: 16px;
}

.products-heading[b-xng17h8khf] {
    gap: 12px;
    min-width: 0;
}

.products-eyebrow[b-xng17h8khf] {
    color: var(--rz-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.products-heading h1[b-xng17h8khf],
.products-grid-title h2[b-xng17h8khf] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.products-heading h1[b-xng17h8khf] {
    font-size: 24px;
}

.products-heading p[b-xng17h8khf] {
    margin: 3px 0 0;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
}

.products-header-actions[b-xng17h8khf] {
    gap: 8px;
}

.products-filters[b-xng17h8khf] {
    display: grid;
    grid-template-columns:
        minmax(250px, 2fr)
        minmax(150px, 1fr)
        minmax(120px, .75fr)
        minmax(145px, .85fr)
        minmax(145px, .85fr)
        auto;
    align-items: end;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.products-filter-field[b-xng17h8khf] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.products-filter-field label[b-xng17h8khf] {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

.products-grid-shell[b-xng17h8khf] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.products-grid-title[b-xng17h8khf] {
    justify-content: space-between;
    padding: 13px 16px;
    border-bottom: 1px solid var(--rz-base-300);
}

.products-grid-title h2[b-xng17h8khf] {
    font-size: 16px;
}

.products-grid-title span[b-xng17h8khf] {
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.products-thumbnail[b-xng17h8khf],
.products-thumbnail-placeholder[b-xng17h8khf] {
    width: 40px;
    height: 40px;
    margin-inline: auto;
    border: 1px solid #d7e0e7;
    border-radius: 4px;
    background: #f4f7f9;
}

.products-thumbnail[b-xng17h8khf] {
    display: block;
    object-fit: contain;
}

.products-thumbnail-placeholder[b-xng17h8khf] {
    display: grid;
    place-items: center;
    color: #6f7f8d;
    font-size: 17px;
}

.products-name-link[b-xng17h8khf] {
    color: var(--rz-primary);
    font-weight: 650;
    text-decoration: none;
}

.products-name-link:hover[b-xng17h8khf] {
    text-decoration: underline;
}

.products-status-badge[b-xng17h8khf] {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: #edf1f4;
    color: #34495d;
    font-size: 11px;
    font-weight: 600;
}

.products-status-badge.is-active[b-xng17h8khf] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

.products-status-badge.is-inactive[b-xng17h8khf] {
    color: #607080;
}

[b-xng17h8khf] .platform-data-grid .rz-grid-table {
    min-width: 1110px;
}

@media (max-width: 900px) {
    .products-header[b-xng17h8khf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .products-filters[b-xng17h8khf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .products-page[b-xng17h8khf] {
        padding: 16px;
    }

    .products-header-actions[b-xng17h8khf] {
        width: 100%;
    }

    .products-header-actions[b-xng17h8khf] >  .rz-button:first-child {
        flex: 1 1 auto;
    }

    .products-filters[b-xng17h8khf] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Pages/ProductStockAdjustmentDialog.razor.rz.scp.css */
.product-stock-adjustment[b-0g1h3xxt7l],
.product-stock-adjustment[b-0g1h3xxt7l]  form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.product-stock-context[b-0g1h3xxt7l] {
    margin: 0;
    color: var(--rz-text-secondary-color);
}

.product-stock-summary[b-0g1h3xxt7l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mt-rule);
}

.product-stock-summary dt[b-0g1h3xxt7l],
.product-stock-field small[b-0g1h3xxt7l] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
    font-weight: normal;
}

.product-stock-summary dd[b-0g1h3xxt7l] {
    margin: 4px 0 0;
    font-variant-numeric: tabular-nums;
}

.product-stock-field[b-0g1h3xxt7l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.product-stock-actions[b-0g1h3xxt7l] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
}

@media (max-width: 480px) {
    .product-stock-summary[b-0g1h3xxt7l] {
        grid-template-columns: 1fr;
    }

    .product-stock-actions[b-0g1h3xxt7l] {
        flex-direction: column;
    }
}
/* /Features/Catalog/Pages/ProviderEditorDialog.razor.rz.scp.css */
.provider-editor-dialog form[b-cl00p6lr65] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.provider-editor-grid[b-cl00p6lr65] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.provider-editor-field[b-cl00p6lr65] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.provider-editor-actions[b-cl00p6lr65] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--rz-base-300);
}

@media (max-width: 560px) {
    .provider-editor-grid[b-cl00p6lr65] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Catalog/Pages/Providers.razor.rz.scp.css */
.provider-catalog-page[b-ohbk1xeecx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.provider-catalog-header[b-ohbk1xeecx],
.provider-catalog-heading[b-ohbk1xeecx],
.provider-catalog-actions[b-ohbk1xeecx],
.provider-catalog-grid-title[b-ohbk1xeecx] {
    display: flex;
    align-items: center;
}

.provider-catalog-header[b-ohbk1xeecx] {
    justify-content: space-between;
    gap: 20px;
}

.provider-catalog-heading[b-ohbk1xeecx] {
    gap: 14px;
}

.provider-catalog-heading h1[b-ohbk1xeecx] {
    margin: 0;
    font-size: var(--mt-font-page);
}

.provider-catalog-heading p[b-ohbk1xeecx] {
    margin: 4px 0 0;
    color: var(--rz-text-secondary-color);
}

.provider-catalog-eyebrow[b-ohbk1xeecx] {
    color: var(--rz-primary);
    font-size: var(--mt-font-eyebrow);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.provider-catalog-actions[b-ohbk1xeecx] {
    gap: 8px;
}

.provider-catalog-grid-shell[b-ohbk1xeecx] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 8px;
    background: var(--rz-base-background-color);
}

.provider-catalog-grid-title[b-ohbk1xeecx] {
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid var(--rz-base-300);
}

.provider-catalog-grid-title h2[b-ohbk1xeecx] {
    margin: 0;
    font-size: var(--mt-font-section);
}

.provider-catalog-grid-title span[b-ohbk1xeecx] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-body);
}

@media (max-width: 720px) {
    .provider-catalog-header[b-ohbk1xeecx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .provider-catalog-actions[b-ohbk1xeecx] {
        width: 100%;
    }
}
/* /Features/Catalog/Pages/ProviderTermsDialog.razor.rz.scp.css */
.provider-terms-intro[b-z5xsmpwnew] {
    margin: 0 0 16px;
    max-width: 68ch;
    color: #5c6978;
    font-size: var(--mt-font-body);
    line-height: 1.5;
}

.provider-terms-table[b-z5xsmpwnew] {
    width: 100%;
    border-collapse: collapse;
}

.provider-terms-table th[b-z5xsmpwnew],
.provider-terms-table td[b-z5xsmpwnew] {
    padding: 8px 8px 8px 0;
    text-align: left;
    vertical-align: middle;
}

.provider-terms-table thead th[b-z5xsmpwnew] {
    color: #5c6978;
    font-size: var(--mt-font-label);
    font-weight: 600;
}

/* The remove column needs a header for the table to be readable by a screen
   reader, but a visible one would label a column of icon buttons twice. */
.provider-terms-hidden[b-z5xsmpwnew] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.provider-terms-actions[b-z5xsmpwnew] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #dbe2e9;
}

.provider-terms-commit[b-z5xsmpwnew] {
    display: flex;
    gap: 8px;
}
/* /Features/Catalog/Pages/TenantProviders.razor.rz.scp.css */
.tenant-providers-page[b-uyog63myjn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tenant-providers-header[b-uyog63myjn],
.tenant-providers-heading[b-uyog63myjn],
.tenant-providers-actions[b-uyog63myjn],
.tenant-providers-grid-title[b-uyog63myjn] {
    display: flex;
    align-items: center;
}

.tenant-providers-header[b-uyog63myjn] {
    justify-content: space-between;
    gap: 20px;
}

.tenant-providers-heading[b-uyog63myjn] {
    gap: 14px;
}

.tenant-providers-heading h1[b-uyog63myjn] {
    margin: 0;
    font-size: var(--mt-font-page);
}

.tenant-providers-heading p[b-uyog63myjn] {
    margin: 4px 0 0;
    color: var(--rz-text-secondary-color);
}

.tenant-providers-eyebrow[b-uyog63myjn] {
    color: var(--rz-primary);
    font-size: var(--mt-font-eyebrow);
    font-weight: 700;
    text-transform: uppercase;
}

.tenant-providers-actions[b-uyog63myjn] {
    gap: 8px;
}

.tenant-provider-row-actions[b-uyog63myjn] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.tenant-providers-grid-shell[b-uyog63myjn] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: var(--mt-surface);
}

.tenant-providers-grid-title[b-uyog63myjn] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--mt-border);
}

.tenant-providers-grid-title h2[b-uyog63myjn] {
    margin-bottom: 2px;
}

.tenant-providers-grid-title span[b-uyog63myjn] {
    display: block;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-body);
}

@media (max-width: 720px) {
    .tenant-providers-header[b-uyog63myjn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tenant-providers-actions[b-uyog63myjn] {
        width: 100%;
        flex-wrap: wrap;
    }

    .tenant-provider-row-actions[b-uyog63myjn] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Features/Communications/Pages/OutboundEmailDelivery.razor.rz.scp.css */
.outbound-email-page[b-z7vyn5i9xv] {
    max-width: 100%;
    padding: 16px;
}

.outbound-email-header[b-z7vyn5i9xv],
.outbound-email-heading[b-z7vyn5i9xv],
.outbound-email-actions[b-z7vyn5i9xv],
.outbound-email-readiness-content[b-z7vyn5i9xv] {
    display: flex;
}

.outbound-email-header[b-z7vyn5i9xv] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.outbound-email-heading[b-z7vyn5i9xv] {
    align-items: flex-start;
    gap: 12px;
}

.outbound-email-icon[b-z7vyn5i9xv] {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #eef3f7;
    color: #0b2238;
}

.outbound-email-eyebrow[b-z7vyn5i9xv] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.outbound-email-heading h1[b-z7vyn5i9xv] {
    margin: 0;
    color: #152536;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.outbound-email-heading p[b-z7vyn5i9xv] {
    margin: 2px 0 0;
    color: #607080;
    font-size: 13px;
}

.outbound-email-actions[b-z7vyn5i9xv] {
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
}

.outbound-email-readiness[b-z7vyn5i9xv] {
    margin-bottom: 16px;
}

.outbound-email-readiness-content[b-z7vyn5i9xv] {
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

.outbound-email-page[b-z7vyn5i9xv]  .platform-summary-strip {
    margin-bottom: 16px;
}

.outbound-email-filter[b-z7vyn5i9xv] {
    display: grid;
    grid-template-columns: minmax(220px, 320px);
    margin-bottom: 16px;
    padding: 12px 16px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.outbound-email-filter-field[b-z7vyn5i9xv] {
    display: grid;
    gap: 4px;
}

.outbound-email-filter-field label[b-z7vyn5i9xv] {
    color: #506171;
    font-size: 12px;
    font-weight: 600;
}

.outbound-email-grid[b-z7vyn5i9xv] {
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.outbound-email-grid-shell[b-z7vyn5i9xv] {
    max-width: 100%;
    overflow-x: auto;
}

.outbound-email-grid[b-z7vyn5i9xv]  .rz-data-grid {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 768px) {
    .outbound-email-header[b-z7vyn5i9xv] {
        flex-direction: column;
    }

    .outbound-email-actions[b-z7vyn5i9xv] {
        width: 100%;
        justify-content: flex-start;
    }

    .outbound-email-filter[b-z7vyn5i9xv] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Communications/Pages/OutboundEmailTestSendDialog.razor.rz.scp.css */
.outbound-email-test-dialog[b-gqwl9utira] {
    display: grid;
    min-width: 0;
}

.outbound-email-test-dialog[b-gqwl9utira]  form {
    display: grid;
    gap: 14px;
}

.outbound-email-test-note[b-gqwl9utira] {
    padding: 10px 12px;
    border: 1px solid #cfe0ef;
    border-radius: 4px;
    background: #f2f8fd;
    color: #34495d;
    font-size: 12px;
    line-height: 1.45;
}

.outbound-email-test-field[b-gqwl9utira] {
    display: grid;
    gap: 5px;
}

.outbound-email-test-actions[b-gqwl9utira] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--mt-rule);
}

@media (max-width: 640px) {
    .outbound-email-test-actions[b-gqwl9utira] {
        flex-direction: column-reverse;
    }

    .outbound-email-test-actions[b-gqwl9utira]  .rz-button {
        width: 100%;
    }
}
/* /Features/ConnectivityOperations/Pages/Devices.razor.rz.scp.css */
.devices-page[b-emc4z0pj1n] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.devices-header[b-emc4z0pj1n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.devices-heading[b-emc4z0pj1n] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.devices-eyebrow[b-emc4z0pj1n] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 2px;
}

.devices-heading h1[b-emc4z0pj1n] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #1f2937;
}

.devices-heading p[b-emc4z0pj1n] {
    font-size: 13px;
    color: #6b7280;
    margin: 2px 0 0;
}

.devices-actions[b-emc4z0pj1n] {
    display: flex;
    gap: 0.5rem;
}

.devices-filter-band[b-emc4z0pj1n] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid var(--mt-rule);
}

.devices-filter-field[b-emc4z0pj1n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.devices-filter-field label[b-emc4z0pj1n] {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.devices-filter-search[b-emc4z0pj1n] {
    flex: 1;
    min-width: 200px;
}

.devices-filter-command[b-emc4z0pj1n] {
    align-self: flex-end;
}

.devices-grid-section[b-emc4z0pj1n] {
    overflow: hidden;
}

.devices-grid-shell[b-emc4z0pj1n] {
    overflow-x: auto;
}

.devices-sim-slot[b-emc4z0pj1n] {
    font-size: 11px;
    color: #6b7280;
}

.devices-line-status[b-emc4z0pj1n] {
    font-size: 11px;
    color: #6b7280;
}
/* /Features/ConnectivityOperations/Pages/LineDetail.razor.rz.scp.css */
.line-detail-page[b-4cjcwwspy8] {
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.line-detail-loading[b-4cjcwwspy8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    color: #6b7280;
}

.line-detail-header[b-4cjcwwspy8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.line-detail-heading[b-4cjcwwspy8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.line-detail-heading-icon[b-4cjcwwspy8] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #0a192f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8bc34a;
    font-size: 20px;
}

.line-detail-eyebrow[b-4cjcwwspy8] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 2px;
}

.line-detail-heading h1[b-4cjcwwspy8] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #1f2937;
}

.line-detail-heading p[b-4cjcwwspy8] {
    font-size: 13px;
    color: #6b7280;
    margin: 2px 0 0;
}

.line-detail-actions[b-4cjcwwspy8] {
    display: flex;
    gap: 0.5rem;
}

.line-detail-summary[b-4cjcwwspy8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid var(--mt-rule);
}

.line-detail-summary-item[b-4cjcwwspy8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.line-detail-summary-label[b-4cjcwwspy8] {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-detail-tab-content[b-4cjcwwspy8] {
    padding: 1rem 0;
}

.line-detail-field-grid[b-4cjcwwspy8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.line-detail-field[b-4cjcwwspy8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.line-detail-field-label[b-4cjcwwspy8] {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.line-detail-field-value[b-4cjcwwspy8] {
    font-size: 14px;
    color: #1f2937;
    word-break: break-all;
}

.line-detail-metadata[b-4cjcwwspy8] {
    margin-top: 1.5rem;
}

.line-detail-metadata-json[b-4cjcwwspy8] {
    background: #f3f4f6;
    padding: 1rem;
    border-radius: 8px;
    font-size: 12px;
    max-height: 300px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

.line-detail-table[b-4cjcwwspy8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.line-detail-table th[b-4cjcwwspy8] {
    text-align: left;
    padding: 8px 12px;
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
    font-weight: 500;
    color: #374151;
}

.line-detail-table td[b-4cjcwwspy8] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--mt-rule);
    color: #1f2937;
}

.line-detail-empty[b-4cjcwwspy8] {
    padding: 2rem;
    text-align: center;
    color: #6b7280;
}
/* /Features/ConnectivityOperations/Pages/Lines.razor.rz.scp.css */
.lines-page[b-bsjvsd2jmv] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.lines-header[b-bsjvsd2jmv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.lines-heading[b-bsjvsd2jmv] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.lines-eyebrow[b-bsjvsd2jmv] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 2px;
}

.lines-heading h1[b-bsjvsd2jmv] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #1f2937;
}

.lines-heading p[b-bsjvsd2jmv] {
    font-size: 13px;
    color: #6b7280;
    margin: 2px 0 0;
}

.lines-actions[b-bsjvsd2jmv] {
    display: flex;
    gap: 0.5rem;
}

.lines-filter-band[b-bsjvsd2jmv] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid var(--mt-rule);
}

.lines-filter-field[b-bsjvsd2jmv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lines-filter-field label[b-bsjvsd2jmv] {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lines-filter-search[b-bsjvsd2jmv] {
    flex: 1;
    min-width: 200px;
}

.lines-filter-command[b-bsjvsd2jmv] {
    align-self: flex-end;
}

.lines-grid-section[b-bsjvsd2jmv] {
    overflow: hidden;
}

.lines-grid-shell[b-bsjvsd2jmv] {
    overflow-x: auto;
}

.lines-msisdn-link[b-bsjvsd2jmv] {
    color: #0a192f;
    font-weight: 500;
    text-decoration: none;
}

.lines-msisdn-link:hover[b-bsjvsd2jmv] {
    color: #8bc34a;
    text-decoration: underline;
}

.lines-account-cell[b-bsjvsd2jmv] {
    min-width: 0;
}

.lines-account-name[b-bsjvsd2jmv] {
    font-weight: 500;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lines-account-number[b-bsjvsd2jmv] {
    font-size: 11px;
    color: #6b7280;
}

.lines-status-badge[b-bsjvsd2jmv] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.status-green[b-bsjvsd2jmv] {
    background: #dcfce7;
    color: #166534;
}

.status-orange[b-bsjvsd2jmv] {
    background: #fef3c7;
    color: #92400e;
}

.status-red[b-bsjvsd2jmv] {
    background: #fee2e2;
    color: #991b1b;
}

.status-gray[b-bsjvsd2jmv] {
    background: #f3f4f6;
    color: #4b5563;
}

.status-blue[b-bsjvsd2jmv] {
    background: #dbeafe;
    color: #1e40af;
}

.lines-device-imei[b-bsjvsd2jmv] {
    font-weight: 500;
    color: #1f2937;
    white-space: nowrap;
}

.lines-device-model[b-bsjvsd2jmv] {
    font-size: 11px;
    color: #6b7280;
}
/* /Features/ConnectivityOperations/Pages/SimCards.razor.rz.scp.css */
.sim-cards-page[b-8j70nlo9zn] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.sim-cards-header[b-8j70nlo9zn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.sim-cards-heading[b-8j70nlo9zn] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sim-cards-eyebrow[b-8j70nlo9zn] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 2px;
}

.sim-cards-heading h1[b-8j70nlo9zn] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #1f2937;
}

.sim-cards-heading p[b-8j70nlo9zn] {
    font-size: 13px;
    color: #6b7280;
    margin: 2px 0 0;
}

.sim-cards-actions[b-8j70nlo9zn] {
    display: flex;
    gap: 0.5rem;
}

.sim-cards-filter-band[b-8j70nlo9zn] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid var(--mt-rule);
}

.sim-cards-filter-field[b-8j70nlo9zn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sim-cards-filter-field label[b-8j70nlo9zn] {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sim-cards-filter-search[b-8j70nlo9zn] {
    flex: 1;
    min-width: 200px;
}

.sim-cards-filter-command[b-8j70nlo9zn] {
    align-self: flex-end;
}

.sim-cards-grid-section[b-8j70nlo9zn] {
    overflow: hidden;
}

.sim-cards-grid-shell[b-8j70nlo9zn] {
    overflow-x: auto;
}

.sim-cards-line-status[b-8j70nlo9zn] {
    font-size: 11px;
    color: #6b7280;
}

.sim-cards-device-model[b-8j70nlo9zn] {
    font-size: 11px;
    color: #6b7280;
}
/* /Features/Contracts/Pages/AccountContractReviewDialog.razor.rz.scp.css */
.contract-review-dialog[b-ki5dx4ider] {
    display: grid;
    gap: 1rem;
}

.contract-review-dialog > p[b-ki5dx4ider] {
    margin: 0;
    color: var(--mt-text-muted);
}

.contract-review-field[b-ki5dx4ider] {
    display: grid;
    gap: 0.35rem;
}

.contract-review-actions[b-ki5dx4ider] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

/* /Features/Contracts/Pages/AgreementDetailsDialog.razor.rz.scp.css */
.agreement-details-form[b-839f0m2e3m] {
    display: grid;
    gap: 16px;
}

.contract-form-field[b-839f0m2e3m] {
    display: grid;
    gap: 5px;
}

.agreement-details-field-hint[b-839f0m2e3m] {
    color: #607080;
    font-size: 12px;
}

.agreement-details-actions[b-839f0m2e3m] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Features/Contracts/Pages/Contracts.razor.rz.scp.css */
.contracts-page[b-fp2bz3b23o] {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}

.contracts-header[b-fp2bz3b23o],
.contracts-heading[b-fp2bz3b23o],
.contracts-grid-title[b-fp2bz3b23o],
.contract-commands[b-fp2bz3b23o] {
    display: flex;
    align-items: center;
}

.contracts-header[b-fp2bz3b23o] {
    justify-content: space-between;
    gap: 1rem;
}

.contracts-heading[b-fp2bz3b23o] {
    gap: .75rem;
}

.contracts-eyebrow[b-fp2bz3b23o] {
    color: var(--rz-primary);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.contracts-heading h1[b-fp2bz3b23o],
.contracts-grid-title h2[b-fp2bz3b23o] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.contracts-heading h1[b-fp2bz3b23o] {
    font-size: 1.5rem;
}

.contracts-heading p[b-fp2bz3b23o] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.contracts-filters[b-fp2bz3b23o] {
    display: grid;
    grid-template-columns: minmax(270px, 2fr) repeat(5, minmax(150px, 1fr)) auto;
    align-items: end;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.contracts-grid-shell[b-fp2bz3b23o] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.contracts-grid-title[b-fp2bz3b23o] {
    justify-content: space-between;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.contracts-grid-title h2[b-fp2bz3b23o] {
    font-size: 1rem;
}

.contracts-grid-title span[b-fp2bz3b23o],
.contract-primary span[b-fp2bz3b23o] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.contract-primary[b-fp2bz3b23o] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

/* Body ink with an underline, not brand blue.
   Two linked columns across twenty-one rows put forty blue bold strings on one screen, which
   made the register read as a wall of links. Underline carries the affordance; colour is
   reserved for state that needs attention. */
.contract-primary a[b-fp2bz3b23o] {
    overflow: hidden;
    color: #152536;
    font-weight: 500;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contract-primary a:hover[b-fp2bz3b23o],
.contract-primary a:focus-visible[b-fp2bz3b23o] {
    color: var(--rz-primary);
}

/* Secondary line under the contract number: which agreement it was built from. Muted and
   smaller so the contract number stays the thing being scanned. */
.contract-secondary[b-fp2bz3b23o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The Account is what a human scans a register for, so it stays underlined and readable --
   but in body ink for the same reason as the contract number above. */
.contract-account-link[b-fp2bz3b23o] {
    color: #152536;
    font-weight: 500;
    text-decoration: underline;
}

.contract-account-link:hover[b-fp2bz3b23o],
.contract-account-link:focus-visible[b-fp2bz3b23o] {
    color: var(--rz-primary);
}

/* Quote and Order are reference numbers. Navigable, but they must not compete with the
   contract number and the Account for attention. */
.contract-reference-link[b-fp2bz3b23o] {
    color: var(--rz-text-secondary-color);
    font-weight: 400;
    text-decoration: none;
}

.contract-reference-link:hover[b-fp2bz3b23o],
.contract-reference-link:focus-visible[b-fp2bz3b23o] {
    color: var(--rz-primary);
    text-decoration: underline;
}

.contract-party-value[b-fp2bz3b23o] {
    display: block;
    overflow-wrap: anywhere;
}

.contract-empty[b-fp2bz3b23o] {
    color: var(--rz-text-disabled-color);
}

.contract-commands[b-fp2bz3b23o] {
    justify-content: center;
    gap: .15rem;
}

.contract-icon-command[b-fp2bz3b23o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--rz-base-400);
    border-radius: 4px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    text-decoration: none;
}

.contract-icon-command:hover[b-fp2bz3b23o],
.contract-icon-command:focus-visible[b-fp2bz3b23o] {
    background: var(--rz-base-200);
    color: var(--rz-primary);
}

.contracts-page[b-fp2bz3b23o]  .platform-summary-strip {
    margin-bottom: 0;
}

/* Sum of the declared column widths: 200 + 250 + 135 + 130 + 130 + 200 + 115 + 115 + 120.
   Dropping the recipient email and shortening the two date columns took roughly 365px out
   of the register, so it now fits a standard laptop viewport without horizontal scrolling. */
[b-fp2bz3b23o] .contracts-grid .rz-grid-table {
    min-width: 1395px;
    table-layout: fixed;
}

@media (max-width: 1100px) {
    .contracts-filters[b-fp2bz3b23o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .contracts-page[b-fp2bz3b23o] {
        padding: 1rem;
    }

    .contracts-header[b-fp2bz3b23o] {
        align-items: flex-start;
        flex-direction: column;
    }

    .contracts-filters[b-fp2bz3b23o] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Contracts/Pages/ContractTemplateDetail.razor.rz.scp.css */
.contract-detail-page[b-iaxic7xh5t] {
    display: grid;
    gap: 16px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px;
}

.contract-detail-header[b-iaxic7xh5t],
.contract-detail-heading[b-iaxic7xh5t],
.contract-lifecycle[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
}

.contract-detail-header[b-iaxic7xh5t] {
    justify-content: space-between;
    gap: 16px;
}

.contract-detail-heading[b-iaxic7xh5t] {
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.contract-detail-identity[b-iaxic7xh5t] {
    min-width: 0;
}

.contract-detail-icon[b-iaxic7xh5t] {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 6px;
    background: #e9f1ff;
    color: #0b5ed7;
}

.contract-detail-eyebrow[b-iaxic7xh5t] {
    color: #607080;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.contract-detail-heading h1[b-iaxic7xh5t] {
    margin: 1px 0 2px;
    overflow-wrap: anywhere;
    font-size: 24px;
}

.contract-title-row[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.contract-detail-heading p[b-iaxic7xh5t],
.contract-section-heading p[b-iaxic7xh5t] {
    margin: 0;
    color: #607080;
    font-size: 13px;
}

.contract-detail-card[b-iaxic7xh5t] {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

/* Lifecycle: current state on the left, what you can do about it on the right. */
.contract-lifecycle[b-iaxic7xh5t] {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
}

.contract-lifecycle-state[b-iaxic7xh5t] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.contract-lifecycle-explainer[b-iaxic7xh5t] {
    margin: 0;
    color: #607080;
    font-size: 13px;
}

.contract-statuses[b-iaxic7xh5t],
.contract-actions[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.contract-actions[b-iaxic7xh5t] {
    justify-content: flex-start;
}

.contract-self-review-note[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 8px;
    color: #42586b;
    border-left: 3px solid #3184c6;
    background: #eef6fc;
    font-size: 13px;
}

.contract-self-review-note[b-iaxic7xh5t]  .rzi {
    color: #1677c8;
    font-size: 17px;
}

/* Tabs carry the four workflow areas, so their bodies own the page gap. */
.contract-tab-body[b-iaxic7xh5t] {
    display: grid;
    gap: 16px;
    padding-top: 16px;
}

.contract-section-heading h2[b-iaxic7xh5t] {
    margin: 0;
    font-size: 17px;
}

.contract-editor-form h3[b-iaxic7xh5t] {
    margin: 0;
    font-size: 14px;
}

.section-list[b-iaxic7xh5t],
.signature-list[b-iaxic7xh5t],
.version-list[b-iaxic7xh5t] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-row[b-iaxic7xh5t],
.signature-row[b-iaxic7xh5t],
.version-row[b-iaxic7xh5t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid #edf0f2;
}

.section-row-main[b-iaxic7xh5t],
.version-row-main[b-iaxic7xh5t] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.section-row-main strong[b-iaxic7xh5t],
.version-row-main strong[b-iaxic7xh5t] {
    overflow-wrap: anywhere;
    font-size: 13px;
}

.section-row-meta[b-iaxic7xh5t],
.version-row-meta[b-iaxic7xh5t],
.signature-row > span[b-iaxic7xh5t] {
    color: #607080;
    font-size: 12px;
}

.signature-row[b-iaxic7xh5t] {
    display: grid;
    gap: 4px;
}

.version-row-current[b-iaxic7xh5t] {
    margin: 0 -8px;
    padding: 10px 8px;
    border-radius: 4px;
    background: #f2f7fd;
}

.approved-wording-list[b-iaxic7xh5t] {
    display: grid;
    gap: 5px;
    flex: 1 1 100%;
    margin-top: 5px;
    padding: 8px;
    border-radius: 4px;
    background: #f6f8fa;
}

.approved-wording-list > span[b-iaxic7xh5t] {
    color: #40566b;
    font-size: 12px;
    font-weight: 700;
}

.approved-wording-list > div[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 13px;
}

.contract-inline-action[b-iaxic7xh5t] {
    display: flex;
    padding-top: 4px;
}

.contract-editor-form[b-iaxic7xh5t] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #dce3e8;
    border-radius: 6px;
    background: #f8fafb;
}

.editor-grid[b-iaxic7xh5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.contract-form-field[b-iaxic7xh5t] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.contract-form-field-wide[b-iaxic7xh5t] {
    grid-column: 1 / -1;
}

.contract-field-hint[b-iaxic7xh5t] {
    margin: 0;
    color: #607080;
    font-size: 12px;
}

.contract-editor-actions[b-iaxic7xh5t] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.contract-check[b-iaxic7xh5t] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    font-size: 13px;
}

.contract-authoring[b-iaxic7xh5t] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.contract-comparison-header[b-iaxic7xh5t],
.contract-source-identity[b-iaxic7xh5t],
.contract-detail-difference[b-iaxic7xh5t],
.contract-content-difference[b-iaxic7xh5t] {
    display: flex;
}

.contract-comparison-header[b-iaxic7xh5t] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.contract-source-identity[b-iaxic7xh5t] {
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 0;
    border-block: 1px solid #dce3e8;
    color: #607080;
    font-size: 13px;
}

.contract-source-identity strong[b-iaxic7xh5t] {
    color: #15364f;
}

.contract-detail-difference[b-iaxic7xh5t],
.contract-content-difference[b-iaxic7xh5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    overflow: hidden;
}

.contract-detail-difference > div[b-iaxic7xh5t],
.contract-content-difference > section[b-iaxic7xh5t] {
    min-width: 0;
    padding: 14px;
}

.contract-detail-difference > div + div[b-iaxic7xh5t],
.contract-content-difference > section + section[b-iaxic7xh5t] {
    border-left: 1px solid var(--mt-border);
}

.contract-detail-difference span[b-iaxic7xh5t],
.contract-content-difference h3[b-iaxic7xh5t] {
    display: block;
    margin: 0 0 8px;
    color: #456176;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.contract-detail-difference strong[b-iaxic7xh5t],
.contract-detail-difference p[b-iaxic7xh5t] {
    overflow-wrap: anywhere;
}

.contract-detail-difference p[b-iaxic7xh5t] {
    margin: 5px 0 0;
    color: #607080;
    font-size: 13px;
}

.contract-content-difference > section:first-child[b-iaxic7xh5t] {
    background: #f8fafb;
}

.contract-content-difference > section:last-child[b-iaxic7xh5t] {
    background: #fff;
}

.contract-diff-empty[b-iaxic7xh5t] {
    margin: 0;
    color: #607080;
    font-size: 13px;
    font-style: italic;
}

/* Answers "how much changed" before the reviewer starts scrolling. */
.contract-diff-summary[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0 2px;
    color: #15364f;
    font-size: 14px;
}

.contract-diff-chip[b-iaxic7xh5t] {
    padding: 2px 8px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Colour is reinforced by the chip's own word, so this never carries meaning alone. */
.contract-diff-chip-added[b-iaxic7xh5t] {
    color: #1c6b3f;
    border-color: #b7dfc6;
    background: #eaf7ef;
}

.contract-diff-chip-removed[b-iaxic7xh5t] {
    color: #9b2c2c;
    border-color: #efc0c0;
    background: #fdeded;
}

.contract-diff-chip-edited[b-iaxic7xh5t] {
    color: #12557f;
    border-color: #bcd9ec;
    background: #eaf4fc;
}

.contract-diff-chip-formatting[b-iaxic7xh5t] {
    color: #5a4a1f;
    border-color: #e3d5a8;
    background: #fbf5e3;
}

.contract-diff-change[b-iaxic7xh5t] {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}

.contract-diff-change-header[b-iaxic7xh5t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.contract-diff-ordinal[b-iaxic7xh5t] {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    background: #15364f;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.contract-diff-where[b-iaxic7xh5t] {
    color: #456176;
    font-size: 13px;
    font-weight: 600;
}

.contract-diff-anchor[b-iaxic7xh5t],
.contract-diff-note[b-iaxic7xh5t] {
    margin: 0;
    color: #607080;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.contract-diff-anchor[b-iaxic7xh5t] {
    font-style: italic;
}

.contract-diff-note[b-iaxic7xh5t] {
    padding: 6px 10px;
    border-left: 3px solid #d8c583;
    background: #fbf5e3;
    color: #5a4a1f;
}

.contract-diff-text[b-iaxic7xh5t] {
    margin: 0;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

/* The changed words themselves. Underline and strike-through carry the meaning for
   anyone who cannot separate the two background colours. */
.contract-diff-added[b-iaxic7xh5t],
.contract-diff-removed[b-iaxic7xh5t] {
    border-radius: 2px;
    padding: 0 2px;
}

.contract-diff-added[b-iaxic7xh5t] {
    background: #d7f2e1;
    box-shadow: inset 0 -2px 0 #2f8f5b;
}

.contract-diff-removed[b-iaxic7xh5t] {
    background: #fbdcdc;
    text-decoration: line-through;
    text-decoration-color: #b34141;
}

.contract-agreement-preview[b-iaxic7xh5t] {
    padding: 1rem;
    border: 1px solid var(--mt-border, #d6dee8);
    background: #fff;
}

/* Merge fields sit under the editor rather than crowding its formatting toolbar. */
.contract-merge-fields[b-iaxic7xh5t] {
    display: grid;
    gap: 6px;
    padding: 10px;
    border: 1px solid var(--mt-rule);
    border-radius: 4px;
    background: #fff;
}

.contract-merge-label[b-iaxic7xh5t] {
    color: #40566b;
    font-size: 12px;
    font-weight: 700;
}

.contract-merge-picker[b-iaxic7xh5t] {
    display: grid;
    grid-template-columns: minmax(240px, 460px) auto;
    gap: 8px;
    align-items: center;
    justify-content: start;
}

.contract-wording-source[b-iaxic7xh5t]  .rz-radiobutton-box {
    margin-right: 6px;
}

.contract-pdf-preview[b-iaxic7xh5t] {
    width: 100%;
    height: min(75vh, 850px);
    border: 1px solid var(--mt-border);
    background: #f6f8fa;
}

@media (max-width: 1000px) {
    .editor-grid[b-iaxic7xh5t] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .contract-detail-page[b-iaxic7xh5t] {
        padding: 12px;
    }

    .contract-detail-header[b-iaxic7xh5t],
    .contract-lifecycle[b-iaxic7xh5t],
    .contract-comparison-header[b-iaxic7xh5t] {
        align-items: stretch;
        flex-direction: column;
    }

    .contract-detail-difference[b-iaxic7xh5t],
    .contract-content-difference[b-iaxic7xh5t] {
        grid-template-columns: 1fr;
    }

    .contract-detail-difference > div + div[b-iaxic7xh5t],
    .contract-content-difference > section + section[b-iaxic7xh5t] {
        border-top: 1px solid var(--mt-border);
        border-left: 0;
    }

    .contract-merge-picker[b-iaxic7xh5t] {
        grid-template-columns: 1fr;
    }

    .contract-merge-picker[b-iaxic7xh5t]  .rz-button {
        width: 100%;
    }

    .contract-actions[b-iaxic7xh5t] {
        justify-content: stretch;
    }

    .contract-actions[b-iaxic7xh5t]  .rz-button {
        flex: 1 1 auto;
    }

    .contract-self-review-note[b-iaxic7xh5t] {
        width: 100%;
    }

    .contract-pdf-preview[b-iaxic7xh5t] {
        height: 62vh;
    }
}

/* The original PDF sits beside the extracted wording for comparison, so it is shorter
   than the full-page preview on the Preview tab. */
.contract-source-preview[b-iaxic7xh5t] {
    height: min(52vh, 620px);
}
/* /Features/Contracts/Pages/ContractTemplates.razor.rz.scp.css */
.contract-admin-page[b-duli0ixtcd] {
    display: grid;
    min-width: 0;
    gap: 16px;
    padding: 20px 0 36px;
    color: #152536;
}

.contract-admin-header[b-duli0ixtcd],
.contract-admin-heading[b-duli0ixtcd],
.contract-admin-commands[b-duli0ixtcd],
.contract-review-controls[b-duli0ixtcd] {
    display: flex;
    align-items: center;
}

.contract-admin-header[b-duli0ixtcd] {
    justify-content: space-between;
    gap: 16px;
}

.contract-admin-heading[b-duli0ixtcd] {
    min-width: 0;
    gap: 12px;
}

.contract-admin-commands[b-duli0ixtcd] {
    flex-wrap: wrap;
    gap: 8px;
}

.contract-admin-icon[b-duli0ixtcd] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    color: #2287e6;
    border-radius: 6px;
    background: #eaf4fe;
    font-size: 22px;
}

.contract-admin-eyebrow[b-duli0ixtcd] {
    color: #31834a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.contract-admin-header h1[b-duli0ixtcd] {
    margin: 0;
    color: #152536;
    font-size: 24px;
    letter-spacing: 0;
}

.contract-admin-header p[b-duli0ixtcd] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.contract-admin-tabs[b-duli0ixtcd] {
    min-width: 0;
}

[b-duli0ixtcd] .contract-admin-tabs > .rz-tabview-panels {
    min-height: 360px;
    padding: 0;
    background: #fff;
}

.contract-tab-content[b-duli0ixtcd] {
    display: grid;
    min-width: 0;
    gap: 14px;
    padding: 16px;
    background: #fff;
}

.contract-review-header[b-duli0ixtcd] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
}

.contract-review-header h2[b-duli0ixtcd] {
    margin: 0;
    color: #152536;
    font-size: 16px;
    letter-spacing: 0;
}

.contract-review-header p[b-duli0ixtcd] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.contract-review-filter[b-duli0ixtcd] {
    display: grid;
    flex: 0 0 auto;
    gap: 5px;
}

.contract-review-controls[b-duli0ixtcd] {
    align-items: end;
    gap: 8px;
}

.contract-review-filter label[b-duli0ixtcd] {
    color: #42586b;
    font-size: 12px;
    font-weight: 650;
}

.contract-review-actions[b-duli0ixtcd] {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.contract-agreement-stats[b-duli0ixtcd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    min-width: 0;
    border-block: 1px solid #d5dee7;
    background: #f4f7fa;
}

.contract-agreement-stats > div[b-duli0ixtcd] {
    display: grid;
    gap: 2px;
    padding: 10px 14px;
    border-right: 1px solid #d5dee7;
}

.contract-agreement-stats > div:last-child[b-duli0ixtcd] {
    border-right: 0;
}

.contract-agreement-stats strong[b-duli0ixtcd] {
    color: #152536;
    font-size: 18px;
    line-height: 1.1;
}

.contract-agreement-stats span[b-duli0ixtcd],
.contract-account-identity span[b-duli0ixtcd] {
    color: #607080;
    font-size: 12px;
}

.contract-agreement-filters[b-duli0ixtcd] {
    display: flex;
    align-items: end;
    gap: 10px;
}

.contract-account-search[b-duli0ixtcd] {
    flex: 1 1 360px;
    max-width: 560px;
}

.contract-account-search[b-duli0ixtcd]  .rz-textbox {
    width: 100%;
}

.contract-account-identity[b-duli0ixtcd] {
    display: grid;
    gap: 2px;
}

.contract-grid-shell[b-duli0ixtcd] {
    max-width: 100%;
    overflow-x: auto;
}

/* Wide enough that every column stays readable; the shell scrolls rather than the page. */
.contract-template-grid[b-duli0ixtcd] {
    min-width: 1000px;
}

.contract-review-grid[b-duli0ixtcd] {
    min-width: 1180px;
}

@media (max-width: 600px) {
    .contract-admin-header[b-duli0ixtcd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .contract-admin-commands[b-duli0ixtcd]  .rz-button {
        flex: 1 1 auto;
    }

    .contract-review-header[b-duli0ixtcd] {
        align-items: stretch;
        flex-direction: column;
    }

    .contract-review-controls[b-duli0ixtcd] {
        align-items: stretch;
        flex-direction: column;
    }

    .contract-agreement-stats[b-duli0ixtcd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contract-agreement-stats > div[b-duli0ixtcd],
    .contract-agreement-stats > div:last-child[b-duli0ixtcd] {
        border-right: 1px solid #d5dee7;
    }

    .contract-agreement-stats > div:nth-child(even)[b-duli0ixtcd] {
        border-right: 0;
    }

    .contract-agreement-stats > div:last-child[b-duli0ixtcd] {
        grid-column: 1 / -1;
        border-right: 0;
    }

    .contract-agreement-filters[b-duli0ixtcd] {
        align-items: stretch;
        flex-direction: column;
    }

    .contract-account-search[b-duli0ixtcd] {
        flex-basis: auto;
        max-width: none;
    }

    .contract-review-filter[b-duli0ixtcd]  .rz-dropdown {
        width: 100% !important;
    }
}
/* /Features/Contracts/Pages/NewAgreementDialog.razor.rz.scp.css */
.new-agreement-dialog[b-njbqk6q1jy] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.new-agreement-intro[b-njbqk6q1jy],
.new-agreement-field-hint[b-njbqk6q1jy] {
    margin: 0;
    color: #607080;
    font-size: 12px;
}

.new-agreement-form[b-njbqk6q1jy] {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.contract-form-field[b-njbqk6q1jy] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.new-agreement-actions[b-njbqk6q1jy] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 700px) {
    .new-agreement-actions[b-njbqk6q1jy]  .rz-button {
        flex: 1 1 auto;
    }
}
/* /Features/Contracts/Pages/QuoteAgreementConfirmDialog.razor.rz.scp.css */
.quote-agreement-confirm[b-lbcswq6w38] {
    display: grid;
    gap: 8px;
}

.quote-agreement-confirm p[b-lbcswq6w38] {
    margin: 0;
    font-size: 15px;
}

.quote-agreement-confirm-note[b-lbcswq6w38] {
    color: #607080;
    font-size: 13px !important;
}

.quote-agreement-confirm-actions[b-lbcswq6w38] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}
/* /Features/Contracts/Pages/RestrictedContentView.razor.rz.scp.css */
.restricted-content-view[b-f52f2lbrhm] {
    line-height: 1.5;
}

.restricted-heading[b-f52f2lbrhm] {
    margin: 0.75rem 0 0.35rem;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.restricted-heading-1[b-f52f2lbrhm] { font-size: 1.35rem; }
.restricted-heading-2[b-f52f2lbrhm] { font-size: 1.2rem; }
.restricted-heading-3[b-f52f2lbrhm] { font-size: 1.05rem; }
.restricted-heading-4[b-f52f2lbrhm] { font-size: 1rem; }
.restricted-heading-5[b-f52f2lbrhm] { font-size: 0.95rem; }
.restricted-heading-6[b-f52f2lbrhm] { font-size: 0.9rem; }

.restricted-content-view :is(p, ol, ul)[b-f52f2lbrhm] {
    margin: 0 0 0.65rem;
}

.restricted-content-view :is(ol, ul)[b-f52f2lbrhm] {
    padding-left: 1.5rem;
}

.restricted-content-view > :last-child[b-f52f2lbrhm],
.restricted-content-view :is(ol, ul) > li:last-child[b-f52f2lbrhm] {
    margin-bottom: 0;
}

.restricted-table-scroll[b-f52f2lbrhm] {
    max-width: 100%;
    margin-bottom: 0.75rem;
    overflow-x: auto;
}

.restricted-table-scroll table[b-f52f2lbrhm] {
    width: 100%;
    min-width: 28rem;
    border-collapse: collapse;
}

.restricted-table-scroll :is(th, td)[b-f52f2lbrhm] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--mt-border, #cbd5e1);
    vertical-align: middle;
}

.restricted-table-scroll th[b-f52f2lbrhm] {
    background: var(--mt-surface-muted, #f1f5f9);
    font-weight: 700;
}

.restricted-content-plain[b-f52f2lbrhm] {
    white-space: pre-line;
}
/* /Features/Contracts/Pages/RestrictedInlineView.razor.rz.scp.css */
.restricted-inline-bold[b-s2ibelgujt] {
    font-weight: 700;
}

.restricted-inline-italic[b-s2ibelgujt] {
    font-style: italic;
}

.restricted-inline-underline[b-s2ibelgujt] {
    text-decoration: underline;
}
/* /Features/Contracts/Pages/Signing.razor.rz.scp.css */
@font-face {
    font-family: "Mission Signature";
    src: url("/fonts/signing/SourceSerif4-It.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

.signing-page[b-h5nvri7spu] {
    width: min(1480px, calc(100% - 40px));
    margin: 0 auto;
    padding: 28px 0 40px;
    color: #152536;
}

.signing-state[b-h5nvri7spu],
.signing-unavailable[b-h5nvri7spu],
.signing-complete[b-h5nvri7spu],
.signing-pending[b-h5nvri7spu] {
    width: min(620px, 100%);
    margin: 72px auto;
    padding: 40px;
    text-align: center;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.signing-state[b-h5nvri7spu] {
    display: grid;
    gap: 14px;
    color: #546675;
}

.signing-unavailable > .rz-icon[b-h5nvri7spu],
.signing-complete > .rz-icon[b-h5nvri7spu],
.signing-pending > .rz-icon[b-h5nvri7spu] {
    margin-bottom: 10px;
    color: #247a3e;
    font-size: 42px;
}

.signing-unavailable > .rz-icon[b-h5nvri7spu],
.signing-pending > .rz-icon[b-h5nvri7spu] {
    color: #a45a00;
}

.signing-unavailable h1[b-h5nvri7spu],
.signing-complete h1[b-h5nvri7spu],
.signing-pending h1[b-h5nvri7spu] {
    margin: 0 0 10px;
    font-size: 26px;
}

.signing-unavailable p[b-h5nvri7spu],
.signing-complete p[b-h5nvri7spu],
.signing-pending p[b-h5nvri7spu] {
    margin: 0 0 20px;
    color: #546675;
}

.signing-receipt[b-h5nvri7spu] {
    width: min(420px, 100%);
    margin: 20px auto;
    padding: 14px 18px;
    display: grid;
    gap: 9px;
    border: 1px solid #dce3e8;
    border-radius: 4px;
    background: #f7f9fa;
    text-align: left;
}

.signing-receipt > div[b-h5nvri7spu] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 14px;
}

.signing-receipt dt[b-h5nvri7spu] {
    color: #607080;
    font-size: 12px;
}

.signing-receipt dd[b-h5nvri7spu] {
    margin: 0;
    color: #152536;
    font-size: 13px;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.signing-complete-actions[b-h5nvri7spu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.signing-complete-actions form[b-h5nvri7spu] {
    margin: 0;
}

.signing-return-link[b-h5nvri7spu] {
    min-height: 36px;
    padding: 7px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #006fc9;
    border-radius: 4px;
    color: #006fc9;
    font-weight: 650;
    line-height: 1.25;
    text-decoration: none;
}

.signing-return-link:hover[b-h5nvri7spu],
.signing-return-link:focus-visible[b-h5nvri7spu] {
    background: #edf7fd;
    color: #005da8;
}

.signing-intro[b-h5nvri7spu] {
    margin-bottom: 18px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.signing-eyebrow[b-h5nvri7spu] {
    color: #247a3e;
    font-size: 12px;
    font-weight: 700;
}

.signing-intro h1[b-h5nvri7spu] {
    margin: 3px 0 2px;
    font-size: 28px;
    line-height: 1.2;
}

.signing-intro p[b-h5nvri7spu] {
    margin: 0;
    color: #546675;
}

.signing-steps[b-h5nvri7spu] {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 28px;
    list-style: none;
    color: #72818d;
    font-size: 13px;
    font-weight: 650;
}

.signing-steps li[b-h5nvri7spu] {
    display: flex;
    align-items: center;
}

.signing-step-button[b-h5nvri7spu] {
    padding: 3px 2px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.signing-step-button:hover:not(:disabled)[b-h5nvri7spu] {
    color: #006fc9;
}

.signing-step-button:focus-visible[b-h5nvri7spu] {
    outline: 2px solid #006fc9;
    outline-offset: 3px;
}

.signing-step-button:disabled[b-h5nvri7spu] {
    opacity: 1;
    cursor: default;
}

.signing-steps span[b-h5nvri7spu] {
    width: 25px;
    height: 25px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #aebbc5;
    border-radius: 50%;
    background: #fff;
}

.signing-steps .is-complete[b-h5nvri7spu],
.signing-steps .is-current[b-h5nvri7spu] {
    color: #152536;
}

.signing-steps .is-complete span[b-h5nvri7spu] {
    border-color: #247a3e;
    background: #247a3e;
    color: #fff;
}

.signing-steps .is-current span[b-h5nvri7spu] {
    border-color: #006fc9;
    box-shadow: 0 0 0 3px rgba(0, 111, 201, 0.14);
    color: #006fc9;
}

.signing-notice[b-h5nvri7spu] {
    margin-bottom: 14px;
    padding: 10px 13px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border: 1px solid #b8d8ed;
    border-radius: 4px;
    background: #edf7fd;
    color: #244b64;
    font-size: 13px;
}

.signing-sheet-backdrop[b-h5nvri7spu],
.signing-sheet-close[b-h5nvri7spu] {
    display: none;
}

.signing-workspace[b-h5nvri7spu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    align-items: start;
}

.signing-account-questions[b-h5nvri7spu] {
    width: min(100%, 620px);
    margin: 0 auto;
    padding: 28px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.signing-account-questions-heading[b-h5nvri7spu] {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dce3e8;
}

.signing-account-questions-heading h2[b-h5nvri7spu] {
    margin: 4px 0 7px;
    color: #152536;
    font-size: 21px;
}

.signing-account-questions-heading p[b-h5nvri7spu] {
    margin: 0;
    color: #546675;
    line-height: 1.5;
}

.signing-question-step[b-h5nvri7spu] {
    color: #006fc9;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.signing-question[b-h5nvri7spu] {
    margin: 0;
    padding: 12px 0 4px;
    display: grid;
    justify-items: center;
    border: 0;
    text-align: center;
}

.signing-existing-po-note[b-h5nvri7spu] {
    margin-bottom: 14px;
    padding: 10px 12px;
    border-left: 3px solid #006fc9;
    background: #f4f8fb;
    color: #425767;
    font-size: 13px;
    line-height: 1.45;
}

.signing-question legend[b-h5nvri7spu] {
    margin-bottom: 10px;
    color: #263b4c;
    font-size: 14px;
    font-weight: 700;
}

.signing-choice[b-h5nvri7spu] {
    width: min(100%, 300px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.signing-choice button[b-h5nvri7spu] {
    min-height: 40px;
    border: 1px solid #aebbc5;
    background: #fff;
    color: #263b4c;
    font-weight: 650;
}

.signing-choice button:first-child[b-h5nvri7spu] {
    border-radius: 4px 0 0 4px;
}

.signing-choice button:last-child[b-h5nvri7spu] {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.signing-choice button.is-selected[b-h5nvri7spu] {
    z-index: 1;
    border-color: #006fc9;
    background: #eaf4fb;
    color: #005da8;
}

.signing-choice button:focus-visible[b-h5nvri7spu] {
    z-index: 2;
    outline: 2px solid #006fc9;
    outline-offset: 2px;
}

.signing-choice button:disabled[b-h5nvri7spu] {
    cursor: wait;
    opacity: 0.65;
}

.signing-denial-election[b-h5nvri7spu] {
    margin-top: 18px;
    justify-items: stretch;
}

.signing-denial-election > p[b-h5nvri7spu],
.signing-denial-election > small[b-h5nvri7spu] {
    margin: 0 0 10px;
    color: #546675;
    line-height: 1.45;
}

.signing-choice-stacked[b-h5nvri7spu] {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 8px;
}

.signing-choice-stacked button[b-h5nvri7spu],
.signing-choice-stacked button:first-child[b-h5nvri7spu],
.signing-choice-stacked button:last-child[b-h5nvri7spu] {
    margin: 0;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: 400;
    text-align: left;
}

.signing-denial-election > .signing-tax-estimate-note[b-h5nvri7spu] {
    margin: 0;
    padding-top: 20px;
    font-size: 0.775em;
    text-align: left;
}

.signing-required-note[b-h5nvri7spu] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #263b4c;
    font-size: 13px;
    font-weight: 650;
}

.signing-question-fields[b-h5nvri7spu] {
    margin-top: 22px;
}

.signing-question-actions[b-h5nvri7spu] {
    margin-top: 24px;
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--mt-rule);
}

.signing-purchase-section[b-h5nvri7spu] {
    min-height: 230px;
    padding: 4px 0 12px;
}

.signing-purchase-section h3[b-h5nvri7spu] {
    margin: 0 0 8px;
    color: #152536;
    font-size: 16px;
}

.signing-invoice-recipients[b-h5nvri7spu] {
    gap: 12px;
    justify-items: stretch;
    text-align: left;
}

.signing-invoice-recipients > p[b-h5nvri7spu] {
    margin: 0 0 4px;
    color: #536778;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}

.signing-recipient-list[b-h5nvri7spu] {
    width: 100%;
    border: 1px solid var(--mt-border);
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.signing-recipient-list label[b-h5nvri7spu] {
    min-height: 46px;
    padding: 9px 12px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.signing-recipient-list label + label[b-h5nvri7spu] {
    border-top: 1px solid var(--mt-rule);
}

.signing-recipient-list label:hover[b-h5nvri7spu] {
    background: #f7fafc;
}

.signing-recipient-list input[b-h5nvri7spu] {
    width: 18px;
    height: 18px;
}

.signing-recipient-list span[b-h5nvri7spu] {
    min-width: 0;
    color: #263b4c;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.signing-recipient-list small[b-h5nvri7spu] {
    color: #617483;
    text-align: right;
}

.signing-field-error[b-h5nvri7spu] {
    color: #a82424;
    font-size: 12px;
    font-weight: 600;
}

.signing-portal-administrator-question[b-h5nvri7spu] {
    gap: 12px;
    justify-items: stretch;
    text-align: left;
}

.signing-portal-administrator-question legend[b-h5nvri7spu] {
    width: 100%;
    margin-bottom: 2px;
    text-align: center;
}

.signing-question-info[b-h5nvri7spu] {
    margin-left: 4px;
    color: #617483;
    font-size: 13px;
    cursor: help;
}

.signing-portal-administrator-field[b-h5nvri7spu] {
    width: 100%;
    margin: 4px 0 0;
}

.signing-portal-administrator-fields[b-h5nvri7spu] {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    border-top: 1px solid var(--mt-rule);
}

.signing-portal-administrator-email[b-h5nvri7spu],
.signing-portal-administrator-job-title[b-h5nvri7spu] {
    grid-column: 1 / -1;
}

.signing-portal-administrator-fields label span[b-h5nvri7spu] {
    color: #617483;
    font-size: 11px;
    font-weight: 400;
}

.signing-applied-note[b-h5nvri7spu],
.signing-pending-note[b-h5nvri7spu] {
    margin-top: 14px;
    padding: 11px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-left: 3px solid #247a3e;
    background: #f1f8f3;
    color: #244b31;
    font-size: 13px;
    line-height: 1.45;
}

.signing-pending-note[b-h5nvri7spu] {
    border-left-color: #a45a00;
    background: #fff7e8;
    color: #684315;
}

.signing-pending-note > div[b-h5nvri7spu] {
    display: grid;
    gap: 5px;
}

.signing-edit-exemptions[b-h5nvri7spu] {
    width: fit-content;
    padding: 2px 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 0;
    background: transparent;
    color: #006fc9;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.signing-edit-exemptions:disabled[b-h5nvri7spu] {
    color: #7c8790;
    cursor: wait;
}

.signing-edit-exemptions .rz-icon[b-h5nvri7spu] {
    font-size: 15px;
}

.signing-inline-back[b-h5nvri7spu] {
    margin-top: 2px;
    padding: 4px 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background: transparent;
    color: #006fc9;
    font-size: 12px;
    font-weight: 650;
}

.signing-inline-back:hover[b-h5nvri7spu],
.signing-inline-back:focus-visible[b-h5nvri7spu] {
    color: #005291;
    text-decoration: underline;
    outline: none;
}

.signing-document-panel[b-h5nvri7spu],
.signing-review-panel[b-h5nvri7spu],
.signing-form-panel[b-h5nvri7spu] {
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.signing-document-panel[b-h5nvri7spu] {
    min-width: 0;
    overflow: hidden;
}

.signing-document-toolbar[b-h5nvri7spu] {
    min-height: 58px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid var(--mt-border);
}

.signing-document-toolbar h2[b-h5nvri7spu],
.signing-review-panel h2[b-h5nvri7spu],
.signing-form-panel h2[b-h5nvri7spu] {
    margin: 0;
    font-size: 17px;
    line-height: 1.25;
}

.signing-document-toolbar span[b-h5nvri7spu],
.signing-form-panel > p[b-h5nvri7spu] {
    color: #607080;
    font-size: 12px;
}

.signing-document-tools[b-h5nvri7spu] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.signing-document-tools[b-h5nvri7spu]  .rz-button {
    min-width: 36px;
    min-height: 36px;
}

.signing-zoom-value[b-h5nvri7spu] {
    min-width: 46px;
    color: #344a5b !important;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.signing-pdf-viewer[b-h5nvri7spu] {
    height: calc(100vh - 210px);
    min-height: 540px;
    padding: 22px 16px 40px;
    overflow: auto;
    background: #3c4349;
    scroll-behavior: smooth;
}

.signing-pdf-loading[b-h5nvri7spu] {
    width: min(420px, 100%);
    margin: 80px auto;
    display: grid;
    gap: 12px;
    color: #fff;
    text-align: center;
}

[b-h5nvri7spu] .signing-pdf-document-heading {
    width: min(860px, 100%);
    margin: 20px auto 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 650;
}

[b-h5nvri7spu] .signing-pdf-document-heading:first-child {
    margin-top: 0;
}

[b-h5nvri7spu] .signing-pdf-page {
    position: relative;
    max-width: 100%;
    margin: 0 auto 14px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.32);
}

[b-h5nvri7spu] .signing-pdf-page canvas {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

[b-h5nvri7spu] .signing-pdf-page-number {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 3px 6px;
    border-radius: 3px;
    background: rgba(21, 37, 54, 0.82);
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

[b-h5nvri7spu] .signing-pdf-effective-date {
    position: absolute;
    z-index: 2;
    display: none;
    padding: 1px 2px;
    background: #fff;
    color: #152536;
    font-family: "Mission Serif", serif;
    font-weight: 650;
    line-height: 1.15;
    pointer-events: none;
}

[b-h5nvri7spu] .is-signing .signing-pdf-effective-date {
    display: block;
}

[b-h5nvri7spu] .signing-pdf-signature-location {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid #e7a500;
    background: rgba(255, 239, 183, 0.3);
    box-shadow: 0 0 0 3px rgba(231, 165, 0, 0.18);
    pointer-events: none;
}

[b-h5nvri7spu] .is-signing .signing-pdf-signature-location {
    display: flex;
}

[b-h5nvri7spu] .signing-pdf-signature-label {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 2px 6px;
    background: #e7a500;
    color: #152536;
    font-size: clamp(6px, 0.75vw, 11px);
    font-weight: 700;
}

[b-h5nvri7spu] .signing-pdf-signature-preview {
    width: calc(100% - 12px);
    height: 75%;
    margin: 0 6px;
    display: flex;
    align-items: center;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #152536;
    font-family: "Mission Signature", serif;
    font-size: 16px;
    font-style: italic;
    white-space: nowrap;
}

[b-h5nvri7spu] .signing-pdf-error {
    margin: 60px auto;
    padding: 18px;
    max-width: 480px;
    border-radius: 4px;
    background: #fff;
    color: #9f1c1c;
    text-align: center;
}

.signing-review-panel[b-h5nvri7spu],
.signing-form-panel[b-h5nvri7spu] {
    position: sticky;
    top: 16px;
    padding: 20px;
}

/* Whitespace separates sections, not a rule. A rule here sat directly beneath
   the Total row's own border and read as a doubled line. */
.signing-review-panel section + section[b-h5nvri7spu] {
    margin-top: 28px;
}

.signing-facts[b-h5nvri7spu] {
    margin: 14px 0 0;
}

/* No per-row rule. Five facts do not need four separators -- the label/value
   columns already align and the row padding already groups them. Ruling every
   row is most of what produced seven lines in a five-row card. */
.signing-facts > div[b-h5nvri7spu] {
    padding: 8px 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
}

.signing-facts dt[b-h5nvri7spu] {
    color: #607080;
    font-size: 12px;
    font-weight: 500;
}

.signing-tax-hint[b-h5nvri7spu] {
    margin-left: 3px;
    display: inline-flex;
    vertical-align: text-bottom;
    color: #006fc9;
    cursor: help;
}

.signing-tax-hint .bi[b-h5nvri7spu] {
    font-size: 15px;
}

.signing-tax-hint:focus-visible[b-h5nvri7spu] {
    border-radius: 2px;
    outline: 2px solid #006fc9;
    outline-offset: 2px;
}

.signing-facts dd[b-h5nvri7spu] {
    margin: 0;
    max-width: 170px;
    font-size: 13px;
    font-weight: 650;
    text-align: right;
    overflow-wrap: anywhere;
}

/* The one rule in this card. A total is ruled off by accounting convention, and
   with the row separators gone it is unambiguous on its own -- it no longer
   needs near-black to be seen against four competing lines. */
.signing-facts .signing-total[b-h5nvri7spu] {
    margin-top: 4px;
    padding-top: 11px;
    border-top: 1px solid var(--mt-border);
}

.signing-terms-heading[b-h5nvri7spu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.signing-terms-heading h2[b-h5nvri7spu] {
    margin: 0;
}

.signing-review-panel .signing-terms-heading[b-h5nvri7spu]  .rz-button {
    width: auto;
    white-space: nowrap;
}

.signing-document-list[b-h5nvri7spu] {
    margin: 12px 0 0;
    padding: 0;
    display: grid;
    gap: 11px;
    list-style: none;
}

.signing-document-list li[b-h5nvri7spu] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.signing-document-list .rz-icon[b-h5nvri7spu] {
    color: #247a3e;
    font-size: 18px;
}

.signing-document-list span[b-h5nvri7spu] {
    min-width: 0;
    display: grid;
}

.signing-document-download-form[b-h5nvri7spu] {
    margin-left: auto;
}

.signing-document-download[b-h5nvri7spu] {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #aebbc5;
    border-radius: 4px;
    background: #fff;
    color: #006fc9;
}

.signing-document-download:hover[b-h5nvri7spu],
.signing-document-download:focus-visible[b-h5nvri7spu] {
    border-color: #006fc9;
    background: #eaf4fb;
    outline: none;
}

.signing-document-list strong[b-h5nvri7spu] {
    font-size: 13px;
    overflow-wrap: anywhere;
}

.signing-document-list small[b-h5nvri7spu] {
    color: #607080;
}

.signing-guidance[b-h5nvri7spu] {
    margin: 24px 0 14px;
    color: #546675;
    font-size: 13px;
    line-height: 1.5;
}

.signing-review-panel[b-h5nvri7spu]  .rz-button,
.signing-form-panel[b-h5nvri7spu]  .rz-button {
    width: 100%;
}

.signing-sheet-heading[b-h5nvri7spu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.signing-form-panel > p[b-h5nvri7spu] {
    margin: 6px 0 18px;
    line-height: 1.4;
}

.signing-field[b-h5nvri7spu] {
    margin-bottom: 15px;
    display: grid;
    gap: 6px;
}

.signing-field label[b-h5nvri7spu],
.signing-method legend[b-h5nvri7spu] {
    margin: 0;
    color: #263b4c;
    font-size: 12px;
    font-weight: 650;
}

.signing-field label span[b-h5nvri7spu],
.signing-upload-field small[b-h5nvri7spu],
.signing-field-warning[b-h5nvri7spu],
.signing-po-document span[b-h5nvri7spu] {
    color: #607080;
    font-size: 11px;
    font-weight: 400;
}

.signing-field input:not([type="file"])[b-h5nvri7spu],
.signing-field select[b-h5nvri7spu] {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #aebbc5;
    border-radius: 4px;
    background: #fff;
    color: #152536;
}

.signing-field input:focus[b-h5nvri7spu] {
    border-color: #006fc9;
    box-shadow: 0 0 0 2px rgba(0, 111, 201, 0.14);
    outline: none;
}

.signing-field-warning[b-h5nvri7spu] {
    color: #9a5800;
    font-weight: 650;
}

.signing-upload-field[b-h5nvri7spu] {
    min-width: 0;
    padding: 11px;
    border: 1px solid #dce3e8;
    border-radius: 4px;
    background: #f7f9fa;
}

/* The file picker chip moved to the shared upload control's customer skin in
   app.css. Signing had its own copy, which is exactly the per-surface drift this
   task removes; the chip now looks the same here and in the portal. */

.signing-po-documents[b-h5nvri7spu] {
    margin: -5px 0 15px;
}

.signing-po-document[b-h5nvri7spu] {
    padding: 9px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #dce3e8;
    border-radius: 4px;
    background: #f7f9fa;
}

.signing-po-document > div[b-h5nvri7spu] {
    min-width: 0;
    display: grid;
}

.signing-po-document strong[b-h5nvri7spu] {
    min-width: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signing-po-document.is-ready[b-h5nvri7spu] {
    border-color: #9fc7ad;
    background: #f2f8f4;
}

.signing-po-document.is-processing[b-h5nvri7spu] {
    border-color: #9ebfd7;
    background: #f2f7fb;
}

.signing-po-document.is-processing span[b-h5nvri7spu] {
    color: #315c78;
    font-weight: 650;
}

.signing-po-document.is-failed[b-h5nvri7spu] {
    border-color: #d5a9a9;
    background: #fff5f5;
}

.signing-po-document.is-failed span[b-h5nvri7spu] {
    color: #9f2929;
    font-weight: 650;
}

.signing-po-document[b-h5nvri7spu]  .rz-button {
    flex: 0 0 auto;
}

.signing-method[b-h5nvri7spu] {
    margin: 0 0 15px;
    padding: 0;
    border: 0;
}

.signing-segmented[b-h5nvri7spu] {
    margin-top: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.signing-segmented button[b-h5nvri7spu] {
    height: 36px;
    border: 1px solid #aebbc5;
    background: #fff;
    color: #344a5b;
    font-weight: 650;
}

.signing-segmented button:first-child[b-h5nvri7spu] {
    border-radius: 4px 0 0 4px;
}

.signing-segmented button:last-child[b-h5nvri7spu] {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.signing-segmented button.is-selected[b-h5nvri7spu] {
    z-index: 1;
    border-color: #006fc9;
    background: #eaf4fb;
    color: #005b9f;
}

.signing-typed-input[b-h5nvri7spu],
.signing-typed-preview[b-h5nvri7spu] {
    font-family: "Mission Signature", serif;
    font-style: italic;
}

.signing-typed-input[b-h5nvri7spu] {
    font-size: 20px;
}

.signing-typed-preview[b-h5nvri7spu] {
    min-height: 64px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    border: 1px dashed #8da0af;
    border-radius: 4px;
    background: #fafcfd;
    font-size: 27px;
    overflow: hidden;
}

.signing-field-heading[b-h5nvri7spu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signing-clear[b-h5nvri7spu] {
    padding: 2px 4px;
    border: 0;
    background: transparent;
    color: #006fc9;
    font-size: 12px;
}

.signature-canvas[b-h5nvri7spu] {
    width: 100%;
    height: 150px;
    border: 1px solid #aebbc5;
    border-radius: 4px;
    background: #fff;
    touch-action: none;
}

.signing-check[b-h5nvri7spu] {
    margin: 0 0 12px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    color: #344a5b;
    font-size: 12px;
    line-height: 1.4;
}

.signing-check input[b-h5nvri7spu] {
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
}

.signing-page-error[b-h5nvri7spu] {
    align-items: center;
}

.signing-page-error[b-h5nvri7spu]  .rz-button {
    flex: 0 0 auto;
    margin-left: auto;
}

.signing-error[b-h5nvri7spu] {
    margin: 14px 0;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid #e4b6b6;
    border-radius: 4px;
    background: #fff2f2;
    color: #9f1c1c;
    font-size: 12px;
}

.signing-request-success[b-h5nvri7spu] {
    margin: 16px 0 0;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    border: 1px solid #b8d6c0;
    border-radius: 4px;
    background: #f0f8f2;
    color: #216535;
    font-size: 12px;
}

@media (max-width: 1020px) {
    .signing-workspace[b-h5nvri7spu] {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

@media (max-width: 820px) {
    .signing-page[b-h5nvri7spu] {
        width: min(100% - 24px, 760px);
        padding-top: 20px;
    }

    .signing-workspace[b-h5nvri7spu] {
        display: flex;
        flex-direction: column;
    }

    .signing-document-panel[b-h5nvri7spu],
    .signing-review-panel[b-h5nvri7spu],
    .signing-form-panel[b-h5nvri7spu] {
        width: 100%;
    }

    .signing-review-panel[b-h5nvri7spu] {
        position: static;
        order: -1;
    }

    .signing-sheet-backdrop[b-h5nvri7spu] {
        position: fixed;
        inset: 0;
        z-index: 999;
        display: block;
        border: 0;
        background: rgba(15, 31, 44, 0.5);
    }

    .signing-form-panel[b-h5nvri7spu] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        max-height: min(76vh, 680px);
        padding: 20px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
        overflow-y: auto;
        border-radius: 6px 6px 0 0;
        box-shadow: 0 -8px 28px rgba(15, 31, 44, 0.24);
    }

    .signing-sheet-close[b-h5nvri7spu] {
        width: 36px;
        height: 36px;
        display: inline-grid;
        flex: 0 0 36px;
        place-items: center;
        border: 1px solid #aebbc5;
        border-radius: 4px;
        background: #fff;
        color: #344a5b;
    }

    .signing-sheet-close:hover[b-h5nvri7spu],
    .signing-sheet-close:focus-visible[b-h5nvri7spu] {
        border-color: #006fc9;
        color: #006fc9;
        outline: none;
    }

    .signing-pdf-viewer[b-h5nvri7spu] {
        height: 70vh;
        min-height: 480px;
    }
}

@media (max-width: 560px) {
    .signing-portal-administrator-fields[b-h5nvri7spu] {
        grid-template-columns: 1fr;
    }

    .signing-portal-administrator-email[b-h5nvri7spu],
    .signing-portal-administrator-job-title[b-h5nvri7spu] {
        grid-column: auto;
    }

    .signing-page[b-h5nvri7spu] {
        width: calc(100% - 16px);
        padding-top: 14px;
    }

    .signing-intro[b-h5nvri7spu] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .signing-intro h1[b-h5nvri7spu] {
        font-size: 24px;
    }

    .signing-steps[b-h5nvri7spu] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        font-size: 11px;
    }

    .signing-steps li[b-h5nvri7spu] {
        min-width: 0;
        align-items: flex-start;
    }

    .signing-steps span[b-h5nvri7spu] {
        flex: 0 0 25px;
    }

    .signing-account-questions[b-h5nvri7spu] {
        padding: 20px 16px;
    }

    .signing-question-actions[b-h5nvri7spu] {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .signing-question-actions[b-h5nvri7spu]  .rz-button {
        width: 100%;
        justify-content: center;
    }

    .signing-review-panel[b-h5nvri7spu],
    .signing-form-panel[b-h5nvri7spu] {
        padding: 16px;
    }

    .signing-pdf-viewer[b-h5nvri7spu] {
        min-height: 420px;
        padding: 14px 8px 28px;
    }

    .signing-document-toolbar[b-h5nvri7spu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .signing-document-tools[b-h5nvri7spu] {
        width: 100%;
        flex-wrap: wrap;
    }
}

/*
 * A question that asks for a document rather than a choice.
 *
 * .signing-question centres its content, which is right for a short question over two
 * buttons. Paragraphs and a file input are not that: centred body copy across several
 * lines leaves a ragged left edge, and a narrow centred file input reads as a control
 * that failed to render rather than one waiting to be used.
 */
.signing-question-document[b-h5nvri7spu] {
    justify-items: stretch;
    text-align: left;
}

.signing-eligibility-requirement[b-h5nvri7spu] {
    padding: 12px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    border-left: 3px solid #0078d4;
    background: #f2f7fb;
}

.signing-eligibility-requirement[b-h5nvri7spu]  .rz-icon {
    color: #0071bc;
    font-size: 21px;
}

.signing-eligibility-requirement > div[b-h5nvri7spu] {
    min-width: 0;
}

.signing-eligibility-requirement span[b-h5nvri7spu] {
    color: #344a5b;
    font-size: 11px;
    font-weight: 700;
}

.signing-eligibility-requirement p[b-h5nvri7spu] {
    margin: 3px 0 0;
    color: #263b4c;
    font-size: 13px;
    line-height: 1.45;
}

.signing-question-document .signing-upload-field[b-h5nvri7spu] {
    max-width: none;
    margin-top: 12px;
}

.signing-eligibility-documents[b-h5nvri7spu] {
    margin: 12px 0 0;
}

.signing-eligibility-review-note[b-h5nvri7spu] {
    margin-top: 18px;
    padding: 11px 12px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 9px;
    border-top: 1px solid #c7d9e6;
    border-bottom: 1px solid #c7d9e6;
    background: #f7fafc;
    color: #344a5b;
}

.signing-eligibility-review-note[b-h5nvri7spu]  .rz-icon {
    color: #49758f;
    font-size: 19px;
}

.signing-eligibility-review-note > div[b-h5nvri7spu] {
    display: grid;
    gap: 2px;
}

.signing-eligibility-review-note strong[b-h5nvri7spu] {
    color: #263b4c;
    font-size: 12px;
}

.signing-eligibility-review-note span[b-h5nvri7spu] {
    font-size: 12px;
    line-height: 1.45;
}
/* /Features/CustomerPortal/Pages/PortalBundleConfigurator.razor.rz.scp.css */
.portal-button-row[b-w3cy7ku302] { display: flex; justify-content: flex-end; gap: .75rem; flex-wrap: wrap; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--portal-border); }
.portal-muted[b-w3cy7ku302] { margin: 1rem 0 0; font-size: .8rem; }
/* /Features/CustomerPortal/Pages/PortalCart.razor.rz.scp.css */
.portal-cart-page-actions[b-3muz9jflju] {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 16px;
}

.portal-cart-empty[b-3muz9jflju] {
    max-width: 560px;
    margin-inline: auto;
    padding: 48px 32px;
}

.portal-cart-empty-icon[b-3muz9jflju] {
    display: grid;
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    place-items: center;
    border-radius: 50%;
    background: var(--portal-tint);
    color: var(--portal-command);
    font-size: 24px;
}

.portal-cart-empty p[b-3muz9jflju] {
    max-width: 420px;
    margin: 0 auto 20px;
    color: var(--portal-muted);
}

.portal-cart-empty .portal-primary-button[b-3muz9jflju] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.portal-cart-layout[b-3muz9jflju] {
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, .85fr);
    gap: 20px;
}

.portal-cart-layout > *[b-3muz9jflju],
.portal-checkout-panel .portal-field[b-3muz9jflju],
.portal-checkout-panel select[b-3muz9jflju],
.cart-product-copy[b-3muz9jflju] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.portal-cart-items-panel[b-3muz9jflju] {
    overflow: hidden;
    padding: 0;
}

.portal-cart-section-heading[b-3muz9jflju] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--portal-border);
}

.portal-cart-section-heading h2[b-3muz9jflju],
.portal-cart-section-heading p[b-3muz9jflju],
.cart-configuration-heading h3[b-3muz9jflju],
.cart-product-copy p[b-3muz9jflju],
.portal-cart-order-summary h2[b-3muz9jflju],
.portal-cart-order-summary p[b-3muz9jflju],
.portal-cart-checkout-details h2[b-3muz9jflju] {
    margin: 0;
}

.portal-cart-section-heading p[b-3muz9jflju] {
    margin-top: 4px;
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.portal-cart-lines[b-3muz9jflju] {
    gap: 0;
}

.cart-configuration[b-3muz9jflju] {
    display: grid;
    gap: 20px;
    padding: 24px;
    border-bottom: 1px solid var(--portal-border);
}

.cart-configuration:last-child[b-3muz9jflju] {
    border-bottom: 0;
}

.cart-configuration-heading[b-3muz9jflju] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.cart-configuration-heading h3[b-3muz9jflju] {
    margin-top: 3px;
    font-size: var(--mt-font-section);
}

.portal-cart-term[b-3muz9jflju] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--portal-chip);
    color: var(--portal-chip-ink);
    font-size: var(--mt-font-label);
    white-space: nowrap;
}

.cart-configuration-products[b-3muz9jflju] {
    display: grid;
    gap: 14px;
}

.cart-configuration-product[b-3muz9jflju] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.cart-product-media[b-3muz9jflju] {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--portal-border);
    border-radius: 8px;
    background: var(--portal-canvas);
    color: var(--portal-muted);
    font-size: 24px;
}

.cart-product-media img[b-3muz9jflju] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-product-copy[b-3muz9jflju] {
    display: grid;
    gap: 2px;
}

.cart-product-copy p[b-3muz9jflju],
.cart-product-copy span[b-3muz9jflju] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.cart-product-total[b-3muz9jflju] {
    display: grid;
    gap: 2px;
    text-align: right;
    white-space: nowrap;
}

.cart-product-total span[b-3muz9jflju] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.cart-configuration-actions[b-3muz9jflju] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--portal-border);
}

.cart-configuration-actions .portal-field[b-3muz9jflju] {
    width: 96px;
    margin: 0;
}

.cart-configuration-actions input[b-3muz9jflju] {
    width: 100%;
    min-height: 40px;
    padding: .55rem .7rem;
    border: 1px solid var(--portal-field-border);
    border-radius: 6px;
    font: inherit;
}

.portal-checkout-panel[b-3muz9jflju] {
    position: sticky;
    top: 20px;
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.portal-cart-order-summary[b-3muz9jflju],
.portal-cart-checkout-details[b-3muz9jflju] {
    display: grid;
    gap: 16px;
    padding: 24px;
}

.portal-cart-order-summary[b-3muz9jflju] {
    background: var(--portal-canvas);
}

.portal-cart-order-summary dl[b-3muz9jflju] {
    display: grid;
    gap: 10px;
    margin: 0;
}

.portal-cart-order-summary dl > div[b-3muz9jflju] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
}

.portal-cart-order-summary dt[b-3muz9jflju] {
    color: var(--portal-muted);
    font-weight: 500;
}

.portal-cart-order-summary dd[b-3muz9jflju] {
    margin: 0;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.portal-cart-order-summary .cart-summary-total[b-3muz9jflju] {
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid var(--portal-border);
}

.portal-cart-order-summary .cart-summary-total dt[b-3muz9jflju],
.portal-cart-order-summary .cart-summary-total dd[b-3muz9jflju] {
    color: var(--portal-ink);
    font-size: var(--mt-font-section);
    font-weight: 700;
}

.portal-cart-order-summary p[b-3muz9jflju] {
    padding-top: 14px;
    border-top: 1px solid var(--portal-border);
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.cart-next-steps[b-3muz9jflju] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.cart-next-steps summary[b-3muz9jflju] {
    width: fit-content;
    max-width: 100%;
    color: var(--portal-command-edge);
    font-weight: 650;
    cursor: pointer;
}

.cart-next-steps p[b-3muz9jflju] {
    max-width: 52ch;
    margin: 8px 0 0;
    padding: 0 0 0 24px;
    border: 0;
}

.portal-cart-checkout-details[b-3muz9jflju] {
    border-top: 1px solid var(--portal-border);
}

.portal-cart-checkout-details .portal-primary-button[b-3muz9jflju] {
    width: 100%;
    justify-content: center;
}

.portal-cart-checkout-details .portal-help[b-3muz9jflju] {
    margin: 0;
}

@media (max-width: 760px) {
    .portal-cart-layout[b-3muz9jflju] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-checkout-panel[b-3muz9jflju] {
        position: static;
    }
}

@media (max-width: 600px) {
    .portal-cart-empty[b-3muz9jflju] {
        padding: 36px 20px;
    }

    .portal-cart-page-actions[b-3muz9jflju] {
        justify-content: stretch;
    }

    .portal-cart-page-actions .portal-secondary-button[b-3muz9jflju] {
        width: 100%;
        justify-content: center;
    }

    .portal-cart-section-heading[b-3muz9jflju],
    .cart-configuration[b-3muz9jflju],
    .portal-cart-order-summary[b-3muz9jflju],
    .portal-cart-checkout-details[b-3muz9jflju] {
        padding: 20px;
    }

    .cart-configuration-heading[b-3muz9jflju] {
        flex-direction: column;
        gap: 8px;
    }

    .cart-configuration-product[b-3muz9jflju] {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .cart-product-media[b-3muz9jflju] {
        width: 56px;
        height: 56px;
    }

    .cart-product-total[b-3muz9jflju] {
        grid-column: 2;
        text-align: left;
    }

    .cart-configuration-actions .portal-field[b-3muz9jflju] {
        width: 100%;
    }

    .cart-configuration-actions .portal-secondary-button[b-3muz9jflju] {
        flex: 1 1 145px;
        justify-content: center;
    }
}
/* /Features/CustomerPortal/Pages/PortalOrganization.razor.rz.scp.css */
.portal-address-add[b-0q66xazhsz] {
    margin-top: 16px;
}

/* The identity block is deliberately not editable, so say so quietly rather
   than leaving the reader to wonder which fields they can click. */
/* The icon is its own flex item; the sentence lives in a span so it wraps as
   prose. Without the span the link became a third flex item and sat squeezed
   against the text instead of flowing with it. */
.portal-settings-note[b-0q66xazhsz] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 12px;
    color: var(--portal-muted);
    font-size: 13px;
    line-height: 1.5;
}

.portal-settings-note > span[b-0q66xazhsz] {
    min-width: 0;
}

.portal-settings-note a[b-0q66xazhsz] {
    color: inherit;
    text-decoration: underline;
}

.portal-fact-empty[b-0q66xazhsz] {
    color: var(--portal-muted);
    font-style: italic;
}

.portal-settings-facts > .portal-alert[b-0q66xazhsz] {
    grid-column: 1 / -1;
}

.portal-fact-with-action[b-0q66xazhsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.portal-fact-edit[b-0q66xazhsz],
.portal-dialog-close[b-0q66xazhsz] {
    border: 0;
    background: transparent;
    color: var(--portal-command-edge);
}

.portal-fact-edit[b-0q66xazhsz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 600;
}

.portal-fact-edit:hover[b-0q66xazhsz],
.portal-fact-edit:focus-visible[b-0q66xazhsz] {
    text-decoration: underline;
}

.portal-dialog-backdrop[b-0q66xazhsz] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgb(15 23 42 / 42%);
}

.portal-dialog[b-0q66xazhsz] {
    width: min(100%, 440px);
    max-height: calc(100dvh - 40px);
    overflow: auto;
    padding: 24px;
    border: 1px solid var(--portal-border);
    border-radius: 10px;
    background: var(--portal-surface);
    box-shadow: 0 18px 48px rgb(15 23 42 / 18%);
}

.portal-dialog-heading[b-0q66xazhsz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.portal-dialog-heading h2[b-0q66xazhsz] {
    margin: 2px 0 0;
    font-size: var(--mt-font-section);
}

.portal-dialog-close[b-0q66xazhsz] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    color: var(--portal-ink);
}

.portal-dialog-close:hover[b-0q66xazhsz],
.portal-dialog-close:focus-visible[b-0q66xazhsz] {
    background: var(--portal-tint);
}

.portal-dialog .portal-field[b-0q66xazhsz] {
    width: 100%;
}

.portal-dialog-actions[b-0q66xazhsz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--portal-border);
}

/*
 * The open form is a task, not another record.
 *
 * It previously sat flush above the list in the same plain style, so adding an
 * address looked like it was already in the list and editing one showed the
 * form and the untouched row together. A tinted panel with its own heading
 * separates the thing being done from the things already saved.
 */
.portal-address-form[b-0q66xazhsz] {
    margin: 0 0 4px;
    padding: 20px;
    border: 1px solid var(--portal-outline);
    border-radius: 8px;
    background: var(--portal-tint);
}

.portal-address-form-heading[b-0q66xazhsz] {
    margin-bottom: 16px;
}

.portal-address-form-heading h3[b-0q66xazhsz] {
    margin: 0;
    font-size: 17px;
    font-weight: 650;
}

.portal-address-form-heading p[b-0q66xazhsz] {
    margin: 4px 0 0;
    color: var(--portal-muted);
    font-size: 13px;
}

/*
 * `portal-form-grid` and `portal-field-wide` were in the markup but defined in
 * no stylesheet, so every field rendered full width in a single stack and a
 * short address became a long scroll. Defined here rather than in portal.css
 * because Portal Support is the only other user and is not in scope.
 */
.portal-form-grid[b-0q66xazhsz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.portal-field[b-0q66xazhsz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    grid-column: span 2;
    min-width: 0;
}

.portal-field label[b-0q66xazhsz] {
    font-size: 13px;
    font-weight: 600;
}

.portal-field-wide[b-0q66xazhsz] { grid-column: 1 / -1; }

.portal-field-optional[b-0q66xazhsz],
.portal-field-hint[b-0q66xazhsz] {
    color: var(--portal-muted);
    font-weight: 400;
}

.portal-field-hint[b-0q66xazhsz] {
    margin: 4px 0 0;
    font-size: 12px;
}

.portal-input-code[b-0q66xazhsz] {
    text-transform: uppercase;
}

/* City, State and ZIP read as one line on a form, so they sit on one line
   here. Country is a two-letter code and gets a field sized like one. */
.portal-field-city[b-0q66xazhsz] { grid-column: span 2; }
.portal-field-state[b-0q66xazhsz],
.portal-field-postal[b-0q66xazhsz],
.portal-field-country[b-0q66xazhsz] { grid-column: span 1; }

.portal-address-form-actions[b-0q66xazhsz],
.portal-address-actions[b-0q66xazhsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* Save leads. Cancel follows it, in the outline treatment restored in
   portal.css - both were painted as calls to action. */
.portal-address-form-actions[b-0q66xazhsz] {
    justify-content: flex-start;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--portal-border);
}

.portal-address-card[b-0q66xazhsz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 16px;
    border: 1px solid var(--portal-border);
    border-radius: 8px;
}

/* While a form is open the remaining rows are context, not choices. */
.portal-address-card-muted[b-0q66xazhsz] {
    opacity: .55;
}

.portal-address-list article > .portal-address-copy[b-0q66xazhsz] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(160px, .8fr) minmax(220px, 1.2fr);
    align-items: start;
    gap: 16px 24px;
}

.portal-address-heading[b-0q66xazhsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.portal-address-type[b-0q66xazhsz] {
    color: var(--portal-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Edit and Remove are the same shape and weight; the danger colouring lives in
   portal.css because PortalCommandButton renders its own element. The handler
   keeps the RetireAsync name, which is the Core soft-delete semantic. */
.portal-address-actions[b-0q66xazhsz] {
    flex: 0 0 auto;
}

.portal-address-empty[b-0q66xazhsz] {
    margin: 0;
    color: var(--portal-muted);
}

@media (max-width: 700px) {
    .portal-address-card[b-0q66xazhsz] {
        flex-direction: column;
        gap: 16px;
    }

    .portal-address-list article > .portal-address-copy[b-0q66xazhsz] {
        grid-template-columns: 1fr;
    }

    .portal-field-city[b-0q66xazhsz],
    .portal-field-state[b-0q66xazhsz],
    .portal-field-postal[b-0q66xazhsz],
    .portal-field-country[b-0q66xazhsz] { grid-column: 1 / -1; }

    .portal-address-form-actions[b-0q66xazhsz],
    .portal-address-actions[b-0q66xazhsz] {
        width: 100%;
        justify-content: stretch;
    }

    .portal-address-form-actions > *[b-0q66xazhsz],
    .portal-address-actions > *[b-0q66xazhsz] {
        flex: 1 1 140px;
        justify-content: center;
    }

    .portal-dialog[b-0q66xazhsz] {
        padding: 20px;
    }

    .portal-dialog-actions > *[b-0q66xazhsz] {
        flex: 1 1 130px;
        justify-content: center;
    }
}
/* /Features/CustomerPortal/Pages/PortalProductConfigurator.razor.rz.scp.css */
.portal-product-configuration[b-ys9ui9blme] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: min(860px, 100%);
    margin-inline: auto;
}

.configuration-heading[b-ys9ui9blme] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.configuration-heading h2[b-ys9ui9blme] {
    margin: 0;
}

.configuration-heading .portal-kicker[b-ys9ui9blme] {
    display: block;
    margin-bottom: 3px;
}

.configuration-close[b-ys9ui9blme] {
    flex: 0 0 auto;
}

.configuration-progress[b-ys9ui9blme] {
    /* Auto columns because the trail length depends on the path taken. */
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.configuration-progress li[b-ys9ui9blme] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 10px 12px;
    border-bottom: 3px solid var(--portal-border);
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
    font-weight: 600;
}

.configuration-progress li > span:not(.configuration-progress-label)[b-ys9ui9blme] {
    display: inline-grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 999px;
    background: var(--portal-chip);
    color: var(--portal-chip-ink);
    font-size: 11px;
}

.configuration-progress li.is-current[b-ys9ui9blme] {
    border-color: var(--portal-command);
    color: var(--portal-ink);
}

.configuration-progress li.is-current > span:not(.configuration-progress-label)[b-ys9ui9blme] {
    background: var(--portal-command);
    color: #fff;
}

.configuration-progress li.is-complete[b-ys9ui9blme] {
    border-color: var(--portal-accent);
    color: var(--portal-ink);
}

.configuration-progress li.is-complete .configuration-progress-link > span:not(.configuration-progress-label)[b-ys9ui9blme] {
    background: var(--portal-accent-soft);
    color: var(--portal-ink);
}

.configuration-step[b-ys9ui9blme] {
    display: grid;
    gap: 24px;
}

.configuration-step-heading[b-ys9ui9blme] {
    max-width: 66ch;
}

.configuration-step-heading h3[b-ys9ui9blme],
.configuration-step-heading p[b-ys9ui9blme] {
    margin: 0;
}

.configuration-step-heading h3[b-ys9ui9blme] {
    margin-top: 4px;
    font-size: var(--mt-font-section);
}

.configuration-step-heading h3 + p[b-ys9ui9blme] {
    margin-top: 6px;
    color: var(--portal-muted);
}

.configuration-choice-grid[b-ys9ui9blme],
.configuration-product-grid[b-ys9ui9blme] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.configuration-choice[b-ys9ui9blme],
.configuration-product-choice[b-ys9ui9blme] {
    display: grid;
    min-width: 0;
    min-height: 148px;
    padding: 20px;
    border: 1px solid var(--portal-outline);
    border-radius: 10px;
    background: #fff;
    color: var(--portal-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.configuration-choice[b-ys9ui9blme] {
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    gap: 5px 12px;
}

.configuration-choice:hover[b-ys9ui9blme],
.configuration-product-choice:hover[b-ys9ui9blme] {
    border-color: var(--portal-command-edge);
    background: var(--portal-tint);
}

.configuration-choice:focus-visible[b-ys9ui9blme],
.configuration-product-choice:focus-visible[b-ys9ui9blme] {
    outline: 3px solid rgba(34, 135, 230, .3);
    outline-offset: 2px;
}

.configuration-choice > i[b-ys9ui9blme] {
    grid-row: 1 / 3;
    color: var(--portal-command-edge);
    font-size: 24px;
}

.configuration-choice strong[b-ys9ui9blme] {
    font-size: var(--mt-font-body);
}

.configuration-choice span[b-ys9ui9blme] {
    color: var(--portal-muted);
}

.configuration-choice small[b-ys9ui9blme] {
    grid-column: 2;
    color: var(--portal-command-edge);
    font-weight: 700;
}

.configuration-product-choice[b-ys9ui9blme] {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
}

.configuration-product-image[b-ys9ui9blme] {
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    background: var(--portal-canvas);
    color: var(--portal-muted);
    font-size: var(--mt-font-page);
}

.configuration-product-image img[b-ys9ui9blme] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.configuration-product-copy[b-ys9ui9blme] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.configuration-product-copy > span[b-ys9ui9blme] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--portal-muted);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.configuration-product-copy small[b-ys9ui9blme] {
    margin-top: auto;
    color: var(--portal-command-edge);
    font-weight: 700;
}

.configuration-help[b-ys9ui9blme] {
    width: fit-content;
    max-width: 100%;
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-help summary[b-ys9ui9blme] {
    color: var(--portal-command-edge);
    font-weight: 650;
    cursor: pointer;
}

.configuration-help p[b-ys9ui9blme] {
    max-width: 68ch;
    margin: 8px 0 0;
    padding-left: 24px;
}

.configuration-fields[b-ys9ui9blme] {
    display: grid;
    grid-template-columns: minmax(0, 320px);
    gap: 20px;
}

.configuration-fields .portal-field[b-ys9ui9blme] {
    min-width: 0;
    margin: 0;
}

.configuration-fields .portal-field > span[b-ys9ui9blme],
.configuration-terms legend[b-ys9ui9blme] {
    color: var(--portal-ink);
    font-size: var(--mt-font-label);
    font-weight: 650;
}

.configuration-fields .configuration-quantity-field input[b-ys9ui9blme] {
    width: 110px;
    max-width: 100%;
}

.configuration-summary[b-ys9ui9blme] {
    display: grid;
    gap: 0;
    border: 1px solid var(--portal-border);
    border-radius: 10px;
    overflow: hidden;
}

.configuration-summary > div[b-ys9ui9blme] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--portal-border);
}

.configuration-summary > div span[b-ys9ui9blme] {
    text-align: right;
    white-space: nowrap;
}

.configuration-summary dl[b-ys9ui9blme] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 16px;
    background: var(--portal-canvas);
}

.configuration-summary dl > div[b-ys9ui9blme] {
    display: grid;
    gap: 2px;
}

.configuration-summary dt[b-ys9ui9blme] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
    font-weight: 500;
}

.configuration-summary dd[b-ys9ui9blme] {
    margin: 0;
    font-weight: 650;
}

.configuration-summary small[b-ys9ui9blme] {
    padding: 14px 16px;
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-navigation[b-ys9ui9blme] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--portal-border);
}

@media (max-width: 600px) {
    .configuration-choice-grid[b-ys9ui9blme],
    .configuration-product-grid[b-ys9ui9blme],
    .configuration-fields[b-ys9ui9blme],
    .configuration-summary dl[b-ys9ui9blme] {
        grid-template-columns: 1fr;
    }

    .configuration-heading[b-ys9ui9blme] {
        align-items: flex-start;
    }

    .configuration-progress li[b-ys9ui9blme] {
        justify-content: center;
        padding-inline: 6px;
    }

    .configuration-progress li:not(.is-current) .configuration-progress-label[b-ys9ui9blme] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .configuration-product-choice[b-ys9ui9blme] {
        grid-template-columns: 88px minmax(0, 1fr);
        padding: 16px;
    }

    .configuration-product-image[b-ys9ui9blme] {
        width: 88px;
        height: 88px;
    }

    .configuration-summary > div[b-ys9ui9blme] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .configuration-summary > div span[b-ys9ui9blme] {
        text-align: left;
        white-space: normal;
    }

    .configuration-navigation[b-ys9ui9blme] {
        flex-direction: column;
        align-items: stretch;
    }

    .configuration-navigation > *[b-ys9ui9blme] {
        width: 100%;
        justify-content: center;
    }
}

/* A completed step is a way back, so it is a real button rather than a label
   with a click handler: it focuses, it announces, and it works from a keyboard. */
.configuration-progress-link[b-ys9ui9blme] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.configuration-progress-link:hover[b-ys9ui9blme] {
    color: var(--portal-command-edge);
    text-decoration: underline;
}

.configuration-progress-link > span:not(.configuration-progress-label)[b-ys9ui9blme] {
    display: inline-grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 999px;
    background: var(--portal-chip);
    color: var(--portal-chip-ink);
    font-size: 11px;
}

/* The choice title is the decision on the page, so it should not be the same
   size as the sentence explaining it. */
.configuration-choice strong[b-ys9ui9blme] {
    font-size: var(--mt-font-section);
    line-height: 1.3;
}

.configuration-choice[disabled][b-ys9ui9blme] {
    background: var(--portal-canvas);
    color: var(--portal-muted);
    cursor: not-allowed;
}

.configuration-choice-unavailable[b-ys9ui9blme] {
    color: var(--portal-muted);
    font-weight: 600;
}

.configuration-field-help[b-ys9ui9blme] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-field-error[b-ys9ui9blme] {
    color: var(--portal-danger, #b42318);
    font-size: var(--mt-font-label);
    font-weight: 600;
}

/* Running cost shows both billing cadence and the complete prepaid commitment. */
.configuration-running-total[b-ys9ui9blme] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 28px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--portal-border);
    border-radius: 10px;
    background: var(--portal-canvas);
}

.configuration-cost-breakdown[b-ys9ui9blme] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 0;
}

.configuration-cost-breakdown > div[b-ys9ui9blme],
.configuration-running-total > .configuration-agreement-total > div[b-ys9ui9blme] {
    display: grid;
    gap: 2px;
}

.configuration-running-total > .configuration-agreement-total[b-ys9ui9blme] {
    margin: 0;
    padding-left: 24px;
    border-left: 1px solid var(--portal-border);
}

.configuration-running-total dt[b-ys9ui9blme] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-running-total dd[b-ys9ui9blme] {
    margin: 0;
    font-size: var(--mt-font-section);
    font-weight: 700;
}

.configuration-running-total .configuration-agreement-total dt[b-ys9ui9blme] {
    color: var(--portal-ink);
    font-weight: 650;
}

.configuration-running-total .configuration-agreement-total dd[b-ys9ui9blme] {
    font-size: var(--mt-font-page);
}

.configuration-running-total p[b-ys9ui9blme] {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-agreement-facts[b-ys9ui9blme] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 32px;
    margin: 0 0 16px;
}

.configuration-agreement-facts > div[b-ys9ui9blme] {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.configuration-agreement-facts dt[b-ys9ui9blme] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-agreement-facts dd[b-ys9ui9blme] {
    margin: 0;
    font-weight: 650;
}

/* The caption names the table for a screen reader without repeating, on screen,
   a heading the sighted reader already has above it. */
.configuration-lines caption[b-ys9ui9blme] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.configuration-lines[b-ys9ui9blme] {
    min-width: 660px;
}

.configuration-lines .is-numeric[b-ys9ui9blme] {
    text-align: right;
    white-space: nowrap;
}

.configuration-lines tfoot th[b-ys9ui9blme],
.configuration-lines tfoot td[b-ys9ui9blme] {
    padding: 14px 12px;
    border-top: 1px solid var(--portal-border);
    border-bottom: 0;
    font-size: var(--mt-font-section);
    font-weight: 700;
}

.configuration-lines tfoot th[b-ys9ui9blme] {
    text-align: right;
}

.configuration-review-note[b-ys9ui9blme] {
    margin: 8px 0 0;
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-next-steps[b-ys9ui9blme] {
    margin-top: 12px;
}

/* The agreement term ladder. Big targets in the same idiom as the other choice
   grids on this page, because choosing a commitment length is the same kind of
   decision as choosing a SIM type. */
.configuration-terms[b-ys9ui9blme] {
    margin: 0;
    padding: 0;
    border: 0;
}

.configuration-terms legend[b-ys9ui9blme] {
    padding: 0;
}

.configuration-term-grid[b-ys9ui9blme] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin-top: 8px;
}

.configuration-term[b-ys9ui9blme] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--portal-outline);
    border-radius: 10px;
    background: #fff;
    color: var(--portal-ink);
    font: inherit;
    /* Centred, unlike the choice cards above. Those hold a title and a sentence
       and read as prose; these hold one short label each, and left-aligning it
       left a wide empty gutter that made four equal buttons look ragged. */
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.configuration-term:hover[b-ys9ui9blme] {
    border-color: var(--portal-command-edge);
    background: var(--portal-tint);
}

/* Selection is carried by border, weight and a tint together: a tint alone was
   too close to hover to be read as a committed choice. */
.configuration-term.is-selected[b-ys9ui9blme] {
    border-color: var(--portal-command-edge);
    box-shadow: inset 0 0 0 1px var(--portal-command-edge);
    background: var(--portal-tint);
}

.configuration-term strong[b-ys9ui9blme] {
    font-size: var(--mt-font-section);
}

.configuration-term-label[b-ys9ui9blme] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.configuration-term-label i[b-ys9ui9blme] {
    color: var(--portal-command-edge);
}

.configuration-term-price[b-ys9ui9blme] {
    font-weight: 700;
}

.configuration-term small[b-ys9ui9blme] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.configuration-term-badge[b-ys9ui9blme] {
    align-self: flex-start;
    margin-top: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--portal-chip);
    color: var(--portal-chip-ink);
    font-size: var(--mt-font-eyebrow);
    font-weight: 700;
}

.configuration-term:focus-visible[b-ys9ui9blme] {
    outline: 3px solid rgba(34, 135, 230, .3);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .configuration-running-total[b-ys9ui9blme] {
        grid-template-columns: 1fr;
    }

    .configuration-running-total > .configuration-agreement-total[b-ys9ui9blme] {
        padding-top: 12px;
        padding-left: 0;
        border-top: 1px solid var(--portal-border);
        border-left: 0;
    }
}

@media (max-width: 420px) {
    .configuration-cost-breakdown[b-ys9ui9blme] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .configuration-running-total p[b-ys9ui9blme] {
        grid-column: 1;
    }
}
/* /Features/CustomerPortal/Pages/PortalProductDetail.razor.rz.scp.css */
.product-detail-back[b-fkysujupn2] {
    margin: 0 0 16px;
}

.product-detail-back a[b-fkysujupn2] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    color: var(--portal-command-edge);
    text-decoration: none;
}

.product-detail-back a:hover[b-fkysujupn2] {
    text-decoration: underline;
}

/*
 * Media beside copy on a wide screen, stacked below it. The image column is
 * fixed rather than fluid so the copy keeps a readable measure instead of
 * stretching to the full width of a large monitor.
 */
.product-detail[b-fkysujupn2] {
    display: grid;
    grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.product-detail-media[b-fkysujupn2] {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    padding: 24px;
    border: 1px solid var(--portal-border);
    border-radius: 12px;
    background: var(--portal-canvas);
}

.product-detail-media img[b-fkysujupn2] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/*
 * Scaled rather than given an off-scale size. This glyph is a decorative
 * placeholder for a missing image, not type, and the type scale exists for type.
 */
.product-detail-media i[b-fkysujupn2] {
    font-size: var(--mt-font-page);
    transform: scale(2.5);
    color: var(--portal-muted);
}

.product-detail-copy[b-fkysujupn2] {
    min-width: 0;
}

.product-detail-copy h1[b-fkysujupn2] {
    margin: .2rem 0 .75rem;
    font-size: var(--mt-font-page);
    font-weight: 600;
    line-height: 1.25;
}

/*
 * The summary carries the weight here: it is the one or two lines that tell a
 * reader what this is before they decide to read further.
 */
.product-detail-summary[b-fkysujupn2] {
    max-width: 62ch;
    margin: 0 0 20px;
    font-size: var(--mt-font-section);
    line-height: 1.5;
}

.product-detail-price[b-fkysujupn2] {
    margin: 0 0 4px;
    font-size: var(--mt-font-page);
    font-weight: 700;
}

.product-detail-readiness[b-fkysujupn2] {
    margin: 20px 0 0;
}

.product-detail-configure[b-fkysujupn2] {
    margin-top: 24px;
}

.product-detail-description[b-fkysujupn2] {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--portal-border);
}

.product-detail-description h2[b-fkysujupn2] {
    margin: 0 0 8px;
    font-size: var(--mt-font-section);
    font-weight: 600;
}

.product-detail-description p[b-fkysujupn2] {
    max-width: 68ch;
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 899.98px) {
    .product-detail[b-fkysujupn2] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .product-detail-media[b-fkysujupn2] {
        aspect-ratio: 3 / 2;
    }
}
/* /Features/CustomerPortal/Pages/PortalShop.razor.rz.scp.css */
.portal-offer-grid[b-63osvb3qns] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 330px));
    justify-content: start;
}

.shop-toolbar[b-63osvb3qns] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0 8px;
}

.shop-categories[b-63osvb3qns] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/*
 * The selected category needs more than a tint to be unmistakable. Border,
 * colour and weight together read as "this is the current filter" at a glance;
 * tint alone was too close to the hover state to be trusted.
 */
.shop-categories button[aria-pressed="true"][b-63osvb3qns],
.shop-category.is-selected[b-63osvb3qns] {
    border-color: var(--portal-command-edge);
    color: var(--portal-command-edge);
    background: var(--portal-tint);
    font-weight: 650;
    box-shadow: inset 0 -2px 0 var(--portal-command-edge);
}

.shop-sort[b-63osvb3qns] {
    display: flex;
    gap: 8px;
    align-items: center;
    white-space: nowrap;
}

.shop-sort > span[b-63osvb3qns] {
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

.shop-sort select[b-63osvb3qns] {
    padding: 6px 10px;
    border: 1px solid var(--portal-border);
    border-radius: 8px;
    background: #fff;
    color: var(--portal-ink);
    font: inherit;
}

.shop-result-count[b-63osvb3qns] {
    margin: 0 0 16px;
    color: var(--portal-muted);
    font-size: var(--mt-font-label);
}

/*
 * Two lines, always the same two lines. The summary exists so a card can be a
 * consistent height without truncating a sentence written for a product page.
 */
.portal-offer-summary[b-63osvb3qns] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 2.9em;
    margin: 0 0 12px;
    color: var(--portal-muted);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-offer-body h2[b-63osvb3qns] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 2.7em;
    font-size: var(--mt-font-section);
    line-height: 1.35;
    margin: 0 0 12px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-offer-card[b-63osvb3qns],
.portal-offer-body[b-63osvb3qns] {
    display: flex;
    flex-direction: column;
}

.portal-offer-image-frame[b-63osvb3qns] {
    position: relative;
}

.portal-offer-image-action[b-63osvb3qns] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.portal-offer-image-action:focus-visible[b-63osvb3qns] {
    outline: 3px solid rgba(34, 135, 230, .3);
    outline-offset: -3px;
}

.portal-offer-image-action:disabled[b-63osvb3qns] {
    cursor: default;
}

.portal-offer-body[b-63osvb3qns] {
    flex: 1;
}

.portal-offer-actions[b-63osvb3qns] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
}

.portal-offer-actions .portal-secondary-button[b-63osvb3qns] {
    width: min(220px, 100%);
    justify-content: center;
}

.shop-added[b-63osvb3qns] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    align-items: center;
    justify-content: space-between;
}

.shop-added > div:first-child[b-63osvb3qns] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.shop-added-actions[b-63osvb3qns] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.shop-added-actions .portal-primary-button[b-63osvb3qns] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

/* The card title is the way into the Product page, so it looks like a link on
   hover without shouting in the default state. */
.portal-offer-body h2 a[b-63osvb3qns] {
    color: inherit;
    text-decoration: none;
}

.portal-offer-body h2 a:hover[b-63osvb3qns],
.portal-offer-body h2 a:focus-visible[b-63osvb3qns] {
    color: var(--portal-command-edge);
    text-decoration: underline;
}
/* /Features/IdentityAndAuthorization/Pages/Login.razor.rz.scp.css */
.login-panel[b-81s383zvh0] {
    display: grid;
    gap: 24px;
    width: 100%;
    padding: 32px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(11, 34, 56, 0.08);
}

.login-logo[b-81s383zvh0] {
    width: 220px;
    max-width: 100%;
    height: auto;
    justify-self: center;
}

.login-heading[b-81s383zvh0] {
    display: grid;
    gap: 6px;
    text-align: center;
}

.login-eyebrow[b-81s383zvh0] {
    color: #607080;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.login-heading h1[b-81s383zvh0] {
    margin: 0;
    color: #152536;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.25;
}

.login-heading p[b-81s383zvh0],
.login-restriction[b-81s383zvh0] {
    margin: 0;
    color: #607080;
    font-size: 13px;
    line-height: 1.45;
}

.login-error[b-81s383zvh0] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
    border: 1px solid #d83b3b;
    border-radius: 4px;
    background: #fff1f1;
    color: #8f1f1f;
    font-size: 13px;
    line-height: 1.4;
}

.login-error i[b-81s383zvh0] {
    flex: 0 0 auto;
    margin-top: 1px;
}

.login-action[b-81s383zvh0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid #0b67b2;
    border-radius: 4px;
    background: #2287e6;
    color: #ffffff;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

.login-action:hover[b-81s383zvh0] {
    border-color: #095996;
    background: #0b67b2;
    color: #ffffff;
}

.login-action.is-submitting[b-81s383zvh0] {
    pointer-events: none;
    opacity: 0.7;
    cursor: wait;
}

.login-action:focus-visible[b-81s383zvh0] {
    outline: 3px solid rgba(34, 135, 230, 0.3);
    outline-offset: 2px;
}

.login-restriction[b-81s383zvh0] {
    text-align: center;
}

@media (max-width: 480px) {
    .login-panel[b-81s383zvh0] {
        gap: 20px;
        padding: 24px 20px;
    }

    .login-logo[b-81s383zvh0] {
        width: 190px;
    }
}
/* /Features/IdentityAndAuthorization/Pages/RolesAndPermissions.razor.rz.scp.css */
/* Operational administration surface: compact and scannable, not a card-heavy
   landing page. Long capability codes and descriptions wrap rather than forcing
   horizontal page scroll. */

.roles-permissions-page[b-2uineobbgw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 20px 32px;
    max-width: 100%;
    overflow-x: hidden;
}

.roles-permissions-header[b-2uineobbgw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.roles-permissions-heading[b-2uineobbgw] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.roles-permissions-heading-icon[b-2uineobbgw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--rz-base-200);
    color: var(--rz-text-title-color);
    flex: 0 0 auto;
}

.roles-permissions-eyebrow[b-2uineobbgw] {
    display: block;
    font-size: .7rem;
    letter-spacing: 0;
    color: var(--rz-text-secondary-color);
    font-weight: 600;
}

.roles-permissions-heading h1[b-2uineobbgw] {
    margin: 2px 0 4px;
    font-size: 1.35rem;
    line-height: 1.2;
}

.roles-permissions-heading p[b-2uineobbgw] {
    margin: 0;
    color: var(--rz-text-secondary-color);
    font-size: .85rem;
    max-width: 62ch;
}

.roles-permissions-header-actions[b-2uineobbgw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.roles-permissions-tabs[b-2uineobbgw] {
    width: 100%;
    min-width: 0;
}

.roles-permissions-filters[b-2uineobbgw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 8px 0 12px;
    min-width: 0;
}

.roles-permissions-filter-field[b-2uineobbgw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 220px;
}

.roles-permissions-loading[b-2uineobbgw] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    color: var(--rz-text-secondary-color);
}

.roles-permissions-empty[b-2uineobbgw] {
    padding: 24px;
    color: var(--rz-text-secondary-color);
    font-size: .9rem;
}

.roles-permissions-role[b-2uineobbgw],
.roles-permissions-stack[b-2uineobbgw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.roles-permissions-role-name[b-2uineobbgw] {
    font-weight: 600;
    color: var(--rz-text-title-color);
}

/* Technical codes are the one thing an administrator copies verbatim, so they
   stay legible and break rather than overflow. */
.roles-permissions-code[b-2uineobbgw] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    color: var(--rz-text-secondary-color);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.roles-permissions-wrap[b-2uineobbgw] {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.roles-permissions-muted[b-2uineobbgw] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.roles-permissions-count[b-2uineobbgw] {
    font-weight: 600;
    color: var(--rz-text-title-color);
}

/* Member lists can be long; clamp to two lines with the full value in title. */
.roles-permissions-members[b-2uineobbgw] {
    font-size: .8rem;
    color: var(--rz-text-secondary-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.roles-permissions-chips[b-2uineobbgw] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 0;
}

.roles-permissions-chip[b-2uineobbgw] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background: var(--rz-base-200);
    color: var(--rz-text-title-color);
    font-size: .75rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.roles-permissions-badge[b-2uineobbgw] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: .72rem;
    line-height: 1.5;
    white-space: nowrap;
}

.roles-permissions-badge.is-on[b-2uineobbgw] {
    background: var(--rz-success-lighter, #e6f4ea);
    color: var(--rz-success-dark, #1e7a3c);
}

.roles-permissions-badge.is-off[b-2uineobbgw] {
    background: var(--rz-base-200);
    color: var(--rz-text-secondary-color);
}

.roles-permissions-access-list[b-2uineobbgw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.roles-permissions-access-item[b-2uineobbgw] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.roles-permissions-access-list.is-direct .roles-permissions-access-item[b-2uineobbgw] {
    padding-left: 8px;
    border-left: 2px solid var(--rz-primary);
}

.roles-permissions-source[b-2uineobbgw] {
    font-size: .72rem;
    color: var(--rz-text-secondary-color);
    overflow-wrap: anywhere;
}

/* Codes are single tokens; breaking inside one produces a string that is neither readable nor
   safe to copy. Clipped with the full value on hover instead. */
.roles-permissions-code.is-single-line[b-2uineobbgw] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The assignability rule is a sentence about how a permission may be granted, not a status, so
   it reads as text rather than competing with the chips beside it. */
.roles-permissions-assignment[b-2uineobbgw] {
    color: #34495d;
    font-size: .75rem;
    font-weight: 600;
}

.roles-permissions-granted[b-2uineobbgw] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

/* Role-by-permission matrix.
 *
 * A plain table rather than a data grid: there is no paging, sorting, or resizing to want, and
 * the column set is the role list, which a grid cannot express without a column per role built
 * at runtime. Sticky first column and header so the pairing stays readable while scrolling a
 * grid that is inherently wider than it is tall. */
.roles-permissions-matrix-section[b-2uineobbgw] {
    margin-top: 20px;
}

.roles-permissions-matrix-header[b-2uineobbgw] {
    margin-bottom: 10px;
}

.roles-permissions-matrix-header h2[b-2uineobbgw] {
    margin: 0;
    color: #152536;
    font-size: 1rem;
    font-weight: 600;
}

.roles-permissions-matrix-header p[b-2uineobbgw] {
    margin: 3px 0 0;
    color: #607080;
    font-size: .8125rem;
}

.roles-permissions-matrix-scroll[b-2uineobbgw] {
    overflow-x: auto;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #ffffff;
}

.roles-permissions-matrix[b-2uineobbgw] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: .8125rem;
}

.roles-permissions-matrix th[b-2uineobbgw],
.roles-permissions-matrix td[b-2uineobbgw] {
    border-bottom: 1px solid #eef2f5;
    padding: 7px 10px;
    text-align: center;
    vertical-align: middle;
}

.roles-permissions-matrix thead th[b-2uineobbgw] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #0b2238;
    color: #ffffff;
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1.2;
}

.roles-permissions-matrix thead th span[b-2uineobbgw] {
    display: inline-block;
    max-width: 92px;
}

/* The permission name is the row's label, so it stays put and keeps the reading direction. */
.roles-permissions-matrix tbody th[b-2uineobbgw],
.roles-permissions-matrix-corner[b-2uineobbgw] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 220px;
    background: #ffffff;
    color: #152536;
    font-weight: 500;
    text-align: left;
}

.roles-permissions-matrix-corner[b-2uineobbgw] {
    z-index: 3;
    background: #0b2238;
    text-align: left;
}

.roles-permissions-matrix tbody tr:nth-child(even) th[b-2uineobbgw],
.roles-permissions-matrix tbody tr:nth-child(even) td[b-2uineobbgw] {
    background: #fafcfd;
}

.roles-permissions-matrix tbody tr:hover th[b-2uineobbgw],
.roles-permissions-matrix tbody tr:hover td[b-2uineobbgw] {
    background: #eef5fa;
}

.roles-permissions-matrix td.is-granted .roles-permissions-matrix-mark[b-2uineobbgw] {
    color: #23743b;
}

.roles-permissions-matrix-mark[b-2uineobbgw] {
    font-size: .875rem;
    line-height: 1;
}

@media (max-width: 768px) {
    .roles-permissions-page[b-2uineobbgw] {
        padding: 12px 12px 24px;
    }

    .roles-permissions-matrix tbody th[b-2uineobbgw],
    .roles-permissions-matrix-corner[b-2uineobbgw] {
        min-width: 160px;
    }

    .roles-permissions-header-actions[b-2uineobbgw] {
        width: 100%;
    }

    .roles-permissions-heading h1[b-2uineobbgw] {
        font-size: 1.15rem;
    }
}
/* /Features/IdentityAndAuthorization/Pages/UserCapabilityGrantDialog.razor.rz.scp.css */
.capability-grant-dialog[b-c8vcpd8cdm],
.capability-grant-section[b-c8vcpd8cdm],
.capability-grant-form[b-c8vcpd8cdm],
.capability-grant-field[b-c8vcpd8cdm],
.capability-grant-stack[b-c8vcpd8cdm],
.capability-grant-option[b-c8vcpd8cdm] {
    display: flex;
    flex-direction: column;
}

.capability-grant-dialog[b-c8vcpd8cdm] { gap: 14px; min-width: 0; max-height: calc(90vh - 96px); overflow-y: auto; padding-right: 2px; }
.capability-grant-loading[b-c8vcpd8cdm] { display: flex; align-items: center; gap: 10px; padding: 24px; }
.capability-grant-identity[b-c8vcpd8cdm] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.capability-grant-identity > div[b-c8vcpd8cdm] { display: flex; flex-direction: column; min-width: 0; }
.capability-grant-identity span[b-c8vcpd8cdm] { color: var(--rz-text-secondary-color); overflow-wrap: anywhere; }
.capability-grant-access-overview[b-c8vcpd8cdm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--rz-base-300); padding-top: 12px; }
.capability-grant-access-group[b-c8vcpd8cdm] { min-width: 0; padding-right: 18px; }
.capability-grant-access-group + .capability-grant-access-group[b-c8vcpd8cdm] { border-left: 1px solid var(--rz-base-300); padding: 0 0 0 18px; }
/* One deliberate type scale for the dialog, in three levels:
 *
 *   section heading  17px / 650 / dark ink   -- "Grant permission", "Direct grant history"
 *   list heading     11px / 700 / uppercase  -- "Role permissions", "Active direct grants"
 *   value            14px / regular          -- the permission names themselves
 *
 * Everything used to sit between .95rem and 1rem, so "Role permissions" was within a hair of
 * the permission listed beneath it and "Grant permission" was within a hair of the "Permission"
 * and "Duration" field labels below it. Nothing read as a heading and no block read as a table.
 * The two access groups now get column-header treatment with a rule and separated rows, because
 * that is what they are: a heading over a list of values. */
.capability-grant-access-heading[b-c8vcpd8cdm] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    border-bottom: 1px solid #dfe6ec;
}

.capability-grant-access-heading h2[b-c8vcpd8cdm] {
    margin: 0;
    color: #607080;
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.capability-grant-access-heading span[b-c8vcpd8cdm] { color: #152536; font-size: .8125rem; font-weight: 700; }
.capability-grant-access-list[b-c8vcpd8cdm] { display: flex; flex-direction: column; }
.capability-grant-access-item[b-c8vcpd8cdm] { min-width: 0; padding: 6px 0; border-bottom: 1px solid #f1f4f7; font-size: .875rem; overflow-wrap: anywhere; }
.capability-grant-access-item:last-child[b-c8vcpd8cdm] { border-bottom: 0; }
.capability-grant-access-item.is-direct[b-c8vcpd8cdm] { display: flex; flex-direction: column; gap: 1px; padding-left: 8px; border-left: 2px solid var(--rz-primary); }
.capability-grant-section[b-c8vcpd8cdm] { gap: 9px; border-top: 1px solid var(--rz-base-300); padding-top: 14px; }
.capability-grant-section h2[b-c8vcpd8cdm] { margin: 0; color: #152536; font-size: 1.0625rem; font-weight: 650; line-height: 1.25; }
.capability-grant-form[b-c8vcpd8cdm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.capability-grant-field[b-c8vcpd8cdm] { gap: 5px; min-width: 0; }
.capability-grant-field-wide[b-c8vcpd8cdm] { grid-column: 1 / -1; }
.capability-grant-option[b-c8vcpd8cdm] { gap: 2px; white-space: normal; }
.capability-grant-option code[b-c8vcpd8cdm] { font-size: .75rem; }
.capability-grant-option span[b-c8vcpd8cdm], .capability-grant-muted[b-c8vcpd8cdm], .capability-grant-source[b-c8vcpd8cdm] { color: var(--rz-text-secondary-color); font-size: .8rem; }
.capability-grant-command-row[b-c8vcpd8cdm], .capability-grant-footer[b-c8vcpd8cdm] { display: flex; justify-content: flex-end; gap: 8px; }
.capability-grant-stack[b-c8vcpd8cdm] { gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.capability-grant-stack code[b-c8vcpd8cdm] { font-size: .72rem; }
.capability-grant-evidence[b-c8vcpd8cdm] { font-size: .8rem; }
.capability-grant-state[b-c8vcpd8cdm], .capability-grant-permanent[b-c8vcpd8cdm] { display: inline-block; width: fit-content; padding: 1px 7px; border-radius: 8px; font-size: .72rem; }
.capability-grant-state.is-active[b-c8vcpd8cdm] { background: var(--rz-success-lighter); color: var(--rz-success-dark); }
.capability-grant-state.is-scheduled[b-c8vcpd8cdm] { background: var(--rz-info-lighter); color: var(--rz-info-dark); }
.capability-grant-state.is-revoked[b-c8vcpd8cdm], .capability-grant-state.is-expired[b-c8vcpd8cdm], .capability-grant-state.is-inactive[b-c8vcpd8cdm] { background: var(--rz-base-200); color: var(--rz-text-secondary-color); }
.capability-grant-permanent[b-c8vcpd8cdm] { margin-top: 3px; background: var(--rz-warning-lighter); color: var(--rz-warning-dark); }
.capability-grant-history-shell[b-c8vcpd8cdm] { overflow-x: auto; }
.capability-grant-history-shell .platform-data-grid[b-c8vcpd8cdm] { min-width: 860px; }
.capability-grant-revoke[b-c8vcpd8cdm] { border-left: 3px solid var(--rz-danger); padding-left: 12px; }

@media (max-width: 700px) {
    .capability-grant-form[b-c8vcpd8cdm], .capability-grant-access-overview[b-c8vcpd8cdm] { grid-template-columns: 1fr; }
    .capability-grant-access-group[b-c8vcpd8cdm] { padding-right: 0; }
    .capability-grant-access-group + .capability-grant-access-group[b-c8vcpd8cdm] { border-left: 0; border-top: 1px solid var(--rz-base-300); margin-top: 12px; padding: 12px 0 0; }
    .capability-grant-field-wide[b-c8vcpd8cdm] { grid-column: auto; }
}
/* /Features/Leads/Pages/LeadConvertDialog.razor.rz.scp.css */
.lead-convert-dialog-grid[b-umsr11gcn8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0;
}

.lead-convert-dialog-field[b-umsr11gcn8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lead-convert-dialog-span[b-umsr11gcn8] {
    grid-column: 1 / -1;
}

.lead-convert-dialog-section[b-umsr11gcn8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--mt-rule);
    margin-top: 4px;
}

.lead-convert-dialog-grid > .lead-convert-dialog-section:first-child[b-umsr11gcn8] {
    border-top: 0;
    padding-top: 0;
}

.lead-convert-dialog-section h3[b-umsr11gcn8] {
    font-size: 13px;
    font-weight: 600;
    color: #506171;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.lead-convert-dialog-buttons[b-umsr11gcn8] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
    margin-top: 8px;
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #ffffff;
    padding-bottom: 2px;
}

.lead-convert-dialog-checkbox[b-umsr11gcn8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lead-convert-address[b-umsr11gcn8] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid var(--mt-border);
    border-radius: 4px;
    background: #f7fafc;
    color: #152536;
    font-size: 13px;
}

.lead-convert-address small[b-umsr11gcn8] {
    color: #607080;
    margin-top: 4px;
}

[b-umsr11gcn8] .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

[b-umsr11gcn8] input::placeholder {
    color: #a5b0ba;
    opacity: 1;
}

@media (max-width: 640px) {
    .lead-convert-dialog-grid[b-umsr11gcn8] {
        grid-template-columns: 1fr;
    }

    .lead-convert-dialog-span[b-umsr11gcn8] {
        grid-column: auto;
    }

    .lead-convert-dialog-buttons[b-umsr11gcn8] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .lead-convert-dialog-buttons[b-umsr11gcn8]  .rz-button {
        width: 100%;
    }
}
/* /Features/Leads/Pages/LeadCreateDialog.razor.rz.scp.css */
.lead-dialog-grid[b-irx54goa71] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
}

.lead-dialog-field[b-irx54goa71] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lead-dialog-span[b-irx54goa71] {
    grid-column: 1 / -1;
}

.lead-dialog-section[b-irx54goa71] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #dce3e8;
    margin-top: 2px;
}

.lead-dialog-grid > .lead-dialog-section:first-child[b-irx54goa71] {
    border-top: 0;
    padding-top: 0;
}

.lead-dialog-section-toggle h3[b-irx54goa71] {
    margin-right: auto;
}

.lead-dialog-section h3[b-irx54goa71] {
    font-size: 13px;
    font-weight: 600;
    color: #34495d;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.lead-dialog-buttons[b-irx54goa71] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
    margin-top: 8px;
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #ffffff;
    padding-bottom: 2px;
}

[b-irx54goa71] .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

[b-irx54goa71] input::placeholder,
[b-irx54goa71] textarea::placeholder {
    color: #a5b0ba;
    opacity: 1;
}

@media (max-width: 640px) {
    .lead-dialog-grid[b-irx54goa71] {
        grid-template-columns: 1fr;
    }

    .lead-dialog-span[b-irx54goa71] {
        grid-column: auto;
    }

    .lead-dialog-buttons[b-irx54goa71] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .lead-dialog-buttons[b-irx54goa71]  .rz-button {
        width: 100%;
    }
}
/* /Features/Leads/Pages/LeadDetail.razor.rz.scp.css */
.lead-detail-page[b-i04gnjad7t] {
    padding: 16px;
    max-width: 100%;
}

.lead-detail-loading[b-i04gnjad7t] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 40px;
    justify-content: center;
    color: #607080;
}

.lead-detail-header[b-i04gnjad7t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.lead-detail-heading[b-i04gnjad7t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.lead-detail-heading-icon[b-i04gnjad7t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #eef3f7;
    color: #0b2238;
}

.lead-detail-eyebrow[b-i04gnjad7t] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.lead-detail-heading h1[b-i04gnjad7t] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.lead-detail-heading p[b-i04gnjad7t] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.lead-detail-actions[b-i04gnjad7t] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.lead-summary-band[b-i04gnjad7t] {
    display: flex;
    gap: 24px;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.lead-summary-band > div[b-i04gnjad7t] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.lead-summary-band span[b-i04gnjad7t] {
    font-size: 12px;
    color: #607080;
}

.lead-summary-band strong[b-i04gnjad7t] {
    font-size: 13px;
    color: #152536;
}

.lead-controls-panel[b-i04gnjad7t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.lead-control-group[b-i04gnjad7t],
.lead-command-group[b-i04gnjad7t] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lead-control-group[b-i04gnjad7t] {
    min-width: 0;
}

.lead-controls-panel h2[b-i04gnjad7t] {
    margin: 0;
    color: #506171;
    font-size: 12px;
    font-weight: 650;
    text-transform: uppercase;
}

.lead-control-fields[b-i04gnjad7t],
.lead-assignment-controls[b-i04gnjad7t],
.lead-command-buttons[b-i04gnjad7t] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.lead-control-fields[b-i04gnjad7t] {
    flex-wrap: wrap;
}

.lead-control-field[b-i04gnjad7t] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lead-control-field > span[b-i04gnjad7t] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
}

.lead-overview[b-i04gnjad7t] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 16px 0;
}

.lead-overview-primary[b-i04gnjad7t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 48px;
    row-gap: 20px;
}

.lead-detail-section h2[b-i04gnjad7t] {
    font-size: 14px;
    font-weight: 600;
    color: #506171;
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.lead-detail-list[b-i04gnjad7t] {
    display: grid;
    gap: 8px;
}

.lead-detail-list > div[b-i04gnjad7t] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 0;
    border-bottom: 1px solid #f0f3f6;
}

.lead-detail-list dt[b-i04gnjad7t] {
    font-size: 13px;
    color: #607080;
    flex-shrink: 0;
}

.lead-detail-list dd[b-i04gnjad7t] {
    font-size: 13px;
    color: #152536;
    margin: 0;
    text-align: right;
    word-break: break-word;
}

.lead-lifecycle-section[b-i04gnjad7t] {
    border-top: 1px solid #dce3e8;
    padding-top: 16px;
}

.lead-lifecycle-list[b-i04gnjad7t] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: 16px;
    margin: 0;
}

.lead-lifecycle-list > div[b-i04gnjad7t] {
    min-width: 0;
}

.lead-lifecycle-list dt[b-i04gnjad7t] {
    color: #607080;
    font-size: 11px;
    margin-bottom: 3px;
}

.lead-lifecycle-list dd[b-i04gnjad7t] {
    color: #152536;
    font-size: 13px;
    margin: 0;
    overflow-wrap: anywhere;
}

.lead-activity-section[b-i04gnjad7t] {
    padding: 16px 0;
    overflow-x: auto;
}

.lead-activity-section[b-i04gnjad7t]  .rz-data-grid {
    min-width: 760px;
}

@media (max-width: 1100px) {
    .lead-controls-panel[b-i04gnjad7t] {
        align-items: stretch;
        flex-direction: column;
    }

    .lead-command-group[b-i04gnjad7t] {
        border-top: 1px solid var(--mt-rule);
        padding-top: 12px;
    }

    .lead-lifecycle-list[b-i04gnjad7t] {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
}

@media (max-width: 760px) {
    .lead-detail-page[b-i04gnjad7t] {
        padding: 12px;
    }

    .lead-detail-header[b-i04gnjad7t],
    .lead-detail-actions[b-i04gnjad7t] {
        align-items: stretch;
        flex-direction: column;
    }

    .lead-overview-primary[b-i04gnjad7t] {
        grid-template-columns: 1fr;
    }

    .lead-lifecycle-list[b-i04gnjad7t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lead-control-fields[b-i04gnjad7t],
    .lead-assignment-controls[b-i04gnjad7t],
    .lead-command-buttons[b-i04gnjad7t] {
        align-items: stretch;
        flex-direction: column;
    }

    .lead-control-group[b-i04gnjad7t],
    .lead-command-group[b-i04gnjad7t],
    .lead-control-fields[b-i04gnjad7t],
    .lead-assignment-controls[b-i04gnjad7t],
    .lead-control-field[b-i04gnjad7t] {
        min-width: 0;
        width: 100%;
    }

    .lead-control-field[b-i04gnjad7t]  .rz-dropdown,
    .lead-assignment-controls[b-i04gnjad7t]  .rz-dropdown,
    .lead-command-buttons[b-i04gnjad7t]  .rz-button {
        width: 100% !important;
    }
}
/* /Features/Leads/Pages/LeadEditDialog.razor.rz.scp.css */
.lead-dialog-grid[b-hw9bqwmxsn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
}

.lead-dialog-field[b-hw9bqwmxsn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lead-dialog-span[b-hw9bqwmxsn] {
    grid-column: 1 / -1;
}

.lead-dialog-section[b-hw9bqwmxsn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #dce3e8;
    margin-top: 2px;
}

.lead-dialog-grid > .lead-dialog-section:first-child[b-hw9bqwmxsn] {
    border-top: 0;
    padding-top: 0;
}

.lead-dialog-section-toggle h3[b-hw9bqwmxsn] {
    margin-right: auto;
}

.lead-dialog-section h3[b-hw9bqwmxsn] {
    font-size: 13px;
    font-weight: 600;
    color: #34495d;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.lead-dialog-buttons[b-hw9bqwmxsn] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
    margin-top: 8px;
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #ffffff;
    padding-bottom: 2px;
}

[b-hw9bqwmxsn] .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

[b-hw9bqwmxsn] input::placeholder,
[b-hw9bqwmxsn] textarea::placeholder {
    color: #a5b0ba;
    opacity: 1;
}

@media (max-width: 640px) {
    .lead-dialog-grid[b-hw9bqwmxsn] {
        grid-template-columns: 1fr;
    }

    .lead-dialog-span[b-hw9bqwmxsn] {
        grid-column: auto;
    }

    .lead-dialog-buttons[b-hw9bqwmxsn] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .lead-dialog-buttons[b-hw9bqwmxsn]  .rz-button {
        width: 100%;
    }
}
/* /Features/Leads/Pages/Leads.razor.rz.scp.css */
.leads-page[b-pya7dp2fsn] {
    padding: 16px;
    max-width: 100%;
}

.leads-header[b-pya7dp2fsn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.leads-heading[b-pya7dp2fsn] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.leads-eyebrow[b-pya7dp2fsn] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.leads-heading h1[b-pya7dp2fsn] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.leads-heading p[b-pya7dp2fsn] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.leads-actions[b-pya7dp2fsn] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.leads-funnel-band[b-pya7dp2fsn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.leads-funnel-header[b-pya7dp2fsn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leads-funnel-title[b-pya7dp2fsn] {
    font-size: 12px;
    font-weight: 600;
    color: #506171;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.leads-funnel-total[b-pya7dp2fsn] {
    font-size: 12px;
    color: #607080;
}

.leads-funnel-statuses[b-pya7dp2fsn] {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 6px;
}

.leads-funnel-status[b-pya7dp2fsn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #d7dfe6;
    border-radius: 4px;
    background: #f7f9fb;
    color: #34495d;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.leads-funnel-status:hover:not(:disabled)[b-pya7dp2fsn] {
    border-color: #9bb7cf;
    background: #f0f6fb;
}

.leads-funnel-status:focus-visible[b-pya7dp2fsn] {
    outline: 2px solid #2287e6;
    outline-offset: 1px;
}

.leads-funnel-status.is-selected[b-pya7dp2fsn] {
    border-color: #2287e6;
    background: #eaf4fd;
    color: #145f9f;
}

.leads-funnel-status.is-empty[b-pya7dp2fsn] {
    color: #82909d;
    cursor: default;
    opacity: 0.7;
}

.leads-funnel-status-name[b-pya7dp2fsn] {
    min-width: 0;
    font-weight: 600;
    line-height: 1.2;
}

.leads-funnel-status-count[b-pya7dp2fsn] {
    flex: 0 0 auto;
    min-width: 22px;
    font-weight: 700;
    text-align: right;
}

.leads-funnel-lines[b-pya7dp2fsn] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: #607080;
    padding-top: 8px;
    border-top: 1px solid var(--mt-rule);
}

.leads-filter-band[b-pya7dp2fsn] {
    display: grid;
    grid-template-columns: 2fr repeat(6, minmax(110px, 1fr)) auto;
    gap: 12px;
    align-items: end;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.leads-filter-field[b-pya7dp2fsn] {
    display: grid;
    gap: 4px;
}

.leads-filter-field label[b-pya7dp2fsn] {
    font-size: 12px;
    font-weight: 600;
    color: #506171;
}

.leads-filter-search[b-pya7dp2fsn] {
    min-width: 200px;
}

.leads-grid-section[b-pya7dp2fsn] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.leads-grid-shell[b-pya7dp2fsn] {
    overflow-x: auto;
}

.leads-rating-badge[b-pya7dp2fsn] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid var(--mt-border);
    background: #edf1f4;
    color: #34495d;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.leads-rating-badge.is-hot[b-pya7dp2fsn] {
    border-color: #e7a4a4;
    background: #fcebec;
    color: #a62828;
}

.leads-rating-badge.is-warm[b-pya7dp2fsn] {
    border-color: #edc88f;
    background: #fff4e5;
    color: #8a5300;
}

.leads-rating-badge.is-cold[b-pya7dp2fsn] {
    border-color: #abc9e2;
    background: #eaf4fd;
    color: #145f9f;
}

.leads-status-badge[b-pya7dp2fsn] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid var(--mt-border);
    background: #edf1f4;
    color: #34495d;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.leads-status-badge.is-attention[b-pya7dp2fsn] {
    border-color: #edc88f;
    background: #fff4e5;
    color: #8a5300;
}

.leads-status-badge.is-negative[b-pya7dp2fsn] {
    border-color: #e7a4a4;
    background: #fcebec;
    color: #a62828;
}

.leads-status-badge.is-complete[b-pya7dp2fsn] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}


@media (max-width: 1400px) {
    .leads-funnel-statuses[b-pya7dp2fsn] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .leads-filter-band[b-pya7dp2fsn] {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
    }

    .leads-filter-search[b-pya7dp2fsn] {
        grid-column: span 2;
    }
}

@media (max-width: 800px) {
    .leads-header[b-pya7dp2fsn],
    .leads-funnel-header[b-pya7dp2fsn] {
        align-items: stretch;
        flex-direction: column;
    }

    .leads-filter-band[b-pya7dp2fsn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .leads-funnel-statuses[b-pya7dp2fsn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .leads-filter-search[b-pya7dp2fsn] {
        grid-column: 1 / -1;
    }
}
/* /Features/Media/Pages/AccountMediaUploadDialog.razor.rz.scp.css */
.media-upload-dialog[b-fku11v8ffk] {
    display: grid;
    gap: 16px;
}

.media-file-summary[b-fku11v8ffk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #dce3e8;
    background: #f7f9fb;
}

.media-file-summary span:last-child[b-fku11v8ffk] {
    margin-left: auto;
    color: #5d6b78;
}

.media-upload-actions[b-fku11v8ffk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}
/* /Features/Orders/Components/FulfillmentReleasePanel.razor.rz.scp.css */
/* Surface-neutral on purpose. The Settings tab and the standalone page each supply the
   card; this file only handles rhythm inside it. */
.fulfillment-panel[b-q5rjns8dtp] {
    display: grid;
    min-width: 0;
}

/* The rule between sections. Two stacked settings blocks with no separator read as one
   long form, which is what made this page hard to scan. */
.fulfillment-panel-section + .fulfillment-panel-section[b-q5rjns8dtp] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--mt-rule);
}

.fulfillment-panel-heading[b-q5rjns8dtp] {
    margin-bottom: 14px;
}

.fulfillment-panel-heading h2[b-q5rjns8dtp] {
    margin: 0;
    color: #152536;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

.fulfillment-panel-heading p[b-q5rjns8dtp] {
    margin: 4px 0 0;
    max-width: 70ch;
    color: #607080;
    font-size: 13px;
}

.fulfillment-panel-form[b-q5rjns8dtp] {
    display: grid;
    gap: 14px;
    max-width: 560px;
    min-width: 0;
}

.fulfillment-panel-field[b-q5rjns8dtp] {
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
}

.fulfillment-panel-loading[b-q5rjns8dtp] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    color: #607080;
}

.fulfillment-panel-actions[b-q5rjns8dtp] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    max-width: 560px;
    padding-top: 4px;
}

.fulfillment-panel-grid[b-q5rjns8dtp] {
    width: 100%;
}

@media (max-width: 760px) {
    .fulfillment-panel-actions[b-q5rjns8dtp] {
        max-width: none;
    }

    .fulfillment-panel-actions .rz-button[b-q5rjns8dtp] {
        width: 100%;
    }
}
/* /Features/Orders/Pages/EligibilityDecisionDialog.razor.rz.scp.css */
.eligibility-decision[b-qwp1d6sh4g] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.eligibility-decision-summary[b-qwp1d6sh4g] {
    display: grid;
    gap: 3px;
    margin: 0;
}

.eligibility-decision-summary span[b-qwp1d6sh4g],
.eligibility-decision-field small[b-qwp1d6sh4g] {
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.eligibility-decision-field[b-qwp1d6sh4g] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.eligibility-decision-warning[b-qwp1d6sh4g],
.eligibility-decision-error[b-qwp1d6sh4g] {
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
}

.eligibility-decision-warning[b-qwp1d6sh4g] {
    border: 1px solid var(--rz-warning-light);
    background: var(--rz-warning-lighter);
    color: var(--rz-warning-dark);
}

.eligibility-decision-error[b-qwp1d6sh4g] {
    border: 1px solid var(--rz-danger-light);
    background: var(--rz-danger-lighter);
    color: var(--rz-danger-dark);
}

.eligibility-decision-actions[b-qwp1d6sh4g] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 2px;
}

@media (max-width: 520px) {
    .eligibility-decision-actions[b-qwp1d6sh4g] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}
/* /Features/Orders/Pages/FulfillmentReleaseSettings.razor.rz.scp.css */
/* Matches the house page shell used by BillingReadinessDetail and the other Platform
   detail pages: 16px page padding, a 24px heading, and one white bordered card holding the
   content. The previous version styled only a border-top and left the form sitting directly
   on the app background, which is why it did not read as a page. */
.fulfillment-settings-page[b-0bplzbvnet] {
    display: grid;
    gap: 16px;
    padding: 16px;
    min-width: 0;
}

.fulfillment-settings-header[b-0bplzbvnet] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.fulfillment-settings-eyebrow[b-0bplzbvnet] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.fulfillment-settings-header h1[b-0bplzbvnet] {
    margin: 0;
    color: #152536;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.fulfillment-settings-header p[b-0bplzbvnet] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.fulfillment-settings-card[b-0bplzbvnet] {
    padding: 20px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #ffffff;
    min-width: 0;
}

@media (max-width: 760px) {
    .fulfillment-settings-card[b-0bplzbvnet] {
        padding: 16px;
    }
}
/* /Features/Orders/Pages/OrderDetail.razor.rz.scp.css */
.order-detail-page[b-n96rka25os] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.order-approvals-only[b-n96rka25os] {
    min-width: 0;
}

.order-approvals-only .order-detail-loading[b-n96rka25os] {
    min-height: 96px;
}

.order-detail-loading[b-n96rka25os] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 220px;
    color: #5d6b78;
}

.order-detail-header[b-n96rka25os],
.order-detail-header-tools[b-n96rka25os],
.order-detail-heading[b-n96rka25os],
.order-section-heading[b-n96rka25os] {
    display: flex;
    align-items: center;
}

.order-detail-header[b-n96rka25os],
.order-detail-header-tools[b-n96rka25os],
.order-section-heading[b-n96rka25os] {
    justify-content: space-between;
    gap: 16px;
}

.order-detail-header-tools[b-n96rka25os] {
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.order-detail-heading[b-n96rka25os] {
    gap: 10px;
    min-width: 0;
}

.order-detail-heading-icon[b-n96rka25os] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    color: #1677c8;
    background: #eaf4fc;
    border: 1px solid #cfe4f5;
}

.order-detail-identity[b-n96rka25os] {
    min-width: 0;
}

.order-detail-eyebrow[b-n96rka25os] {
    color: #31834a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.order-detail-heading h1[b-n96rka25os],
.order-section-heading h2[b-n96rka25os] {
    margin: 0;
    color: #12263a;
    letter-spacing: 0;
}

.order-detail-heading h1[b-n96rka25os] {
    overflow: hidden;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-detail-heading p[b-n96rka25os],
.order-section-heading p[b-n96rka25os] {
    margin: 2px 0 0;
    color: #627384;
    font-size: 13px;
}

.order-detail-heading p[b-n96rka25os] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.order-detail-heading a[b-n96rka25os],
.order-summary-link[b-n96rka25os],
.order-product-cell > a[b-n96rka25os] {
    color: #1268ad;
    font-weight: 650;
    text-decoration: none;
}

.order-detail-heading a:hover[b-n96rka25os],
.order-summary-link:hover[b-n96rka25os],
.order-product-cell > a:hover[b-n96rka25os] {
    text-decoration: underline;
}

.order-summary[b-n96rka25os] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #dce3e8;
    background: #fff;
}

.order-summary > div[b-n96rka25os] {
    display: grid;
    align-content: start;
    gap: 3px;
    min-width: 0;
    padding: 12px 14px;
    border-right: 1px solid var(--mt-rule);
    border-bottom: 1px solid var(--mt-rule);
}

.order-summary > div:nth-child(3n)[b-n96rka25os] {
    border-right: 0;
}

.order-summary > div:nth-last-child(-n + 3)[b-n96rka25os] {
    border-bottom: 0;
}

.order-summary span[b-n96rka25os],
.order-commercial-grid span[b-n96rka25os] {
    color: #667787;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.order-summary strong[b-n96rka25os],
.order-summary-link[b-n96rka25os],
.order-commercial-grid strong[b-n96rka25os] {
    color: #12263a;
    font-size: 14px;
}

.order-summary small[b-n96rka25os],
.order-commercial-grid small[b-n96rka25os] {
    color: #667787;
    font-size: 12px;
}

.order-detail-section[b-n96rka25os] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #dce3e8;
    border-radius: 6px;
    background: #fff;
}

.order-section-heading[b-n96rka25os] {
    margin-bottom: 12px;
}

.order-section-heading h2[b-n96rka25os] {
    font-size: 17px;
}

.order-commercial-grid[b-n96rka25os] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px 18px;
}

.order-commercial-grid > div[b-n96rka25os] {
    display: grid;
    align-content: start;
    gap: 3px;
    min-width: 0;
}

.order-commercial-grid strong[b-n96rka25os] {
    overflow-wrap: anywhere;
}

.order-totals-section[b-n96rka25os] {
    display: grid;
}

.order-totals-ladder[b-n96rka25os] {
    display: grid;
    width: min(100%, 420px);
    margin-left: auto;
}

.order-totals-ladder > div[b-n96rka25os] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 7px 0;
}

.order-totals-ladder span[b-n96rka25os] {
    color: #526474;
    font-size: 13px;
}

.order-totals-ladder strong[b-n96rka25os] {
    color: #12263a;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.order-totals-net[b-n96rka25os] {
    margin-top: 3px;
    border-top: 1px solid #dce3e8;
}

.order-totals-total[b-n96rka25os] {
    margin-top: 3px;
    border-top: 2px solid #12263a;
}

.order-totals-total span[b-n96rka25os],
.order-totals-total strong[b-n96rka25os] {
    font-size: 16px;
    font-weight: 700;
}

.order-totals-ladder > small[b-n96rka25os] {
    margin-top: 5px;
    color: #9a5c00;
    font-size: 12px;
}

.order-document-action[b-n96rka25os] {
    margin: 0;
}

.order-document-action .btn[b-n96rka25os] {
    color: #1268ad;
    font-size: 13px;
    text-align: left;
}

.order-grid-shell[b-n96rka25os] {
    min-width: 0;
    overflow-x: auto;
}

.order-product-cell[b-n96rka25os] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.order-product-cell > a[b-n96rka25os] {
    overflow-wrap: anywhere;
}

.order-product-meta[b-n96rka25os] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    color: #607080;
    font-size: 11px;
}

.order-product-meta > span + span[b-n96rka25os]::before {
    margin-right: 6px;
    color: #9aa8b4;
    content: "|";
}

.order-line-reference[b-n96rka25os] {
    color: #2f4558;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.order-line-relationship[b-n96rka25os] {
    color: #40596a;
    font-weight: 650;
}

.order-discount-list[b-n96rka25os] {
    display: grid;
}

.order-discount[b-n96rka25os] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 8px 0;
    border-top: 1px solid #edf0f2;
}

.order-discount:first-child[b-n96rka25os] {
    border-top: 0;
}

.order-discount span[b-n96rka25os] {
    color: #607080;
    font-size: 13px;
}

.order-discount strong[b-n96rka25os] {
    white-space: nowrap;
}

[b-n96rka25os] .order-lines-grid .rz-grid-table {
    min-width: 1015px;
}

@media (max-width: 900px) {
    .order-detail-header[b-n96rka25os],
    .order-section-heading[b-n96rka25os] {
        align-items: flex-start;
    }

    .order-summary[b-n96rka25os],
    .order-commercial-grid[b-n96rka25os] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-summary > div:nth-child(3n)[b-n96rka25os] {
        border-right: 1px solid var(--mt-rule);
    }

    .order-summary > div:nth-child(2n)[b-n96rka25os] {
        border-right: 0;
    }

    .order-summary > div:nth-last-child(-n + 3)[b-n96rka25os] {
        border-bottom: 1px solid var(--mt-rule);
    }

    .order-summary > div:nth-last-child(-n + 2)[b-n96rka25os] {
        border-bottom: 0;
    }
}

@media (max-width: 560px) {
    .order-detail-header[b-n96rka25os],
    .order-section-heading[b-n96rka25os],
    .order-discount[b-n96rka25os] {
        flex-direction: column;
    }

    .order-summary[b-n96rka25os],
    .order-commercial-grid[b-n96rka25os] {
        grid-template-columns: 1fr;
    }

    .order-summary > div[b-n96rka25os],
    .order-summary > div:nth-child(2n)[b-n96rka25os],
    .order-summary > div:nth-child(3n)[b-n96rka25os],
    .order-summary > div:nth-last-child(-n + 2)[b-n96rka25os],
    .order-summary > div:nth-last-child(-n + 3)[b-n96rka25os] {
        border-right: 0;
        border-bottom: 1px solid var(--mt-rule);
    }

    .order-summary > div:last-child[b-n96rka25os] {
        border-bottom: 0;
    }

    .order-discount[b-n96rka25os] {
        align-items: flex-start;
        gap: 3px;
    }

    .order-totals-ladder[b-n96rka25os] {
        width: 100%;
    }
}

/*
 * File picker, mirroring the signing page's shape.
 *
 * Duplicated rather than shared because the app has no reusable upload control yet --
 * nine InputFile call sites, each styled its own way. Worth extracting; noted rather
 * than done here so this change stays about the eligibility panel.
 */
.order-file-picker[b-n96rka25os] {
    position: relative;
    max-width: 380px;
    min-width: 0;
    overflow: hidden;
}

.order-file-picker[b-n96rka25os]  .order-file-picker-input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.order-file-picker-display[b-n96rka25os] {
    min-height: 34px;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid #aebbc5;
    border-radius: 4px;
    background: #ffffff;
    color: #152536;
    font-size: 12px;
}

.order-file-picker[b-n96rka25os]  .order-file-picker-input:focus-visible + .order-file-picker-display {
    border-color: #006fc9;
    box-shadow: 0 0 0 2px rgba(0, 111, 201, 0.14);
}

.order-file-picker-button[b-n96rka25os] {
    align-self: stretch;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border-right: 1px solid #aebbc5;
    background: #eef2f5;
    font-weight: 650;
    white-space: nowrap;
}

.order-file-picker-name[b-n96rka25os] {
    min-width: 0;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #607080;
}

/*
 * Order Approvals.
 *
 * Same row shape as the signed agreement package and the invoice document list, so a
 * reviewer who has seen either already knows how to read this. The heading carries an
 * icon because this is the one section on the page that is asking for something.
 */
.order-approvals[b-n96rka25os] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e0d2ae;
    border-radius: 6px;
    background: #fffdf7;
}

.order-approvals-heading[b-n96rka25os] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 12px;
}

.order-approvals-icon[b-n96rka25os] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    flex: none;
    border-radius: 5px;
    background: #f4e3bd;
    color: #7a5310;
}

.order-approvals-heading h2[b-n96rka25os] {
    margin: 0;
    font-size: 16px;
    color: #152536;
}

.order-approvals-heading p[b-n96rka25os] {
    margin: 2px 0 0;
    font-size: 12.5px;
    color: #6a5730;
}

.order-approval-rows[b-n96rka25os] {
    border: 1px solid #e6dcc4;
    border-radius: 5px;
    background: #ffffff;
}

.order-approval-row[b-n96rka25os] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #eee6d6;
}

.order-approval-row:last-child[b-n96rka25os] {
    border-bottom: 0;
}

.order-approval-icon[b-n96rka25os] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 4px;
    background: #eef2f5;
    color: #1f5c9e;
}

.order-approval-copy[b-n96rka25os] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.order-approval-copy strong[b-n96rka25os] {
    font-size: 13.5px;
    color: #152536;
}

.order-approval-copy span[b-n96rka25os] {
    font-size: 12px;
    color: #607080;
    overflow-wrap: anywhere;
}

.order-approval-actions[b-n96rka25os] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.order-approval-blocked[b-n96rka25os] {
    font-size: 12px;
    color: #607080;
    font-style: italic;
}

/* The open preview spans the full row width and keeps its own border off, so it reads
   as an extension of the row above it rather than a separate card. */
.order-approval-preview[b-n96rka25os] {
    min-width: 0;
    padding: 12px 16px 16px;
    border-bottom: 1px solid #eee6d6;
}

.order-approval-preview:last-child[b-n96rka25os] {
    border-bottom: 0;
}

/* No readable document, but the decision still has to be reachable. */
.order-approval-nodocument[b-n96rka25os] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
}

.order-approval-nodocument-note[b-n96rka25os] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    border: 1px dashed #cbd5dd;
    border-radius: 6px;
    background: #f8fafc;
    color: #607080;
    font-size: 13px;
}

.order-approval-decision h3[b-n96rka25os] {
    margin: 0 0 10px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #607080;
}

.order-approval-decision[b-n96rka25os],
.order-approval-decision-body[b-n96rka25os] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.order-approval-decision-body[b-n96rka25os] {
    display: grid;
    gap: 12px;
}

.order-approval-guidance[b-n96rka25os] {
    margin: 0;
    font-size: 12.5px;
    color: #4a5c6d;
}

/* Stacked, not inline: at 320px three side-by-side buttons truncate to nonsense. */
.order-approval-decision-actions[b-n96rka25os] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 8px;
}

[b-n96rka25os] .order-approval-decision .rz-form-field,
[b-n96rka25os] .order-approval-decision .rz-dropdown,
[b-n96rka25os] .order-approval-decision .rz-button {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[b-n96rka25os] .order-approval-decision .rz-dropdown-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-approval-replace[b-n96rka25os] {
    display: grid;
    min-width: 0;
    gap: 4px;
    padding-top: 12px;
    border-top: 1px dashed #d7e0e9;
}

.order-approval-replace[b-n96rka25os]  input[type="file"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.order-approval-replace > span[b-n96rka25os] {
    font-size: 12.5px;
    font-weight: 600;
    color: #1d2f40;
}

.order-approval-replace small[b-n96rka25os] {
    font-size: 12px;
    color: #607080;
    overflow-wrap: anywhere;
}

.order-approval-fulldetail[b-n96rka25os] {
    font-size: 12px;
    color: #1f5c9e;
}

.order-approval-message[b-n96rka25os] {
    padding-top: 12px;
    font-size: 13px;
    color: #8a2a2a;
}

@media (max-width: 1100px) {
    .order-approval-nodocument[b-n96rka25os] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .order-approval-row[b-n96rka25os] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .order-approval-state[b-n96rka25os],
    .order-approval-actions[b-n96rka25os] {
        grid-column: 2;
        justify-content: flex-start;
    }
}

.order-approval-warning[b-n96rka25os] {
    margin: 0;
    font-size: 12.5px;
    color: #8a2a2a;
}
/* /Features/Orders/Pages/Orders.razor.rz.scp.css */
.orders-page[b-421nqtdqt3] { display: grid; gap: 1rem; padding: 1.5rem; }
.orders-header[b-421nqtdqt3], .orders-heading[b-421nqtdqt3], .orders-actions[b-421nqtdqt3], .orders-grid-title[b-421nqtdqt3] { display: flex; align-items: center; }
.orders-header[b-421nqtdqt3] { justify-content: space-between; gap: 1rem; }
.orders-heading[b-421nqtdqt3] { gap: .75rem; }
.orders-eyebrow[b-421nqtdqt3] { color: var(--rz-primary); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.orders-heading h1[b-421nqtdqt3], .orders-grid-title h2[b-421nqtdqt3] { margin: 0; color: var(--rz-text-title-color); }
.orders-heading h1[b-421nqtdqt3] { font-size: 1.5rem; }
.orders-heading p[b-421nqtdqt3] { margin: .2rem 0 0; color: var(--rz-text-secondary-color); }
.orders-actions[b-421nqtdqt3] { gap: .5rem; }
.orders-grid-title span[b-421nqtdqt3] { color: var(--rz-text-secondary-color); font-size: .8rem; }

/* Single search field plus a Clear command; the field stays bounded rather than
   stretching the full band, matching the one-filter pages. */
.orders-filters[b-421nqtdqt3] { display: grid; grid-template-columns: minmax(240px, 420px) auto; justify-content: start; align-items: end; gap: .75rem; padding: 1rem; border: 1px solid var(--rz-base-300); border-radius: 6px; background: var(--rz-base-background-color); }
.orders-grid-shell[b-421nqtdqt3] { min-width: 0; overflow: hidden; border: 1px solid var(--rz-base-300); border-radius: 6px; background: var(--rz-base-background-color); }
.orders-grid-title[b-421nqtdqt3] { justify-content: space-between; padding: .85rem 1rem; border-bottom: 1px solid var(--rz-base-300); }
.orders-grid-title h2[b-421nqtdqt3] { font-size: 1rem; }

/* Body ink with an underline, matching the Contract, Invoice, and Quote registers. */
.order-number-link[b-421nqtdqt3] { color: #152536; font-weight: 500; text-decoration: underline; }
.order-number-link:hover[b-421nqtdqt3],
.order-number-link:focus-visible[b-421nqtdqt3] { color: var(--rz-primary); }
.order-status[b-421nqtdqt3] { display: inline-flex; padding: .2rem .5rem; border-radius: 999px; background: var(--rz-success-lighter); color: var(--rz-success-darker); font-size: .75rem; font-weight: 700; }

/* Shared summary strip owns its own surface; the page owns the rhythm. */
.orders-page[b-421nqtdqt3]  .platform-summary-strip { margin-bottom: 0; }

[b-421nqtdqt3] .platform-data-grid .rz-grid-table { min-width: 1000px; }

@media (max-width: 900px) {
    .orders-header[b-421nqtdqt3] { align-items: flex-start; flex-direction: column; }
    .orders-filters[b-421nqtdqt3] { grid-template-columns: 1fr; }
}
/* /Features/PartnerAPIAccess/Pages/IncomingApiClients.razor.rz.scp.css */
.incoming-clients-page[b-cybq6sdllg] {
    display: grid;
    gap: 16px;
    min-width: 0;
    max-width: 100%;
    padding: 16px;
}

.incoming-clients-header[b-cybq6sdllg],
.incoming-clients-heading[b-cybq6sdllg],
.incoming-clients-header-actions[b-cybq6sdllg],
/* Centred to match the actions column on the quote lines grid. */
.row-actions[b-cybq6sdllg] {
    display: flex;
    justify-content: center;
}

.readiness-row[b-cybq6sdllg] {
    display: flex;
}

.incoming-clients-header[b-cybq6sdllg] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.incoming-clients-heading[b-cybq6sdllg] {
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.incoming-clients-heading-icon[b-cybq6sdllg] {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #eef3f7;
    color: #0b2238;
    font-size: 21px;
}

.incoming-clients-eyebrow[b-cybq6sdllg] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.incoming-clients-heading h1[b-cybq6sdllg] {
    margin: 0;
    color: #152536;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.incoming-clients-heading p[b-cybq6sdllg] {
    max-width: 760px;
    margin: 2px 0 0;
    color: #607080;
    font-size: 13px;
}

.incoming-clients-header-actions[b-cybq6sdllg],
.row-actions[b-cybq6sdllg],
.readiness-row[b-cybq6sdllg] {
    align-items: center;
    gap: 8px;
}

.incoming-clients-header-actions[b-cybq6sdllg],
.readiness-row[b-cybq6sdllg] {
    flex-wrap: wrap;
}

.incoming-clients-header-actions[b-cybq6sdllg] {
    flex-shrink: 0;
}

.filter-band[b-cybq6sdllg] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 200px auto;
    align-items: end;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.filter-field[b-cybq6sdllg] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.filter-field[b-cybq6sdllg]  label {
    color: #506171;
    font-size: 12px;
    font-weight: 600;
}

.filter-field[b-cybq6sdllg]  .rz-textbox,
.filter-field[b-cybq6sdllg]  .rz-dropdown {
    width: 100%;
}

.grid-section[b-cybq6sdllg] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.grid-shell[b-cybq6sdllg] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.grid-shell[b-cybq6sdllg]  .incoming-clients-grid {
    min-width: 1390px;
}

.primary-cell[b-cybq6sdllg] {
    color: #152536;
    font-weight: 600;
}

.secondary-cell[b-cybq6sdllg],
.readiness-reason[b-cybq6sdllg] {
    color: #607080;
    font-size: 12px;
}

.scope-list[b-cybq6sdllg],
.cell-fact[b-cybq6sdllg] {
    display: grid;
    gap: 2px;
}

.scope-list[b-cybq6sdllg] {
    color: #2f4558;
    line-height: 1.3;
}

.cell-label[b-cybq6sdllg] {
    color: #607080;
    font-size: 11px;
    font-weight: 600;
}

.status-pill[b-cybq6sdllg],
.state-badge[b-cybq6sdllg] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.ready[b-cybq6sdllg],
.active[b-cybq6sdllg] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}

.not-ready[b-cybq6sdllg],
.disabled[b-cybq6sdllg] {
    border-color: #e2c37c;
    background: #fff4dc;
    color: #8a5b00;
}

.retired[b-cybq6sdllg] {
    border-color: var(--mt-border);
    background: #edf1f4;
    color: #607080;
}

.row-actions[b-cybq6sdllg] {
    display: grid;
    grid-template-columns: repeat(5, 30px);
    gap: 4px;
    justify-content: flex-end;
}

.row-actions[b-cybq6sdllg]  .rz-button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 4px;
}

.row-action-view[b-cybq6sdllg] {
    grid-column: 1;
}

.row-action-rotate[b-cybq6sdllg] {
    grid-column: 2;
}

.row-action-replace[b-cybq6sdllg] {
    grid-column: 3;
}

.row-action-disable[b-cybq6sdllg] {
    grid-column: 4;
}

.row-action-retire[b-cybq6sdllg] {
    grid-column: 5;
}

.client-id[b-cybq6sdllg] {
    overflow: hidden;
    color: #1d2f40;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-line[b-cybq6sdllg] {
    margin-top: 4px;
}

@media (max-width: 900px) {
    .incoming-clients-header[b-cybq6sdllg] {
        flex-direction: column;
    }

    .filter-band[b-cybq6sdllg] {
        grid-template-columns: 1fr;
    }

    .incoming-clients-header-actions[b-cybq6sdllg] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .incoming-clients-page[b-cybq6sdllg] {
        padding: 16px;
    }
}
/* /Features/Quotes/Pages/DiscountApprovals.razor.rz.scp.css */
.discount-approvals-page[b-r5yew4y2tb] {
    display: grid;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 24px;
}

.discount-approvals-header[b-r5yew4y2tb],
.discount-approvals-heading[b-r5yew4y2tb],
.discount-approvals-header-actions[b-r5yew4y2tb],
.discount-approvals-filter-heading[b-r5yew4y2tb],
.discount-approvals-grid-title[b-r5yew4y2tb],
.discount-approvals-actions[b-r5yew4y2tb] {
    display: flex;
}

.discount-approvals-header[b-r5yew4y2tb] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.discount-approvals-heading[b-r5yew4y2tb] {
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.discount-approvals-eyebrow[b-r5yew4y2tb] {
    color: var(--rz-primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.discount-approvals-heading h1[b-r5yew4y2tb] {
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.discount-approvals-heading p[b-r5yew4y2tb] {
    max-width: 760px;
    margin: 3px 0 0;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
}

.discount-approvals-header-actions[b-r5yew4y2tb] {
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
}

.discount-approvals-filters[b-r5yew4y2tb] {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.discount-approvals-filter-heading[b-r5yew4y2tb] {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.discount-approvals-filter-heading h2[b-r5yew4y2tb],
.discount-approvals-grid-title h2[b-r5yew4y2tb] {
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: 16px;
    font-weight: 600;
}

.discount-approvals-filter-heading span[b-r5yew4y2tb],
.discount-approvals-grid-title span[b-r5yew4y2tb] {
    display: block;
    margin-top: 2px;
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.discount-approvals-filter-main[b-r5yew4y2tb] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) repeat(4, minmax(150px, 1fr));
    align-items: end;
    gap: 12px;
}

.discount-approvals-filter-dates[b-r5yew4y2tb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 220px));
    align-items: end;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--rz-base-200);
}

.discount-approvals-filter[b-r5yew4y2tb] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.discount-approvals-filter[b-r5yew4y2tb]  label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

.discount-approvals-filter[b-r5yew4y2tb]  .rz-textbox,
.discount-approvals-filter[b-r5yew4y2tb]  .rz-dropdown,
.discount-approvals-filter[b-r5yew4y2tb]  .rz-datepicker {
    width: 100%;
    min-width: 0;
}

.discount-approvals-grid-section[b-r5yew4y2tb] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.discount-approvals-grid-title[b-r5yew4y2tb] {
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    border-bottom: 1px solid var(--rz-base-300);
}

.discount-approvals-grid-shell[b-r5yew4y2tb] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.discount-approvals-grid-shell[b-r5yew4y2tb]  .rz-grid-table {
    min-width: 1370px;
    table-layout: fixed;
}

.discount-approvals-grid-shell[b-r5yew4y2tb]  .rz-grid-table td {
    vertical-align: top;
}

.discount-approvals-primary[b-r5yew4y2tb] {
    color: #152536;
    font-weight: 600;
    line-height: 1.3;
}

.discount-approvals-secondary[b-r5yew4y2tb] {
    color: #607080;
    font-size: 12px;
    line-height: 1.35;
}

.discount-approvals-request-value[b-r5yew4y2tb] {
    margin-top: 4px;
}

.discount-approvals-wrap[b-r5yew4y2tb] {
    overflow-wrap: anywhere;
    white-space: normal;
}

.discount-approvals-commercial-facts[b-r5yew4y2tb] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.discount-approvals-commercial-facts > div[b-r5yew4y2tb] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.discount-approvals-commercial-facts span[b-r5yew4y2tb] {
    color: #607080;
    font-size: 11px;
    white-space: nowrap;
}

.discount-approvals-commercial-facts strong[b-r5yew4y2tb] {
    color: #152536;
    font-size: 12px;
    font-weight: 650;
    text-align: right;
    white-space: nowrap;
}

.discount-approvals-commercial-facts strong span[b-r5yew4y2tb] {
    padding: 0 2px;
    color: #607080;
}

.discount-approvals-commercial-facts > .discount-approvals-impact-total[b-r5yew4y2tb] {
    margin-top: 2px;
    padding-top: 4px;
    border-top: 1px solid var(--rz-base-300);
}

.discount-approvals-impact-total span[b-r5yew4y2tb],
.discount-approvals-impact-total strong[b-r5yew4y2tb] {
    color: var(--rz-text-title-color);
    font-weight: 700;
}

.discount-approvals-decision[b-r5yew4y2tb] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.discount-approvals-decision-outcome[b-r5yew4y2tb] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #526473;
}

.discount-approvals-decision-outcome[b-r5yew4y2tb]  .rz-icon {
    flex: 0 0 auto;
    font-size: 17px;
}

.discount-approvals-decision-outcome strong[b-r5yew4y2tb] {
    color: inherit;
    font-size: 13px;
    font-weight: 650;
}

.discount-approvals-decision-outcome.is-approved[b-r5yew4y2tb] {
    color: #286936;
}

.discount-approvals-decision-outcome.is-rejected[b-r5yew4y2tb] {
    color: #8a3535;
}

.discount-approvals-decision-outcome.is-revoked[b-r5yew4y2tb],
.discount-approvals-decision-outcome.is-canceled[b-r5yew4y2tb] {
    color: #526473;
}

.discount-approvals-decision-attribution[b-r5yew4y2tb] {
    display: grid;
    gap: 1px;
    color: var(--rz-text-secondary-color);
    font-size: 12px;
    line-height: 1.35;
}

.discount-approvals-decision-attribution time[b-r5yew4y2tb] {
    font-size: 11px;
}

.discount-approvals-decision-note[b-r5yew4y2tb] {
    display: grid;
    gap: 2px;
    margin-top: 2px;
}

.discount-approvals-decision-note > span[b-r5yew4y2tb] {
    color: var(--rz-text-secondary-color);
    font-size: 11px;
    font-weight: 650;
}

.discount-approvals-decision-note p[b-r5yew4y2tb] {
    margin: 0;
    color: #152536;
    font-size: 12px;
    line-height: 1.4;
}

.discount-approvals-unavailable[b-r5yew4y2tb] {
    display: grid;
    gap: 2px;
    color: #a3241c;
    font-size: 12px;
}

.discount-approvals-unavailable strong[b-r5yew4y2tb] {
    font-weight: 700;
}

.discount-approvals-unavailable span[b-r5yew4y2tb] {
    color: #607080;
    line-height: 1.35;
    white-space: normal;
}

.discount-approvals-quote-link[b-r5yew4y2tb] {
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.discount-approvals-badge[b-r5yew4y2tb] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #eef3f7;
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

/* is-draft and is-neutral were the Quote-status and tax chips in the first column. Both are
   gone: a queued request is Draft and Pending by definition, so the chips repeated on every
   row without informing a decision. */
.discount-approvals-badge.is-pending[b-r5yew4y2tb] { background: #fdf1de; color: #8a5a10; }
.discount-approvals-badge.is-approved[b-r5yew4y2tb] { background: #e4f6ea; color: #1f7a45; }
.discount-approvals-badge.is-rejected[b-r5yew4y2tb] { background: #fbe6e4; color: #a3241c; }
.discount-approvals-badge.is-revoked[b-r5yew4y2tb] { background: #f0e9f7; color: #5c3d8a; }

.discount-approvals-actions[b-r5yew4y2tb] {
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 72px;
    white-space: nowrap;
}

.discount-approvals-actions[b-r5yew4y2tb]  .rz-button {
    width: 30px;
    height: 30px;
    padding: 0;
}

@media (max-width: 1200px) {
    .discount-approvals-filter-main[b-r5yew4y2tb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .discount-approvals-filter-search[b-r5yew4y2tb] {
        grid-column: span 2;
    }

    .discount-approvals-filter-dates[b-r5yew4y2tb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .discount-approvals-page[b-r5yew4y2tb] {
        padding: 16px;
    }

    .discount-approvals-header[b-r5yew4y2tb] {
        flex-direction: column;
    }

    .discount-approvals-header-actions[b-r5yew4y2tb] {
        align-self: flex-end;
    }
}

@media (max-width: 576px) {
    .discount-approvals-page[b-r5yew4y2tb] {
        padding: 12px;
    }

    .platform-page-heading-icon[b-r5yew4y2tb] {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .discount-approvals-filter-heading[b-r5yew4y2tb] {
        align-items: stretch;
        flex-direction: column;
    }

    .discount-approvals-filter-heading[b-r5yew4y2tb]  .rz-button {
        width: 100%;
    }

    .discount-approvals-filter-main[b-r5yew4y2tb],
    .discount-approvals-filter-dates[b-r5yew4y2tb] {
        grid-template-columns: 1fr;
    }

    .discount-approvals-filter-search[b-r5yew4y2tb] {
        grid-column: auto;
    }
}
/* /Features/Quotes/Pages/QuoteBulkStartDateDialog.razor.rz.scp.css */
.quote-bulk-date-dialog[b-cdin7d0pq2] {
    min-width: 0;
}

.quote-bulk-date-context[b-cdin7d0pq2] {
    display: grid;
    gap: 3px;
    padding: 12px 14px;
    border: 1px solid #dce3e8;
    border-radius: 6px;
    background: #f5f8fa;
}

.quote-bulk-date-context strong[b-cdin7d0pq2] {
    color: #1d2f40;
    font-size: 14px;
}

.quote-bulk-date-context span[b-cdin7d0pq2],
.platform-dialog-field small[b-cdin7d0pq2] {
    color: #607080;
    font-size: 12px;
}

.quote-bulk-date-scope[b-cdin7d0pq2] {
    width: 100%;
}

.quote-bulk-date-preview[b-cdin7d0pq2] {
    display: grid;
    overflow-y: auto;
    max-height: 220px;
    border: 1px solid #dce3e8;
    border-radius: 6px;
}

.quote-bulk-date-preview div[b-cdin7d0pq2] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid var(--mt-rule);
    font-size: 12px;
}

.quote-bulk-date-preview div:last-of-type[b-cdin7d0pq2] {
    border-bottom: 0;
}

.quote-bulk-date-preview span[b-cdin7d0pq2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-bulk-date-preview time[b-cdin7d0pq2],
.quote-bulk-date-preview p[b-cdin7d0pq2] {
    color: #607080;
}

.quote-bulk-date-preview p[b-cdin7d0pq2] {
    margin: 0;
    padding: 8px 10px;
    font-size: 12px;
}

@media (max-width: 560px) {
    .quote-bulk-date-preview div[b-cdin7d0pq2] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .quote-bulk-date-preview time[b-cdin7d0pq2] {
        grid-column: 2;
    }
}
/* /Features/Quotes/Pages/QuoteCreateDialog.razor.rz.scp.css */
.quote-dialog-form[b-zzdd3m5xr3] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.quote-dialog-grid[b-zzdd3m5xr3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
}

.quote-dialog-loading[b-zzdd3m5xr3] {
    display: grid;
    gap: .5rem;
    min-height: 74px;
    align-content: center;
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
}

[b-zzdd3m5xr3] .rz-form-field,
[b-zzdd3m5xr3] .rz-dropdown,
[b-zzdd3m5xr3] .rz-datepicker,
[b-zzdd3m5xr3] .rz-numeric,
[b-zzdd3m5xr3] .rz-textarea {
    min-width: 0;
    max-width: 100%;
}

.quote-dialog-actions[b-zzdd3m5xr3] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    padding-top: .5rem;
}

.quote-currency[b-zzdd3m5xr3] {
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
}

.quote-use-shipping-option[b-zzdd3m5xr3] {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    gap: .5rem;
    padding: 0 .75rem;
}

@media (max-width: 640px) {
    .quote-dialog-grid[b-zzdd3m5xr3] {
        grid-template-columns: 1fr;
    }

    .quote-dialog-actions[b-zzdd3m5xr3] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .quote-dialog-actions[b-zzdd3m5xr3]  .rz-button {
        width: 100%;
    }
}
/* /Features/Quotes/Pages/QuoteDetail.razor.rz.scp.css */
.quote-detail-page[b-i0i29z503r] {
    --detail-ink: #152536;
    --detail-muted: #607080;
    --detail-line: var(--mt-border);
    --detail-blue: #2287e6;
    display: grid;
    max-width: 100%;
    gap: 12px;
    padding: 16px 0 32px;
    color: var(--detail-ink);
}

.quote-detail-loading[b-i0i29z503r] {
    display: grid;
    gap: 12px;
    max-width: 420px;
    padding: 32px 0;
    color: var(--detail-muted);
}

.quote-detail-header[b-i0i29z503r],
.quote-detail-heading[b-i0i29z503r],
.quote-detail-actions[b-i0i29z503r],
.quote-section-heading[b-i0i29z503r] {
    display: flex;
    align-items: center;
}

.quote-detail-header[b-i0i29z503r] {
    justify-content: space-between;
    gap: 24px;
}

.quote-detail-heading[b-i0i29z503r] {
    min-width: 0;
    gap: 14px;
}

.quote-detail-title[b-i0i29z503r] {
    min-width: 0;
}

.quote-detail-icon[b-i0i29z503r] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 6px;
    background: #eaf4fe;
    color: var(--detail-blue);
    font-size: 22px;
}

.quote-detail-heading h1[b-i0i29z503r],
.quote-section-heading h2[b-i0i29z503r] {
    margin: 0;
    letter-spacing: 0;
}

.quote-detail-heading h1[b-i0i29z503r] {
    font-size: 24px;
}

.quote-detail-heading p[b-i0i29z503r],
.quote-section-heading p[b-i0i29z503r] {
    margin: 3px 0 0;
    color: var(--detail-muted);
}

.quote-header-summary[b-i0i29z503r],
.quote-header-commercial[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.quote-header-summary strong[b-i0i29z503r] {
    color: var(--detail-ink);
    font-weight: 600;
}

.quote-summary-divider[b-i0i29z503r] {
    color: #9aa8b4;
}

.quote-title-row[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.quote-detail-status[b-i0i29z503r] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e8f3fb;
    color: #176ca5;
    font-size: 11px;
    font-weight: 700;
}

.quote-detail-actions[b-i0i29z503r],
.quote-row-actions[b-i0i29z503r] {
    gap: 8px;
}

/* Wrap the row, never the label.
 *
 * Without these the header buttons are flex items free to shrink, so a narrow viewport
 * compressed "Add product" until the text broke onto a second line and the button grew into a
 * tall block. Keeping each button at its natural width and letting the row wrap instead moves
 * the overflow somewhere harmless. */
.quote-detail-actions[b-i0i29z503r] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.quote-detail-actions[b-i0i29z503r]  .rz-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

.quote-detail-actions[b-i0i29z503r]  .rz-button-text {
    white-space: nowrap;
}

.quote-detail-contact[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
    color: var(--detail-muted);
    font-size: 12px;
}

.quote-detail-contact .rz-icon[b-i0i29z503r] {
    font-size: 15px;
}

.quote-detail-contact strong[b-i0i29z503r] {
    color: var(--detail-ink);
}

.quote-downstream-context[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
    color: var(--detail-muted);
    font-size: 12px;
}

.quote-downstream-context .rz-icon[b-i0i29z503r] {
    color: var(--detail-blue);
    font-size: 15px;
}

.quote-downstream-context strong[b-i0i29z503r] {
    color: #42586b;
    font-weight: 650;
}

.quote-downstream-context a[b-i0i29z503r] {
    color: var(--detail-ink);
    font-weight: 600;
    text-decoration: underline;
}

.quote-downstream-context a:hover[b-i0i29z503r],
.quote-downstream-context a:focus-visible[b-i0i29z503r] {
    color: var(--detail-blue);
}

.quote-header-commercial[b-i0i29z503r] {
    margin-top: 5px;
    color: var(--detail-muted);
    font-size: 12px;
    line-height: 1.35;
}

.quote-header-commercial .rz-icon[b-i0i29z503r] {
    color: var(--detail-blue);
    font-size: 15px;
}

.quote-header-commercial strong[b-i0i29z503r] {
    color: #42586b;
    font-weight: 650;
}

.quote-header-commercial-warning[b-i0i29z503r] {
    color: #8a5d0a;
    font-weight: 650;
}

.quote-salesforce-context[b-i0i29z503r] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 22px;
    width: fit-content;
    margin-top: 4px;
    padding: 0;
    color: #49677e;
    font-size: 12px;
    line-height: 1.35;
}

.quote-salesforce-context .rz-icon[b-i0i29z503r] {
    flex: 0 0 auto;
    color: #2287e6;
    font-size: 15px;
}

.quote-commercial-notice[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 7px 10px;
    border-left: 3px solid #d89b24;
    background: #fff8e8;
    color: #704f13;
    font-size: 12px;
}

.quote-commercial-notice .rz-icon[b-i0i29z503r] {
    font-size: 16px;
}

.quote-workflow-section[b-i0i29z503r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--detail-line);
    border-radius: 6px;
    background: #ffffff;
}

.quote-workflow-label[b-i0i29z503r] {
    display: block;
    margin-bottom: 2px;
    color: var(--detail-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.quote-workflow-actions[b-i0i29z503r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.quote-totals[b-i0i29z503r] {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--detail-line);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgb(15 35 55 / 10%);
}

.quote-totals > div[b-i0i29z503r] {
    min-width: 0;
    padding: 14px 16px;
    border-right: 1px solid var(--detail-line);
}

.quote-totals > div:last-child[b-i0i29z503r] {
    border-right: 0;
}

.quote-totals span[b-i0i29z503r],
.quote-totals small[b-i0i29z503r] {
    display: block;
    color: var(--detail-muted);
}

.quote-totals span[b-i0i29z503r] {
    font-size: 12px;
    font-weight: 600;
}

.quote-totals strong[b-i0i29z503r] {
    display: block;
    margin: 2px 0;
    font-size: 21px;
}

.quote-totals small[b-i0i29z503r] {
    font-size: 11px;
}

.quote-lines-section[b-i0i29z503r],
.quote-detail-section[b-i0i29z503r] {
    overflow: hidden;
    border: 1px solid var(--detail-line);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgb(15 35 55 / 10%);
}

.quote-section-heading[b-i0i29z503r] {
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--detail-line);
}

.quote-section-heading h2[b-i0i29z503r] {
    font-size: 17px;
    font-weight: 600;
}

.quote-section-heading p[b-i0i29z503r] {
    font-size: 12px;
}

.quote-line-heading-actions[b-i0i29z503r] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.quote-lines-shell[b-i0i29z503r] {
    max-width: 100%;
    overflow-x: auto;
}

.quote-lines-shell[b-i0i29z503r]  .rz-frozen-cell {
    z-index: 3;
    background: #ffffff;
}

.quote-lines-shell[b-i0i29z503r]  thead .rz-frozen-cell {
    background: #0b2238;
    color: #ffffff;
}

.quote-lines-shell[b-i0i29z503r]  thead .rz-frozen-cell .rz-column-title {
    color: inherit;
}

.quote-lines-shell[b-i0i29z503r]  .rz-data-row:nth-child(even) .rz-frozen-cell {
    background: #f8fafb;
}

.quote-account-quotes-shell[b-i0i29z503r] {
    max-width: 100%;
    overflow-x: auto;
}

.quote-account-quotes-grid[b-i0i29z503r] {
    min-width: 920px;
}

.quote-empty-account-quotes[b-i0i29z503r] {
    padding: 24px 16px;
    color: #607080;
    font-size: 13px;
    text-align: center;
}

.quote-account-status[b-i0i29z503r] {
    display: inline-flex;
    padding: 3px 7px;
    border: 1px solid var(--mt-border);
    border-radius: 999px;
    background: #f4f7f9;
    color: #415465;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.quote-line-thumb[b-i0i29z503r] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    overflow: hidden;
    place-items: center;
    border: 1px solid #dce3e8;
    border-radius: 5px;
    background: #ffffff;
}

.quote-line-thumb .rzi[b-i0i29z503r] {
    color: var(--detail-muted);
    font-size: 22px;
}

.quote-line-thumb img[b-i0i29z503r] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.quote-product-cell[b-i0i29z503r] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.quote-product-details[b-i0i29z503r] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.quote-product-name[b-i0i29z503r] {
    overflow: hidden;
    color: var(--detail-ink);
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-product-category[b-i0i29z503r],
.quote-product-identifiers[b-i0i29z503r],
.quote-product-relationship[b-i0i29z503r] {
    overflow: hidden;
    color: var(--detail-muted);
    font-size: 10px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-product-category[b-i0i29z503r] {
    color: #50677a;
    font-weight: 650;
}

.quote-provider-context[b-i0i29z503r] {
    display: inline-flex;
    width: fit-content;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-eyebrow);
    font-weight: 400;
    line-height: 1.35;
}

.quote-provider-attention[b-i0i29z503r] {
    display: grid;
    margin-top: 2px;
    color: var(--rz-warning-dark);
    font-size: var(--mt-font-eyebrow);
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.quote-provider-attention span[b-i0i29z503r] {
    font-weight: 500;
}

.quote-product-relationship[b-i0i29z503r] {
    margin-top: 2px;
}

.quote-product-relationship.needs-decision[b-i0i29z503r] {
    color: #765a08;
    font-weight: 650;
}

.quote-line-reference[b-i0i29z503r] {
    color: #2f4558;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.quote-line-pricing[b-i0i29z503r],
.quote-line-net-total[b-i0i29z503r] {
    display: grid;
    justify-items: end;
    min-width: 0;
    gap: 1px;
    white-space: nowrap;
}

.quote-line-pricing small[b-i0i29z503r],
.quote-line-net-total small[b-i0i29z503r] {
    color: var(--detail-muted);
    font-size: 10px;
}

.quote-line-net-total strong[b-i0i29z503r] {
    color: var(--detail-ink);
}

.quote-line-net-total small[b-i0i29z503r] {
    color: #a62828;
}

.quote-line-net-unaffected[b-i0i29z503r] {
    color: var(--detail-muted);
}

.quote-row-actions[b-i0i29z503r] {
    display: grid;
    grid-template-columns: repeat(3, 30px);
    justify-content: center;
    gap: 4px;
}

.quote-discount-actions[b-i0i29z503r] {
    grid-template-columns: repeat(4, 30px);
    min-width: 132px;
}

/* Centred, like the discount actions. The two grids sit one above the other on the same page,
   so an Actions column right-justified in one and centred in the other reads as two different
   conventions rather than one. Inherits justify-content: center from .quote-row-actions. */
.quote-line-actions[b-i0i29z503r] {
    grid-template-columns: repeat(4, 30px);
}

.quote-line-delete-action[b-i0i29z503r] {
    grid-column: 4;
}

.quote-row-actions[b-i0i29z503r]  .rz-button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 4px;
}

.quote-overview[b-i0i29z503r] {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
    padding: 18px;
}

.quote-overview dl[b-i0i29z503r] {
    display: grid;
    margin: 0;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-overview dl div[b-i0i29z503r] {
    min-width: 0;
}

.quote-overview dt[b-i0i29z503r] {
    color: var(--detail-muted);
    font-size: 11px;
    font-weight: 650;
}

.quote-overview dd[b-i0i29z503r] {
    margin: 3px 0 0;
    font-size: 13px;
    font-weight: 600;
}

.quote-notes[b-i0i29z503r] {
    display: grid;
    gap: 12px;
    padding-left: 20px;
    border-left: 1px solid var(--detail-line);
}

.quote-notes strong[b-i0i29z503r] {
    font-size: 12px;
}

.quote-notes p[b-i0i29z503r] {
    margin: 3px 0 0;
    color: var(--detail-muted);
    font-size: 13px;
    white-space: pre-wrap;
}

.quote-activity-list[b-i0i29z503r] {
    padding: 8px 18px 18px;
}

.quote-activity-list > div[b-i0i29z503r] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--mt-rule);
}

.quote-activity-list > div:last-child[b-i0i29z503r] {
    border-bottom: 0;
}

.quote-activity-list span[b-i0i29z503r],
.quote-activity-list small[b-i0i29z503r] {
    display: block;
}

.quote-activity-list small[b-i0i29z503r] {
    margin-top: 2px;
    color: var(--detail-muted);
}

.quote-empty-activity[b-i0i29z503r] {
    padding: 24px 18px;
    color: var(--detail-muted);
}

[b-i0i29z503r] .rz-alert {
    margin: 0;
    border-radius: 6px;
}

[b-i0i29z503r] .rz-data-grid {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

[b-i0i29z503r] .rz-grid-table thead th {
    border-color: #34485c;
    background: #0b2238;
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
}

[b-i0i29z503r] .rz-grid-table thead th .rz-column-title,
[b-i0i29z503r] .rz-grid-table thead th .rz-column-title-content,
[b-i0i29z503r] .rz-grid-table thead th .rz-sortable-column-icon,
[b-i0i29z503r] .rz-grid-table thead th .rzi {
    color: #ffffff;
    opacity: 1;
}

[b-i0i29z503r] .rz-grid-table td {
    color: #1d2f40;
    font-size: 13px;
}

[b-i0i29z503r] .rz-tabview-panels {
    padding: 0;
}

@media (max-width: 900px) {
    .quote-detail-header[b-i0i29z503r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quote-totals[b-i0i29z503r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-totals > div:nth-child(2)[b-i0i29z503r] {
        border-right: 0;
    }

    .quote-totals > div:nth-child(-n + 2)[b-i0i29z503r] {
        border-bottom: 1px solid var(--detail-line);
    }

    .quote-overview[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }

    .quote-notes[b-i0i29z503r] {
        padding: 16px 0 0;
        border-top: 1px solid var(--detail-line);
        border-left: 0;
    }
}

@media (max-width: 576px) {
    .quote-detail-page[b-i0i29z503r] {
        gap: 12px;
        padding-top: 12px;
    }

    .quote-detail-heading[b-i0i29z503r] {
        align-items: flex-start;
    }

    .quote-detail-actions[b-i0i29z503r] {
        width: 100%;
        flex-wrap: wrap;
    }

    .quote-totals[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }

    .quote-totals > div[b-i0i29z503r] {
        border-right: 0;
        border-bottom: 1px solid var(--detail-line);
    }

    .quote-overview dl[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }
}

/* Tax Estimate Card */
.quote-tax-card[b-i0i29z503r] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 16px;
}

.quote-tax-card-header[b-i0i29z503r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 12px;
}

.quote-tax-card-header h3[b-i0i29z503r] {
    font-size: 16px;
    font-weight: 600;
    color: #152536;
    margin: 0 0 2px;
}

.quote-tax-card-header p[b-i0i29z503r] {
    font-size: 12px;
    color: #607080;
    margin: 0;
}

/* Wraps for the same reason the header actions do: three buttons in a card header run out of
   room before the page does, and a wrapped row is better than a compressed button. */
.quote-tax-card-actions[b-i0i29z503r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.quote-tax-card-body[b-i0i29z503r] {
    display: grid;
    gap: 12px;
}

.quote-tax-status-row[b-i0i29z503r] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.quote-tax-status-label[b-i0i29z503r] {
    font-size: 12px;
    font-weight: 600;
    color: #506171;
}

.quote-tax-stale-note[b-i0i29z503r] {
    font-size: 11px;
    color: #f0a128;
    font-style: italic;
}

.quote-tax-totals[b-i0i29z503r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 12px;
    background: #f7f9fa;
    border-radius: 4px;
}

.quote-tax-totals > div[b-i0i29z503r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.quote-tax-totals span[b-i0i29z503r] {
    font-size: 11px;
    color: #607080;
}

.quote-tax-totals strong[b-i0i29z503r] {
    font-size: 14px;
    color: #152536;
}

.quote-tax-meta[b-i0i29z503r] {
    display: flex;
    gap: 16px;
    font-size: 11px;
    color: #607080;
}

.quote-tax-message[b-i0i29z503r] {
    font-size: 12px;
    color: #506171;
    padding: 8px 12px;
    background: #f7f9fa;
    border-radius: 4px;
    border-left: 3px solid var(--mt-border);
}

/* Account link */
.quote-account-link[b-i0i29z503r] {
    color: #2287e6;
    text-decoration: none;
    font-weight: 500;
}

.quote-account-link:hover[b-i0i29z503r] {
    text-decoration: underline;
}

/* Selected addresses section */
.quote-addresses-section[b-i0i29z503r] {
    display: grid;
    padding: 12px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgb(15 35 55 / 10%);
}

.quote-addresses-grid[b-i0i29z503r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.quote-address-card[b-i0i29z503r] {
    display: grid;
    min-height: 70px;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 10px 12px;
    background: #f8fbfd;
    border: 1px solid #d8e3eb;
    border-left: 3px solid #2287e6;
    border-radius: 6px;
}

.quote-address-card-missing[b-i0i29z503r] {
    background: #fbfcfd;
    border-left-color: #9aa8b4;
}

.quote-address-icon[b-i0i29z503r] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 6px;
    background: #eaf4fe;
    color: #2287e6;
    font-size: 18px;
}

.quote-address-card-missing .quote-address-icon[b-i0i29z503r] {
    background: #eef2f5;
    color: #607080;
}

.quote-address-body[b-i0i29z503r] {
    min-width: 0;
}

.quote-address-card-header[b-i0i29z503r] {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.quote-address-label[b-i0i29z503r] {
    font-size: 14px;
    font-weight: 600;
    color: #152536;
}

.quote-address-display[b-i0i29z503r] {
    font-size: 13px;
    color: #152536;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.quote-address-display-missing[b-i0i29z503r] {
    color: #607080;
    font-style: italic;
}

[b-i0i29z503r] .quote-secondary-command.rz-button.rz-button-md {
    width: fit-content;
    justify-self: start;
    border-color: #a9cceb;
    background: #ffffff;
    color: #176ca5;
    font-weight: 650;
}

[b-i0i29z503r] .quote-secondary-command.rz-button.rz-state-disabled,
[b-i0i29z503r] .quote-secondary-command.rz-button:disabled {
    border-color: #d7dde3;
    background: #f4f6f8;
    color: #9aa8b4;
}

/* Contract and signing surfaces share one operational layout. */
.quote-signing-section[b-i0i29z503r] {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.quote-signing-section .quote-section-header[b-i0i29z503r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.quote-contract-template-picker[b-i0i29z503r] {
    display: grid;
    grid-template-columns: minmax(240px, 360px) auto;
    align-items: end;
    gap: 8px;
}

.quote-contract-template-picker[b-i0i29z503r]  .rz-dropdown {
    width: 100%;
}

.quote-signing-section h2[b-i0i29z503r],
.quote-signing-section h3[b-i0i29z503r] {
    margin: 0;
    color: var(--detail-ink);
    letter-spacing: 0;
}

.quote-signing-section h2[b-i0i29z503r] {
    font-size: 16px;
    font-weight: 600;
}

.quote-signing-section h3[b-i0i29z503r] {
    font-size: 14px;
}

.quote-signing-section p[b-i0i29z503r] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.quote-signing-actions[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.quote-signing-title[b-i0i29z503r] {
    display: grid;
    gap: 3px;
}

.quote-signing-title > div[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.quote-signing-complete[b-i0i29z503r] {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: 3px solid #16833b;
    background: #edf8f0;
    color: #16572a;
}

.quote-signing-complete > span[b-i0i29z503r] {
    flex: 0 0 auto;
    font-size: 22px;
}

.quote-signing-complete > div[b-i0i29z503r] {
    display: grid;
    gap: 2px;
}

.quote-signing-complete strong[b-i0i29z503r] {
    font-size: 13px;
}

.quote-signing-complete div > span[b-i0i29z503r] {
    color: #3f624a;
    font-size: 12px;
}

.quote-signing-history[b-i0i29z503r] {
    display: grid;
    min-width: 0;
    gap: 8px;
    overflow-x: auto;
}

.quote-signing-history[b-i0i29z503r]  .rz-data-grid {
    min-width: 900px;
    border: 1px solid #dce4ea;
    border-radius: 4px;
}

.quote-contract-summary[b-i0i29z503r] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) minmax(100px, 0.5fr) minmax(160px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #dce4ea;
    background: #f8fafb;
}

.quote-contract-required[b-i0i29z503r] {
    margin-top: 8px;
    color: #607080;
    font-size: 12px;
    line-height: 1.4;
}

.quote-contract-load-error[b-i0i29z503r]  .rz-alert-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.quote-contract-load-error div[b-i0i29z503r] {
    display: grid;
    gap: 3px;
}

.quote-contract-load-error span[b-i0i29z503r] {
    font-size: 13px;
}

.quote-contract-summary > div[b-i0i29z503r] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.quote-contract-summary span[b-i0i29z503r] {
    color: var(--detail-muted);
    font-size: 11px;
    font-weight: 600;
}

.quote-contract-summary strong[b-i0i29z503r] {
    overflow: hidden;
    color: var(--detail-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-contract-sections[b-i0i29z503r] {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.quote-contract-request[b-i0i29z503r] {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid #dce4ea;
    background: #fff;
}

.quote-contract-request > div:first-child[b-i0i29z503r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.quote-signing-link[b-i0i29z503r] {
    margin-top: 12px;
}

.quote-signing-link div[b-i0i29z503r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin-top: 8px;
}

.quote-discount-section[b-i0i29z503r] {
    padding: 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.quote-discount-section .quote-section-header[b-i0i29z503r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.quote-discount-section h2[b-i0i29z503r] {
    margin: 0;
    color: #152536;
    font-size: 16px;
    font-weight: 600;
}

.quote-discount-section p[b-i0i29z503r] {
    margin: 3px 0 0;
    color: #607080;
    font-size: 13px;
}

.quote-discount-empty[b-i0i29z503r] {
}

.quote-discount-meta[b-i0i29z503r] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    font-size: 11px;
    line-height: 1.35;
    color: #607080;
    text-align: left;
    white-space: nowrap;
}

.quote-duplicate-success a[b-i0i29z503r] {
    color: #1269b0;
    font-weight: 650;
}

/* Keep the decision and actor scannable on one row. The full value remains available
   through the title when a long reason is truncated. */
/* The decision note now sits under the activity dates in one cell, so it needs to read as a
   second line rather than run on from the timestamps. */
.quote-discount-reason[b-i0i29z503r] {
    display: block;
    margin-top: 4px;
    color: #607080;
    font-size: 12px;
    line-height: 1.35;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-discount-reason strong[b-i0i29z503r] {
    color: #455766;
    font-weight: 650;
}

/* .quote-discount-note-empty went with the Decision notes column. A pending row now simply
   shows no note, which is more honest than a dash standing in for a decision nobody made. */

.quote-discount-header-actions[b-i0i29z503r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.quote-discount-history-toggle[b-i0i29z503r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #506171;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
}

.quote-discount-status[b-i0i29z503r] {
    display: inline-flex;
    padding: 2px 7px;
    border: 1px solid var(--mt-border);
    border-radius: 4px;
    background: #f4f6f8;
    color: #455766;
    font-size: 12px;
    font-weight: 600;
}

.quote-discount-status-approved[b-i0i29z503r] {
    border-color: #b7d8bd;
    background: #edf7ef;
    color: #286936;
}

.quote-discount-status-rejected[b-i0i29z503r] {
    border-color: #e2c2c2;
    background: #fbf0f0;
    color: #8a3535;
}

.quote-discount-status-revoked[b-i0i29z503r] {
    border-color: #ccd5dc;
    background: #eef2f5;
    color: #526473;
}

.quote-discount-status-canceled[b-i0i29z503r] {
    border-color: #ccd5dc;
    background: #eef2f5;
    color: #526473;
}

.quote-discount-status-pending[b-i0i29z503r] {
    border-color: #e4d29f;
    background: #fff8e7;
    color: #765b13;
}

.quote-commercial-layout[b-i0i29z503r] {
    display: grid;
    grid-template-areas:
        "lines totals"
        "discounts totals"
        "tax totals";
    grid-template-columns: minmax(0, 3fr) minmax(290px, 1fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
}

.quote-lines-section[b-i0i29z503r] {
    grid-area: lines;
}

.quote-discount-section[b-i0i29z503r] {
    grid-area: discounts;
}

.quote-tax-card[b-i0i29z503r] {
    grid-area: tax;
}

.quote-commercial-summary[b-i0i29z503r] {
    position: sticky;
    top: 16px;
    grid-area: totals;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.quote-commercial-summary-heading[b-i0i29z503r] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--mt-border);
}

.quote-commercial-summary-heading h2[b-i0i29z503r] {
    margin: 0;
    color: #152536;
    font-size: 16px;
    font-weight: 600;
}

/* Full width; the ladder itself is what gets capped, on .quote-summary-row below. Capping the
   container instead left the totals hard against the left edge with a void beside them. */
.quote-commercial-summary-inner[b-i0i29z503r] {
    width: 100%;
    padding: 10px 14px 14px;
}

/* Reads as a table: labels share one left edge, amounts share one right edge.
   The gap is bounded by capping the block below rather than by shrinking the label column --
   sizing labels to their own content made every row start in a different place, which is worse
   than the long gap it was trying to fix. */
/* The ladder is capped and centred, not the card.
 *
 * Labels only share a left edge if every row is the same width, so the cap goes on the row
 * rather than on each label -- sizing labels to their own text is what made them ragged.
 * Centring means a wide rail grows the margin on both sides instead of opening one large void
 * between a label and its amount, which is the behaviour asked for: text stays left-justified,
 * the pair stays together, and the distance between them grows only until this cap.
 *
 * .quote-summary-net and .quote-summary-total are modifiers on this row, so their rules travel
 * with it and the ladder reads as one contained table.
 *
 * 420px is the one number to tune here if the gap still feels wide. */
.quote-summary-row[b-i0i29z503r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    align-items: baseline;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    padding: 4px 0;
    font-size: 13px;
}

.quote-summary-row span[b-i0i29z503r] {
    color: #607080;
}

.quote-summary-row strong[b-i0i29z503r] {
    color: #152536;
    font-weight: 600;
    text-align: right;
}

.quote-summary-net[b-i0i29z503r] {
    border-top: 1px solid var(--mt-border);
    padding-top: 8px;
    margin-top: 4px;
    font-size: 14px;
}

.quote-summary-total[b-i0i29z503r] {
    border-top: 2px solid #0b2238;
    padding-top: 8px;
    margin-top: 4px;
    font-size: 15px;
}

.quote-summary-total strong[b-i0i29z503r] {
    color: #0b2238;
    font-weight: 700;
}

.quote-summary-warning strong[b-i0i29z503r],
.quote-summary-status strong[b-i0i29z503r] {
    color: #8a5d0a;
    font-size: 12px;
}

.quote-tax-hint[b-i0i29z503r] {
    margin: 0;
    color: #607080;
    font-size: 13px;
}

/* Tax card updates */
.quote-tax-card[b-i0i29z503r] {
    padding: 12px;
    margin: 0;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

@media (max-width: 1880px) {
    .quote-commercial-layout.has-line-discounts[b-i0i29z503r] {
        grid-template-areas:
            "lines"
            "totals"
            "discounts"
            "tax";
        grid-template-columns: minmax(0, 1fr);
    }

    .quote-commercial-layout.has-line-discounts .quote-commercial-summary[b-i0i29z503r] {
        position: static;
    }

    /* Same reason as the base breakpoint below: once stacked, the ladder sits bottom right
       under the amounts it sums rather than centred in a full-width card. */
    .quote-commercial-layout.has-line-discounts .quote-summary-row[b-i0i29z503r] {
        margin-inline: auto 0;
    }
}

@media (max-width: 1710px) {
    .quote-commercial-layout[b-i0i29z503r] {
        grid-template-areas:
            "lines"
            "totals"
            "discounts"
            "tax";
        grid-template-columns: minmax(0, 1fr);
    }

    .quote-commercial-summary[b-i0i29z503r] {
        position: static;
    }

    /* Stacked, the ladder belongs at the bottom right, under the amount columns it sums --
       the way totals sit on a receipt. Centring is right in the narrow rail, where the card is
       barely wider than the ladder; in a full-width card it leaves the totals floating in the
       middle with no relationship to the figures above them. */
    .quote-commercial-summary .quote-summary-row[b-i0i29z503r] {
        margin-inline: auto 0;
    }
}

.quote-tax-card-header[b-i0i29z503r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.quote-tax-status-row[b-i0i29z503r] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.quote-tax-stale-note[b-i0i29z503r] {
    color: #f0a128;
    font-size: 12px;
}

.quote-tax-totals[b-i0i29z503r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 8px 0;
}

.quote-tax-totals div[b-i0i29z503r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.quote-tax-totals span[b-i0i29z503r] {
    font-size: 12px;
    color: #607080;
}

.quote-tax-totals strong[b-i0i29z503r] {
    font-size: 14px;
    color: #152536;
}

.quote-tax-meta[b-i0i29z503r] {
    display: flex;
    gap: 16px;
    font-size: 11px;
    color: #607080;
    margin-top: 4px;
}

.quote-tax-details[b-i0i29z503r] {
    padding: 8px;
    font-size: 12px;
    color: #607080;
}

.quote-tax-details div[b-i0i29z503r] {
    margin: 4px 0;
}

.quote-tax-breakdown-grid[b-i0i29z503r] {
    margin-top: 10px;
}

.quote-tax-empty-breakdown[b-i0i29z503r] {
    margin-top: 10px;
    color: #607080;
    font-style: italic;
}

.quote-tax-message[b-i0i29z503r] {
    margin-top: 8px;
    padding: 8px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    font-size: 12px;
    color: #856404;
}

.quote-contract-tab[b-i0i29z503r] {
    padding: 18px;
    display: grid;
    gap: 24px;
}

.quote-contract-summary-panel[b-i0i29z503r] {
    display: grid;
    gap: 14px;
}

.quote-contract-summary-panel dl[b-i0i29z503r] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 16px;
}

.quote-contract-summary-panel dl > div[b-i0i29z503r] {
    min-width: 0;
}

.quote-contract-summary-panel dt[b-i0i29z503r] {
    margin-bottom: 4px;
    color: #607080;
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
}

.quote-contract-summary-panel dd[b-i0i29z503r] {
    margin: 0;
    color: #152536;
    font-size: 14px;
}

.quote-contract-order-link[b-i0i29z503r] {
    color: #006fc9;
    font-weight: 650;
    text-decoration: none;
}

.quote-contract-order-link:hover[b-i0i29z503r],
.quote-contract-order-link:focus-visible[b-i0i29z503r] {
    text-decoration: underline;
}

.quote-contract-actions[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.quote-contract-blocker[b-i0i29z503r] {
    color: #9f1c1c;
}

.quote-contract-documents[b-i0i29z503r] {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(21 37 54 / 8%);
}

.quote-contract-documents-header[b-i0i29z503r] {
    min-height: 92px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--mt-border);
    background: #edf6fc;
}

.quote-contract-documents-heading[b-i0i29z503r] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.quote-tax-exemptions[b-i0i29z503r] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border-left: 3px solid #1b8f55;
    background: #f3faf6;
    color: #294438;
}

.quote-tax-exemptions strong[b-i0i29z503r] {
    font-size: 12px;
    color: #17683f;
}

.quote-tax-exemptions span[b-i0i29z503r] {
    font-size: 13px;
}

.quote-tax-exemptions small[b-i0i29z503r] {
    color: #50675c;
    font-size: 11px;
}

.quote-contract-documents-heading > div[b-i0i29z503r] {
    min-width: 0;
}

[b-i0i29z503r] .quote-detail-tabs.rz-tabview {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[b-i0i29z503r] .quote-detail-tabs > .rz-tabview-nav {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

[b-i0i29z503r] .quote-detail-tabs > .rz-tabview-nav > li {
    flex: 0 0 auto;
}

.quote-contract-package-icon[b-i0i29z503r] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e8f5e9;
    color: #16843b;
    font-size: 25px;
}

.quote-contract-package-label[b-i0i29z503r] {
    display: block;
    margin-bottom: 2px;
    color: #16723a;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.quote-contract-documents-header h3[b-i0i29z503r],
.quote-contract-documents-header p[b-i0i29z503r] {
    margin: 0;
}

.quote-contract-documents-header p[b-i0i29z503r] {
    margin-top: 4px;
    color: #506477;
    font-size: 12px;
}

.quote-contract-documents-header h3[b-i0i29z503r] {
    color: #15334b;
    font-size: 17px;
    font-weight: 700;
}

.quote-contract-package-actions[b-i0i29z503r] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.quote-purchase-order-tab[b-i0i29z503r] {
    padding: 18px;
    display: grid;
    gap: 18px;
}

.quote-purchase-order-tab-header[b-i0i29z503r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.quote-purchase-order-tab-header h3[b-i0i29z503r],
.quote-purchase-order-tab-header p[b-i0i29z503r] {
    margin: 0;
}

.quote-purchase-order-tab-header h3[b-i0i29z503r] {
    color: #15334b;
    font-size: 17px;
    font-weight: 700;
}

.quote-purchase-order-tab-header p[b-i0i29z503r] {
    margin-top: 4px;
    color: #607080;
    font-size: 12px;
}

/* Loading is not an empty state: it is the same content a moment from now, so it
   keeps a plain centred box rather than the placeholder's dashed edge. */
.quote-purchase-order-loading[b-i0i29z503r] {
    min-height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #607080;
}

/*
 * Shared empty-state placeholder.
 *
 * These sections used to render "nothing here yet" as another grey paragraph, styled
 * identically to the description above it, so a permanent rule and a temporary state
 * were indistinguishable. Giving the empty state a region of its own says what it is
 * without italics or indentation: this is where the content goes, and it is empty.
 */
.quote-purchase-order-empty[b-i0i29z503r],
.quote-discount-empty[b-i0i29z503r],
.quote-signing-empty[b-i0i29z503r],
.quote-tax-empty[b-i0i29z503r],
.quote-lines-empty[b-i0i29z503r] {
    min-height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 10px 0 0;
    padding: 12px 16px;
    border: 1px dashed #bfd0dc;
    border-radius: 6px;
    background: #f8fafc;
    color: #607080;
    font-size: 13px;
    text-align: center;
}

/* The lines section has no padding of its own: the grid deliberately bleeds to the
   card edges so its header row spans the full width. The placeholder is not a table
   and would otherwise sit flush against the left, right, and bottom edges, so it
   carries the same 14px inset the section heading above it uses. */
.quote-lines-empty[b-i0i29z503r] {
    margin: 12px 14px 14px;
}

.quote-purchase-order-facts[b-i0i29z503r] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 16px;
}

.quote-purchase-order-facts > div[b-i0i29z503r] {
    min-width: 0;
}

.quote-purchase-order-facts dt[b-i0i29z503r] {
    margin-bottom: 4px;
    color: #607080;
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
}

.quote-purchase-order-facts dd[b-i0i29z503r] {
    margin: 0;
    color: #152536;
    font-size: 14px;
}

.quote-purchase-order-document-name[b-i0i29z503r] {
    overflow-wrap: anywhere;
}

.quote-purchase-order-actions[b-i0i29z503r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.quote-contract-package-actions[b-i0i29z503r]  .rz-button {
    min-width: 128px;
}

.quote-contract-document-list[b-i0i29z503r] {
    display: grid;
}

.quote-contract-document-row[b-i0i29z503r] {
    min-height: 76px;
    padding: 12px 18px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border-top: 1px solid var(--mt-rule);
}

.quote-contract-document-row:first-child[b-i0i29z503r] {
    border-top: 0;
}

.quote-contract-document-row:hover[b-i0i29z503r] {
    background: #f7fafc;
}

.quote-contract-document-icon[b-i0i29z503r] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #eaf3fa;
    color: #006fc9;
    font-size: 21px;
}

.quote-contract-document-details[b-i0i29z503r] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.quote-contract-document-row strong[b-i0i29z503r] {
    overflow-wrap: anywhere;
    color: #152536;
    font-size: 14px;
    font-weight: 650;
}

.quote-contract-document-details > span:last-child[b-i0i29z503r] {
    color: #607080;
    font-size: 11px;
}

.quote-contract-document-type[b-i0i29z503r] {
    color: #006fc9;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.quote-contract-document-row[b-i0i29z503r]  .quote-contract-document-download.rz-button {
    min-width: 112px;
    background: #fff;
    border-color: #82a9c8;
    color: #075e9f;
}

.quote-contract-document-row[b-i0i29z503r]  .quote-contract-document-download.rz-button:hover {
    background: #edf6fc;
    border-color: #006fc9;
}

/* Responsive */
@media (max-width: 1400px) {
    .quote-addresses-section .quote-addresses-grid[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .quote-contract-summary[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }

    .quote-contract-summary strong[b-i0i29z503r] {
        white-space: normal;
    }

    .quote-contract-summary-panel dl[b-i0i29z503r] {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }

    .quote-purchase-order-facts[b-i0i29z503r] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 1280px) {
    .quote-tax-totals[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .quote-salesforce-context[b-i0i29z503r] {
        align-items: flex-start;
    }

    .quote-signing-section .quote-section-header[b-i0i29z503r] {
        flex-direction: column;
    }

    .quote-contract-template-picker[b-i0i29z503r] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .quote-contract-template-picker[b-i0i29z503r]  .rz-button {
        width: 100%;
    }

    .quote-contract-load-error[b-i0i29z503r]  .rz-alert-content {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-discount-section .quote-section-header[b-i0i29z503r] {
        flex-direction: column;
    }

    .quote-discount-header-actions[b-i0i29z503r] {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .quote-contract-tab[b-i0i29z503r] {
        padding: 14px 12px;
    }

    .quote-purchase-order-tab[b-i0i29z503r] {
        padding: 14px 12px;
    }

    .quote-purchase-order-tab-header[b-i0i29z503r] {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-purchase-order-facts[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }

    .quote-contract-summary-panel dl[b-i0i29z503r] {
        grid-template-columns: 1fr;
    }

    .quote-contract-documents-header[b-i0i29z503r] {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-contract-documents-header[b-i0i29z503r]  .rz-button {
        width: 100%;
    }

    .quote-contract-package-actions[b-i0i29z503r] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .quote-purchase-order-actions[b-i0i29z503r]  .rz-button {
        width: 100%;
    }

    .quote-contract-document-row[b-i0i29z503r] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .quote-contract-document-row[b-i0i29z503r]  .quote-contract-document-download.rz-button {
        width: 100%;
        grid-column: 1 / -1;
    }
}

[b-i0i29z503r] .quote-discount-grid .rz-grid-table thead th {
    border-color: var(--mt-border);
    background: #edf1f4;
    color: #34485c;
}

[b-i0i29z503r] .quote-discount-grid .rz-grid-table thead th .rz-column-title,
[b-i0i29z503r] .quote-discount-grid .rz-grid-table thead th .rz-column-title-content,
[b-i0i29z503r] .quote-discount-grid .rz-grid-table thead th .rz-sortable-column-icon,
[b-i0i29z503r] .quote-discount-grid .rz-grid-table thead th .rzi {
    color: #34485c;
}
/* /Features/Quotes/Pages/QuoteDiscountDialog.razor.rz.scp.css */
.quote-discount-form[b-mzo3lxrqpy] {
    display: grid;
    gap: 16px;
    max-width: 520px;
}

.quote-discount-field[b-mzo3lxrqpy] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.quote-discount-hint[b-mzo3lxrqpy],
.quote-discount-preview span[b-mzo3lxrqpy],
.quote-discount-preview-empty[b-mzo3lxrqpy] {
    color: #607080;
}

.quote-discount-hint[b-mzo3lxrqpy] {
    font-size: 12px;
}

.quote-discount-preview[b-mzo3lxrqpy] {
    display: grid;
    gap: 7px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #f8fafc;
}

.quote-discount-preview > div[b-mzo3lxrqpy] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.quote-discount-preview span[b-mzo3lxrqpy],
.quote-discount-preview-empty[b-mzo3lxrqpy],
.quote-discount-preview-blocked[b-mzo3lxrqpy] {
    font-size: 12px;
}

.quote-discount-preview > .quote-discount-preview-title[b-mzo3lxrqpy] {
    display: block;
    margin-bottom: 2px;
    color: #152536;
    font-size: 13px;
    font-weight: 650;
}

.quote-discount-preview > .quote-discount-preview-empty[b-mzo3lxrqpy],
.quote-discount-preview > .quote-discount-preview-blocked[b-mzo3lxrqpy] {
    display: block;
}

.quote-discount-preview-blocked[b-mzo3lxrqpy] {
    color: #b42318;
}

.quote-discount-preview-emphasis[b-mzo3lxrqpy] {
    padding-top: 7px;
    border-top: 1px solid #dce3e8;
}

.quote-discount-preview-emphasis strong[b-mzo3lxrqpy] {
    color: #152536;
    font-weight: 700;
}

.quote-discount-actions[b-mzo3lxrqpy] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

@media (max-width: 576px) {
    .quote-discount-preview > div[b-mzo3lxrqpy] {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .quote-discount-actions[b-mzo3lxrqpy] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .quote-discount-actions[b-mzo3lxrqpy]  .rz-button {
        width: 100%;
    }
}
/* /Features/Quotes/Pages/QuoteDiscountPricingComparison.razor.rz.scp.css */
.quote-discount-comparison[b-4jwsjcci47],
.quote-discount-product-comparison[b-4jwsjcci47] {
    margin: 16px 0;
    padding: 12px;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
}

.quote-discount-comparison-title[b-4jwsjcci47] {
    margin-bottom: 8px;
    color: var(--rz-text-title-color);
    font-size: .85rem;
    font-weight: 600;
}

.quote-discount-comparison table[b-4jwsjcci47] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.quote-discount-comparison .quote-discount-metric-column[b-4jwsjcci47] {
    width: 31%;
}

.quote-discount-comparison th[b-4jwsjcci47],
.quote-discount-comparison td[b-4jwsjcci47],
.quote-discount-product-comparison th[b-4jwsjcci47],
.quote-discount-product-comparison td[b-4jwsjcci47] {
    padding: 8px 5px;
    border-top: 1px solid var(--rz-base-200);
    font-size: .78rem;
    text-align: right;
    white-space: nowrap;
}

.quote-discount-comparison thead th[b-4jwsjcci47],
.quote-discount-product-comparison thead th[b-4jwsjcci47] {
    padding-top: 2px;
    border-top: 0;
    color: var(--rz-text-secondary-color);
    font-size: .72rem;
    font-weight: 600;
}

.quote-discount-comparison th:first-child[b-4jwsjcci47],
.quote-discount-product-comparison th:first-child[b-4jwsjcci47],
.quote-discount-product-comparison th:nth-child(2)[b-4jwsjcci47] {
    text-align: left;
    white-space: normal;
}

.quote-discount-comparison tbody th[b-4jwsjcci47],
.quote-discount-product-comparison tbody th[b-4jwsjcci47] {
    color: var(--rz-text-secondary-color);
    font-weight: 500;
}

.quote-discount-comparison tbody td[b-4jwsjcci47] {
    line-height: 1.25;
    white-space: normal;
    font-variant-numeric: tabular-nums;
}

.quote-discount-after[b-4jwsjcci47] {
    color: var(--rz-text-title-color);
    font-weight: 700;
}

.quote-discount-change[b-4jwsjcci47] {
    color: #23824d;
    font-weight: 600;
}

.quote-discount-total-row th[b-4jwsjcci47],
.quote-discount-total-row td[b-4jwsjcci47] {
    font-weight: 700;
}

.quote-discount-product-table-shell[b-4jwsjcci47] {
    max-height: 340px;
    overflow: auto;
}

.quote-discount-product-comparison table[b-4jwsjcci47] {
    width: 100%;
    min-width: 680px;
    table-layout: fixed;
    border-collapse: collapse;
}

.quote-discount-product-comparison .quote-discount-product-column[b-4jwsjcci47] {
    width: 30%;
}

.quote-discount-product-comparison .quote-discount-product-metric-column[b-4jwsjcci47] {
    width: 21%;
}

.quote-discount-product-comparison th[b-4jwsjcci47],
.quote-discount-product-comparison td[b-4jwsjcci47] {
    padding: 7px 6px;
    vertical-align: top;
}

.quote-discount-product-comparison thead th[b-4jwsjcci47] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--rz-base-background-color);
}

.quote-discount-product-comparison tbody th:first-child strong[b-4jwsjcci47],
.quote-discount-product-comparison tbody th:first-child small[b-4jwsjcci47] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-discount-product-comparison tbody th:first-child strong[b-4jwsjcci47] {
    color: var(--rz-text-title-color);
    font-weight: 650;
}

.quote-discount-product-comparison tbody th:first-child small[b-4jwsjcci47] {
    margin-top: 2px;
    color: var(--rz-text-secondary-color);
    font-size: .7rem;
    font-weight: 400;
}

.quote-discount-product-start th[b-4jwsjcci47],
.quote-discount-product-start td[b-4jwsjcci47] {
    border-top-color: var(--rz-base-300);
}

@media (max-width: 480px) {
    .quote-discount-comparison[b-4jwsjcci47] {
        padding: 10px 8px;
    }

    .quote-discount-comparison th[b-4jwsjcci47],
    .quote-discount-comparison td[b-4jwsjcci47] {
        padding: 7px 3px;
        font-size: .72rem;
    }

    .quote-discount-comparison thead th[b-4jwsjcci47] {
        font-size: .68rem;
    }
}
/* /Features/Quotes/Pages/QuoteDuplicateDialog.razor.rz.scp.css */
.quote-duplicate-dialog[b-sikmiee6nw] {
    min-width: 0;
}

.quote-duplicate-grid[b-sikmiee6nw],
.quote-duplicate-notes-grid[b-sikmiee6nw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.quote-duplicate-date-grid[b-sikmiee6nw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

[b-sikmiee6nw] .rz-dropdown,
[b-sikmiee6nw] .rz-dropdown-label,
[b-sikmiee6nw] .rz-dropdown-label-wrapper {
    min-width: 0;
    max-width: 100%;
}

[b-sikmiee6nw] .rz-dropdown-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .quote-duplicate-grid[b-sikmiee6nw],
    .quote-duplicate-notes-grid[b-sikmiee6nw],
    .quote-duplicate-date-grid[b-sikmiee6nw] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Quotes/Pages/QuoteFulfillmentDialog.razor.rz.scp.css */
.quote-fulfillment-dialog[b-s3o636qdll] {
    display: grid;
    gap: 1.125rem;
}

.quote-fulfillment-line[b-s3o636qdll] {
    display: grid;
    gap: .15rem;
    padding: .75rem .875rem;
    border-left: 3px solid var(--rz-primary);
    border-radius: 4px;
    background: var(--rz-base-50);
}

.quote-fulfillment-line span[b-s3o636qdll],
.quote-fulfillment-line small[b-s3o636qdll],
.quote-fulfillment-help[b-s3o636qdll] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.quote-provider-context[b-s3o636qdll] {
    display: inline-flex;
    width: fit-content;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-eyebrow);
    font-weight: 400;
    line-height: 1.25;
}

.quote-provider-attention[b-s3o636qdll] {
    display: grid;
    color: var(--rz-warning-dark);
    font-size: var(--mt-font-body);
    font-weight: 650;
}

.quote-provider-attention small[b-s3o636qdll] {
    font-weight: 500;
}

.quote-provider-field[b-s3o636qdll] {
    max-width: 24rem;
}

.quote-counterpart-browser[b-s3o636qdll],
.quote-counterpart-section[b-s3o636qdll] {
    display: grid;
    gap: .75rem;
}

.quote-current-pair[b-s3o636qdll] {
    display: grid;
    gap: .875rem;
    padding: .875rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-background-color);
}

.quote-current-pair-heading[b-s3o636qdll],
.quote-mode-heading[b-s3o636qdll] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.quote-current-pair-heading > div:first-child[b-s3o636qdll],
.quote-mode-heading > div:first-child[b-s3o636qdll] {
    display: grid;
    gap: .15rem;
}

.quote-current-pair-heading span[b-s3o636qdll] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.quote-current-pair-actions[b-s3o636qdll] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.quote-current-pair-lines[b-s3o636qdll] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .625rem;
}

.quote-current-pair-line[b-s3o636qdll] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: .625rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-50);
}

.quote-current-pair-line > span:last-child[b-s3o636qdll] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.quote-current-pair-line strong[b-s3o636qdll] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-current-pair-line small[b-s3o636qdll] {
    color: var(--rz-text-secondary-color);
}

.quote-current-pair-reference[b-s3o636qdll] {
    color: var(--rz-primary);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.quote-unpair-section[b-s3o636qdll] {
    padding-top: 0;
    border-top: 0;
}

.quote-counterpart-browser[b-s3o636qdll] {
    gap: 1rem;
}

.quote-counterpart-browser h3[b-s3o636qdll],
.quote-counterpart-browser h4[b-s3o636qdll],
.quote-counterpart-browser p[b-s3o636qdll] {
    margin: 0;
}

.quote-counterpart-browser h3[b-s3o636qdll] {
    font-size: 1.15rem;
    line-height: 1.3;
}

.quote-counterpart-browser h4[b-s3o636qdll] {
    color: var(--rz-text-color);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.3;
}

.quote-counterpart-browser p[b-s3o636qdll],
.quote-product-copy small[b-s3o636qdll],
.quote-product-copy span[b-s3o636qdll],
.quote-product-price small[b-s3o636qdll],
.quote-counterpart-card small[b-s3o636qdll],
.quote-standalone-option small[b-s3o636qdll] {
    color: var(--rz-text-secondary-color);
}

.quote-counterpart-browser p[b-s3o636qdll] {
    font-size: .85rem;
    line-height: 1.45;
}

.quote-counterpart-section[b-s3o636qdll] {
    padding-top: 1rem;
    border-top: 1px solid var(--rz-base-300);
}

.quote-counterpart-title-row[b-s3o636qdll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.quote-compatible-search[b-s3o636qdll] {
    display: grid;
    grid-template-columns: auto minmax(220px, 320px);
    align-items: center;
    gap: .5rem;
}

.quote-existing-line-grid[b-s3o636qdll],
.quote-product-grid[b-s3o636qdll],
.quote-standalone-grid[b-s3o636qdll] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.quote-counterpart-card[b-s3o636qdll],
.quote-product-card[b-s3o636qdll],
.quote-standalone-option[b-s3o636qdll] {
    position: relative;
    width: 100%;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    text-align: left;
    min-width: 0;
    cursor: pointer;
}

.quote-counterpart-card[b-s3o636qdll] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
}

.quote-product-card[b-s3o636qdll] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 96px;
    padding: .75rem;
}

.quote-standalone-option[b-s3o636qdll] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .625rem;
    padding: .75rem;
}

.quote-counterpart-card:hover:not(:has(.quote-choice-input:disabled))[b-s3o636qdll],
.quote-product-card:hover:not(:has(.quote-choice-input:disabled))[b-s3o636qdll],
.quote-standalone-option:hover:not(:has(.quote-choice-input:disabled))[b-s3o636qdll],
.quote-counterpart-card.selected[b-s3o636qdll],
.quote-product-card.selected[b-s3o636qdll],
.quote-standalone-option.selected[b-s3o636qdll] {
    border-color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 6%, white);
    box-shadow: 0 0 0 1px var(--rz-primary);
}

.quote-product-card:has(.quote-choice-input:disabled)[b-s3o636qdll],
.quote-counterpart-card:has(.quote-choice-input:disabled)[b-s3o636qdll],
.quote-standalone-option:has(.quote-choice-input:disabled)[b-s3o636qdll] {
    opacity: .58;
    cursor: not-allowed;
}

.quote-product-image[b-s3o636qdll] {
    position: relative;
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    overflow: hidden;
    background: var(--rz-base-100);
}

.quote-product-image img[b-s3o636qdll] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--rz-base-background-color);
}

.quote-product-copy[b-s3o636qdll],
.quote-product-price[b-s3o636qdll],
.quote-counterpart-card span[b-s3o636qdll],
.quote-standalone-option span[b-s3o636qdll] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.quote-product-copy strong[b-s3o636qdll],
.quote-counterpart-card strong[b-s3o636qdll] {
    overflow-wrap: anywhere;
}

.quote-product-price[b-s3o636qdll] {
    justify-items: end;
    text-align: right;
}

.quote-choice-status[b-s3o636qdll] {
    color: #25734a;
    font-size: .75rem;
    font-weight: 650;
}

.quote-product-empty[b-s3o636qdll] {
    grid-column: 1 / -1;
    padding: 1.5rem 1rem;
    border: 1px dashed var(--rz-base-300);
    color: var(--rz-text-secondary-color);
    text-align: center;
}

.quote-load-more[b-s3o636qdll] {
    display: flex;
    justify-content: center;
}

.platform-dialog-field[b-s3o636qdll] {
    display: grid;
    gap: .4rem;
}

.quote-sim-selector[b-s3o636qdll] {
    margin: 0;
    padding: 1rem 0 0;
    border: 0;
    border-top: 1px solid var(--rz-base-300);
}

.quote-sim-selector legend[b-s3o636qdll] {
    float: none;
    width: auto;
    margin: 0 0 .5rem;
    font-size: .875rem;
    font-weight: 700;
}

.quote-sim-options[b-s3o636qdll] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.quote-sim-option[b-s3o636qdll] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem;
    padding: .75rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    text-align: left;
    cursor: pointer;
}

.quote-choice-input[b-s3o636qdll] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.quote-counterpart-card:has(.quote-choice-input:focus-visible)[b-s3o636qdll],
.quote-product-card:has(.quote-choice-input:focus-visible)[b-s3o636qdll],
.quote-standalone-option:has(.quote-choice-input:focus-visible)[b-s3o636qdll],
.quote-sim-option:has(.quote-choice-input:focus-visible)[b-s3o636qdll] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
}

.quote-sim-option.selected[b-s3o636qdll] {
    border-color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 6%, white);
    box-shadow: 0 0 0 1px var(--rz-primary);
}

.quote-sim-option span[b-s3o636qdll] {
    display: grid;
    gap: .2rem;
}

.quote-sim-option small[b-s3o636qdll] {
    color: var(--rz-text-secondary-color);
}

@media (max-width: 720px) {
    .quote-counterpart-title-row[b-s3o636qdll] {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-compatible-search[b-s3o636qdll],
    .quote-current-pair-lines[b-s3o636qdll],
    .quote-existing-line-grid[b-s3o636qdll],
    .quote-product-grid[b-s3o636qdll],
    .quote-standalone-grid[b-s3o636qdll],
    .quote-sim-options[b-s3o636qdll] {
        grid-template-columns: 1fr;
    }

    .quote-current-pair-heading[b-s3o636qdll],
    .quote-mode-heading[b-s3o636qdll] {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-product-card[b-s3o636qdll] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .quote-product-image[b-s3o636qdll] {
        width: 64px;
        height: 64px;
    }

    .quote-product-price[b-s3o636qdll] {
        grid-column: 2;
        justify-items: start;
        text-align: left;
    }
}
/* /Features/Quotes/Pages/QuoteHeaderDialog.razor.rz.scp.css */
.quote-dialog-form[b-6iuvkzd55z] {
    display: grid;
    gap: 1rem;
}

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

.quote-dialog-actions[b-6iuvkzd55z] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    padding-top: .5rem;
}

.quote-dialog-section[b-6iuvkzd55z] {
    display: grid;
    gap: .75rem;
    padding: .875rem;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #f8fafc;
}

.quote-dialog-section-heading[b-6iuvkzd55z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.quote-dialog-section-heading h3[b-6iuvkzd55z] {
    margin: 0;
    color: #152536;
    font-size: 1rem;
    letter-spacing: 0;
}

.quote-dialog-section-heading p[b-6iuvkzd55z] {
    margin: .2rem 0 0;
    color: #607080;
    font-size: .8125rem;
}

.quote-dialog-required[b-6iuvkzd55z] {
    flex: 0 0 auto;
    color: #8a5d0a;
    font-size: .75rem;
    font-weight: 650;
}

.quote-dialog-success[b-6iuvkzd55z] {
    padding: .5rem .625rem;
    border-left: 3px solid #2f8f55;
    background: #edf8f1;
    color: #25663f;
    font-size: .8125rem;
}

.quote-purchase-order-row[b-6iuvkzd55z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .75rem;
}

.quote-purchase-order-upload[b-6iuvkzd55z] {
    display: grid;
    gap: .375rem;
    color: #607080;
    font-size: .75rem;
}

.quote-purchase-order-document[b-6iuvkzd55z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .625rem;
    border-top: 1px solid #dce3e9;
}

.quote-purchase-order-document > div[b-6iuvkzd55z] {
    display: grid;
    min-width: 0;
    gap: .125rem;
}

.quote-purchase-order-document strong[b-6iuvkzd55z] {
    overflow-wrap: anywhere;
    color: #152536;
    font-size: .8125rem;
}

.quote-purchase-order-document span[b-6iuvkzd55z] {
    color: #607080;
    font-size: .75rem;
}

@media (max-width: 640px) {
    .quote-dialog-grid[b-6iuvkzd55z] {
        grid-template-columns: 1fr;
    }

    .quote-dialog-section-heading[b-6iuvkzd55z],
    .quote-purchase-order-document[b-6iuvkzd55z] {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-purchase-order-row[b-6iuvkzd55z] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Quotes/Pages/QuoteLineDialog.razor.rz.scp.css */
.quote-line-dialog[b-1wcfypjww3] {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-height: min(680px, calc(100vh - 160px));
}

.quote-shop-layout[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 1rem;
    min-height: 390px;
}

.quote-category-nav[b-1wcfypjww3] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding-right: .75rem;
    border-right: 1px solid var(--bs-border-color);
}

.quote-category-option[b-1wcfypjww3],
.quote-back-link[b-1wcfypjww3] {
    border: 0;
    background: transparent;
    color: var(--bs-body-color);
    text-align: left;
}

.quote-category-option[b-1wcfypjww3] {
    min-height: 38px;
    padding: .5rem .625rem;
    border-left: 3px solid transparent;
    font-weight: 600;
}

.quote-category-option:hover[b-1wcfypjww3],
.quote-category-option.selected[b-1wcfypjww3] {
    background: var(--bs-tertiary-bg);
    border-left-color: var(--bs-primary);
    color: var(--bs-primary);
}

.quote-product-browser[b-1wcfypjww3],
.quote-counterpart-browser[b-1wcfypjww3] {
    min-width: 0;
}

.quote-product-search[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    padding: .25rem .625rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    margin-bottom: .75rem;
}

.quote-product-search[b-1wcfypjww3]  .rz-textbox {
    border: 0;
    box-shadow: none;
}

.quote-product-search.compact[b-1wcfypjww3] {
    width: min(360px, 100%);
    margin: 0;
}

.quote-product-grid[b-1wcfypjww3],
.quote-existing-line-grid[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    max-height: 390px;
    overflow-y: auto;
    padding: .125rem .25rem .25rem .125rem;
}

.quote-product-card[b-1wcfypjww3],
.quote-counterpart-card[b-1wcfypjww3] {
    display: grid;
    width: 100%;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    text-align: left;
    min-width: 0;
}

.quote-product-card[b-1wcfypjww3] {
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    min-height: 112px;
    padding: .75rem;
}

.quote-product-card:hover:not(:disabled)[b-1wcfypjww3],
.quote-product-card.selected[b-1wcfypjww3],
.quote-counterpart-card:hover[b-1wcfypjww3],
.quote-counterpart-card.selected[b-1wcfypjww3] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px var(--bs-primary);
}

.quote-product-card:disabled[b-1wcfypjww3] {
    cursor: not-allowed;
    background: var(--bs-tertiary-bg);
}

.quote-product-card:disabled .quote-product-image[b-1wcfypjww3],
.quote-product-card:disabled .quote-product-card-copy[b-1wcfypjww3] {
    opacity: .62;
}

.quote-product-image[b-1wcfypjww3] {
    position: relative;
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    background: var(--bs-tertiary-bg);
    overflow: hidden;
}

.quote-product-image img[b-1wcfypjww3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--bs-body-bg);
}

.quote-product-card-content[b-1wcfypjww3],
.quote-product-card-copy[b-1wcfypjww3],
.quote-product-card-price[b-1wcfypjww3],
.quote-selected-product-summary[b-1wcfypjww3],
.quote-counterpart-card span[b-1wcfypjww3] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.quote-product-card-content[b-1wcfypjww3] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: .75rem;
}

.quote-product-card-copy strong[b-1wcfypjww3],
.quote-counterpart-card strong[b-1wcfypjww3] {
    overflow-wrap: anywhere;
}

.quote-product-card-copy small[b-1wcfypjww3],
.quote-product-card-copy span[b-1wcfypjww3],
.quote-product-card-price small[b-1wcfypjww3],
.quote-selected-product-summary span[b-1wcfypjww3],
.quote-selected-product-summary small[b-1wcfypjww3],
.quote-counterpart-card small[b-1wcfypjww3],
.quote-counterpart-browser p[b-1wcfypjww3] {
    color: var(--bs-secondary-color);
}

.quote-product-card-price[b-1wcfypjww3] {
    justify-items: end;
    text-align: right;
}

.quote-product-card-status[b-1wcfypjww3] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    padding-top: .4rem;
    border-top: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
    font-size: var(--mt-font-eyebrow);
    line-height: 1.35;
}

.quote-product-card-status .rzi[b-1wcfypjww3] {
    flex: 0 0 auto;
    font-size: 1rem;
}

.quote-product-empty[b-1wcfypjww3] {
    grid-column: 1 / -1;
    padding: 2rem 1rem;
    color: var(--bs-secondary-color);
    text-align: center;
    border: 1px dashed var(--bs-border-color);
}

.quote-load-more[b-1wcfypjww3] {
    display: flex;
    justify-content: center;
    padding-top: .75rem;
}

.quote-selection-panel[b-1wcfypjww3],
.quote-counterpart-section[b-1wcfypjww3],
.quote-sim-selector[b-1wcfypjww3] {
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    padding: .875rem;
}

.quote-selection-panel[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: minmax(200px, .8fr) minmax(0, 1.7fr);
    gap: 1rem;
    align-items: end;
}

.quote-selection-controls[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: 120px minmax(260px, 1fr);
    gap: .75rem;
}

.quote-control-field[b-1wcfypjww3] {
    display: grid;
    gap: .35rem;
}

.quote-provider-field[b-1wcfypjww3] {
    grid-column: 1 / -1;
    max-width: 24rem;
}

.quote-provider-context[b-1wcfypjww3] {
    display: inline-flex;
    width: fit-content;
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-eyebrow);
    font-weight: 400;
    line-height: 1.25;
}

.quote-relationship-options[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.quote-relationship-option[b-1wcfypjww3] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .5rem;
    min-height: 72px;
    padding: .625rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    text-align: left;
    cursor: pointer;
}

.quote-relationship-option:hover:not(:has(.quote-choice-input:disabled))[b-1wcfypjww3],
.quote-relationship-option.selected[b-1wcfypjww3] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px var(--bs-primary);
}

.quote-relationship-option span[b-1wcfypjww3] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.quote-relationship-option small[b-1wcfypjww3] {
    color: var(--bs-secondary-color);
    line-height: 1.3;
}

.quote-selection-panel .quote-sim-selector[b-1wcfypjww3] {
    grid-column: 1 / -1;
}

.quote-counterpart-header[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.quote-back-link[b-1wcfypjww3] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: var(--bs-primary);
    padding: .25rem 0;
}

.quote-selected-product-summary.compact[b-1wcfypjww3] {
    padding-left: 1rem;
    border-left: 1px solid var(--bs-border-color);
}

.quote-counterpart-browser[b-1wcfypjww3] {
    display: grid;
    gap: .875rem;
}

.quote-counterpart-browser h3[b-1wcfypjww3],
.quote-counterpart-browser h4[b-1wcfypjww3],
.quote-counterpart-browser p[b-1wcfypjww3] {
    margin: 0;
}

.quote-counterpart-section[b-1wcfypjww3] {
    display: grid;
    gap: .75rem;
}

.quote-counterpart-title-row[b-1wcfypjww3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.quote-existing-line-grid[b-1wcfypjww3] {
    max-height: 160px;
}

.quote-counterpart-card[b-1wcfypjww3] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
}

.quote-suggested[b-1wcfypjww3] {
    color: var(--bs-success);
    font-size: .75rem;
    font-weight: 700;
}

.quote-sim-selector[b-1wcfypjww3] {
    margin: 0;
}

.quote-sim-selector legend[b-1wcfypjww3] {
    float: none;
    width: auto;
    margin: 0 0 .625rem;
    font-size: .875rem;
    font-weight: 700;
}

.quote-sim-options[b-1wcfypjww3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.quote-sim-option[b-1wcfypjww3] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .625rem;
    min-height: 66px;
    padding: .75rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    text-align: left;
    cursor: pointer;
}

.quote-choice-input[b-1wcfypjww3] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.quote-relationship-option:has(.quote-choice-input:focus-visible)[b-1wcfypjww3],
.quote-sim-option:has(.quote-choice-input:focus-visible)[b-1wcfypjww3] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.quote-relationship-option:has(.quote-choice-input:disabled)[b-1wcfypjww3] {
    cursor: not-allowed;
    opacity: .58;
}

.quote-sim-option.selected[b-1wcfypjww3] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px var(--bs-primary);
}

.quote-sim-option span[b-1wcfypjww3] {
    display: grid;
    gap: .2rem;
}

.quote-sim-option small[b-1wcfypjww3] {
    color: var(--bs-secondary-color);
}

.quote-dialog-actions[b-1wcfypjww3] {
    display: flex;
    align-items: center;
    align-self: end;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .875rem;
    border-top: 1px solid var(--bs-border-color);
}

@media (max-width: 820px) {
    .quote-shop-layout[b-1wcfypjww3] {
        grid-template-columns: 1fr;
    }

    .quote-category-nav[b-1wcfypjww3] {
        flex-direction: row;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--bs-border-color);
        padding: 0 0 .5rem;
    }

    .quote-category-option[b-1wcfypjww3] {
        flex: 0 0 auto;
        border-left: 0;
        border-bottom: 3px solid transparent;
    }

    .quote-category-option:hover[b-1wcfypjww3],
    .quote-category-option.selected[b-1wcfypjww3] {
        border-left-color: transparent;
        border-bottom-color: var(--bs-primary);
    }

    .quote-product-grid[b-1wcfypjww3],
    .quote-existing-line-grid[b-1wcfypjww3],
    .quote-sim-options[b-1wcfypjww3],
    .quote-relationship-options[b-1wcfypjww3],
    .quote-selection-panel[b-1wcfypjww3],
    .quote-selection-controls[b-1wcfypjww3] {
        grid-template-columns: 1fr;
    }

    .quote-product-card[b-1wcfypjww3] {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .quote-product-card-content[b-1wcfypjww3] {
        grid-template-columns: 1fr;
    }

    .quote-product-image[b-1wcfypjww3] {
        width: 72px;
        height: 72px;
    }

    .quote-product-card-price[b-1wcfypjww3] {
        justify-items: start;
        text-align: left;
    }

    .quote-counterpart-header[b-1wcfypjww3],
    .quote-counterpart-title-row[b-1wcfypjww3] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .quote-selected-product-summary.compact[b-1wcfypjww3] {
        padding: 0;
        border-left: 0;
    }
}
/* /Features/Quotes/Pages/QuoteLineStartDateDialog.razor.rz.scp.css */
.quote-line-date-dialog[b-tatthif9ix] {
    min-width: 0;
}

.quote-line-date-context[b-tatthif9ix] {
    display: grid;
    gap: 3px;
    padding: 12px 14px;
    border: 1px solid #dce3e8;
    border-radius: 6px;
    background: #f5f8fa;
}

.quote-line-date-context strong[b-tatthif9ix] {
    color: #1d2f40;
    font-size: 14px;
}

.quote-line-date-context span[b-tatthif9ix],
.platform-dialog-field small[b-tatthif9ix] {
    color: #607080;
    font-size: 12px;
}
/* /Features/Quotes/Pages/QuotePairingConfirmationDialog.razor.rz.scp.css */
.quote-pairing-confirmation[b-wo0uvbn673] {
    display: grid;
    gap: 1rem;
}

.quote-pairing-candidates[b-wo0uvbn673] {
    display: grid;
    gap: .5rem;
    max-height: 260px;
    overflow-y: auto;
}

.quote-pairing-candidate[b-wo0uvbn673] {
    display: grid;
    gap: .15rem;
    padding: .7rem .8rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    background: var(--rz-base-50);
}

.quote-pairing-candidate span[b-wo0uvbn673],
.quote-pairing-candidate small[b-wo0uvbn673] {
    color: var(--rz-text-secondary-color);
}

.quote-pairing-candidate small[b-wo0uvbn673] {
    font-size: .78rem;
}
/* /Features/Quotes/Pages/QuoteQuantityDialog.razor.rz.scp.css */
.quote-quantity-form[b-e0e62csa8f] {
    display: grid;
    gap: 1rem;
}

.quote-quantity-meta[b-e0e62csa8f] {
    margin-top: .25rem;
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
}

.quote-dialog-actions[b-e0e62csa8f] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}
/* /Features/Quotes/Pages/QuoteReassignDialog.razor.rz.scp.css */
.quote-reassign-form[b-d2t9txkb83] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.quote-reassign-context[b-d2t9txkb83] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #f4f7fa;
    color: #3f5264;
    font-size: 13px;
    line-height: 1.45;
}

.quote-reassign-context[b-d2t9txkb83]  .rzi {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #526d84;
}

.quote-reassign-field[b-d2t9txkb83] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.quote-reassign-field[b-d2t9txkb83]  .rz-label {
    color: #506171;
    font-size: 12px;
    font-weight: 650;
}

.quote-reassign-field[b-d2t9txkb83]  .rz-dropdown,
.quote-reassign-field[b-d2t9txkb83]  .rz-dropdown-label {
    min-width: 0;
    max-width: 100%;
}

.quote-reassign-field[b-d2t9txkb83]  .rz-dropdown-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-reassign-field[b-d2t9txkb83]  .rz-message {
    font-size: 11px;
}

.quote-reassign-actions[b-d2t9txkb83] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
}

@media (max-width: 576px) {
    .quote-reassign-actions[b-d2t9txkb83] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .quote-reassign-actions[b-d2t9txkb83]  .rz-button {
        width: 100%;
    }
}
/* /Features/Quotes/Pages/Quotes.razor.rz.scp.css */
.quotes-page[b-qrdj5sorhh] { display: grid; gap: 1rem; padding: 1.5rem; }
.quotes-header[b-qrdj5sorhh], .quotes-heading[b-qrdj5sorhh], .quotes-actions[b-qrdj5sorhh], .quotes-grid-title[b-qrdj5sorhh] { display: flex; align-items: center; }
.quotes-header[b-qrdj5sorhh] { justify-content: space-between; gap: 1rem; }
.quotes-heading[b-qrdj5sorhh] { gap: .75rem; }
.quotes-eyebrow[b-qrdj5sorhh] { color: var(--rz-primary); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.quotes-heading h1[b-qrdj5sorhh], .quotes-grid-title h2[b-qrdj5sorhh] { margin: 0; color: var(--rz-text-title-color); }
.quotes-heading h1[b-qrdj5sorhh] { font-size: 1.5rem; }
.quotes-heading p[b-qrdj5sorhh] { margin: .2rem 0 0; color: var(--rz-text-secondary-color); }
.quotes-actions[b-qrdj5sorhh] { gap: .5rem; }
.quotes-grid-title span[b-qrdj5sorhh] { color: var(--rz-text-secondary-color); font-size: .8rem; }
.quotes-filters[b-qrdj5sorhh] { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(150px, 1fr)) auto; align-items: end; gap: .75rem; padding: 1rem; border: 1px solid var(--rz-base-300); border-radius: 6px; background: var(--rz-base-background-color); }
.quotes-grid-shell[b-qrdj5sorhh] { min-width: 0; overflow: hidden; border: 1px solid var(--rz-base-300); border-radius: 6px; background: var(--rz-base-background-color); }
.quotes-grid-title[b-qrdj5sorhh] { justify-content: space-between; padding: .85rem 1rem; border-bottom: 1px solid var(--rz-base-300); }
.quotes-grid-title h2[b-qrdj5sorhh] { font-size: 1rem; }
/* Body ink with an underline, matching the Contract and Invoice registers. A column of bold
   brand-blue identifiers on every row turns a register into a wall of links; the underline
   carries the affordance and colour stays available for status that needs attention. */
.quote-number-link[b-qrdj5sorhh] { color: #152536; font-weight: 500; text-decoration: underline; }
.quote-number-link:hover[b-qrdj5sorhh],
.quote-number-link:focus-visible[b-qrdj5sorhh] { color: var(--rz-primary); }
.quote-account-name[b-qrdj5sorhh] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quote-status[b-qrdj5sorhh] { display: inline-flex; padding: .2rem .5rem; border-radius: 999px; background: var(--rz-success-lighter); color: var(--rz-success-darker); font-size: .75rem; font-weight: 700; }
.quote-downstream-links[b-qrdj5sorhh] { display: grid; gap: .15rem; }
.quote-downstream-links a[b-qrdj5sorhh] { width: fit-content; color: #152536; font-weight: 500; text-decoration: underline; white-space: nowrap; }
.quote-downstream-links a:hover[b-qrdj5sorhh],
.quote-downstream-links a:focus-visible[b-qrdj5sorhh] { color: var(--rz-primary); }
.quote-downstream-empty[b-qrdj5sorhh] { color: var(--rz-text-secondary-color); }
[b-qrdj5sorhh] .platform-data-grid .rz-grid-table { min-width: 1840px; table-layout: fixed; }

@media (max-width: 900px) {
    .quotes-header[b-qrdj5sorhh] { align-items: flex-start; flex-direction: column; }
    .quotes-filters[b-qrdj5sorhh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .quotes-page[b-qrdj5sorhh] { padding: 1rem; }
    .quotes-filters[b-qrdj5sorhh] { grid-template-columns: 1fr; }
}

/* /Features/Quotes/Pages/QuoteSendConfirmDialog.razor.rz.scp.css */
.quote-send-confirm[b-09uxnvciyf] {
    display: grid;
    gap: 12px;
}

.quote-send-confirm p[b-09uxnvciyf],
.quote-send-confirm dl[b-09uxnvciyf],
.quote-send-confirm dd[b-09uxnvciyf] {
    margin: 0;
}

.quote-send-confirm dl[b-09uxnvciyf] {
    display: grid;
    gap: 8px;
    padding: 12px;
    background: #f6f9fb;
    border: 1px solid #d7e1e8;
    border-radius: 4px;
}

.quote-send-confirm dl > div[b-09uxnvciyf] {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
}

.quote-send-confirm dt[b-09uxnvciyf] {
    color: #526779;
    font-size: 13px;
    font-weight: 600;
}

.quote-send-confirm dd[b-09uxnvciyf] {
    overflow-wrap: anywhere;
}

.quote-send-confirm-note[b-09uxnvciyf] {
    color: #526779;
    font-size: 13px;
}

.quote-send-confirm-actions[b-09uxnvciyf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
}

.quote-send-confirm-preview[b-09uxnvciyf] {
    margin: 0;
}

.quote-send-confirm-primary-actions[b-09uxnvciyf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

@media (max-width: 480px) {
    .quote-send-confirm dl > div[b-09uxnvciyf] {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .quote-send-confirm-actions[b-09uxnvciyf] {
        flex-wrap: wrap;
    }

    .quote-send-confirm-preview[b-09uxnvciyf],
    .quote-send-confirm-primary-actions[b-09uxnvciyf] {
        width: 100%;
    }

    .quote-send-confirm-primary-actions[b-09uxnvciyf] {
        justify-content: flex-end;
    }
}
/* /Features/SubscriptionsAndRenewals/Pages/Renewals.razor.rz.scp.css */
.renewals-page[b-340wyc4ty6] {
    padding: 16px;
    max-width: 100%;
}

.renewals-header[b-340wyc4ty6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.renewals-heading[b-340wyc4ty6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.renewals-heading-icon[b-340wyc4ty6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #eef3f7;
    color: #0b2238;
}

.renewals-eyebrow[b-340wyc4ty6] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.renewals-heading h1[b-340wyc4ty6] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.renewals-heading p[b-340wyc4ty6] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.renewals-actions[b-340wyc4ty6] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.renewals-filters[b-340wyc4ty6] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.renewals-summary[b-340wyc4ty6] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 8px 0;
    margin-bottom: 8px;
    font-size: 13px;
    color: #607080;
}

.renewals-grid-section[b-340wyc4ty6] {
    min-width: 0;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #ffffff;
}

.renewals-grid-shell[b-340wyc4ty6] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}
/* /Features/Support/Pages/SupportSettings.razor.rz.scp.css */
.support-settings-page[b-sz0xo1kwth] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.support-settings-page > form[b-sz0xo1kwth],
.support-settings-page > section[b-sz0xo1kwth] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
}

.support-settings-header[b-sz0xo1kwth],
.support-settings-heading[b-sz0xo1kwth],
.support-settings-loading[b-sz0xo1kwth],
.support-settings-actions[b-sz0xo1kwth],
.support-holiday-form[b-sz0xo1kwth] {
    display: flex;
    align-items: center;
}

.support-settings-header[b-sz0xo1kwth] {
    justify-content: space-between;
    gap: 1rem;
}

.support-settings-heading[b-sz0xo1kwth],
.support-settings-loading[b-sz0xo1kwth] {
    gap: .85rem;
}

/* Both headings previously set only `margin: 0`, so they fell through to
   Bootstrap's defaults and rendered at 32px and 24px -- the section titles came
   out nearly as large as the page title above them. Every other platform page
   sizes its own headings; these were the outliers. */
.support-settings-heading h1[b-sz0xo1kwth],
.support-settings-section-heading h2[b-sz0xo1kwth] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.support-settings-heading h1[b-sz0xo1kwth] {
    font-size: var(--mt-font-page);
    font-weight: 600;
    line-height: 1.2;
}

.support-settings-section-heading h2[b-sz0xo1kwth] {
    font-size: var(--mt-font-section);
    font-weight: 600;
    line-height: 1.3;
}

.support-settings-heading p[b-sz0xo1kwth],
.support-settings-section-heading p[b-sz0xo1kwth] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.support-settings-eyebrow[b-sz0xo1kwth] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.support-settings-section[b-sz0xo1kwth] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border: 1px solid var(--mt-border);
    border-radius: .5rem;
    background: #fff;
}

.support-settings-section-heading[b-sz0xo1kwth] {
    margin-bottom: 1rem;
}

.support-settings-calendar-grid[b-sz0xo1kwth] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
}

.support-settings-calendar-grid > div[b-sz0xo1kwth],
.support-holiday-form > div[b-sz0xo1kwth] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.support-settings-calendar-grid small[b-sz0xo1kwth] {
    color: var(--rz-text-secondary-color);
}

.support-business-hours[b-sz0xo1kwth],
.support-sla-grid[b-sz0xo1kwth] {
    display: grid;
    gap: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    contain: inline-size;
    border: 1px solid var(--mt-border);
    border-radius: .4rem;
}

.support-business-hours-header[b-sz0xo1kwth],
.support-business-hours-row[b-sz0xo1kwth] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) 80px minmax(130px, 1fr) minmax(130px, 1fr);
    align-items: center;
    gap: .75rem;
    min-width: 620px;
    padding: .65rem .8rem;
}

.support-sla-header[b-sz0xo1kwth],
.support-sla-row[b-sz0xo1kwth] {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(170px, 1fr) minmax(170px, 1fr);
    align-items: center;
    gap: .75rem;
    min-width: 560px;
    padding: .65rem .8rem;
}

.support-business-hours-header[b-sz0xo1kwth],
.support-sla-header[b-sz0xo1kwth] {
    background: var(--mt-navy);
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
}

.support-business-hours-row[b-sz0xo1kwth],
.support-sla-row[b-sz0xo1kwth] {
    border-top: 1px solid var(--mt-border);
}

.support-business-hours-row:nth-child(odd)[b-sz0xo1kwth],
.support-sla-row:nth-child(odd)[b-sz0xo1kwth] {
    background: #f8fafc;
}

.support-business-hours-row[b-sz0xo1kwth]  .rz-datepicker {
    width: 100%;
}

.support-business-hours-row[b-sz0xo1kwth]  .rz-state-disabled {
    opacity: .7;
}

.support-settings-actions[b-sz0xo1kwth] {
    justify-content: flex-end;
    margin-top: 1rem;
}

.support-holiday-form[b-sz0xo1kwth] {
    align-items: end;
    gap: 1rem;
    margin-bottom: 1rem;
}

.support-holiday-form > div:first-child[b-sz0xo1kwth] {
    width: 220px;
}

.support-holiday-form > div:nth-child(2)[b-sz0xo1kwth] {
    flex: 1 1 320px;
}

.support-holiday-grid-scroll[b-sz0xo1kwth] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    contain: inline-size;
}

.support-settings-section[b-sz0xo1kwth]  .rz-numeric,
.support-settings-section[b-sz0xo1kwth]  .rz-datepicker,
.support-settings-section[b-sz0xo1kwth]  .rz-textbox {
    min-width: 0;
    max-width: 100%;
}

.support-holiday-grid[b-sz0xo1kwth] {
    min-width: 680px;
}

@media (max-width: 768px) {
    .support-settings-header[b-sz0xo1kwth],
    .support-holiday-form[b-sz0xo1kwth] {
        align-items: stretch;
        flex-direction: column;
    }

    .support-settings-calendar-grid[b-sz0xo1kwth] {
        grid-template-columns: 1fr;
    }

    .support-settings-section[b-sz0xo1kwth] {
        padding: 1rem;
    }

    .support-settings-heading[b-sz0xo1kwth] {
        min-width: 0;
        align-items: flex-start;
    }

    .support-settings-heading > div:last-child[b-sz0xo1kwth] {
        min-width: 0;
    }

    .support-settings-heading h1[b-sz0xo1kwth],
    .support-settings-heading p[b-sz0xo1kwth],
    .support-settings-section-heading h2[b-sz0xo1kwth],
    .support-settings-section-heading p[b-sz0xo1kwth] {
        overflow-wrap: anywhere;
    }

    .support-holiday-form > div:first-child[b-sz0xo1kwth],
    .support-holiday-form > div:nth-child(2)[b-sz0xo1kwth] {
        width: 100%;
    }

    .support-settings-header[b-sz0xo1kwth]  button,
    .support-settings-actions[b-sz0xo1kwth]  button,
    .support-holiday-form[b-sz0xo1kwth]  button {
        width: 100%;
    }
}
/* /Features/Support/Pages/SupportTicketCreateDialog.razor.rz.scp.css */
.support-dialog-intro[b-04ls297fx4] {
    margin: 0 0 1rem;
    color: var(--rz-text-secondary-color);
}

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

.support-form-grid > div[b-04ls297fx4] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.support-field-wide[b-04ls297fx4],
.support-field-full[b-04ls297fx4] {
    grid-column: 1 / -1;
}

.support-form-actions[b-04ls297fx4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: 1rem;
}

@media (max-width: 640px) {
    .support-form-grid[b-04ls297fx4] {
        grid-template-columns: 1fr;
    }

    .support-field-wide[b-04ls297fx4],
    .support-field-full[b-04ls297fx4] {
        grid-column: auto;
    }

    .support-form-actions[b-04ls297fx4] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .support-form-actions[b-04ls297fx4]  button {
        width: 100%;
    }
}
/* /Features/Support/Pages/SupportTicketDetail.razor.rz.scp.css */
.support-detail-page[b-udu9ihyrnn] {
    display: grid;
    gap: 1.25rem;
    max-width: 100%;
    overflow-x: hidden;
}

.support-detail-header[b-udu9ihyrnn],
.support-detail-heading[b-udu9ihyrnn],
.support-detail-loading[b-udu9ihyrnn],
.support-detail-actions[b-udu9ihyrnn],
.support-participant-command[b-udu9ihyrnn] {
    display: flex;
    align-items: center;
}

.support-detail-header[b-udu9ihyrnn] {
    justify-content: space-between;
    gap: 1rem;
}

.support-detail-heading[b-udu9ihyrnn],
.support-detail-loading[b-udu9ihyrnn] {
    gap: .85rem;
}

/* Sized explicitly: with only `margin: 0` these fell through to Bootstrap's
   defaults, so the ticket number rendered at 32px and every section title at
   24px, leaving "Manage ticket" and "Customer conversation" competing with the
   page title. */
.support-detail-heading h1[b-udu9ihyrnn],
.support-detail-section-heading h2[b-udu9ihyrnn] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.support-detail-heading h1[b-udu9ihyrnn] {
    font-size: var(--mt-font-page);
    font-weight: 600;
    line-height: 1.2;
}

.support-detail-section-heading h2[b-udu9ihyrnn] {
    font-size: var(--mt-font-section);
    font-weight: 600;
    line-height: 1.3;
}

.support-detail-heading p[b-udu9ihyrnn],
.support-detail-section-heading p[b-udu9ihyrnn] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.support-detail-eyebrow[b-udu9ihyrnn] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.support-detail-summary[b-udu9ihyrnn],
.support-detail-section[b-udu9ihyrnn] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--mt-border);
    border-radius: .5rem;
    background: #fff;
}

.support-detail-summary dl[b-udu9ihyrnn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.5rem;
    margin: 0;
}

.support-detail-summary dl > div[b-udu9ihyrnn] {
    min-width: 0;
}

.support-detail-summary dt[b-udu9ihyrnn] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
    font-weight: 600;
}

.support-detail-summary dd[b-udu9ihyrnn] {
    margin: .25rem 0 0;
    overflow-wrap: anywhere;
    font-weight: 600;
}

.support-detail-section-heading[b-udu9ihyrnn] {
    margin-bottom: 1rem;
}

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

.support-management-grid > div[b-udu9ihyrnn],
.support-work-form > div[b-udu9ihyrnn] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

/* Control and its command on one row. The command sizes to its text rather than
   stretching, which is what turned three ordinary updates into three full-width
   blue bars. */
.support-management-control[b-udu9ihyrnn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.support-message-list[b-udu9ihyrnn],
.support-note-list[b-udu9ihyrnn] {
    display: grid;
    gap: .75rem;
    margin-bottom: 1rem;
}

.support-message[b-udu9ihyrnn],
.support-note[b-udu9ihyrnn] {
    padding: 1rem;
    border: 1px solid var(--mt-border);
    border-radius: .4rem;
    background: #fff;
}

/* Notes share the message header treatment: author left, timestamp right, above
   the body. A ticket is read by scanning who said what and when, so both cards
   lead with the same two facts in the same place. */
.support-message header[b-udu9ihyrnn],
.support-note-header[b-udu9ihyrnn] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .4rem;
}

.support-message time[b-udu9ihyrnn],
.support-note time[b-udu9ihyrnn] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.support-message p[b-udu9ihyrnn],
.support-note p[b-udu9ihyrnn] {
    margin: .75rem 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.support-internal-section[b-udu9ihyrnn] {
    border-left: 4px solid var(--rz-warning);
}

.support-note[b-udu9ihyrnn] {
    background: #fffaf0;
}

/* The attachment list, picker chrome, and native file-input styling moved to the
   shared upload components in app.css. A page-specific copy is exactly the drift
   this task removes. */
.support-message[b-udu9ihyrnn]  .mt-submission-list,
.support-note[b-udu9ihyrnn]  .mt-submission-list {
    margin: .5rem 0;
}

.support-detail-actions[b-udu9ihyrnn] {
    justify-content: flex-end;
    margin-top: .75rem;
}

.support-participant-command[b-udu9ihyrnn] {
    gap: .75rem;
}

.support-work-grid-scroll[b-udu9ihyrnn] {
    max-width: 100%;
    overflow-x: auto;
}

.support-work-grid[b-udu9ihyrnn] {
    min-width: 900px;
}

.support-work-form[b-udu9ihyrnn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    gap: 1rem;
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .support-detail-summary dl[b-udu9ihyrnn],
    .support-management-grid[b-udu9ihyrnn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .support-detail-header[b-udu9ihyrnn],
    .support-message header[b-udu9ihyrnn],
    .support-note-header[b-udu9ihyrnn],
    .support-participant-command[b-udu9ihyrnn] {
        align-items: stretch;
        flex-direction: column;
    }

    .support-detail-summary dl[b-udu9ihyrnn],
    .support-management-grid[b-udu9ihyrnn],
    .support-work-form[b-udu9ihyrnn] {
        grid-template-columns: 1fr;
    }

    /* Stack rather than squeeze: at this width a side-by-side command leaves the
       dropdown too narrow to read the selected value. */
    .support-management-control[b-udu9ihyrnn] {
        grid-template-columns: 1fr;
    }

    .support-detail-header[b-udu9ihyrnn]  button,
    .support-participant-command[b-udu9ihyrnn]  button,
    .support-detail-actions[b-udu9ihyrnn]  button {
        width: 100%;
    }
}
/* /Features/Support/Pages/SupportTickets.razor.rz.scp.css */
.support-page[b-cf5gf8scw8] {
    display: grid;
    gap: 1.25rem;
    max-width: 100%;
    overflow-x: hidden;
}

.support-header[b-cf5gf8scw8],
.support-heading[b-cf5gf8scw8],
.support-grid-heading[b-cf5gf8scw8],
.support-section-heading[b-cf5gf8scw8],
.support-loading[b-cf5gf8scw8],
.support-form-actions[b-cf5gf8scw8] {
    display: flex;
    align-items: center;
}

.support-header[b-cf5gf8scw8],
.support-grid-heading[b-cf5gf8scw8],
.support-section-heading[b-cf5gf8scw8] {
    justify-content: space-between;
    gap: 1rem;
}

.support-heading[b-cf5gf8scw8] {
    gap: .85rem;
}

.support-header-actions[b-cf5gf8scw8] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

/* Sized explicitly: with only `margin: 0` these fell through to Bootstrap's
   defaults and rendered at 32px and 24px. Every other platform register page
   sizes its own headings; these were the outliers. */
.support-heading h1[b-cf5gf8scw8],
.support-grid-heading h2[b-cf5gf8scw8],
.support-section-heading h2[b-cf5gf8scw8] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.support-heading h1[b-cf5gf8scw8] {
    font-size: var(--mt-font-page);
    font-weight: 600;
    line-height: 1.2;
}

.support-grid-heading h2[b-cf5gf8scw8],
.support-section-heading h2[b-cf5gf8scw8] {
    font-size: var(--mt-font-section);
    font-weight: 600;
    line-height: 1.3;
}

.support-heading p[b-cf5gf8scw8],
.support-section-heading p[b-cf5gf8scw8] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.support-eyebrow[b-cf5gf8scw8] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.support-form-section[b-cf5gf8scw8],
.support-grid-surface[b-cf5gf8scw8] {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--mt-border);
    border-radius: .5rem;
    background: #fff;
}

.support-section-heading[b-cf5gf8scw8],
.support-grid-heading[b-cf5gf8scw8] {
    margin-bottom: 1rem;
}

.support-grid-heading span[b-cf5gf8scw8] {
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
}

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

.support-form-grid > div[b-cf5gf8scw8] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.support-field-wide[b-cf5gf8scw8],
.support-field-full[b-cf5gf8scw8] {
    grid-column: 1 / -1;
}

.support-form-actions[b-cf5gf8scw8] {
    justify-content: flex-end;
    margin-top: 1rem;
}

.support-account-filter[b-cf5gf8scw8] {
    width: min(340px, 100%);
}

.support-account-filter[b-cf5gf8scw8]  .rz-label {
    display: block;
    margin-bottom: .3rem;
}

.support-loading[b-cf5gf8scw8] {
    gap: .6rem;
    padding: .75rem 0;
}

.support-grid-scroll[b-cf5gf8scw8] {
    max-width: 100%;
    overflow-x: auto;
}

.support-grid[b-cf5gf8scw8] {
    min-width: 1180px;
}

@media (max-width: 768px) {
    .support-header[b-cf5gf8scw8],
    .support-grid-heading[b-cf5gf8scw8],
    .support-section-heading[b-cf5gf8scw8] {
        align-items: stretch;
        flex-direction: column;
    }

    .support-form-grid[b-cf5gf8scw8] {
        grid-template-columns: 1fr;
    }

    .support-field-wide[b-cf5gf8scw8],
    .support-field-full[b-cf5gf8scw8] {
        grid-column: auto;
    }

    .support-account-filter[b-cf5gf8scw8] {
        width: 100%;
    }

    .support-header-actions[b-cf5gf8scw8] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .support-form-actions[b-cf5gf8scw8]  button,
    .support-header[b-cf5gf8scw8]  button {
        width: 100%;
    }
}
/* /Features/Tax/Pages/AccountTaxExemptionsTab.razor.rz.scp.css */
.account-tax-exemptions[b-06tapbywi3] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
}

.account-tax-header[b-06tapbywi3],
.account-tax-section-heading[b-06tapbywi3],
.account-tax-commands[b-06tapbywi3] {
    display: flex;
    align-items: center;
}

.account-tax-header[b-06tapbywi3],
.account-tax-section-heading[b-06tapbywi3] {
    justify-content: space-between;
    gap: 1rem;
}

.account-tax-header h2[b-06tapbywi3],
.account-tax-section-heading h3[b-06tapbywi3] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.account-tax-header h2[b-06tapbywi3] {
    font-size: 1.15rem;
}

.account-tax-header p[b-06tapbywi3],
.account-tax-section-heading span[b-06tapbywi3],
.account-tax-table td > span[b-06tapbywi3],
.account-tax-muted[b-06tapbywi3] {
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
}

.account-tax-header p[b-06tapbywi3] {
    margin: .2rem 0 0;
}

.account-tax-header-actions[b-06tapbywi3],
.account-tax-commands[b-06tapbywi3] {
    display: flex;
    gap: .25rem;
}

.account-tax-register[b-06tapbywi3],
.account-tax-history[b-06tapbywi3] {
    display: grid;
    min-width: 0;
    gap: .75rem;
}

.account-tax-section-heading[b-06tapbywi3] {
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.account-tax-section-heading h3[b-06tapbywi3] {
    font-size: 1rem;
}

/* The .account-tax-layer* rules went with the Effective Exemptions section they styled. */

.account-tax-table-shell[b-06tapbywi3] {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
}

.account-tax-table[b-06tapbywi3] {
    width: 100%;
    min-width: 920px;
    table-layout: fixed;
    border-collapse: collapse;
}

.account-tax-table th[b-06tapbywi3],
.account-tax-table td[b-06tapbywi3] {
    padding: .7rem .75rem;
    border-bottom: 1px solid var(--rz-base-300);
    text-align: left;
    vertical-align: middle;
}

.account-tax-table th[b-06tapbywi3] {
    background: var(--rz-base-100);
    font-size: .72rem;
    text-transform: uppercase;
}

.account-tax-cell-stack[b-06tapbywi3] {
    display: grid;
    gap: .1rem;
}

.account-tax-col-jurisdiction[b-06tapbywi3] { width: 14%; }
.account-tax-col-classification[b-06tapbywi3] { width: 26%; }
.account-tax-col-status[b-06tapbywi3] { width: 15%; }
.account-tax-col-effective[b-06tapbywi3] { width: 18%; }
.account-tax-col-evidence[b-06tapbywi3] { width: 16%; }
.account-tax-col-commands[b-06tapbywi3] { width: 11%; }

.account-tax-history-col-event[b-06tapbywi3] { width: 12%; }
.account-tax-history-col-request[b-06tapbywi3] { width: 16%; }
.account-tax-history-col-actor[b-06tapbywi3] { width: 13%; }
.account-tax-history-col-when[b-06tapbywi3] { width: 20%; }
.account-tax-history-col-reason[b-06tapbywi3] { width: 39%; }

.account-tax-table td[b-06tapbywi3] {
    overflow-wrap: anywhere;
}

.account-tax-loading[b-06tapbywi3] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    gap: .75rem;
    color: var(--rz-text-secondary-color);
}

/* Recent Activity reuses .account-tax-table, so it inherits the same header, row rhythm, and
   borders as Account Requests directly above it. Only the column behaviour differs. */

/* Timestamps carry seconds, so they must not wrap mid-value. */
.account-tax-history-table .account-tax-history-when[b-06tapbywi3] {
    white-space: nowrap;
}

/* Reasons are free text and can be long; they take the slack rather than widening the
   fixed-width audit columns beside them. */
.account-tax-history-table td:last-child[b-06tapbywi3] {
    overflow-wrap: anywhere;
}

@media (max-width: 680px) {
    .account-tax-exemptions[b-06tapbywi3] {
        padding: .75rem;
    }

    .account-tax-header[b-06tapbywi3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-tax-layer dl[b-06tapbywi3] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Tax/Pages/ProductTaxMappingDialog.razor.rz.scp.css */
.tax-mapping-dialog[b-koo74y9nnh] {
    display: grid;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    gap: 16px;
    padding-right: 4px;
}

.mapping-fields[b-koo74y9nnh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mapping-copy-panel[b-koo74y9nnh] {
    padding: 12px;
    margin-bottom: 16px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #f7fafc;
}

.mapping-copy-panel small[b-koo74y9nnh] {
    color: #607080;
    font-size: 12px;
}

.mapping-form-group[b-koo74y9nnh] {
    display: grid;
    gap: 4px;
}

.mapping-form-group:last-child[b-koo74y9nnh] {
    grid-column: 1 / -1;
}

.mapping-label-row[b-koo74y9nnh],
.mapping-checkbox-row[b-koo74y9nnh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
}

.mapping-checkbox-row[b-koo74y9nnh] {
    margin-top: 2px;
}

.mapping-help-icon[b-koo74y9nnh] {
    font-size: 16px;
    color: #607080;
    cursor: help;
}

.mapping-form-actions[b-koo74y9nnh] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
}

@media (max-width: 640px) {
    .mapping-fields[b-koo74y9nnh] {
        grid-template-columns: 1fr;
    }

    .mapping-form-group:last-child[b-koo74y9nnh] {
        grid-column: auto;
    }
}
/* /Features/Tax/Pages/ProductTaxMappings.razor.rz.scp.css */
.product-tax-mappings-page[b-z45fzmzgw8] {
    padding: 16px;
    max-width: 100%;
}

.product-tax-mappings-header[b-z45fzmzgw8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.product-tax-mappings-heading[b-z45fzmzgw8] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.product-tax-mappings-icon[b-z45fzmzgw8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #eef3f7;
    color: #0b2238;
}

.product-tax-mappings-eyebrow[b-z45fzmzgw8] {
    font-size: 11px;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-tax-mappings-heading h1[b-z45fzmzgw8] {
    font-size: 24px;
    font-weight: 600;
    color: #152536;
    margin: 0;
    line-height: 1.2;
}

.product-tax-mappings-heading p[b-z45fzmzgw8] {
    font-size: 13px;
    color: #607080;
    margin: 2px 0 0;
}

.product-tax-mappings-actions[b-z45fzmzgw8] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.product-tax-mappings-summary[b-z45fzmzgw8] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 8px 0;
    margin-bottom: 16px;
    font-size: 13px;
    color: #607080;
}

.product-tax-mappings-summary strong[b-z45fzmzgw8] {
    margin-left: 4px;
    color: #152536;
}

.product-tax-mappings-filters[b-z45fzmzgw8] {
    display: grid;
    grid-template-columns: 2fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    margin-bottom: 16px;
}

.product-tax-mappings-filter-field[b-z45fzmzgw8] {
    display: grid;
    gap: 4px;
}

.product-tax-mappings-filter-field label[b-z45fzmzgw8] {
    font-size: 12px;
    font-weight: 600;
    color: #506171;
}

.product-tax-mappings-grid-section[b-z45fzmzgw8] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.product-tax-mappings-grid-shell[b-z45fzmzgw8] {
    overflow-x: auto;
}

.mapping-form-group[b-z45fzmzgw8] {
    display: grid;
    gap: 4px;
}

.mapping-form-actions[b-z45fzmzgw8] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mt-rule);
}
/* /Features/Tax/Pages/TaxExemptionDetail.razor.rz.scp.css */
.tax-detail-page[b-c7pwcz55z4] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1.5rem;
}

.tax-detail-header[b-c7pwcz55z4],
.tax-detail-heading[b-c7pwcz55z4],
.tax-detail-section-heading[b-c7pwcz55z4],
.tax-current-evidence[b-c7pwcz55z4],
.tax-evidence-commands[b-c7pwcz55z4],
.tax-decision-actions[b-c7pwcz55z4],
.tax-review-decision > header[b-c7pwcz55z4],
.tax-invoice-disposition > div:first-child[b-c7pwcz55z4] {
    display: flex;
    align-items: center;
}

.tax-detail-header[b-c7pwcz55z4],
.tax-detail-section-heading[b-c7pwcz55z4],
.tax-review-decision > header[b-c7pwcz55z4] {
    justify-content: space-between;
    gap: 1rem;
}

.tax-detail-heading[b-c7pwcz55z4] { gap: .5rem; }
.tax-detail-eyebrow[b-c7pwcz55z4] { color: var(--rz-primary); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.tax-detail-heading h1[b-c7pwcz55z4],
.tax-detail-section-heading h2[b-c7pwcz55z4],
.tax-review-decision h2[b-c7pwcz55z4],
.tax-decision-step h3[b-c7pwcz55z4] { margin: 0; color: var(--rz-text-title-color); }
.tax-detail-heading h1[b-c7pwcz55z4] { font-size: 1.5rem; }
.tax-detail-heading p[b-c7pwcz55z4] { margin: .2rem 0 0; color: var(--rz-text-secondary-color); }

.tax-detail-content[b-c7pwcz55z4] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.tax-review-workspace[b-c7pwcz55z4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 23rem);
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
    align-items: start;
}

.tax-document-review[b-c7pwcz55z4],
.tax-current-evidence[b-c7pwcz55z4],
.tax-review-decision[b-c7pwcz55z4],
.tax-decision-step[b-c7pwcz55z4],
.tax-request-details[b-c7pwcz55z4],
.tax-invoice-detail[b-c7pwcz55z4],
.tax-history-section[b-c7pwcz55z4],
.tax-invoice-disposition[b-c7pwcz55z4] { min-width: 0; }

.tax-document-review[b-c7pwcz55z4],
.tax-decision-step[b-c7pwcz55z4],
.tax-request-details[b-c7pwcz55z4],
.tax-invoice-detail[b-c7pwcz55z4],
.tax-history-section[b-c7pwcz55z4],
.tax-invoice-disposition[b-c7pwcz55z4] { display: grid; gap: .75rem; }

.tax-detail-section-heading[b-c7pwcz55z4] { padding-bottom: .6rem; border-bottom: 1px solid var(--rz-base-300); }
.tax-detail-section-heading h2[b-c7pwcz55z4],
.tax-review-decision h2[b-c7pwcz55z4] { font-size: 1rem; }
.tax-detail-section-heading span[b-c7pwcz55z4],
.tax-evidence-main span[b-c7pwcz55z4],
.tax-awaiting-evidence span[b-c7pwcz55z4] { color: var(--rz-text-secondary-color); font-size: .8rem; }

.tax-current-evidence[b-c7pwcz55z4] {
    gap: .75rem;
    padding: .75rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
}

.tax-evidence-icon[b-c7pwcz55z4] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    border-radius: 4px;
    background: var(--rz-base-100);
    color: var(--rz-primary);
}

.tax-evidence-main[b-c7pwcz55z4] { display: grid; min-width: 0; flex: 1; gap: .05rem; }
.tax-evidence-main span[b-c7pwcz55z4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tax-evidence-name[b-c7pwcz55z4] { color: var(--rz-text-color) !important; font-size: .875rem !important; font-weight: 600; }
.tax-evidence-commands[b-c7pwcz55z4],
.tax-decision-actions[b-c7pwcz55z4] { gap: .4rem; }

.tax-evidence-download[b-c7pwcz55z4] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    color: var(--rz-text-color);
    text-decoration: none;
}

.tax-evidence-download:hover[b-c7pwcz55z4] { background: var(--rz-base-200); color: var(--rz-primary); }

.tax-review-decision[b-c7pwcz55z4] {
    display: grid;
    gap: 1rem;
    overflow: hidden;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-50);
}

.tax-decision-step + .tax-decision-step[b-c7pwcz55z4] { padding-top: 1rem; border-top: 1px solid var(--rz-base-300); }
.tax-decision-step h3[b-c7pwcz55z4] { font-size: .875rem; }
.tax-decision-step p[b-c7pwcz55z4],
.tax-invoice-disposition p[b-c7pwcz55z4] { margin: 0; }
.tax-decision-actions[b-c7pwcz55z4] {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
}
.tax-decision-guidance[b-c7pwcz55z4] { color: var(--rz-text-secondary-color); font-size: .8rem; }

[b-c7pwcz55z4] .tax-review-decision .rz-form-field,
[b-c7pwcz55z4] .tax-review-decision .rz-dropdown,
[b-c7pwcz55z4] .tax-review-decision .rz-button {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[b-c7pwcz55z4] .tax-review-decision .rz-dropdown-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-awaiting-evidence[b-c7pwcz55z4] {
    padding: .75rem;
    border-left: 3px solid var(--rz-info);
    background: var(--rz-info-lighter);
}

.tax-request-details[b-c7pwcz55z4],
.tax-invoice-detail[b-c7pwcz55z4],
.tax-history-section[b-c7pwcz55z4] { padding: 1rem; }

.tax-request-details dl[b-c7pwcz55z4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem;
    margin: 0;
}

.tax-request-details dt[b-c7pwcz55z4],
.tax-invoice-disposition > div:first-child > span[b-c7pwcz55z4] {
    color: var(--rz-text-secondary-color);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tax-request-details dd[b-c7pwcz55z4] { margin: .15rem 0 0; overflow-wrap: anywhere; }
.tax-invoice-detail[b-c7pwcz55z4],
.tax-history-section + .tax-history-section[b-c7pwcz55z4] { border-top: 1px solid var(--rz-base-300); }
.tax-invoice-disposition > div:first-child[b-c7pwcz55z4] { gap: .5rem; }
.tax-history-grid[b-c7pwcz55z4] { min-width: 0; }
.tax-detail-loading[b-c7pwcz55z4] { display: flex; justify-content: center; padding: 4rem; }

[b-c7pwcz55z4] .tax-detail-tabs > .rz-tabview-panels { padding: 0; }
[b-c7pwcz55z4] .tax-history-grid .rz-grid-table { min-width: 760px; }

@media (max-width: 950px) {
    .tax-review-workspace[b-c7pwcz55z4] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .tax-detail-page[b-c7pwcz55z4] { padding: 1rem; }
    .tax-detail-header[b-c7pwcz55z4],
    .tax-detail-section-heading[b-c7pwcz55z4],
    .tax-review-decision > header[b-c7pwcz55z4] { align-items: flex-start; flex-direction: column; }
    .tax-current-evidence[b-c7pwcz55z4] { align-items: flex-start; flex-wrap: wrap; }
    .tax-evidence-main[b-c7pwcz55z4] { min-width: calc(100% - 3rem); }
    .tax-evidence-commands[b-c7pwcz55z4] { margin-left: auto; }
    .tax-decision-actions[b-c7pwcz55z4] { justify-content: stretch; }
}
/* /Features/Tax/Pages/TaxExemptionEvidenceUploadDialog.razor.rz.scp.css */
.tax-evidence-dialog[b-n8ueorrzzi] {
    display: grid;
    gap: 1rem;
    width: min(34rem, 100%);
}

/* The picker, its label, and its selected-file feedback now come from the shared
   upload control. */

.tax-evidence-actions[b-n8ueorrzzi] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
/* /Features/Tax/Pages/TaxExemptionPoliciesPanel.razor.rz.scp.css */
.tax-policies-panel[b-ckqfaqql4g] { display: grid; min-width: 0; gap: 1rem; padding-top: 1rem; }
.tax-policies-header[b-ckqfaqql4g],
.tax-policies-header-actions[b-ckqfaqql4g],
.tax-policy-comparison-heading[b-ckqfaqql4g],
.tax-policy-commands[b-ckqfaqql4g],
.tax-policy-version header[b-ckqfaqql4g] { display: flex; align-items: center; }
.tax-policies-header[b-ckqfaqql4g],
.tax-policy-comparison-heading[b-ckqfaqql4g],
.tax-policy-version header[b-ckqfaqql4g] { justify-content: space-between; gap: 1rem; }
.tax-policies-header h2[b-ckqfaqql4g],
.tax-policy-comparison-heading h3[b-ckqfaqql4g] { margin: 0; color: var(--rz-text-title-color); font-size: 1rem; }
.tax-policies-header p[b-ckqfaqql4g] { margin: .2rem 0 0; color: var(--rz-text-secondary-color); }
.tax-policies-header-actions[b-ckqfaqql4g] { justify-content: flex-end; flex-wrap: wrap; gap: .5rem; }
.tax-policies-table-shell[b-ckqfaqql4g] { min-width: 0; overflow: hidden; border: 1px solid var(--rz-base-300); border-radius: 6px; }
.tax-policy-comparison-heading span[b-ckqfaqql4g] { color: var(--rz-text-secondary-color); font-size: .8rem; }
.tax-policy-commands[b-ckqfaqql4g] { gap: .2rem; }
.tax-policy-comparison[b-ckqfaqql4g] { display: grid; gap: .75rem; padding-top: .25rem; }
.tax-policy-comparison-selectors[b-ckqfaqql4g],
.tax-policy-comparison-grid[b-ckqfaqql4g] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.tax-policy-version[b-ckqfaqql4g] { min-width: 0; padding: .85rem; border: 1px solid var(--rz-base-300); border-radius: 6px; }
.tax-policy-version dl[b-ckqfaqql4g] { display: grid; gap: .55rem; margin: .75rem 0 0; }
.tax-policy-version dt[b-ckqfaqql4g] { color: var(--rz-text-secondary-color); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.tax-policy-version dd[b-ckqfaqql4g] { margin: .1rem 0 0; overflow-wrap: anywhere; }
.tax-policies-loading[b-ckqfaqql4g] { display: flex; justify-content: center; padding: 3rem; }
.tax-policy-status[b-ckqfaqql4g] {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid var(--mt-border);
    border-radius: 10px;
    background: #edf1f4;
    color: #607080;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}
.tax-policy-status.is-draft[b-ckqfaqql4g] {
    border-color: #edc88f;
    background: #fff4e5;
    color: #8a5300;
}
.tax-policy-status.is-published[b-ckqfaqql4g] {
    border-color: #9bcbaa;
    background: #e8f5ed;
    color: #23743b;
}
[b-ckqfaqql4g] .tax-policies-grid .rz-grid-table { min-width: 2070px; table-layout: fixed; }
@media (max-width: 760px) {
    .tax-policies-header[b-ckqfaqql4g],
    .tax-policy-comparison-heading[b-ckqfaqql4g] { align-items: flex-start; flex-direction: column; }
    .tax-policy-comparison-selectors[b-ckqfaqql4g],
    .tax-policy-comparison-grid[b-ckqfaqql4g] { grid-template-columns: 1fr; }
    .tax-policies-header-actions[b-ckqfaqql4g] { width: 100%; justify-content: flex-start; }
}
/* /Features/Tax/Pages/TaxExemptionPolicyDialog.razor.rz.scp.css */
.tax-policy-dialog[b-stipigb5sk] { display: grid; gap: 1rem; width: min(56rem, 100%); }
.tax-policy-dialog-grid[b-stipigb5sk] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.tax-policy-dialog-grid-three[b-stipigb5sk] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tax-policy-codes[b-stipigb5sk] { margin: 0; padding: .75rem; border: 1px solid var(--rz-base-300); border-radius: 6px; }
.tax-policy-codes legend[b-stipigb5sk] { padding: 0 .25rem; font-size: .8rem; font-weight: 700; }
.tax-policy-codes > div[b-stipigb5sk] { display: flex; flex-wrap: wrap; gap: .65rem 1rem; }
.tax-policy-codes label[b-stipigb5sk] { display: inline-flex; align-items: center; gap: .3rem; }
.tax-policy-field-help[b-stipigb5sk] { margin-top: .35rem; color: var(--rz-text-secondary-color); font-size: .78rem; line-height: 1.35; }
.tax-policy-dialog-actions[b-stipigb5sk] { display: flex; justify-content: flex-end; gap: .5rem; }
@media (max-width: 720px) {
    .tax-policy-dialog-grid[b-stipigb5sk],
    .tax-policy-dialog-grid-three[b-stipigb5sk] { grid-template-columns: 1fr; }
}
/* /Features/Tax/Pages/TaxExemptionPolicyImportDialog.razor.rz.scp.css */
.tax-policy-import-dialog[b-lsrur55sm4] { display: grid; gap: 1rem; }
.tax-policy-import-picker[b-lsrur55sm4] { display: grid; gap: .4rem; color: var(--rz-text-secondary-color); font-size: .8rem; font-weight: 600; }
.tax-policy-import-picker input[b-lsrur55sm4] { width: 100%; padding: .65rem; border: 1px solid var(--rz-base-300); border-radius: 4px; background: var(--rz-base-100); color: var(--rz-text-color); }
.tax-policy-import-summary[b-lsrur55sm4] { display: grid; gap: .8rem; padding: .85rem; border: 1px solid var(--rz-base-300); border-radius: 6px; background: var(--rz-base-50); }
.tax-policy-import-summary > div[b-lsrur55sm4] { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.tax-policy-import-summary > div span[b-lsrur55sm4] { display: grid; min-width: 0; }
.tax-policy-import-summary strong[b-lsrur55sm4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tax-policy-import-summary small[b-lsrur55sm4] { color: var(--rz-text-secondary-color); }
.tax-policy-import-summary dl[b-lsrur55sm4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 0; }
.tax-policy-import-summary dl div[b-lsrur55sm4] { padding: .65rem; border: 1px solid var(--rz-base-300); border-radius: 4px; background: var(--rz-base-background-color); }
.tax-policy-import-summary dt[b-lsrur55sm4] { color: var(--rz-text-secondary-color); font-size: .75rem; }
.tax-policy-import-summary dd[b-lsrur55sm4] { margin: .2rem 0 0; font-size: 1.15rem; font-weight: 700; }
.tax-policy-import-errors[b-lsrur55sm4] { max-height: 12rem; margin: -.5rem 0 0; padding-left: 1.25rem; overflow: auto; color: var(--rz-danger); }
.tax-policy-import-more[b-lsrur55sm4] { margin: -.5rem 0 0; color: var(--rz-text-secondary-color); font-size: .8rem; }
.tax-policy-import-actions[b-lsrur55sm4] { display: flex; justify-content: flex-end; gap: .5rem; padding-top: .25rem; }
@media (max-width: 520px) {
    .tax-policy-import-summary dl[b-lsrur55sm4] { grid-template-columns: 1fr; }
}
/* /Features/Tax/Pages/TaxExemptionReasonDialog.razor.rz.scp.css */
.tax-reason-dialog[b-yaojut3e7w] { display: grid; gap: .75rem; width: min(32rem, 100%); }
.tax-reason-description[b-yaojut3e7w] { margin: 0; color: var(--rz-text-secondary-color); }
.tax-reason-error[b-yaojut3e7w] { color: var(--rz-danger); font-size: .8rem; }
.tax-reason-actions[b-yaojut3e7w] { display: flex; justify-content: flex-end; gap: .5rem; }
/* /Features/Tax/Pages/TaxExemptions.razor.rz.scp.css */
.tax-exemptions-page[b-x0ux1ly5ja] {
    display: grid;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    gap: 1rem;
    padding: 1.5rem;
}

.tax-exemptions-header[b-x0ux1ly5ja],
.tax-exemptions-heading[b-x0ux1ly5ja],
.tax-exemptions-grid-title[b-x0ux1ly5ja] {
    display: flex;
    align-items: center;
}

.tax-exemptions-header[b-x0ux1ly5ja] {
    justify-content: space-between;
    gap: 1rem;
}

.tax-exemptions-heading[b-x0ux1ly5ja] {
    gap: .75rem;
}

.tax-exemptions-eyebrow[b-x0ux1ly5ja] {
    color: var(--rz-primary);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tax-exemptions-heading h1[b-x0ux1ly5ja],
.tax-exemptions-grid-title h2[b-x0ux1ly5ja] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.tax-exemptions-heading h1[b-x0ux1ly5ja] { font-size: 1.5rem; }
.tax-exemptions-heading p[b-x0ux1ly5ja] { margin: .2rem 0 0; color: var(--rz-text-secondary-color); }

.tax-exemptions-filters[b-x0ux1ly5ja] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    align-items: end;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.tax-exemptions-grid-shell[b-x0ux1ly5ja] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    margin-top: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.tax-exemptions-grid-title[b-x0ux1ly5ja] {
    justify-content: space-between;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.tax-exemptions-grid-title h2[b-x0ux1ly5ja] { font-size: 1rem; }
.tax-exemptions-grid-title span[b-x0ux1ly5ja] { color: var(--rz-text-secondary-color); font-size: .8rem; }

.tax-exemptions-page[b-x0ux1ly5ja]  .tax-exemptions-tabs,
.tax-exemptions-page[b-x0ux1ly5ja]  .rz-tabview-panels,
.tax-exemptions-page[b-x0ux1ly5ja]  .rz-tabview-panel,
.tax-exemptions-page[b-x0ux1ly5ja]  .platform-summary-strip {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.tax-exemptions-page[b-x0ux1ly5ja]  .platform-summary-strip { margin: 1rem 0 0; }

/* Received date over how long it has been waiting. The age is secondary until it is not:
   past the threshold it turns amber so a stale request is visible while scanning rather than
   only once someone subtracts two dates. */
.tax-exemptions-received[b-x0ux1ly5ja] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.tax-exemptions-age[b-x0ux1ly5ja] {
    color: #607080;
    font-size: 11px;
}

.tax-exemptions-age.is-aging[b-x0ux1ly5ja] {
    color: #8a5a10;
    font-weight: 600;
}

/*
 * Account name reads as ordinary text with an underline rather than in the link
 * colour. Every row here is already clickable, so a bright link on top of that is
 * one accent too many; the underline is enough to say it goes somewhere else.
 * The colour returns on hover, where it is feedback rather than decoration.
 */
[b-x0ux1ly5ja] .tax-exemptions-grid td a {
    color: inherit;
    text-decoration: underline;
}

[b-x0ux1ly5ja] .tax-exemptions-grid td a:hover,
[b-x0ux1ly5ja] .tax-exemptions-grid td a:focus-visible {
    color: var(--rz-primary);
}

/* One column wider than before: Received was added. */
[b-x0ux1ly5ja] .tax-exemptions-grid .rz-grid-table { min-width: 2100px; table-layout: fixed; }

@media (max-width: 1250px) {
    .tax-exemptions-filters[b-x0ux1ly5ja] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .tax-exemptions-page[b-x0ux1ly5ja] { padding: 1rem; }
    .tax-exemptions-header[b-x0ux1ly5ja] { align-items: flex-start; flex-direction: column; }
    .tax-exemptions-filters[b-x0ux1ly5ja] { grid-template-columns: 1fr; }
}
/* /Features/Tax/Pages/TaxExemptionSubmissionDialog.razor.rz.scp.css */
.tax-dialog-form[b-687vqrnxbf] {
    display: grid;
    gap: 1rem;
    width: min(34rem, 100%);
}

.tax-dialog-dates[b-687vqrnxbf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.tax-dialog-actions[b-687vqrnxbf] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .25rem;
}

@media (max-width: 560px) {
    .tax-dialog-dates[b-687vqrnxbf] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Tenancy/Pages/TenantRegistry.razor.rz.scp.css */
/* This stylesheet did not exist. The markup already used tenant-registry-*
   classes, so every one of them resolved to nothing: the header never became a
   flex row, which is why the actions fell beneath the subtitle instead of
   sitting top right, and the headings fell through to Bootstrap's 32px h1.
   The rules below match the register pages this one sits beside, such as
   Accounts and Invoices. */

.tenant-registry-page[b-d2wuofoxb2] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
    padding: 1.5rem;
}

.tenant-registry-header[b-d2wuofoxb2],
.tenant-registry-heading[b-d2wuofoxb2],
.tenant-registry-actions[b-d2wuofoxb2] {
    display: flex;
    align-items: center;
}

.tenant-registry-header[b-d2wuofoxb2] {
    justify-content: space-between;
    gap: 1rem;
}

.tenant-registry-heading[b-d2wuofoxb2] {
    gap: .85rem;
}

.tenant-registry-actions[b-d2wuofoxb2] {
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

/* No rule for the icon chip. The markup uses the shared
   .platform-page-heading-icon from app.css, as the other register pages do;
   restating those 40px here would be a second copy of a value that already has
   one home. */

.tenant-registry-eyebrow[b-d2wuofoxb2] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tenant-registry-heading h1[b-d2wuofoxb2] {
    margin: 0;
    color: var(--rz-text-title-color);
    font-size: var(--mt-font-page);
    font-weight: 600;
    line-height: 1.2;
}

.tenant-registry-heading p[b-d2wuofoxb2] {
    margin: .2rem 0 0;
    color: var(--rz-text-secondary-color);
}

/* The search sits in the same bordered surface as the grid it filters, rather
   than floating as a bare label and input on the page canvas. */
.tenant-registry-filter[b-d2wuofoxb2] {
    padding: 1rem;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

.tenant-registry-search[b-d2wuofoxb2] {
    display: grid;
    gap: .35rem;
    max-width: 420px;
    min-width: 0;
}

.tenant-registry-search label[b-d2wuofoxb2] {
    color: var(--rz-text-secondary-color);
    font-size: var(--mt-font-label);
    font-weight: 600;
}

.tenant-registry-grid[b-d2wuofoxb2] {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #fff;
}

@media (max-width: 768px) {
    .tenant-registry-page[b-d2wuofoxb2] {
        padding: 1rem;
    }

    .tenant-registry-header[b-d2wuofoxb2] {
        align-items: stretch;
        flex-direction: column;
    }

    .tenant-registry-actions[b-d2wuofoxb2] {
        justify-content: flex-start;
    }

    .tenant-registry-search[b-d2wuofoxb2] {
        max-width: 100%;
    }
}
/* /Integrations/SureAddress/Pages/SureAddress.razor.rz.scp.css */
/* SureAddress developer test page - scoped styles */

.sureaddress-page[b-neqgg6qe1e] {
    max-width: 960px;
    margin: 0 auto;
    padding: 1.5rem;
}

.sureaddress-header[b-neqgg6qe1e] {
    margin-bottom: 1.5rem;
}

.sureaddress-heading[b-neqgg6qe1e] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.sureaddress-heading-icon[b-neqgg6qe1e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #e8f4fd;
    color: #2287e6;
    flex-shrink: 0;
}

.sureaddress-heading-icon .rz-icon[b-neqgg6qe1e] {
    font-size: 1.25rem;
}

.sureaddress-eyebrow[b-neqgg6qe1e] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #607080;
    margin-bottom: 0.25rem;
}

.sureaddress-heading h1[b-neqgg6qe1e] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #152536;
    margin: 0 0 0.25rem 0;
}

.sureaddress-heading p[b-neqgg6qe1e] {
    font-size: 0.875rem;
    color: #607080;
    margin: 0;
}

.sureaddress-section[b-neqgg6qe1e] {
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.sureaddress-section h2[b-neqgg6qe1e] {
    font-size: 1rem;
    font-weight: 600;
    color: #152536;
    margin: 0 0 1rem 0;
}

.sureaddress-form[b-neqgg6qe1e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sureaddress-form-row[b-neqgg6qe1e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.sureaddress-form-row > :nth-child(3)[b-neqgg6qe1e] {
    grid-column: 1 / -1;
}

.sureaddress-actions[b-neqgg6qe1e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.sureaddress-result-card[b-neqgg6qe1e] {
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    padding: 1rem;
}

.sureaddress-result-header[b-neqgg6qe1e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.sureaddress-result-status[b-neqgg6qe1e] {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.sureaddress-result-status.success[b-neqgg6qe1e] {
    color: #38b86a;
    background-color: #e8f8ef;
}

.sureaddress-result-status.failure[b-neqgg6qe1e] {
    color: #dc3545;
    background-color: #fde8e8;
}

.sureaddress-result-code[b-neqgg6qe1e] {
    font-size: 0.875rem;
    color: #607080;
}

.sureaddress-result-grid[b-neqgg6qe1e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.sureaddress-result-field[b-neqgg6qe1e] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sureaddress-result-label[b-neqgg6qe1e] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sureaddress-result-value[b-neqgg6qe1e] {
    font-size: 0.875rem;
    color: #152536;
    font-family: monospace;
}

.sureaddress-result-message[b-neqgg6qe1e] {
    font-size: 0.875rem;
    color: #dc3545;
    margin: 0;
}

.sureaddress-raw-response[b-neqgg6qe1e] {
    margin-top: 1rem;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    padding: 0.75rem;
}

.sureaddress-raw-response summary[b-neqgg6qe1e] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #607080;
    cursor: pointer;
}

.sureaddress-raw-pre[b-neqgg6qe1e] {
    margin: 0.75rem 0 0 0;
    padding: 0.75rem;
    background-color: #f5f7fa;
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: monospace;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 300px;
    overflow-y: auto;
}

/* HTTP error body diagnostics - developer page only */

.sureaddress-http-diagnostics[b-neqgg6qe1e] {
    margin-top: 1rem;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    padding: 0.5rem;
}

.sureaddress-http-diagnostics summary[b-neqgg6qe1e] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #607080;
    cursor: pointer;
    padding: 0.25rem 0;
}

.sureaddress-http-body[b-neqgg6qe1e] {
    margin: 0.75rem 0 0 0;
    padding: 0.75rem;
    background-color: #f5f7fa;
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: monospace;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 300px;
    overflow-y: auto;
}
/* /Shared/WebUI/Pages/Home.razor.rz.scp.css */
.home-page[b-xopy0s6d5q] {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}

.home-header[b-xopy0s6d5q],
.home-heading[b-xopy0s6d5q],
.home-actions[b-xopy0s6d5q],
.home-section-header[b-xopy0s6d5q],
.home-type-cell[b-xopy0s6d5q],
.home-recent-row[b-xopy0s6d5q],
.home-recent-meta[b-xopy0s6d5q] {
    display: flex;
    align-items: center;
}

.home-header[b-xopy0s6d5q] {
    justify-content: space-between;
    gap: 1rem;
}

.home-heading[b-xopy0s6d5q] {
    gap: 0.75rem;
    min-width: 0;
}

.home-eyebrow[b-xopy0s6d5q] {
    color: var(--rz-primary);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.home-heading h1[b-xopy0s6d5q],
.home-section-header h2[b-xopy0s6d5q] {
    margin: 0;
    color: var(--rz-text-title-color);
}

.home-heading h1[b-xopy0s6d5q] {
    font-size: 1.5rem;
}

.home-heading p[b-xopy0s6d5q] {
    margin: 0.2rem 0 0;
    color: var(--rz-text-secondary-color);
}

.home-actions[b-xopy0s6d5q] {
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.home-workspace[b-xopy0s6d5q] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.8fr);
    gap: 1rem;
    align-items: start;
}

.home-work-queue[b-xopy0s6d5q],
.home-recent[b-xopy0s6d5q] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
    border-radius: 6px;
    background: var(--rz-base-background-color);
}

.home-section-header[b-xopy0s6d5q] {
    min-height: 64px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--rz-base-300);
}

.home-section-header h2[b-xopy0s6d5q] {
    font-size: 1rem;
}

.home-section-header span[b-xopy0s6d5q] {
    color: var(--rz-text-secondary-color);
    font-size: 0.8rem;
}

.home-section-count[b-xopy0s6d5q] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: var(--rz-base-200);
    color: var(--rz-text-color) !important;
    font-weight: 700;
}

.home-loading[b-xopy0s6d5q] {
    display: grid;
    min-height: 180px;
    place-items: center;
}

.home-grid-scroll[b-xopy0s6d5q] {
    min-width: 0;
    overflow-x: auto;
}

.home-attention-grid[b-xopy0s6d5q] {
    min-width: 1050px;
}

.home-type-cell[b-xopy0s6d5q] {
    gap: 0.35rem;
    color: var(--rz-text-secondary-color);
}

.home-type-cell[b-xopy0s6d5q]  .rzi {
    color: var(--rz-primary);
    font-size: 1rem;
}

.home-record-link[b-xopy0s6d5q],
.home-recent-row[b-xopy0s6d5q] {
    text-decoration: none;
}

.home-record-link[b-xopy0s6d5q] {
    display: block;
    color: var(--rz-primary);
    font-weight: 700;
}

.home-record-link:hover[b-xopy0s6d5q],
.home-recent-row:hover .home-recent-reference[b-xopy0s6d5q] {
    text-decoration: underline;
}

.home-record-title[b-xopy0s6d5q] {
    display: block;
    overflow: hidden;
    color: var(--rz-text-secondary-color);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-priority[b-xopy0s6d5q] {
    display: inline-flex;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: var(--rz-base-200);
    color: var(--rz-text-secondary-color);
    font-size: 0.72rem;
    font-weight: 700;
}

.home-priority.is-attention[b-xopy0s6d5q] {
    background: var(--rz-warning-lighter);
    color: var(--rz-warning-darker);
}

.home-priority.is-urgent[b-xopy0s6d5q] {
    background: var(--rz-danger-lighter);
    color: var(--rz-danger-darker);
}

.home-recent-list[b-xopy0s6d5q] {
    display: grid;
}

.home-recent-row[b-xopy0s6d5q] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 0.65rem;
    min-height: 62px;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--rz-base-200);
    color: var(--rz-text-color);
}

.home-recent-row:last-child[b-xopy0s6d5q] {
    border-bottom: 0;
}

.home-recent-row:hover[b-xopy0s6d5q] {
    background: var(--rz-base-100);
}

.home-recent-icon[b-xopy0s6d5q] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 6px;
    background: var(--rz-primary-lighter);
    color: var(--rz-primary-darker);
}

.home-recent-content[b-xopy0s6d5q],
.home-recent-meta[b-xopy0s6d5q] {
    min-width: 0;
}

.home-recent-content[b-xopy0s6d5q] {
    display: grid;
    align-content: center;
}

.home-recent-reference[b-xopy0s6d5q] {
    color: var(--rz-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

.home-recent-title[b-xopy0s6d5q] {
    overflow: hidden;
    color: var(--rz-text-secondary-color);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-recent-meta[b-xopy0s6d5q] {
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    color: var(--rz-text-secondary-color);
    font-size: 0.72rem;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .home-workspace[b-xopy0s6d5q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .home-page[b-xopy0s6d5q] {
        padding: 1rem;
    }

    .home-header[b-xopy0s6d5q] {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-actions[b-xopy0s6d5q] {
        justify-content: flex-start;
        width: 100%;
    }

    .home-actions[b-xopy0s6d5q]  .rz-button {
        flex: 1 1 auto;
    }
}

@media (max-width: 480px) {
    .home-actions[b-xopy0s6d5q]  .rz-button {
        width: 100%;
    }

    .home-recent-row[b-xopy0s6d5q] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .home-recent-meta[b-xopy0s6d5q] {
        display: none;
    }
}
/* /Shared/WebUI/Pages/InlineDocumentPreview.razor.rz.scp.css */
.document-preview[b-tyt2hxkylj] {
    min-width: 0;
    padding: 16px 18px 18px;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
    background: #f7fafc;
}

.document-preview-bounded[b-tyt2hxkylj] {
    width: min(100%, 960px);
    margin-inline: auto;
}

.document-preview-embedded[b-tyt2hxkylj] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.document-preview-header[b-tyt2hxkylj] {
    min-height: 42px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.document-preview-header > div[b-tyt2hxkylj] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.document-preview-header > .document-preview-header-actions[b-tyt2hxkylj] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}

.document-preview-header strong[b-tyt2hxkylj] {
    overflow-wrap: anywhere;
    color: #15334b;
    font-size: 13px;
}

.document-preview-header span[b-tyt2hxkylj] {
    color: #607080;
    font-size: 11px;
}

.document-preview iframe[b-tyt2hxkylj] {
    width: 100%;
    height: min(72vh, 820px);
    min-height: 560px;
    display: block;
    border: 1px solid #aebfcb;
    background: #3c4349;
}

.document-preview-tools[b-tyt2hxkylj] {
    min-height: 40px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    border: 1px solid #aebfcb;
    border-bottom: 0;
    background: #eef2f5;
}

.document-preview-tools-embedded[b-tyt2hxkylj] {
    border-bottom: 0;
}

.document-preview-tools > span[b-tyt2hxkylj] {
    width: 54px;
    color: #31485a;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.document-image-viewport[b-tyt2hxkylj] {
    height: min(72vh, 820px);
    min-height: 560px;
    padding: 20px;
    overflow: auto;
    display: grid;
    place-items: start center;
    border: 1px solid #aebfcb;
    background: #3c4349;
}

/*
 * The grab cursor appears only once there is somewhere to drag to, set by the
 * viewer script. Offering it over an image that already fits promises a gesture
 * that cannot do anything.
 *
 * Dragging is an addition, not the only way through: the viewport is focusable,
 * so the scrollbars and the arrow keys pan it as well.
 */
.document-image-viewport.is-pannable[b-tyt2hxkylj] {
    cursor: grab;
}

.document-image-viewport.is-pannable.is-panning[b-tyt2hxkylj] {
    cursor: grabbing;
}

.document-image-viewport:focus-visible[b-tyt2hxkylj] {
    outline: 2px solid var(--mt-surface);
    outline-offset: -2px;
}

/*
 * Carries the rotated bounding box. A CSS rotate does not change an element's
 * layout size, so without this the container reserves the unrotated width and
 * height and a quarter-turned image loses its edges to the scroll boundary.
 */
.document-image-stage[b-tyt2hxkylj] {
    position: relative;
}

.document-image-stage img[b-tyt2hxkylj] {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    height: auto;
    display: block;
    transform-origin: center;
    transition: width 120ms ease, transform 120ms ease;
    /*
     * A drag that begins on the image must pan, not start the browser's own
     * image drag, which would detach a ghost and swallow the gesture.
     */
    user-select: none;
    -webkit-user-drag: none;
}

.document-image-failed[b-tyt2hxkylj] {
    max-width: 42ch;
    margin: 0;
    padding: 16px;
    color: var(--mt-surface);
    font-size: var(--mt-font-body);
    text-align: center;
}

/*
 * The ease is right for a button press and wrong for a wheel, where each notch
 * would chase the last and the image would lag the cursor it is anchored to.
 */
.document-image-viewport.is-interacting .document-image-stage img[b-tyt2hxkylj] {
    transition: none;
}

@media (max-width: 767.98px) {
    .document-preview[b-tyt2hxkylj] {
        padding: 12px;
    }

    .document-preview iframe[b-tyt2hxkylj] {
        height: 68vh;
        min-height: 420px;
    }

    .document-image-viewport[b-tyt2hxkylj] {
        height: 68vh;
        min-height: 420px;
        padding: 12px;
    }
}

/*
 * Document beside its decision panel.
 *
 * The aside is a fixed column so the document keeps the majority of the width; below
 * 1100px it stacks under the document rather than squeezing both into unreadability.
 */
.document-preview-body[b-tyt2hxkylj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.document-preview-body:has(.document-preview-aside)[b-tyt2hxkylj] {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
}

.document-preview-aside[b-tyt2hxkylj] {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    padding: 14px;
    overflow: hidden;
    border: 1px solid #dbe3ea;
    border-radius: 6px;
    background: #f8fafc;
    align-self: stretch;
}

.document-preview-aside > *[b-tyt2hxkylj] {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 1100px) {
    .document-preview-body:has(.document-preview-aside)[b-tyt2hxkylj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/*
 * Full screen.
 *
 * Fixed rather than the Fullscreen API so the toolbar stays ours, the behaviour
 * is the same inside a Radzen dialog as outside it, and no permission prompt is
 * involved. The viewport takes the remaining height rather than a fraction of
 * the window, because the point of the mode is that the document gets the space.
 */
.document-preview-fullscreen[b-tyt2hxkylj] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    margin: 0;
    max-width: none;
    border-radius: 0;
    overflow: auto;
    background: var(--mt-surface);
}

.document-preview-fullscreen .document-image-viewport[b-tyt2hxkylj],
.document-preview-fullscreen iframe[b-tyt2hxkylj] {
    height: calc(100vh - 132px);
    max-height: none;
}

.document-preview-fullscreen .document-preview-body[b-tyt2hxkylj] {
    height: auto;
}
/* /Shared/WebUI/Pages/InputTextDialog.razor.rz.scp.css */
.input-text-dialog-buttons[b-n3csnnlqt0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Shared/WebUI/Pages/PlatformEmptyState.razor.rz.scp.css */
/* Neutral empty state. Muted rather than coloured: an empty area is a normal starting
   condition, and styling it like a warning trains staff to ignore real warnings. */

.platform-empty-state[b-jy0ur0dk45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    padding: 2.25rem 1.25rem;
    color: var(--rz-text-secondary-color);
}

.platform-empty-state-icon[b-jy0ur0dk45] {
    font-size: 2rem;
    opacity: 0.55;
    margin-bottom: 0.15rem;
}

.platform-empty-state-title[b-jy0ur0dk45] {
    font-weight: 600;
    color: var(--rz-text-color);
}

.platform-empty-state-description[b-jy0ur0dk45] {
    /* Bounded so a long explanation wraps into a readable column instead of one wide line
       on a desktop viewport. */
    max-width: 32rem;
    line-height: 1.45;
}

.platform-empty-state-action[b-jy0ur0dk45] {
    margin-top: 0.6rem;
}

/* Narrow viewports: reclaim vertical space, since an empty state should never be the
   reason a page scrolls on mobile. */
@media (max-width: 640px) {
    .platform-empty-state[b-jy0ur0dk45] {
        padding: 1.5rem 0.75rem;
    }
}
/* /Shared/WebUI/Pages/PlatformFieldLabel.razor.rz.scp.css */
.platform-field-label[b-gzyjwdw5w8] {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.platform-field-required[b-gzyjwdw5w8] {
    color: #c62828;
    font-size: 13px;
    font-weight: 700;
}

.platform-field-help[b-gzyjwdw5w8] {
    position: relative;
    display: inline-block;
    color: var(--rz-text-secondary-color);
    font-size: 16px;
    line-height: 1;
}

.platform-field-help summary[b-gzyjwdw5w8] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
}

.platform-field-help summary[b-gzyjwdw5w8]::-webkit-details-marker {
    display: none;
}

.platform-field-help summary:focus-visible[b-gzyjwdw5w8] {
    border-radius: 3px;
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
}

.platform-field-help-content[b-gzyjwdw5w8] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 6px);
    left: 0;
    width: min(320px, calc(100vw - 48px));
    padding: 8px 10px;
    border: 1px solid var(--rz-base-400);
    border-radius: 4px;
    background: var(--rz-base-background-color);
    box-shadow: 0 4px 12px rgb(11 34 56 / 16%);
    color: var(--rz-text-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}
/* /Shared/WebUI/Pages/PlatformNotice.razor.rz.scp.css */
/* Semantic notice. Colour comes from the Radzen theme's alert styles so severities stay
   consistent with the rest of the platform; only spacing and text hierarchy are set here. */

.platform-notice[b-hrrqgy798x] {
    margin: 0 0 1rem;
}

.platform-notice-title[b-hrrqgy798x] {
    font-weight: 600;
    line-height: 1.35;
}

/* Slightly de-emphasised relative to the title: the title says what happened, this says
   what to do next, and the two should not compete. */
.platform-notice-message[b-hrrqgy798x] {
    margin-top: 0.2rem;
    line-height: 1.45;
}

.platform-notice-title + .platform-notice-message[b-hrrqgy798x] {
    margin-top: 0.25rem;
}
/* /Shared/WebUI/Pages/PlatformPhoneInput.razor.rz.scp.css */
.platform-phone-input[b-41no8y8822] {
    display: grid;
    gap: 4px;
    width: 100%;
}
/* /Shared/WebUI/Pages/PlatformSummaryStrip.razor.rz.scp.css */
.platform-summary-strip[b-h1y8vcvjla] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--mt-border);
    border-radius: 6px;
}

.platform-summary-metric[b-h1y8vcvjla] {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 10px 14px;
    border-right: 1px solid var(--mt-rule);
}

.platform-summary-metric:last-child[b-h1y8vcvjla] {
    border-right: 0;
}

.platform-summary-label[b-h1y8vcvjla] {
    color: #607080;
    font-size: 12px;
    font-weight: 600;
}

.platform-summary-value[b-h1y8vcvjla] {
    color: #152536;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.2;
}

@media (max-width: 640px) {
    .platform-summary-strip[b-h1y8vcvjla] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .platform-summary-metric:nth-child(2n)[b-h1y8vcvjla] {
        border-right: 0;
    }

    .platform-summary-metric:nth-child(n + 3)[b-h1y8vcvjla] {
        border-top: 1px solid var(--mt-rule);
    }
}