@import '_content/SharedComponents/SharedComponents.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-wbb6kahmsn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-wbb6kahmsn] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-wbb6kahmsn], article[b-wbb6kahmsn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-um2qau2pq0] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

.bi-house-door-fill-nav-menu[b-um2qau2pq0] {
    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-um2qau2pq0] {
    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-um2qau2pq0] {
    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-um2qau2pq0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-um2qau2pq0]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-um2qau2pq0] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-um2qau2pq0] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Auth/EulaAcceptance.razor.rz.scp.css */
/* ===== LAYOUT ===== */
.eula-page[b-ezvs79q2wn] {
    min-height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: var(--of-space-40) var(--of-space-24);
    box-sizing: border-box;
    overflow-x: hidden;
}

[b-ezvs79q2wn] .agent-button {
    position: absolute;
    bottom: 40px;
    right: 32px;
    width: 48px;
    height: 48px;
}

.eula-content-wrapper[b-ezvs79q2wn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 600px;
    gap: 40px;
}

.logo-container[b-ezvs79q2wn] {
    width: 254px;
    height: 72px;
}

.eula-body[b-ezvs79q2wn] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 40px;
}

/* ===== CTA SECTION ===== */
.cta-section[b-ezvs79q2wn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.heading-text[b-ezvs79q2wn] {
    font-weight: 600;
}

/* ===== EULA CARD ===== */
[b-ezvs79q2wn] .eula-card {
    border-radius: 16px !important;
}

.eula-item-container[b-ezvs79q2wn] {
    padding: 24px;
}

    .eula-item-container[b-ezvs79q2wn]  * {
        background-color: transparent !important;
        color: inherit;
    }

/* ===== EULA LOADING ===== */
.eula-loading[b-ezvs79q2wn] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

/* ===== AGREE BUTTON ===== */
[b-ezvs79q2wn] .agree-button {
    border-radius: 40px !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    width: 230px;
    align-self: center;
}
/* /Pages/Auth/LoggedOut.razor.rz.scp.css */
.logged-out-page[b-vzo41t8ur5] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-vzo41t8ur5] {
    margin-top: 232px;
}

.content-container[b-vzo41t8ur5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 392px;
    max-width: 90%;
    margin-top: 45px;
    text-align: center;
}

/* ===== TEXT BLOCK ===== */
.text-block[b-vzo41t8ur5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.logged-out-title[b-vzo41t8ur5] {
    font-weight: 600;
}

.logged-out-message[b-vzo41t8ur5] {
    letter-spacing: 0.1px;
}

/* ===== BUTTON ===== */
[b-vzo41t8ur5] .signin-button {
    border-radius: 8px !important;
    padding: 16px 24px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .logo-container[b-vzo41t8ur5] {
        margin-top: 80px;
    }

    .content-container[b-vzo41t8ur5] {
        margin-top: 40px;
    }
}
/* /Pages/Auth/Welcome.razor.rz.scp.css */
.welcome-page[b-mupmxy5xxl] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-color: var(--mud-palette-background-blue, #f2f9fe);
}

/* ===== LOGO ===== */
.logo-container[b-mupmxy5xxl] {
    margin-top: 232px;
}

/* ===== CONTENT ===== */
.content-container[b-mupmxy5xxl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 392px;
    max-width: 90%;
    margin-top: 45px;
    text-align: center;
}

/* ===== TEXT BLOCK ===== */
.text-block[b-mupmxy5xxl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.welcome-title[b-mupmxy5xxl] {
    font-weight: 600;
}

.welcome-message[b-mupmxy5xxl] {
    letter-spacing: 0.1px;
}

/* ===== BUTTON ===== */
[b-mupmxy5xxl] .sso-button {
    border-radius: 8px !important;
    padding: 16px 24px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .logo-container[b-mupmxy5xxl] {
        margin-top: 80px;
    }

    .content-container[b-mupmxy5xxl] {
        margin-top: 40px;
    }
}
/* /Pages/Contractors/AssignContractorToTeamDialog.razor.rz.scp.css */
.dialog-content[b-ovmd5lbfh0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-ovmd5lbfh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-ovmd5lbfh0] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-ovmd5lbfh0] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-ovmd5lbfh0] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}
/* /Pages/Contractors/AssignContractorToUserDialog.razor.rz.scp.css */
[b-eccpqgnzvu] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-eccpqgnzvu] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-eccpqgnzvu] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-eccpqgnzvu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-eccpqgnzvu] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-eccpqgnzvu] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-eccpqgnzvu] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}
/* /Pages/Contractors/BlockContractorDialog.razor.rz.scp.css */
.dialog-content[b-6yzabqz00o] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-6yzabqz00o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-6yzabqz00o] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-6yzabqz00o] {
    color: #555;
    max-width: 520px;
}

[b-6yzabqz00o] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}
/* /Pages/Contractors/ContractorDetailsSidePanel.razor.rz.scp.css */

.panel-scroll-container[b-ct5qi0vbha] {
    display: flex;
    flex-direction: column;
}

/* Header */
.panel-header[b-ct5qi0vbha] {
    padding: 24px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-header-top[b-ct5qi0vbha] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.panel-chips[b-ct5qi0vbha] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.panel-nav-row[b-ct5qi0vbha] {
    justify-content: space-between;
    align-items: center;
    display: contents;
    gap: 12px;
}

.panel-nav-count[b-ct5qi0vbha] {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(0, 0, 0, 0.6);
}

.panel-nav-buttons[b-ct5qi0vbha] {
    display: flex;
    gap: 12px;
}

/* Section */
.panel-section[b-ct5qi0vbha] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-title[b-ct5qi0vbha] {
    font-weight: 600;
    line-height: 1.2;
}

/* Status row */
.panel-status-row[b-ct5qi0vbha] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dot-separator[b-ct5qi0vbha] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    flex-shrink: 0;
}

/* Info grid */
.panel-info-grid[b-ct5qi0vbha] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.panel-info-item[b-ct5qi0vbha] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-ct5qi0vbha] .info-label {
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: 600;
}

.info-value-row[b-ct5qi0vbha] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Action buttons row */
.panel-actions-row[b-ct5qi0vbha] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* Progress */
.panel-progress-header[b-ct5qi0vbha] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-progress-completed[b-ct5qi0vbha] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.panel-completed-list[b-ct5qi0vbha] {
    list-style: disc;
    padding-left: 20px;
    margin: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.panel-progress-step[b-ct5qi0vbha] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-step-row[b-ct5qi0vbha] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Decision */
.panel-decision-row[b-ct5qi0vbha] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
/* /Pages/Contractors/ContractorsDetailsPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ContractorsDetailsPage — scoped styles
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Page shell ─────────────────────────────────────────────────────────── */

.cd-container[b-7jt8nz8472] {
    width: 100%;
    min-height: 100vh;
    background-color: var(--of-bg-main, var(--mud-palette-background));
}

.cd-content[b-7jt8nz8472] {
    max-width: 1448px;
    margin: 0 auto;
    padding: 180px 32px 122px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ── Back link ──────────────────────────────────────────────────────────── */

[b-7jt8nz8472] .cd-back-link {
    text-transform: none !important;
    padding: 0 !important;
    min-width: unset !important;
    align-self: flex-start;
}

.cd-back-link:hover[b-7jt8nz8472] {
    color: var(--mud-palette-text-primary) !important;
}

/* ── Page header ────────────────────────────────────────────────────────── */

.cd-header[b-7jt8nz8472] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.cd-header-left[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cd-name[b-7jt8nz8472] {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.cd-header-meta[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cd-status-chip[b-7jt8nz8472],
.cd-role-chip[b-7jt8nz8472] {
    border-radius: 8px !important;
    height: 28px !important;
    font-size: 12px !important;
}

.cd-meta-dot[b-7jt8nz8472] {
    color: var(--mud-palette-text-secondary);
    font-size: 18px;
    line-height: 1;
}

.cd-meta-text[b-7jt8nz8472] {
    color: var(--mud-palette-text-secondary);
    font-size: 13px !important;
}

.cd-header-actions[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

[b-7jt8nz8472] .cd-action-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    padding: 16px 24px !important;
    white-space: nowrap;
}

/* ── Two-column info grid ───────────────────────────────────────────────── */

.cd-info-grid[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 24px;
    align-items: start;
}

.cd-col-left[b-7jt8nz8472],
.cd-col-right[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ── Card base ──────────────────────────────────────────────────────────── */

[b-7jt8nz8472] .cd-card {
    border-radius: 24px !important;
    padding: 24px 24px 32px 24px !important;
}

.cd-card-header[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cd-card-header-spaced[b-7jt8nz8472] {
    justify-content: space-between;
}

.cd-card-header-left[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-card-icon[b-7jt8nz8472] {
    color: var(--mud-palette-primary) !important;
    font-size: 22px !important;
}

.cd-card-divider[b-7jt8nz8472] {
    margin: 12px 0 16px !important;
}

/* ── Field grids ────────────────────────────────────────────────────────── */

.cd-fields-3[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 16px;
}

.cd-fields-2[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
}

/* ── Personal Information field grid ────────────────────────────────────── */

.cd-pi-fields[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
}

.cd-pi-field[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* cd-field kept for two-line table cells (vehicle, license plate, timestamp) */
.cd-field[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cd-field-span2[b-7jt8nz8472] {
    grid-column: span 2;
}

/* ── Email link ─────────────────────────────────────────────────────────── */

.cd-email-link[b-7jt8nz8472] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.cd-link-icon[b-7jt8nz8472] {
    font-size: 14px !important;
    opacity: 0.7;
}

/* ── Subsection label ───────────────────────────────────────────────────── */

.cd-subsection-label[b-7jt8nz8472] {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--mud-palette-text-primary) !important;
    margin: 16px 0 12px !important;
    display: block;
}

/* ── Invite button ──────────────────────────────────────────────────────── */

[b-7jt8nz8472] .cd-invite-btn {
    border-radius: 4px !important;
    text-transform: none !important;
    white-space: nowrap;
    height: 36px;
    width: 123px;
}

[b-7jt8nz8472] .cd-invite-btn-team {
    border-radius: 4px !important;
    text-transform: none !important;
    white-space: nowrap;
    height: 36px;
    width: 158px;
}

/* ── Team list ──────────────────────────────────────────────────────────── */

.cd-team-list[b-7jt8nz8472] {
    padding: 0 !important;
}

.cd-team-item[b-7jt8nz8472] {
    padding: 0 !important;
}

.cd-team-row[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 8px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-radius: 8px;
}

.cd-team-row:hover[b-7jt8nz8472] {
    background-color: rgba(237, 165, 61, 0.08);
}

.cd-chevron[b-7jt8nz8472] {
    color: var(--mud-palette-text-secondary) !important;
    font-size: 18px !important;
}

/* ── Tabs section ───────────────────────────────────────────────────────── */

.cd-tabs-wrapper[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[b-7jt8nz8472] .cd-tabs {
    background: transparent !important;
    box-shadow: none !important;
}

[b-7jt8nz8472] .cd-tabs .mud-tabs-toolbar {
    padding: 0;
    background: transparent !important;
    border-radius: 16px;
}

[b-7jt8nz8472] .mud-tabs-tabbar {
    background: transparent !important;
}

[b-7jt8nz8472] .cd-tabs .mud-tabs-panels {
    display: none;
}

[b-7jt8nz8472] .cd-tabs .mud-tab {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    min-width: 80px;
    padding: 16px 20px;
}

.cd-tab-panel[b-7jt8nz8472] {
    padding: 0 !important;
}

/* ── Filter card (Suggestion Card pattern) ──────────────────────────────── */

[b-7jt8nz8472] .cd-filter-card {
    border-radius: 16px !important;
    padding: 16px 24px !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cd-filter-toolbar[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.cd-tab-actions[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.filters-wrapper[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── Filter controls ────────────────────────────────────────────────────── */

.cd-filter-select[b-7jt8nz8472] {
    min-width: 160px !important;
    max-width: 200px !important;
}

[b-7jt8nz8472] .cd-filter-select .mud-input-outlined {
    border-radius: 8px !important;
}

[b-7jt8nz8472] .cd-filter-select .mud-input-outlined-border {
    border-radius: 8px !important;
}

[b-7jt8nz8472] .cd-filter-icon-btn {
    border-radius: 50% !important;
    width: 56px !important;
    height: 56px !important;
    flex-shrink: 0;
}

/* ── Table section ──────────────────────────────────────────────────────── */

.cd-table-section[b-7jt8nz8472] {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
}

[b-7jt8nz8472] .cd-table-section .mud-table-head .mud-table-cell {
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #757575 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-7jt8nz8472] .cd-table-section .mud-table-body .mud-table-cell {
    font-size: 13px !important;
    color: #424242 !important;
    padding: 14px 20px !important;
    vertical-align: middle;
    border-bottom: 1px solid #F0F0F0;
    text-transform: uppercase;
}

[b-7jt8nz8472] .cd-table-section .mud-table-row:hover {
    background-color: #F5F7FF;
}

/* ── Table pagination (PagerContent) ────────────────────────────────────── */

.table-pagination[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 0 16px;
    border-top: 1px solid var(--mud-palette-table-lines);
    position: relative;
}

.rows-per-page[b-7jt8nz8472] {
    display: flex;
    align-items: center;
}

.pagination-label[b-7jt8nz8472] {
    padding: 0 10px;
    white-space: nowrap;
}

[b-7jt8nz8472] .rows-select {
    min-width: 52px;
    padding: 0 10px;
}

.pagination-right[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.pagination-info[b-7jt8nz8472] {
    padding: 0 10px;
    white-space: nowrap;
}

.pagination-nav[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

/* ── Document table ─────────────────────────────────────────────────────── */

.cd-doc-table[b-7jt8nz8472] {
    width: 100%;
}

/* ── Tab placeholder ────────────────────────────────────────────────────── */

.cd-tab-placeholder[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    gap: 12px;
    color: var(--mud-palette-text-secondary);
}

.cd-placeholder-icon[b-7jt8nz8472] {
    font-size: 48px !important;
    opacity: 0.35;
}

.cd-placeholder-desc[b-7jt8nz8472] {
    color: var(--mud-palette-text-secondary);
    font-size: 14px !important;
}

/* ── Account status card ────────────────────────────────────────────────── */

[b-7jt8nz8472] .cd-account-card {
    border-radius: 12px !important;
    padding: 20px 24px !important;
}

.cd-account-header[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.cd-account-title[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-account-actions[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 20px;
}

.cd-account-action-item[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cd-account-action-title[b-7jt8nz8472] {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase;
    color: var(--mud-palette-text-primary) !important;
}

.cd-account-action-desc[b-7jt8nz8472] {
    font-size: 14px !important;
    color: var(--mud-palette-text-secondary) !important;
    line-height: 1.6 !important;
}

.cd-account-btn[b-7jt8nz8472] {
    border-radius: 8px !important;
    text-transform: none !important;
    height: 40px !important;
    width: fit-content !important;
    font-weight: 600 !important;
}

/* ── Insurance tab ──────────────────────────────────────────────────────── */

.cd-ins-heading[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.cd-ins-subtitle[b-7jt8nz8472] {
    color: var(--mud-palette-text-secondary);
    max-width: 760px;
}

.cd-ins-vehicle-chips[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cd-ins-grid[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.cd-ins-col[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cd-ins-section-label[b-7jt8nz8472] {
    display: block;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary) !important;
    margin-bottom: 12px;
}

.cd-ins-doc-placeholder[b-7jt8nz8472] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 160px;
    border: 1px dashed var(--mud-palette-divider);
    border-radius: 8px;
    gap: 8px;
    background: rgba(217, 217, 217, 0.08);
}

/* ── Notes tab ──────────────────────────────────────────────────────────── */

.cd-notes-filter-bar[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}

.cd-notes-type-filter[b-7jt8nz8472] {
    display: inline-flex;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 8px;
    overflow: hidden;
}

.cd-notes-type-btn[b-7jt8nz8472] {
    padding: 8px 20px;
    font-size: 14px;
    background: var(--of-bg-main, var(--mud-palette-background));
    border: none;
    cursor: pointer;
    color: var(--mud-palette-text-primary);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cd-notes-type-btn--active[b-7jt8nz8472] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.cd-notes-grid[b-7jt8nz8472] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.cd-note-card[b-7jt8nz8472] {
    background: var(--mud-palette-surface);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
}

.cd-note-header[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cd-note-author[b-7jt8nz8472] {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    color: var(--mud-palette-text-primary) !important;
}

.cd-note-meta[b-7jt8nz8472] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cd-notes-pagination[b-7jt8nz8472] {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    .cd-info-grid[b-7jt8nz8472] {
        grid-template-columns: 1fr;
    }

    .cd-ins-grid[b-7jt8nz8472] {
        grid-template-columns: 1fr;
    }

    .cd-notes-grid[b-7jt8nz8472] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .cd-content[b-7jt8nz8472] {
        padding: 140px 16px 60px;
    }

    .cd-header[b-7jt8nz8472] {
        flex-direction: column;
    }

    .cd-header-actions[b-7jt8nz8472] {
        width: 100%;
    }

    .cd-fields-3[b-7jt8nz8472] {
        grid-template-columns: repeat(2, 1fr);
    }

    .cd-account-actions[b-7jt8nz8472] {
        grid-template-columns: 1fr;
    }

    .cd-doc-filters[b-7jt8nz8472] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cd-filter-select[b-7jt8nz8472] {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .cd-fields-3[b-7jt8nz8472],
    .cd-fields-2[b-7jt8nz8472] {
        grid-template-columns: 1fr;
    }

    .cd-field-span2[b-7jt8nz8472] {
        grid-column: span 1;
    }
}
/* /Pages/Contractors/ContractorsGrid.razor.rz.scp.css */
.enrollments-page-container[b-lsv0r1mtfv] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-lsv0r1mtfv] {
}

.snapshot-content[b-lsv0r1mtfv] {
    margin-top: 16px;
}

.snapshot-header[b-lsv0r1mtfv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-lsv0r1mtfv] .card-content {
    width: 100%;
    margin-top: 16px;
    padding: 24px;
    border-radius: 24px;
    height: 188px;
}

.cards-grid[b-lsv0r1mtfv] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.card-title[b-lsv0r1mtfv] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.card-wrapper[b-lsv0r1mtfv] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.stat-content[b-lsv0r1mtfv] {
    display: flex;
    flex-direction: column;
}

.stat-value-row[b-lsv0r1mtfv] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.stat-footer[b-lsv0r1mtfv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-left: auto;
}

.stat-chart[b-lsv0r1mtfv] {
    height: 54px;
    width: 54px;
    margin-top: -35px;
    align-self: flex-end;
}

.error-chart[b-lsv0r1mtfv] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'><path d='M0.570312 39.168L11.7002 31.4438C13.5221 30.1793 15.7691 29.6843 17.9537 30.0661C20.8963 30.5805 23.8913 29.4979 25.8251 27.221L27.4685 25.2859C29.2671 23.1681 32.1863 22.3804 34.8061 23.3058C37.8886 24.3947 41.307 23.0996 42.8941 20.2415L53.6087 0.947266' stroke='url(%23paint0_linear_943_48211)' stroke-opacity='0.42' stroke-width='2'/><path d='M11.4129 31.7538L0.369141 39.4532V53.9999H53.5076V0.947266L42.6288 20.5547C41.0532 23.3945 37.6544 24.6777 34.5951 23.5877C32.0028 22.6642 29.1096 23.4355 27.3211 25.5268L25.6274 27.5072C23.6795 29.785 20.6747 30.8669 17.7218 30.3537C15.5165 29.9704 13.249 30.4736 11.4129 31.7538Z' fill='url(%23paint1_linear_943_48211)' fill-opacity='0.12'/><ellipse cx='52.8473' cy='1.89474' rx='1.52113' ry='1.89474' fill='%23EFBF9C'/><defs><linearGradient id='paint0_linear_943_48211' x1='0.570312' y1='20.0576' x2='53.6087' y2='20.0576' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23EA8941'/></linearGradient><linearGradient id='paint1_linear_943_48211' x1='26.9384' y1='0.947266' x2='26.9384' y2='53.9999' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23E27E31' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

.success-chart[b-lsv0r1mtfv] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><path d='M42.0647 31.3484L53.1152 39.1935V54H-0.000354767V0L10.9085 20.0212C12.4584 22.8658 15.8539 24.1514 18.899 23.0466C21.4859 22.1081 24.3835 22.8854 26.1533 24.9927L27.9023 27.0753C29.8245 29.3641 32.822 30.4533 35.7651 29.9324C37.9699 29.5423 40.239 30.0523 42.0647 31.3484Z' fill='url(%23paint0_linear_943_45119)' fill-opacity='0.12'/><defs><linearGradient id='paint0_linear_943_45119' x1='26.5574' y1='0' x2='26.5574' y2='54' gradientUnits='userSpaceOnUse'><stop stop-color='%2328B528'/><stop offset='1' stop-color='%2328B528' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

[b-lsv0r1mtfv] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-lsv0r1mtfv] .tool-button .mud-button-label {
        color: black !important;
    }

[b-lsv0r1mtfv] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-lsv0r1mtfv] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.find-your-process-content[b-lsv0r1mtfv] {
    margin-top: 47px;
}

.signature-tools[b-lsv0r1mtfv] {
    margin-top: 16px;
}

[b-lsv0r1mtfv] .action-button-style {
    height: 56px;
    border-radius: 40px;
    min-width: 171px;
}

.action-buttons-wrapper[b-lsv0r1mtfv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.action-buttons[b-lsv0r1mtfv] {
    margin-top: 16px;
    display: flex;
    gap: 20px;
}

[b-lsv0r1mtfv] .bulk-actions-menu .mud-menu {
    padding: 8px 16px !important;
    border-radius: 40px !important;
    min-width: 171px !important;
}

[b-lsv0r1mtfv] .menu-content {
    padding: 8px 16px !important;
}

[b-lsv0r1mtfv] .bulk-actions-popover .mud-menu-list {
    padding: 16px !important;
}

[b-lsv0r1mtfv] .bulk-actions-popover {
    border-radius: 40px !important;
    overflow: hidden;
}

.suggestion-card-wrapper[b-lsv0r1mtfv] {
    margin-top: 24px;
}

[b-lsv0r1mtfv] .suggestion-card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
}

.chip-wrapper[b-lsv0r1mtfv] {
    display: flex;
    gap: 12px
}

.filters-wrapper[b-lsv0r1mtfv] {
    display: flex;
    gap: 16px;
}

/* Table Card */
.table-card[b-lsv0r1mtfv] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin-top: 38px;
}

.table-total-row[b-lsv0r1mtfv] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-lsv0r1mtfv] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-lsv0r1mtfv] .contractors-table {
    width: 100%;
}

    [b-lsv0r1mtfv] .contractors-table .mud-table-head .mud-table-cell {
        background-color: #ffffff;
        border-bottom: 1px solid #E0E0E0;
    }

.col-header[b-lsv0r1mtfv] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-lsv0r1mtfv] .contractors-table .mud-table-row:hover {
    background-color: #F5F7FF;
}

[b-lsv0r1mtfv] .contractors-table .mud-table-row {
    border-bottom: 1px solid #F0F0F0;
}

.row-cell[b-lsv0r1mtfv] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-actions[b-lsv0r1mtfv] {
    text-align: right;
    width: 120px;
}

/* Pagination */
.table-pagination[b-lsv0r1mtfv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.pag-info-nav-container[b-lsv0r1mtfv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 10px auto;
}

.rows-per-page[b-lsv0r1mtfv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-lsv0r1mtfv] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-lsv0r1mtfv] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-lsv0r1mtfv] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-lsv0r1mtfv] {
    display: flex;
    align-items: center;
    gap: 0;
}

.identification-cell[b-lsv0r1mtfv] {
    display: flex;
    flex-direction: column;
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-lsv0r1mtfv] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-lsv0r1mtfv] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.contractors-page-title[b-lsv0r1mtfv] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-lsv0r1mtfv] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-lsv0r1mtfv] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-lsv0r1mtfv] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    background: white !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-lsv0r1mtfv] .ai-input .mud-input-outlined-border,
[b-lsv0r1mtfv] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-lsv0r1mtfv]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-lsv0r1mtfv] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-lsv0r1mtfv] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    text-transform: none !important;
    background-color: rgba(52, 92, 192, 0.06) !important;
}


/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .card-wrapper[b-lsv0r1mtfv] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-lsv0r1mtfv] {
        padding: 140px 16px 60px 16px;
    }

    .card-wrapper[b-lsv0r1mtfv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .card-wrapper[b-lsv0r1mtfv] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Dashboard/AdminIntelligence.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Outer container
══════════════════════════════════════════════ */
.ai-home-container[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 200px 32px 40px 32px;
    min-height: 100vh;
    background-color: var(--mud-palette-background, #f5f5f5);
    box-sizing: border-box;
}

/* ══════════════════════════════════════════════
   AI HERO SECTION
══════════════════════════════════════════════ */
.ai-hero-section[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    padding-top: 83.5px; /* 200px (container) + 83.5px = 283.5px from top */
    min-height: 386px;
}

/* Greeting row */
.ai-greeting-row[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 438px;
}

.ai-greeting-text[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0px);
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 0 0;
}

/* Chat input */
.ai-chat-input-wrapper[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 712px;
    height: 56px;
    background: var(--color-theme-mud-palette-white, white);
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0);
    border-radius: 28px;
    padding: 14px 20px;
    box-sizing: border-box;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

.ai-chat-input[b-duyyj0u5sl] {
    border: none;
    outline: none;
    background: transparent;
    flex: 1;
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-subtitle1, 16px);
    font-weight: 400;
    line-height: var(--font-line-height-lineheight-subtitle1, 28px);
    letter-spacing: var(--font-letter-spacing-spacing-subtitle1, 0.15px);
    color: var(--color-theme-mud-palette-drawer-text, #424242);
}

.ai-chat-input[b-duyyj0u5sl]::placeholder {
    color: var(--color-theme-mud-palette-drawer-text, #424242);
}

.ai-chat-send-btn[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

[b-duyyj0u5sl] .ai-send-icon {
    color: var(--color-theme-mud-palette-dark, #191D24) !important;
}

/* Suggestion cards row */
.ai-suggestions-row[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 878px;
    flex-wrap: nowrap;
}

.ai-suggestion-card[b-duyyj0u5sl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    width: 279.333px;
    flex-shrink: 0;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0);
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(52, 92, 192, 0.12) 0%, rgba(52, 92, 192, 0.12) 100%),
                linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
    cursor: pointer;
    box-sizing: border-box;
}

.ai-suggestion-card:hover[b-duyyj0u5sl] {
    background: linear-gradient(90deg, rgba(52, 92, 192, 0.18) 0%, rgba(52, 92, 192, 0.18) 100%),
                linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
}

.ai-suggestion-sparkle[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    overflow: hidden;
    padding: 3px;
    flex-shrink: 0;
}

[b-duyyj0u5sl] .ai-sparkle-icon {
    color: var(--color-theme-mud-palette-primary, #304CA0) !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.ai-suggestion-text[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-body1, 16px);
    font-weight: 700;
    line-height: var(--font-line-height-lineheight-body1, 24px);
    letter-spacing: var(--font-letter-spacing-spacing-body1, 0.15px);
    color: var(--color-theme-mud-palette-dark, #191D24);
    flex: 1 0 0;
}

/* ══════════════════════════════════════════════
   TWO-COLUMN CONTENT GRID
══════════════════════════════════════════════ */
.ai-content-grid[b-duyyj0u5sl] {
    display: flex;
    gap: 24px;
    width: 100%;
    align-items: flex-start;
}

/* ── Left: MY QUEUE ── */
.ai-queue-column[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 0 0;
    min-width: 0;
}

/* Section header row */
.ai-section-row[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
}

.ai-section-label[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-button, 14px);
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-button, 24.5px);
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px);
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-transform: uppercase;
}

.ai-section-actions[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 20px;
}

[b-duyyj0u5sl] .ai-action-btn {
    height: 56px !important;
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 24px !important;
}

[b-duyyj0u5sl] .ai-icon-action-btn {
    width: 56px !important;
    height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #304CA0 !important;
    color: #304CA0 !important;
}

/* ── Bulk Actions popover ── */
[b-duyyj0u5sl] .ai-bulk-actions-popover {
    border-radius: 24px !important;
    overflow: hidden;
}

[b-duyyj0u5sl] .ai-bulk-actions-popover .mud-list {
    padding: 0 !important;
}

.ai-popover-section-header[b-duyyj0u5sl] {
    padding: 8px 16px 4px 16px;
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-caption, 12px);
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-caption, 19.02px);
    letter-spacing: var(--font-letter-spacing-spacing-caption, 0.4px);
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-transform: uppercase;
}

/* ── Manage Columns popover ── */
[b-duyyj0u5sl] .ai-manage-columns-popover {
    border-radius: 24px !important;
    overflow: hidden;
}

[b-duyyj0u5sl] .ai-manage-columns-popover .mud-list {
    padding: 0 !important;
}

[b-duyyj0u5sl] .ai-col-menu-item {
    padding: 0 !important;
}

/* Filter card */
.ai-filter-card[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: var(--color-theme-mud-palette-white, white);
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
    width: 100%;
    box-sizing: border-box;
}

/* Chip tabs */
.ai-chip-tabs[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 4px;
}

.ai-chip-tab[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.06);
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-body2, 14px);
    font-weight: 400;
    line-height: 30.4px;
    letter-spacing: 0.15px;
    color: var(--color-theme-mud-palette-text-primary, #424242);
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}

.ai-chip-tab-active[b-duyyj0u5sl] {
    background: rgba(52, 92, 192, 0.12);
    color: var(--color-theme-mud-palette-primary, #304CA0);
}

/* Filter bar */
.ai-filter-bar[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

[b-duyyj0u5sl] .ai-filter-icon-btn {
    width: 56px !important;
    height: 56px !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 40px !important;
    flex-shrink: 0 !important;
}

[b-duyyj0u5sl] .ai-filter-select {
    flex: 1 0 0 !important;
    min-width: 0 !important;
}

[b-duyyj0u5sl] .ai-filter-select .mud-input-outlined-border {
    border-radius: 8px !important;
}

/* Queue table wrapper */
.ai-queue-table-wrapper[b-duyyj0u5sl] {
    background: var(--color-theme-mud-palette-white, white);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

.ai-queue-total-row[b-duyyj0u5sl] {
    padding: 16px 24px;
    background: #FDF6EE;
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-body2, 14px);
    font-weight: 400;
    color: var(--color-theme-mud-palette-black, #1A1D24);
}

[b-duyyj0u5sl] .ai-queue-table {
    background: transparent !important;
}

[b-duyyj0u5sl] .ai-queue-table .mud-table-head .mud-table-cell {
    background: var(--color-theme-mud-palette-white, white) !important;
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
}

.ai-th[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--color-theme-mud-palette-black, #1A1D24) !important;
    padding: 12px 16px !important;
    white-space: nowrap;
}

.ai-td[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: 14px;
    color: var(--color-theme-mud-palette-black, #1A1D24);
    padding: 12px 16px !important;
    vertical-align: middle;
}

.ai-td-name[b-duyyj0u5sl] {
    min-width: 140px;
}

.ai-td-name-main[b-duyyj0u5sl] {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: var(--color-theme-mud-palette-black, #1A1D24);
}

.ai-td-name-role[b-duyyj0u5sl] {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: var(--color-theme-mud-palette-drawer-text, #424242);
}

.ai-assigned-btn[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 13px;
    font-family: var(--font-family-family, Lato), sans-serif;
    width: fit-content;
}

[b-duyyj0u5sl] .ai-assigned-arrow {
    color: #424242 !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

/* Priority chips */
[b-duyyj0u5sl] .ai-priority-urgent {
    background-color: rgba(237, 108, 2, 0.12) !important;
    color: #e65100 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    height: 24px !important;
    border-radius: 12px !important;
}

[b-duyyj0u5sl] .ai-priority-moderate {
    background-color: rgba(0, 0, 0, 0.08) !important;
    color: #424242 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    height: 24px !important;
    border-radius: 12px !important;
}

.ai-td-action[b-duyyj0u5sl] {
    text-align: right;
    white-space: nowrap;
}

.ai-actions-trigger[b-duyyj0u5sl] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-theme-mud-palette-primary, #304CA0);
}

.ai-actions-trigger:hover[b-duyyj0u5sl] {
    background-color: rgba(48, 76, 160, 0.08);
}

.ai-th-actions[b-duyyj0u5sl] {
    width: 120px;
}

[b-duyyj0u5sl] .ai-go-to-task-btn {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: var(--color-theme-mud-palette-primary, #304CA0) !important;
    letter-spacing: 0.4px !important;
}

/* Pagination row */
.ai-pagination-row[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ai-pagination-label[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: 13px;
    color: #424242;
    white-space: nowrap;
}

.ai-pagination-select[b-duyyj0u5sl] {
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #1A1D24;
    cursor: pointer;
    padding: 0 4px;
}

.ai-pagination-info[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: 13px;
    color: #424242;
    margin-left: 8px;
    flex: 1;
    white-space: nowrap;
}

[b-duyyj0u5sl] .ai-page-btn {
    color: #424242 !important;
}

/* ── Right: COMPANY'S SNAPSHOT ── */
.ai-snapshot-column[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 344px;
    flex-shrink: 0;
}

.ai-stat-cards[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.ai-stat-card[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background: var(--color-theme-mud-palette-white, white);
    border-radius: 24px;
    height: 163px;
    box-sizing: border-box;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04),
                0px 8px 10px 1px rgba(0,0,0,0.04),
                0px 5px 5px -3px rgba(0,0,0,0.06);
    overflow: hidden;
}

.ai-stat-card-top[b-duyyj0u5sl] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.ai-stat-title[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-body1, 16px);
    font-weight: 700;
    line-height: var(--font-line-height-lineheight-body1, 24px);
    letter-spacing: var(--font-letter-spacing-spacing-body1, 0.15px);
    color: var(--color-theme-mud-palette-dark-lighten, #464B50);
    flex: 1 0 0;
}

.ai-stat-sparkle-btn[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    padding: 3px;
    flex-shrink: 0;
}

[b-duyyj0u5sl] .ai-stat-sparkle-icon {
    color: var(--color-theme-mud-palette-primary, #304CA0) !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.ai-stat-card-bottom[b-duyyj0u5sl] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    width: 100%;
}

.ai-stat-value-block[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.ai-stat-value-row[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ai-stat-number[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 42.99px;
    letter-spacing: 0.25px;
    color: var(--color-theme-mud-palette-black, #1A1D24);
    white-space: nowrap;
}

.ai-stat-change-chip[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 8px;
    border-radius: 12px;
    background: rgba(63, 162, 66, 0.12);
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-caption, 12px);
    font-weight: 600;
    letter-spacing: 0.15px;
    color: var(--color-theme-mud-palette-success, #338436);
    white-space: nowrap;
}

.ai-stat-caption[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-caption, 12px);
    font-weight: 400;
    line-height: var(--font-line-height-lineheight-caption, 19.02px);
    letter-spacing: var(--font-letter-spacing-spacing-caption, 0.4px);
    color: var(--color-theme-mud-palette-dark-lighten, #464B50);
}

.ai-sparkline-svg[b-duyyj0u5sl] {
    width: 55px;
    height: 54px;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════
   BOTTOM BAR
══════════════════════════════════════════════ */
.ai-bottom-bar[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
}

/* Manage Widgets block — collapsed */
.ai-manage-widgets-block[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 24px;
    min-height: 68px;
    background: var(--color-theme-mud-palette-white, white);
    border-radius: 24px;
    border: 1px solid transparent;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
    flex: 1 0 0;
    box-sizing: border-box;
    transition: border-color 0.15s ease;
    gap: 0;
}

/* Manage Widgets block — expanded */
.ai-manage-widgets-open[b-duyyj0u5sl] {
    border-color: var(--color-theme-mud-palette-primary, #304CA0) !important;
    gap: 20px;
}

/* Header row inside manage-widgets */
.ai-manage-widgets-header[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.ai-manage-widgets-text[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-subtitle1, 16px);
    font-weight: 400;
    line-height: var(--font-line-height-lineheight-subtitle1, 28px);
    letter-spacing: var(--font-letter-spacing-spacing-subtitle1, 0.15px);
    color: var(--color-theme-mud-palette-black, #1A1D24);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 0 0;
}

/* "MANAGE WIDGETS" button — collapsed state */
[b-duyyj0u5sl] .ai-manage-widgets-btn {
    height: 36px !important;
    border-radius: var(--border-radius-mud-default-border-radius, 4px) !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    text-transform: uppercase !important;
    font-size: var(--font-size-button, 14px) !important;
    font-weight: 500 !important;
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px) !important;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 5px 15px !important;
}

/* "DONE ×" button — expanded state */
[b-duyyj0u5sl] .ai-manage-widgets-done-btn {
    height: 36px !important;
    border-radius: var(--border-radius-mud-default-border-radius, 4px) !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    background-color: rgba(52, 92, 192, 0.12) !important;
    text-transform: uppercase !important;
    font-size: var(--font-size-button, 14px) !important;
    font-weight: 500 !important;
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px) !important;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 5px 15px !important;
}

/* Divider */
[b-duyyj0u5sl] .ai-widgets-divider {
    width: 100% !important;
}

/* Expanded section below divider */
.ai-widgets-content[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.ai-widgets-title[b-duyyj0u5sl] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-button, 14px);
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-button, 24.5px);
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px);
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-transform: uppercase;
}

/* 2-column checkbox grid */
.ai-widgets-grid[b-duyyj0u5sl] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
}

.ai-widgets-col[b-duyyj0u5sl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 0 0;
}

[b-duyyj0u5sl] .ai-widget-checkbox {
    color: var(--color-theme-mud-palette-dark-darken, #111418) !important;
    font-size: var(--font-size-body1, 16px) !important;
    font-weight: 400 !important;
}

.ai-bottom-nav-btns[b-duyyj0u5sl] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 344px;
    flex-shrink: 0;
}

[b-duyyj0u5sl] .ai-bottom-nav-btn {
    width: 56px !important;
    height: 56px !important;
    border: 1px solid rgba(0, 0, 0, 0.23) !important;
    border-radius: 50% !important;
    color: #424242 !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .ai-content-grid[b-duyyj0u5sl] {
        flex-direction: column;
    }

    .ai-snapshot-column[b-duyyj0u5sl] {
        width: 100%;
    }

    .ai-stat-cards[b-duyyj0u5sl] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ai-stat-card[b-duyyj0u5sl] {
        flex: 1 1 240px;
        height: auto;
        min-height: 163px;
    }
}

@media (max-width: 900px) {
    .ai-greeting-row[b-duyyj0u5sl],
    .ai-chat-input-wrapper[b-duyyj0u5sl] {
        width: 100%;
    }

    .ai-suggestions-row[b-duyyj0u5sl] {
        width: 100%;
        flex-wrap: wrap;
    }

    .ai-suggestion-card[b-duyyj0u5sl] {
        width: 100%;
    }

    .ai-bottom-bar[b-duyyj0u5sl] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Dialogs/BaseDialog.razor.rz.scp.css */
.suggestion-wrapper[b-5n0egbl7uw] {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    max-height: 587px;
    overflow: hidden;
    animation: fadeInUp-b-5n0egbl7uw 0.2s ease;
}

/* ===== CLOSE ROW ===== */
.close-row[b-5n0egbl7uw] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

/* ===== BODY ===== */
.dialog-body[b-5n0egbl7uw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 32px 32px 32px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

/* ===== ICON + TEXT ===== */
.icon-text-block[b-5n0egbl7uw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.title-block[b-5n0egbl7uw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    width: 100%;
}

.suggestion-title[b-5n0egbl7uw] {
    font-weight: 700;
    letter-spacing: 0.25px;
}

.suggestion-subtitle[b-5n0egbl7uw] {
    letter-spacing: 0.15px;
}

[b-5n0egbl7uw] .suggestion-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
}

/* ===== AGENT CHAT ===== */
[b-5n0egbl7uw] .options-list {
    margin-top: 0;
}

@keyframes fadeInUp-b-5n0egbl7uw {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Pages/Dialogs/ChooseCompanyDialog.razor.rz.scp.css */
.choose-company-dialog[b-d97ivvpljs] {
    border-radius: 16px;
}

.dialog-title-container[b-d97ivvpljs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.title-left[b-d97ivvpljs] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dialog-title[b-d97ivvpljs] {
    font-weight: 600;
}

[b-d97ivvpljs] .close-button {
    color: #5a5a5a;
}

.dialog-content-wrapper[b-d97ivvpljs] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 320px;
}

.dialog-subtitle[b-d97ivvpljs] {
    color: #5a5a5a;
}

.search-field[b-d97ivvpljs] {
    margin-top: 4px;
}

.company-list-wrapper[b-d97ivvpljs] {
    max-height: 360px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 8px;
}

.company-radio-group[b-d97ivvpljs] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

[b-d97ivvpljs] .company-radio-group .mud-radio-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.company-row[b-d97ivvpljs] {
    display: flex;
    align-items: center;
    padding: 8px 4px;
    border-bottom: 1px solid #f0f0f0;
}

.company-row:last-child[b-d97ivvpljs] {
    border-bottom: none;
}

.company-name[b-d97ivvpljs] {
    margin-left: 4px;
    font-size: 0.95rem;
}

.empty-state[b-d97ivvpljs] {
    padding: 24px;
    text-align: center;
    color: #8a8a8a;
}

.dialog-actions-container[b-d97ivvpljs] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 8px 12px 4px 12px;
    width: 100%;
}

[b-d97ivvpljs] .cancel-button {
    height: 48px;
    text-transform: none;
    border-radius: 40px;
    padding: 0 24px;
    color: #304CA0;
}

[b-d97ivvpljs] .confirm-button {
    height: 48px;
    text-transform: none;
    border-radius: 40px;
    padding: 0 28px;
    background-color: #304CA0;
}

[b-d97ivvpljs] .confirm-button:hover {
    background-color: #263D80;
}
/* /Pages/Dialogs/EulaDownloadDialog.razor.rz.scp.css */
.eula-dl-wrapper[b-4gzeenpdkp] {
    padding: 32px;
    width: 100%;
    box-sizing: border-box;
}

.chat-options[b-4gzeenpdkp] {
    margin-bottom: 32px;
}

.eula-dl-body[b-4gzeenpdkp] {
    padding: 32px 0;
    width: 100%;
}

.eula-dl-icon[b-4gzeenpdkp] {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
}

[b-4gzeenpdkp] .options-list {
    max-width: 100%;
    margin-top: 0;
}
/* /Pages/Dialogs/SendEmailAndSmsDialog.razor.rz.scp.css */
.dialog-header[b-h3dyj48lze] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px;
}

.dialog-header-row[b-h3dyj48lze] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-h3dyj48lze] .back-nav-btn {
    text-transform: uppercase !important;
    padding: 0 4px 0 0 !important;
    min-width: unset !important;
    height: 28px !important;
}

[b-h3dyj48lze] .dialog-close-btn {
    margin-left: auto;
}

[b-h3dyj48lze] .send-email-title {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700 !important;
    white-space: nowrap;
}

[b-h3dyj48lze] .mode-tool-group {
    margin-bottom: 24px;
}

.form-section[b-h3dyj48lze] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-field[b-h3dyj48lze] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-h3dyj48lze] .field-label {
    font-weight: 500 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

[b-h3dyj48lze] .input-field .mud-input-outlined {
    border-radius: 8px !important;
    height: 56px !important;
    box-shadow: none !important;
}

[b-h3dyj48lze] .add-cc-btn {
    font-weight: 500 !important;
    text-transform: none !important;
    padding: 0 !important;
    min-height: 24px !important;
    height: auto !important;
    min-width: unset !important;
    width: fit-content !important;
}

.template-row[b-h3dyj48lze] {
    display: flex;
    gap: 8px;
    align-items: center;
}

[b-h3dyj48lze] .template-select {
    flex: 1;
}

[b-h3dyj48lze] .template-select .mud-input-outlined {
    height: 56px !important;
    box-shadow: none !important;
}

[b-h3dyj48lze] .manage-templates-btn {
    border-radius: 40px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    white-space: nowrap;
    height: 56px !important;
    padding: 0 16px !important;
}

.editor-toolbar[b-h3dyj48lze] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 36px;
}

.format-btns[b-h3dyj48lze] {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-h3dyj48lze] .format-btn {
    width: 36px !important;
    height: 36px !important;
    padding: 5px !important;
    border-radius: 40px !important;
}

[b-h3dyj48lze] .format-btn-active {
    background-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
}

[b-h3dyj48lze] .format-btn-active .mud-icon-root {
    color: #fff !important;
}


[b-h3dyj48lze] .add-variables-btn {
    text-transform: uppercase !important;
    padding: 0 14px !important;
    height: 36px !important;
}

[b-h3dyj48lze] .variables-popover {
    border-radius: 8px !important;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 5px 5px -3px rgba(0,0,0,0.2) !important;
    min-width: 220px !important;
}

[b-h3dyj48lze] .variables-popover .mud-menu-item {
    padding: 10px 16px !important;
}

[b-h3dyj48lze] .message-body-field .mud-input-outlined {
    border-radius: 8px !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 140px !important;
}

.dialog-footer-row[b-h3dyj48lze] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

[b-h3dyj48lze] .cancel-action-btn {
    text-transform: none !important;
    border-radius: 40px !important;
    height: 56px !important;
    padding: 0 24px !important;
}

[b-h3dyj48lze] .send-email-action-btn {
    text-transform: none !important;
    border-radius: 40px !important;
    height: 56px !important;
    padding: 0 28px !important;
}
/* /Pages/Dialogs/SignatureDialog.razor.rz.scp.css */
/* ===== DIALOG WRAPPER ===== */
.sig-dialog[b-v2wsyi03v1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 560px;
}

/* ===== HEADER ===== */
.sig-header[b-v2wsyi03v1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-v2wsyi03v1] .sig-close-btn span.mud-button-label {
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

[b-v2wsyi03v1] .sig-clear-btn span.mud-button-label {
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 14px;
}

/* ===== TOOL SELECTOR ===== */
.signature-tools[b-v2wsyi03v1] {
    width: 450px;
    align-self: center;
}

[b-v2wsyi03v1] .sig-tool-group {
    width: 100%;
}

    [b-v2wsyi03v1] .sig-tool-group .mud-button-root {
        flex: 1;
        height: 56px;
    }

[b-v2wsyi03v1] .tool-button {
    width: 150px !important;
    height: 56px !important;
}

[b-v2wsyi03v1] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
}

/* ===== SIGNATURE AREA ===== */
.sig-area[b-v2wsyi03v1] {
    border-radius: 8px !important;
    padding: 24px;
    width: 100%;
    min-height: 180px;
    box-sizing: border-box;
}

/* Draw */
.sig-canvas-wrapper[b-v2wsyi03v1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 24px;
}

/* Use Font */
.sig-font-content[b-v2wsyi03v1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.sig-preview[b-v2wsyi03v1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sig-font-preview[b-v2wsyi03v1] {
    font-size: 40px;
    text-align: center;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -1.5px;
    padding: 8px 0;
}

.sig-font-fields[b-v2wsyi03v1] {
    display: flex;
    gap: 24px;
}

[b-v2wsyi03v1] .sig-field {
    flex: 1;
}

/* Take Photo placeholder */
.sig-upload-placeholder[b-v2wsyi03v1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 0;
    opacity: 0.6;
}

/* Take Photo preview */
.sig-photo-preview[b-v2wsyi03v1] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
}

.sig-photo-img[b-v2wsyi03v1] {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    border-radius: 8px;
}

/* ===== ACTIONS ===== */
.sig-actions[b-v2wsyi03v1] {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

    [b-v2wsyi03v1] .sig-actions .mud-button-root span.mud-button-label {
        text-transform: none;
    }

[b-v2wsyi03v1] .sig-accept-btn {
    border-radius: 40px !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    min-width: 170px;
    height: 56px;
}

[b-v2wsyi03v1] .sig-cancel-btn {
    border-radius: 40px !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    height: 56px;
}
/* /Pages/Documents/ApproveSelectedDocumentsDialog.razor.rz.scp.css */
[b-6g2wfi0fn0] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-6g2wfi0fn0] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-6g2wfi0fn0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-6g2wfi0fn0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-6g2wfi0fn0] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-6g2wfi0fn0] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-6g2wfi0fn0] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.contractors-container[b-6g2wfi0fn0] {
}

.contractors-title[b-6g2wfi0fn0] {
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 8px;
}

.contractors-grid[b-6g2wfi0fn0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

.contractor-item[b-6g2wfi0fn0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number[b-6g2wfi0fn0] {
    cursor: pointer;
}

.active-page[b-6g2wfi0fn0] {
    font-weight: 600;
}
/* /Pages/Documents/AssignDocumentsToUserDialog.razor.rz.scp.css */
[b-bp7scajzqb] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-bp7scajzqb] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-bp7scajzqb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-bp7scajzqb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-bp7scajzqb] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-bp7scajzqb] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-bp7scajzqb] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}
/* /Pages/Documents/DocumentDetailPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   DocumentDetailPage — scoped styles
   Root <div> wrapper enables Blazor CSS isolation (b-xxx scope attribute).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Page shell ─────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-page-shell {
    min-height: 100vh;
    padding: 180px 32px 48px !important;
    max-width: 1512px;
    margin: 0 auto !important;
    background-color: var(--mud-palette-background) !important;
}

/* ── Back button ────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-back-btn,
[b-hg1u8hvo9r] .dd-back-btn .mud-button-label {
    text-transform: none !important;
}

[b-hg1u8hvo9r] .dd-back-btn {
    padding-left: 0 !important;
    min-width: 0 !important;
    width: fit-content !important;
}

/* ── Loading / error ────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-loading {
    padding: 80px 0 !important;
}

[b-hg1u8hvo9r] .dd-error {
    border-radius: 12px !important;
}

/* ── Left card ──────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-left-card {
    width: 589px !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
}

/* ── Card header ─────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-doc-title {
    color: var(--mud-palette-black) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

[b-hg1u8hvo9r] .dd-meta-row {
    flex-wrap: wrap !important;
}

[b-hg1u8hvo9r] .dd-status-chip {
    height: 40px !important;
    border-radius: 20px !important;
}

/* ── Field sections ─────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-field {
    flex: 1 !important;
    min-width: 0 !important;
}

[b-hg1u8hvo9r] .dd-field-label {
    font-weight: 600 !important;
    letter-spacing: 2.4px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* ── Section headings ───────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-section-title {
    color: var(--mud-palette-black) !important;
}

/* ── Contractor name (label style without nowrap) ───────────────────────── */

[b-hg1u8hvo9r] .dd-contractor-name {
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 2.4px !important;
    text-transform: uppercase !important;
    color: var(--mud-palette-text-primary) !important;
}

/* ── Assignee chip ──────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-assignee-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--mud-palette-text-secondary);
    border-radius: 4px;
    padding: 3px 9px;
    height: 31px;
    width: fit-content;
    color: var(--mud-palette-text-secondary);
}

[b-hg1u8hvo9r] .dd-assignee-icon {
    font-size: 18px !important;
    color: var(--mud-palette-text-secondary) !important;
}

/* ── Misc ───────────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-expired {
    color: var(--mud-palette-error) !important;
    font-weight: 600 !important;
}

[b-hg1u8hvo9r] .dd-mono {
    word-break: break-all !important;
}

[b-hg1u8hvo9r] .dd-divider {
    margin: 0 !important;
}

/* ── Audit table ────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-audit-table {
    border-radius: 12px !important;
    width: 100% !important;
}

[b-hg1u8hvo9r] .dd-empty-logs {
    padding: 16px !important;
    color: var(--mud-palette-text-secondary) !important;
}

[b-hg1u8hvo9r] .dd-audit-table .mud-table-pagination-toolbar {
    justify-content: center !important;
}

[b-hg1u8hvo9r] .dd-audit-table .mud-table-pagination-spacer {
    display: none !important;
}

/* ── Right panel ────────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-right-panel {
    flex: 1 !important;
    min-width: 0 !important;
    border-radius: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 700px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Document viewer */

[b-hg1u8hvo9r] .dd-doc-viewer {
    flex: 1 !important;
    padding: 16px 16px 0 !important;
    overflow: hidden !important;
    display: flex !important;
    min-height: 0 !important;
}

[b-hg1u8hvo9r] .dd-doc-scroll {
    flex: 1 !important;
    overflow-y: auto !important;
    border-radius: 24px 24px 0 0 !important;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06) !important;
    background-color: white !important;
}

/* No action bar — add bottom padding and full rounding */

[b-hg1u8hvo9r] .dd-doc-viewer--no-bar {
    padding-bottom: 16px !important;
}

[b-hg1u8hvo9r] .dd-doc-scroll--no-bar {
    border-radius: 24px !important;
}

[b-hg1u8hvo9r] .dd-pdf-canvas {
    width: 100% !important;
    display: block !important;
}

[b-hg1u8hvo9r] .dd-doc-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* PDF wrap — signature placement container */

[b-hg1u8hvo9r] .dd-pdf-wrap {
    position: relative !important;
    width: 100% !important;
}

[b-hg1u8hvo9r] .dd-sig-marker {
    position: absolute !important;
    width: 140px !important;
    height: 48px !important;
    border: 2px dashed var(--mud-palette-primary) !important;
    border-radius: 4px !important;
    background-color: rgba(26, 125, 207, 0.08) !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

[b-hg1u8hvo9r] .dd-sig-marker--active {
    border-style: solid !important;
    background-color: rgba(26, 125, 207, 0.18) !important;
}

[b-hg1u8hvo9r] .dd-sig-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Signing mode action bar */

[b-hg1u8hvo9r] .dd-signing-bar {
    padding-top: 16px !important;
}

[b-hg1u8hvo9r] .dd-signing-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

[b-hg1u8hvo9r] .dd-signing-close {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
}

[b-hg1u8hvo9r] .dd-signing-close-btn {
    padding: 3px !important;
}

[b-hg1u8hvo9r] .dd-signing-close-label {
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

[b-hg1u8hvo9r] .dd-signing-counter {
    font-weight: 700 !important;
}

[b-hg1u8hvo9r] .dd-signing-divider {
    margin-bottom: 16px !important;
}

/* Page navigation strip */

[b-hg1u8hvo9r] .dd-pdf-nav {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 0 !important;
}

[b-hg1u8hvo9r] .dd-pdf-page-info {
    min-width: 60px !important;
    text-align: center !important;
}

/* Placeholder (no document URL) */

[b-hg1u8hvo9r] .dd-preview-placeholder {
    flex: 1 !important;
    padding: 64px 32px !important;
    min-height: 320px !important;
}

[b-hg1u8hvo9r] .dd-preview-icon {
    font-size: 72px !important;
    opacity: 0.4 !important;
}

[b-hg1u8hvo9r] .dd-preview-placeholder-title {
    text-align: center !important;
}

[b-hg1u8hvo9r] .dd-preview-placeholder-subtitle {
    text-align: center !important;
}

/* Action bar */

[b-hg1u8hvo9r] .dd-action-bar {
    flex-shrink: 0 !important;
    padding: 24px !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0px -7px 4px 0px rgba(0,0,0,0.06) !important;
}

[b-hg1u8hvo9r] .dd-action-row {
    gap: 40px !important;
}

[b-hg1u8hvo9r] .dd-action-item {
    width: 97px !important;
}

[b-hg1u8hvo9r] .dd-action-btn {
    width: 72px !important;
    height: 72px !important;
    min-width: 0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
}

[b-hg1u8hvo9r] .dd-action-btn .mud-button-label {
    margin: 0 !important;
}

[b-hg1u8hvo9r] .dd-action-label {
    font-weight: 700 !important;
    font-size: 14px !important;
    text-align: center !important;
    width: 100% !important;
}

/* ── See Full Audit Log button ──────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-see-full-log,
[b-hg1u8hvo9r] .dd-see-full-log .mud-button-label {
    text-transform: none !important;
}

[b-hg1u8hvo9r] .dd-see-full-log {
    border-radius: 40px !important;
    height: 56px !important;
    padding: 0 24px !important;
    align-self: flex-start !important;
}

/* ── Notes section ──────────────────────────────────────────────────────── */

[b-hg1u8hvo9r] .dd-add-notes-btn,
[b-hg1u8hvo9r] .dd-add-notes-btn .mud-button-label {
    text-transform: none !important;
}

[b-hg1u8hvo9r] .dd-add-notes-btn {
    border-radius: 40px !important;
    height: 56px !important;
    padding: 0 24px !important;
}

/* Notes toggle filter */

[b-hg1u8hvo9r] .dd-notes-toggle .mud-button-root {
    border-radius: 0 !important;
    text-transform: none !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

[b-hg1u8hvo9r] .dd-notes-toggle .mud-button-root:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

[b-hg1u8hvo9r] .dd-notes-toggle .mud-button-root:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* Note cards */

[b-hg1u8hvo9r] .dd-note-card {
    border-radius: 12px !important;
    padding: 24px !important;
}

[b-hg1u8hvo9r] .dd-note-author {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.4px !important;
}

[b-hg1u8hvo9r] .dd-note-meta {
    gap: 6px !important;
    flex-wrap: wrap !important;
}

[b-hg1u8hvo9r] .dd-meta-dot {
    font-size: 12px !important;
    line-height: 1 !important;
}

/* Notes pagination */

[b-hg1u8hvo9r] .dd-notes-pagination {
    padding-top: 8px !important;
}

[b-hg1u8hvo9r] .tool-button {
    width: 96px;
    height: 46px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
    box-shadow: var(--mud-elevation-25) !important;
}

    [b-hg1u8hvo9r] .tool-button .mud-button-label {
        color: black !important;
    }

[b-hg1u8hvo9r] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-25) !important;
    background: white !important;
}

    [b-hg1u8hvo9r] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

/* ── Responsive: tablet — stack panels vertically ─────────────────────────── */

@media (max-width: 1100px) {
    [b-hg1u8hvo9r] div.dd-layout-two-col {
        flex-direction: column !important;
    }
    [b-hg1u8hvo9r] .dd-left-card {
        width: 100% !important;
        flex-shrink: 1 !important;
    }
}

/* ── Responsive: mobile — stack field pairs vertically ────────────────────── */

@media (max-width: 600px) {
    [b-hg1u8hvo9r] div.dd-field-row {
        flex-direction: column !important;
    }
    [b-hg1u8hvo9r] .dd-page-shell {
        padding: 160px 16px 32px !important;
    }
}
/* /Pages/Documents/DocumentsGrid.razor.rz.scp.css */
.enrollments-page-container[b-fh26snw061] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-fh26snw061] {
}

.snapshot-content[b-fh26snw061] {
    margin-top: 16px;
}

.snapshot-header[b-fh26snw061] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-fh26snw061] .card-content {
    width: 100%;
    margin-top: 16px;
    padding: 24px;
    border-radius: 24px;
    height: 188px;
}

.cards-grid[b-fh26snw061] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.card-title[b-fh26snw061] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.card-wrapper[b-fh26snw061] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.stat-content[b-fh26snw061] {
    display: flex;
    flex-direction: column;
}

.stat-value-row[b-fh26snw061] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.stat-footer[b-fh26snw061] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-left: auto;
}

.stat-chart[b-fh26snw061] {
    height: 54px;
    width: 54px;
    margin-top: -35px;
    align-self: flex-end;
}

.error-chart[b-fh26snw061] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'><path d='M0.570312 39.168L11.7002 31.4438C13.5221 30.1793 15.7691 29.6843 17.9537 30.0661C20.8963 30.5805 23.8913 29.4979 25.8251 27.221L27.4685 25.2859C29.2671 23.1681 32.1863 22.3804 34.8061 23.3058C37.8886 24.3947 41.307 23.0996 42.8941 20.2415L53.6087 0.947266' stroke='url(%23paint0_linear_943_48211)' stroke-opacity='0.42' stroke-width='2'/><path d='M11.4129 31.7538L0.369141 39.4532V53.9999H53.5076V0.947266L42.6288 20.5547C41.0532 23.3945 37.6544 24.6777 34.5951 23.5877C32.0028 22.6642 29.1096 23.4355 27.3211 25.5268L25.6274 27.5072C23.6795 29.785 20.6747 30.8669 17.7218 30.3537C15.5165 29.9704 13.249 30.4736 11.4129 31.7538Z' fill='url(%23paint1_linear_943_48211)' fill-opacity='0.12'/><ellipse cx='52.8473' cy='1.89474' rx='1.52113' ry='1.89474' fill='%23EFBF9C'/><defs><linearGradient id='paint0_linear_943_48211' x1='0.570312' y1='20.0576' x2='53.6087' y2='20.0576' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23EA8941'/></linearGradient><linearGradient id='paint1_linear_943_48211' x1='26.9384' y1='0.947266' x2='26.9384' y2='53.9999' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23E27E31' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

.success-chart[b-fh26snw061] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><path d='M42.0647 31.3484L53.1152 39.1935V54H-0.000354767V0L10.9085 20.0212C12.4584 22.8658 15.8539 24.1514 18.899 23.0466C21.4859 22.1081 24.3835 22.8854 26.1533 24.9927L27.9023 27.0753C29.8245 29.3641 32.822 30.4533 35.7651 29.9324C37.9699 29.5423 40.239 30.0523 42.0647 31.3484Z' fill='url(%23paint0_linear_943_45119)' fill-opacity='0.12'/><defs><linearGradient id='paint0_linear_943_45119' x1='26.5574' y1='0' x2='26.5574' y2='54' gradientUnits='userSpaceOnUse'><stop stop-color='%2328B528'/><stop offset='1' stop-color='%2328B528' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

[b-fh26snw061] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-fh26snw061] .tool-button .mud-button-label {
        color: black !important;
    }

[b-fh26snw061] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-fh26snw061] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.find-your-process-content[b-fh26snw061] {
    margin-top: 47px;
}

.signature-tools[b-fh26snw061] {
    margin-top: 16px;
}

[b-fh26snw061] .action-button-style {
    height: 56px;
    border-radius: 40px;
    min-width: 171px;
}

.action-buttons-wrapper[b-fh26snw061] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.action-buttons[b-fh26snw061] {
    margin-top: 16px;
    display: flex;
    gap: 20px;
}

[b-fh26snw061] .bulk-actions-menu .mud-menu {
    padding: 8px 16px !important;
    border-radius: 40px !important;
    min-width: 171px !important;
}

[b-fh26snw061] .menu-content {
    padding: 8px 16px !important;
}

[b-fh26snw061] .bulk-actions-popover .mud-menu-list {
    padding: 16px !important;
}

[b-fh26snw061] .bulk-actions-popover {
    border-radius: 40px !important;
    overflow: hidden;
}

.suggestion-card-wrapper[b-fh26snw061] {
    margin-top: 24px;
}

[b-fh26snw061] .suggestion-card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
}

.chip-wrapper[b-fh26snw061] {
    display: flex;
    gap: 12px
}

.filters-wrapper[b-fh26snw061] {
    display: flex;
    gap: 16px;
}

/* Table Card */
.table-card[b-fh26snw061] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin-top: 38px;
}

.table-total-row[b-fh26snw061] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-fh26snw061] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-fh26snw061] .contractors-table {
    width: 100%;
}

    [b-fh26snw061] .contractors-table .mud-table-head .mud-table-cell {
        background-color: #ffffff;
        border-bottom: 1px solid #E0E0E0;
    }

.col-header[b-fh26snw061] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-fh26snw061] .contractors-table .mud-table-row:hover {
    background-color: #F5F7FF;
}

[b-fh26snw061] .contractors-table .mud-table-row {
    border-bottom: 1px solid #F0F0F0;
}

.row-cell[b-fh26snw061] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-actions[b-fh26snw061] {
    text-align: right;
    width: 120px;
}

/* Pagination */
.table-pagination[b-fh26snw061] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.pag-info-nav-container[b-fh26snw061] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 10px auto;
}

.rows-per-page[b-fh26snw061] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-fh26snw061] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-fh26snw061] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-fh26snw061] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-fh26snw061] {
    display: flex;
    align-items: center;
    gap: 0;
}

.identification-cell[b-fh26snw061] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.identification-sub[b-fh26snw061] {
    font-size: 12px;
    font-weight: 400;
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-fh26snw061] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-fh26snw061] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.contractors-page-title[b-fh26snw061] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-fh26snw061] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-fh26snw061] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-fh26snw061] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    background: white !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-fh26snw061] .ai-input .mud-input-outlined-border,
[b-fh26snw061] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-fh26snw061]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-fh26snw061] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-fh26snw061] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    text-transform: none !important;
    background-color: rgba(52, 92, 192, 0.06) !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .card-wrapper[b-fh26snw061] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-fh26snw061] {
        padding: 140px 16px 60px 16px;
    }

    .card-wrapper[b-fh26snw061] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .card-wrapper[b-fh26snw061] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Documents/DocumentSignatureSheet.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   DocumentSignatureSheet — scoped styles
   Positioned absolutely inside the right panel (dd-right-panel must be
   position:relative; overflow:hidden).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Overlay ─────────────────────────────────────────────────────────────── */

.dss-overlay[b-p9xnp8j3bv] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    pointer-events: none;
    transition: background-color 0.3s ease-in-out;
    border-radius: inherit;
}

.dss-overlay.open[b-p9xnp8j3bv] {
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: all;
}

/* ── Sheet ───────────────────────────────────────────────────────────────── */

.dss-sheet[b-p9xnp8j3bv] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 11;
    border-radius: 0 0 24px 24px;
}

.dss-sheet.slide-up[b-p9xnp8j3bv] {
    transform: translateY(0);
}

/* ── Container ───────────────────────────────────────────────────────────── */

.dss-container[b-p9xnp8j3bv] {
    background-color: var(--of-bg-page, var(--mud-palette-background)) !important;
    border-radius: 0 0 24px 24px !important;
    display: flex;
    flex-direction: column;
}

/* ── Header ──────────────────────────────────────────────────────────────── */

.dss-header[b-p9xnp8j3bv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
}

/* ── Tool bar ────────────────────────────────────────────────────────────── */

.dss-tools[b-p9xnp8j3bv] {
    display: flex;
    justify-content: center;
    padding: 16px 24px;
}

[b-p9xnp8j3bv] .dss-tool-group {
    width: 100%;
    max-width: 392px;
    display: flex;
}

[b-p9xnp8j3bv] .dss-tool-group .mud-button-root {
    flex: 1 1 0;
    min-width: 0;
    border-radius: 0 !important;
    height: 56px;
    text-transform: none;
    font-size: 14px;
}

[b-p9xnp8j3bv] .dss-tool-group .mud-button-root:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

[b-p9xnp8j3bv] .dss-tool-group .mud-button-root:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

[b-p9xnp8j3bv] .dss-tool-btn .mud-button-label {
    color: black !important;
}

[b-p9xnp8j3bv] .dss-tool-btn--active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

[b-p9xnp8j3bv] .dss-tool-btn--active.mud-button-outlined {
    border: none !important;
}

/* ── Body ────────────────────────────────────────────────────────────────── */

.dss-body[b-p9xnp8j3bv] {
    padding: 0 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dss-canvas-paper[b-p9xnp8j3bv] {
    border-radius: 4px !important;
    padding: 16px !important;
}

.dss-canvas-container[b-p9xnp8j3bv] {
    display: flex;
    flex-direction: column;
}

/* ── Draw slot ───────────────────────────────────────────────────────────── */

.dss-canvas-slot[b-p9xnp8j3bv] {
    width: 100%;
    transition: opacity 0.2s ease;
}

.dss-canvas-slot.hidden[b-p9xnp8j3bv] {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.dss-canvas-slot.visible[b-p9xnp8j3bv] {
    visibility: visible;
    position: relative;
    opacity: 1;
}

.dss-canvas-wrapper[b-p9xnp8j3bv] {
    position: relative;
    height: 150px;
    background: white;
}

.dss-canvas-wrapper canvas[b-p9xnp8j3bv] {
    width: 100%;
    max-height: 100%;
    cursor: crosshair;
    touch-action: none;
}

.dss-canvas-wrapper[b-p9xnp8j3bv]::after {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 16px;
    right: 16px;
    height: 1px;
    background: linear-gradient(90deg,
        rgba(0,0,0,0.12) 0%,
        rgba(0,0,0,0.12) 95%,
        transparent 95%,
        transparent 100%);
    background-size: 10px 1px;
    pointer-events: none;
}

/* ── Font slot ───────────────────────────────────────────────────────────── */

.dss-font-container[b-p9xnp8j3bv] {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.dss-font-preview-area[b-p9xnp8j3bv] {
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}

.dss-font-preview-text[b-p9xnp8j3bv] {
    font-size: 40px;
    text-align: center;
    letter-spacing: -1.5px;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dss-font-inputs-row[b-p9xnp8j3bv] {
    display: flex;
    gap: 24px;
    padding-top: 24px;
}

.dss-font-field[b-p9xnp8j3bv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.dss-field-label[b-p9xnp8j3bv] {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: var(--mud-palette-text-primary) !important;
}

/* ── Photo upload slot ───────────────────────────────────────────────────── */

.dss-photo-container[b-p9xnp8j3bv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
}

.dss-photo-preview[b-p9xnp8j3bv] {
    width: 100%;
    height: 102px;
    background: rgba(66, 66, 66, 0.06);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.dss-photo-preview-img[b-p9xnp8j3bv] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

[b-p9xnp8j3bv] .dss-upload-btn {
    height: 36px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
}

/* ── Action buttons ──────────────────────────────────────────────────────── */

.dss-actions[b-p9xnp8j3bv] {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

[b-p9xnp8j3bv] .dss-accept-btn,
[b-p9xnp8j3bv] .dss-accept-btn .mud-button-label {
    text-transform: none !important;
}

[b-p9xnp8j3bv] .dss-accept-btn {
    border-radius: 40px !important;
    height: 56px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
}

[b-p9xnp8j3bv] .dss-cancel-btn,
[b-p9xnp8j3bv] .dss-cancel-btn .mud-button-label {
    text-transform: none !important;
}

[b-p9xnp8j3bv] .dss-cancel-btn {
    border-radius: 40px !important;
    height: 56px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
}
/* /Pages/Documents/DocumentUserPreviewPanel.razor.rz.scp.css */
[b-evz55qub75] .doc-user-preview-panel {
    padding: 32px 24px;
}

.panel-scroll-container[b-evz55qub75] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    padding: 32px 24px;
}

/* ─── Header ─── */
.panel-header[b-evz55qub75] {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-header-top[b-evz55qub75] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.panel-chips[b-evz55qub75] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.panel-nav-count[b-evz55qub75] {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    opacity: 0.6;
}

/* ─── Section ─── */
.panel-section[b-evz55qub75] {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-title[b-evz55qub75] {
    font-weight: 600;
    line-height: 1.2;
}

.panel-status-row[b-evz55qub75] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.panel-meta-sep[b-evz55qub75] {
    opacity: 0.4;
    font-size: 18px;
    line-height: 1;
}

[b-evz55qub75] .mud-divider {
    flex-grow: 0;
}
/* ─── Info Grid ─── */
.panel-info-grid[b-evz55qub75] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.panel-info-item[b-evz55qub75] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-evz55qub75] .info-label {
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: 700;
}

.panel-close-row[b-evz55qub75] {
    display: flex;
    justify-content: flex-end;
}

.chip-sep[b-evz55qub75] {
    opacity: 0.5;
}

.info-row[b-evz55qub75] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.email-value-row[b-evz55qub75] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.panel-actions-row[b-evz55qub75] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.panel-actions-section[b-evz55qub75] {
    flex-shrink: 0;
    padding: 32px 24px;
}

/* ─── Documents Status Summary ─── */
.docs-section-header[b-evz55qub75] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.docs-status-paper[b-evz55qub75] {
    border-radius: 12px !important;
    overflow: hidden;
}

.doc-status-row[b-evz55qub75] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    min-height: 64px;
}

.doc-status-left[b-evz55qub75] {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-evz55qub75] .doc-status-icon {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
}

[b-evz55qub75] .doc-status-count {
    font-weight: 700 !important;
}
/* /Pages/Documents/RejectSelectedDocumentsDialog.razor.rz.scp.css */
[b-ttainb2so7] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-ttainb2so7] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

[b-ttainb2so7] .dialog-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[b-ttainb2so7] .dialog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-ttainb2so7] .header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-ttainb2so7] {
    margin-top: 16px;
    max-width: 520px;
}

[b-ttainb2so7] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

[b-ttainb2so7] .contractors-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

[b-ttainb2so7] .contractor-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-ttainb2so7] .page-number {
    cursor: pointer;
}

[b-ttainb2so7] .active-page {
    font-weight: 600;
}
/* /Pages/Enrollments/AddViewNotesDialog.razor.rz.scp.css */
[b-4dyrrhujhp] .dd-notes-toggle .mud-button-root {
    border-radius: 0 !important;
    text-transform: none !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

[b-4dyrrhujhp] .dd-notes-toggle .mud-button-root:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

[b-4dyrrhujhp] .dd-notes-toggle .mud-button-root:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

[b-4dyrrhujhp] .dd-notes-toggle .tool-button {
    width: 96px;
    height: 46px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
    box-shadow: var(--mud-elevation-25) !important;
}

[b-4dyrrhujhp] .dd-notes-toggle .tool-button .mud-button-label {
    color: black !important;
}

[b-4dyrrhujhp] .dd-notes-toggle .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-25) !important;
    background: white !important;
}

[b-4dyrrhujhp] .dd-notes-toggle .tool-button-active.mud-button-outlined {
    border: none !important;
}
/* /Pages/Enrollments/ApproveSelectedEnrollmentsDialog.razor.rz.scp.css */
[b-aihgzo145x] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-aihgzo145x] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-aihgzo145x] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-aihgzo145x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-aihgzo145x] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-aihgzo145x] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-aihgzo145x] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.contractors-container[b-aihgzo145x] {
}

.contractors-title[b-aihgzo145x] {
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 8px;
}

.contractors-grid[b-aihgzo145x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

.contractor-item[b-aihgzo145x] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number[b-aihgzo145x] {
    cursor: pointer;
}


.active-page[b-aihgzo145x] {
    font-weight: 600;
}
/* /Pages/Enrollments/AssignEnrollmentToUserDialog.razor.rz.scp.css */
[b-zep5jp5ln3] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-zep5jp5ln3] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-zep5jp5ln3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-zep5jp5ln3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-zep5jp5ln3] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-zep5jp5ln3] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-zep5jp5ln3] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}
/* /Pages/Enrollments/DownloadSelectedDataDialog.razor.rz.scp.css */
[b-7gvifk2ior] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-7gvifk2ior] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-7gvifk2ior] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-7gvifk2ior] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-7gvifk2ior] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-7gvifk2ior] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-7gvifk2ior] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.contractors-container[b-7gvifk2ior] {
}

.contractors-title[b-7gvifk2ior] {
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 8px;
}

.contractors-grid[b-7gvifk2ior] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

.contractor-item[b-7gvifk2ior] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number[b-7gvifk2ior] {
    cursor: pointer;
}


.active-page[b-7gvifk2ior] {
    font-weight: 600;
}

[b-7gvifk2ior] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-7gvifk2ior] .tool-button .mud-button-label {
        color: black !important;
    }

[b-7gvifk2ior] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-7gvifk2ior] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.file-format-container[b-7gvifk2ior] {
    margin-top: 12px;
}

.error-alert[b-7gvifk2ior] {
    margin-top: 16px;
    padding: 0 24px;
    width: 100%;
}

.dialog-normal-height[b-7gvifk2ior] {
    width: 533px;
    height: 400px;
    border-radius: 28px;
    padding-bottom: 24px;
}

.dialog-error-height[b-7gvifk2ior] {
    width: 533px;
    height: 480px;
    border-radius: 28px;
    padding-bottom: 24px;
}

.error-message-wrapper[b-7gvifk2ior] {
    display: flex;
    align-items: center;
    gap: 16px;
}
/* /Pages/Enrollments/EmailExportLinkDialog.razor.rz.scp.css */
[b-ha7mzsuglc] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-ha7mzsuglc] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-ha7mzsuglc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-ha7mzsuglc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-ha7mzsuglc] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-ha7mzsuglc] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-ha7mzsuglc] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.contractors-container[b-ha7mzsuglc] {
}

.contractors-title[b-ha7mzsuglc] {
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 8px;
}

.contractors-grid[b-ha7mzsuglc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

.contractor-item[b-ha7mzsuglc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number[b-ha7mzsuglc] {
    cursor: pointer;
}


.active-page[b-ha7mzsuglc] {
    font-weight: 600;
}

[b-ha7mzsuglc] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-ha7mzsuglc] .tool-button .mud-button-label {
        color: black !important;
    }

[b-ha7mzsuglc] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-ha7mzsuglc] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.file-format-container[b-ha7mzsuglc] {
    margin-top: 12px;
}

.error-alert[b-ha7mzsuglc] {
    margin-top: 16px;
    padding: 0 24px;
    width: 100%;
}

.dialog-normal-height[b-ha7mzsuglc] {
    width: 533px;
    height: 400px;
    border-radius: 28px;
    padding-bottom: 24px;
}

.dialog-error-height[b-ha7mzsuglc] {
    width: 533px;
    height: 480px;
    border-radius: 28px;
    padding-bottom: 24px;
}

.error-message-wrapper[b-ha7mzsuglc] {
    display: flex;
    align-items: center;
    gap: 16px;
}
/* /Pages/Enrollments/EnrollmentsDetailsPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   EnrollmentsDetailsPage — scoped styles
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Page shell ─────────────────────────────────────────────────────────── */

.ed-container[b-rogzsa2vgt] {
    width: 100%;
    min-height: 100vh;
    background-color: var(--of-bg-main, var(--mud-palette-background));
}

.ed-content[b-rogzsa2vgt] {
    max-width: 1448px;
    margin: 0 auto;
    padding: 180px 32px 122px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ── Back link ──────────────────────────────────────────────────────────── */

[b-rogzsa2vgt] .ed-back-link {
    text-transform: none !important;
    padding: 0 !important;
    min-width: unset !important;
    align-self: flex-start;
}

/* ── Page header ────────────────────────────────────────────────────────── */

.ed-header[b-rogzsa2vgt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.ed-header-left[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ed-name[b-rogzsa2vgt] {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.ed-header-meta[b-rogzsa2vgt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ed-status-chip[b-rogzsa2vgt] {
    border-radius: 8px !important;
    height: 28px !important;
    font-size: 12px !important;
}

.ed-breadcrumb-sep[b-rogzsa2vgt] {
    color: var(--mud-palette-text-secondary);
    font-size: 16px;
    line-height: 1;
}

.ed-breadcrumb-item[b-rogzsa2vgt] {
    color: var(--mud-palette-text-secondary) !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
}

.ed-progress-row[b-rogzsa2vgt] {
    margin-top: 4px;
}

.ed-progress-text[b-rogzsa2vgt] {
    color: var(--mud-palette-text-secondary) !important;
}

.ed-header-actions[b-rogzsa2vgt] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

/* ── Top cards ──────────────────────────────────────────────────────────── */

.ed-top-cards[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
}

/* ── Card base ──────────────────────────────────────────────────────────── */

[b-rogzsa2vgt] .ed-card {
    border-radius: 24px !important;
    padding: 24px 24px 32px !important;
}

.ed-card-header[b-rogzsa2vgt] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ── Field grids ────────────────────────────────────────────────────────── */

.ed-fields-2[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
}

.ed-workflow-grid[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
}

.ed-workflow-trio[b-rogzsa2vgt] {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 16px;
}

.ed-pi-fields[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
}

.ed-pi-field[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ed-field-span3[b-rogzsa2vgt] {
    grid-column: span 3;
}

.ed-email-link[b-rogzsa2vgt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.ed-link-icon[b-rogzsa2vgt] {
    font-size: 14px !important;
    opacity: 0.7;
}

/* ── Onboarding summary module cards ────────────────────────────────────── */

.ed-modules-row[b-rogzsa2vgt] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.ed-module-card[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 18px;
    min-width: 140px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-background);
    transition: border-color 0.2s ease, background-color 0.2s ease;
    flex: 1;
}

.ed-module-card:hover[b-rogzsa2vgt] {
    border-color: var(--mud-palette-lines-inputs);
}

.ed-module-card--complete[b-rogzsa2vgt] {
    background-color: var(--mud-palette-success-hover);
    border-color: var(--mud-palette-success);
}

.ed-module-card--active[b-rogzsa2vgt] {
    border-color: var(--mud-palette-primary) !important;
}

.ed-module-card-top[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ed-module-name[b-rogzsa2vgt] {
    font-weight: 500 !important;
    font-size: 16px !important;
    white-space: nowrap;
}

/* ── Section ────────────────────────────────────────────────────────────── */

.ed-section[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ed-section-header[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ed-section-desc[b-rogzsa2vgt] {
    color: var(--mud-palette-text-secondary) !important;
    max-width: 780px;
}

/* ── Tabs ───────────────────────────────────────────────────────────────── */

.ed-tabs-wrapper[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
}

[b-rogzsa2vgt] .ed-tabs .mud-tabs-toolbar {
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

/* tabbar-inner → tabbar-content → tabbar-wrapper all need full width */
[b-rogzsa2vgt] .ed-tabs .mud-tabs-tabbar,
[b-rogzsa2vgt] .ed-tabs .mud-tabs-tabbar-inner,
[b-rogzsa2vgt] .ed-tabs .mud-tabs-tabbar-content {
    background: transparent !important;
    width: 100% !important;
    overflow: visible !important;
}

/* the actual flex row that holds the d-inline-block wrappers */
[b-rogzsa2vgt] .ed-tabs .mud-tabs-tabbar-wrapper {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
}

/* each d-inline-block wrapper around a mud-tab */
[b-rogzsa2vgt] .ed-tabs .mud-tabs-tabbar-wrapper > .d-inline-block {
    flex: 1 1 0 !important;
    width: auto !important;
}

/* the tab button itself — override MudBlazor's inline min-width:160px */
[b-rogzsa2vgt] .ed-tabs .mud-tab {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: center !important;
}

[b-rogzsa2vgt] .ed-tab-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* ── Tab panel content wrapper ──────────────────────────────────────────── */

.ed-tab-panel-content[b-rogzsa2vgt] {
    padding-top: 32px;
}

/* ── Module content (two columns) ───────────────────────────────────────── */

.ed-module-content[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.ed-module-col[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ── Vehicle Information tab ────────────────────────────────────────────── */

.ed-vehicle-switcher[b-rogzsa2vgt] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.ed-vehicle-row5[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    align-items: start;
}

.ed-vehicle-row3[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: start;
}

.ed-vehicle-row2[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    align-items: start;
}

.ed-vehicle-bottom[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.ed-vehicle-doc-placeholder[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 200px;
    border-radius: 4px;
    border: 1px solid var(--mud-palette-lines-inputs);
    background-color: var(--mud-palette-table-hover);
}

/* ── Background Check tab ───────────────────────────────────────────────── */

.ed-bc-grid[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
    width: 100%;
}

.ed-bc-row3[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: start;
}

/* ── Module placeholder ─────────────────────────────────────────────────── */

.ed-module-placeholder[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 80px 32px;
    text-align: center;
}

/* ── Photo placeholders ─────────────────────────────────────────────────── */

.ed-photo-row[b-rogzsa2vgt] {
    display: flex;
    gap: 16px;
}

.ed-photo-placeholder[b-rogzsa2vgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 140px;
    height: 100px;
    border-radius: 8px;
    border: 1px dashed var(--mud-palette-lines-inputs);
}

/* ── Notes grid (2 columns) ─────────────────────────────────────────────── */

.ed-notes-grid[b-rogzsa2vgt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

/* ── Notes container card ────────────────────────────────────────────────── */

[b-rogzsa2vgt] .ed-notes-container-card {
    border-radius: 16px !important;
    padding: 24px !important;
}

/* ── Add Notes button ───────────────────────────────────────────────────── */

[b-rogzsa2vgt] .ed-add-notes-btn,
[b-rogzsa2vgt] .ed-add-notes-btn .mud-button-label {
    text-transform: none !important;
}

[b-rogzsa2vgt] .ed-add-notes-btn {
    border-radius: 40px !important;
    height: 56px !important;
    padding: 0 24px !important;
}

/* ── Notes toggle filter (MudButtonGroup) ───────────────────────────────── */

[b-rogzsa2vgt] .ed-notes-toggle .mud-button-root {
    border-radius: 0 !important;
    text-transform: none !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

[b-rogzsa2vgt] .ed-notes-toggle .mud-button-root:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

[b-rogzsa2vgt] .ed-notes-toggle .mud-button-root:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* ── Tool buttons (active/inactive state) ───────────────────────────────── */

[b-rogzsa2vgt] .tool-button {
    width: 96px;
    height: 46px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
    box-shadow: var(--mud-elevation-25) !important;
}

[b-rogzsa2vgt] .tool-button .mud-button-label {
    color: var(--mud-palette-text-primary) !important;
}

[b-rogzsa2vgt] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-25) !important;
    background: var(--mud-palette-surface) !important;
}

[b-rogzsa2vgt] .tool-button-active.mud-button-outlined {
    border: none !important;
}

/* ── Note cards ─────────────────────────────────────────────────────────── */

[b-rogzsa2vgt] .ed-note-card {
    border-radius: 12px !important;
    padding: 24px !important;
}

.ed-note-author[b-rogzsa2vgt] {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.4px !important;
}

.ed-note-meta[b-rogzsa2vgt] {
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.ed-meta-dot[b-rogzsa2vgt] {
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    line-height: 1;
}

/* ── Notes pagination ───────────────────────────────────────────────────── */

[b-rogzsa2vgt] .ed-notes-pagination {
    padding-top: 8px !important;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 960px) {
    .ed-top-cards[b-rogzsa2vgt] {
        grid-template-columns: 1fr;
    }

    .ed-module-content[b-rogzsa2vgt] {
        grid-template-columns: 1fr;
    }

    .ed-notes-grid[b-rogzsa2vgt] {
        grid-template-columns: 1fr;
    }

    .ed-pi-fields[b-rogzsa2vgt] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ed-field-span3[b-rogzsa2vgt] {
        grid-column: span 2;
    }
}
/* /Pages/Enrollments/EnrollmentsDetailsSidePanel.razor.rz.scp.css */

.panel-scroll-container[b-4xf13jzw53] {
    display: flex;
    flex-direction: column;
}

/* Header */
.panel-header[b-4xf13jzw53] {
    padding: 24px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-header-top[b-4xf13jzw53] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.panel-chips[b-4xf13jzw53] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.panel-nav-row[b-4xf13jzw53] {
    justify-content: space-between;
    align-items: center;
    display: contents;
    gap: 12px;
}

.panel-nav-count[b-4xf13jzw53] {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(0, 0, 0, 0.6);
}

.panel-nav-buttons[b-4xf13jzw53] {
    display: flex;
    gap: 12px;
}

/* Section */
.panel-section[b-4xf13jzw53] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-title[b-4xf13jzw53] {
    font-weight: 600;
    line-height: 1.2;
}

/* Status row */
.panel-status-row[b-4xf13jzw53] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dot-separator[b-4xf13jzw53] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    flex-shrink: 0;
}

/* Info grid */
.panel-info-grid[b-4xf13jzw53] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.panel-info-item[b-4xf13jzw53] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-4xf13jzw53] .info-label {
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: 600;
}

.info-value-row[b-4xf13jzw53] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Action buttons row */
.panel-actions-row[b-4xf13jzw53] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* Progress */
.panel-progress-header[b-4xf13jzw53] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-progress-completed[b-4xf13jzw53] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.panel-completed-list[b-4xf13jzw53] {
    list-style: disc;
    padding-left: 20px;
    margin: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.panel-progress-step[b-4xf13jzw53] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-step-row[b-4xf13jzw53] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Decision */
.panel-decision-row[b-4xf13jzw53] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
/* /Pages/Enrollments/EnrollmentsGrid.razor.rz.scp.css */
.enrollments-page-container[b-i7guh62rvj] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-i7guh62rvj] {
}

.snapshot-content[b-i7guh62rvj] {
    margin-top: 16px;
}

.snapshot-header[b-i7guh62rvj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-i7guh62rvj] .card-content {
    width: 100%;
    margin-top: 16px;
    padding: 24px;
    border-radius: 24px;
    height: 188px;
}

.cards-grid[b-i7guh62rvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.card-title[b-i7guh62rvj] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.card-wrapper[b-i7guh62rvj] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.stat-content[b-i7guh62rvj] {
    display: flex;
    flex-direction: column;
}

.stat-value-row[b-i7guh62rvj] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.stat-footer[b-i7guh62rvj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-left: auto;
}

.stat-chart[b-i7guh62rvj] {
    height: 54px;
    width: 54px;
    margin-top: -35px;
    align-self: flex-end;
}

.error-chart[b-i7guh62rvj] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'><path d='M0.570312 39.168L11.7002 31.4438C13.5221 30.1793 15.7691 29.6843 17.9537 30.0661C20.8963 30.5805 23.8913 29.4979 25.8251 27.221L27.4685 25.2859C29.2671 23.1681 32.1863 22.3804 34.8061 23.3058C37.8886 24.3947 41.307 23.0996 42.8941 20.2415L53.6087 0.947266' stroke='url(%23paint0_linear_943_48211)' stroke-opacity='0.42' stroke-width='2'/><path d='M11.4129 31.7538L0.369141 39.4532V53.9999H53.5076V0.947266L42.6288 20.5547C41.0532 23.3945 37.6544 24.6777 34.5951 23.5877C32.0028 22.6642 29.1096 23.4355 27.3211 25.5268L25.6274 27.5072C23.6795 29.785 20.6747 30.8669 17.7218 30.3537C15.5165 29.9704 13.249 30.4736 11.4129 31.7538Z' fill='url(%23paint1_linear_943_48211)' fill-opacity='0.12'/><ellipse cx='52.8473' cy='1.89474' rx='1.52113' ry='1.89474' fill='%23EFBF9C'/><defs><linearGradient id='paint0_linear_943_48211' x1='0.570312' y1='20.0576' x2='53.6087' y2='20.0576' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23EA8941'/></linearGradient><linearGradient id='paint1_linear_943_48211' x1='26.9384' y1='0.947266' x2='26.9384' y2='53.9999' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23E27E31' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

.success-chart[b-i7guh62rvj] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><path d='M42.0647 31.3484L53.1152 39.1935V54H-0.000354767V0L10.9085 20.0212C12.4584 22.8658 15.8539 24.1514 18.899 23.0466C21.4859 22.1081 24.3835 22.8854 26.1533 24.9927L27.9023 27.0753C29.8245 29.3641 32.822 30.4533 35.7651 29.9324C37.9699 29.5423 40.239 30.0523 42.0647 31.3484Z' fill='url(%23paint0_linear_943_45119)' fill-opacity='0.12'/><defs><linearGradient id='paint0_linear_943_45119' x1='26.5574' y1='0' x2='26.5574' y2='54' gradientUnits='userSpaceOnUse'><stop stop-color='%2328B528'/><stop offset='1' stop-color='%2328B528' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

[b-i7guh62rvj] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-i7guh62rvj] .tool-button .mud-button-label {
        color: black !important;
    }

[b-i7guh62rvj] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-i7guh62rvj] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.find-your-process-content[b-i7guh62rvj] {
    margin-top: 47px;
}

.signature-tools[b-i7guh62rvj] {
    margin-top: 16px;
}

[b-i7guh62rvj] .action-button-style {
    height: 56px;
    border-radius: 40px;
    min-width: 171px;
}

.action-buttons-wrapper[b-i7guh62rvj] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.action-buttons[b-i7guh62rvj] {
    margin-top: 16px;
    display: flex;
    gap: 20px;
}

[b-i7guh62rvj] .bulk-actions-menu .mud-menu {
    padding: 8px 16px !important;
    border-radius: 40px !important;
    min-width: 171px !important;
}

[b-i7guh62rvj] .menu-content {
    padding: 8px 16px !important;
}

[b-i7guh62rvj] .bulk-actions-popover .mud-menu-list {
    padding: 16px !important;
}

[b-i7guh62rvj] .bulk-actions-popover {
    border-radius: 40px !important;
    overflow: hidden;
}

.suggestion-card-wrapper[b-i7guh62rvj]{
    margin-top: 24px;
}

[b-i7guh62rvj] .suggestion-card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
}

.chip-wrapper[b-i7guh62rvj] {
    display: flex;
    gap: 12px
}

.filters-wrapper[b-i7guh62rvj] {
    display: flex;
    gap: 16px;
}

/* Table Card */
.table-card[b-i7guh62rvj] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin-top: 38px;
}

.table-total-row[b-i7guh62rvj] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-i7guh62rvj] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-i7guh62rvj] .contractors-table {
    width: 100%;
}

    [b-i7guh62rvj] .contractors-table .mud-table-head .mud-table-cell {
        background-color: #ffffff;
        border-bottom: 1px solid #E0E0E0;
    }

.col-header[b-i7guh62rvj] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
    text-align: center !important;
}

[b-i7guh62rvj] .contractors-table .mud-table-row:hover {
    background-color: #F5F7FF;
}

[b-i7guh62rvj] .contractors-table .mud-table-row {
    border-bottom: 1px solid #F0F0F0;
}

.row-cell[b-i7guh62rvj] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-actions[b-i7guh62rvj] {
    text-align: right;
    width: 120px;
}

/* Pagination */
.table-pagination[b-i7guh62rvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.pag-info-nav-container[b-i7guh62rvj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 auto;
}

.rows-per-page[b-i7guh62rvj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-i7guh62rvj] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-i7guh62rvj] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-i7guh62rvj] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-i7guh62rvj] {
    display: flex;
    align-items: center;
    gap: 0;
}

.identification-cell[b-i7guh62rvj] {
    display: flex;
    flex-direction: column;
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-i7guh62rvj] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-i7guh62rvj] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.contractors-page-title[b-i7guh62rvj] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-i7guh62rvj] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-i7guh62rvj] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-i7guh62rvj] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    background: white !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-i7guh62rvj] .ai-input .mud-input-outlined-border,
[b-i7guh62rvj] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-i7guh62rvj]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-i7guh62rvj] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-i7guh62rvj] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    text-transform: none !important;
    background-color: rgba(52, 92, 192, 0.06) !important;
}
/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .card-wrapper[b-i7guh62rvj] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-i7guh62rvj] {
        padding: 140px 16px 60px 16px;
    }

    .card-wrapper[b-i7guh62rvj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .card-wrapper[b-i7guh62rvj] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Enrollments/OrderBackgroundCheckDialog.razor.rz.scp.css */
[b-8qv1qxy0cf] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-8qv1qxy0cf] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-8qv1qxy0cf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-8qv1qxy0cf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-8qv1qxy0cf] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-8qv1qxy0cf] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-8qv1qxy0cf] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.custom-alert[b-8qv1qxy0cf] {
    display: inline-block;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(228, 37, 53, 0.08);
}

.alert-title[b-8qv1qxy0cf] {
    font-weight: 600;
}

.contractor-item[b-8qv1qxy0cf] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contractors-grid[b-8qv1qxy0cf] {
    display: grid;
    gap: 12px;
    padding: 0 12px;
    margin-top: 12px;
}

.payment-method-items[b-8qv1qxy0cf] {
    display: flex;
}
/* /Pages/Enrollments/RejectSelectedEnrollmentsDialog.razor.rz.scp.css */
[b-6krd7c68lx] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-6krd7c68lx] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-6krd7c68lx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-6krd7c68lx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-6krd7c68lx] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-6krd7c68lx] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-6krd7c68lx] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.contractors-container[b-6krd7c68lx] {
}

.contractors-title[b-6krd7c68lx] {
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 8px;
}

.contractors-grid[b-6krd7c68lx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

.contractor-item[b-6krd7c68lx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number[b-6krd7c68lx] {
    cursor: pointer;
}


.active-page[b-6krd7c68lx] {
    font-weight: 600;
}
/* /Pages/Enrollments/ResetSelectedEnrollmentDialog.razor.rz.scp.css */
[b-fx7z37dx22] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-fx7z37dx22] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-fx7z37dx22] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-fx7z37dx22] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-fx7z37dx22] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-fx7z37dx22] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-fx7z37dx22] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.custom-alert[b-fx7z37dx22] {
    display: inline-block;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(228, 37, 53, 0.08);
}

.alert-title[b-fx7z37dx22] {
    font-weight: 600;
}
/* /Pages/Enrollments/ShareReportWithUsersDialog.razor.rz.scp.css */
[b-wzetsyhmy1] .assign-dialog .mud-dialog-actions {
    width: 533px !important;
    max-width: 533px !important;
    height: 421px !important;
    border-radius: 24px !important;
    justify-content: flex-start !important;
}

[b-wzetsyhmy1] .assign-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.dialog-content[b-wzetsyhmy1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dialog-header[b-wzetsyhmy1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-wzetsyhmy1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dialog-description[b-wzetsyhmy1] {
    margin-top: 16px;
    color: #555;
    max-width: 520px;
}

[b-wzetsyhmy1] .dialog-actions {
    display: flex;
    justify-content: flex-start !important;
    gap: 16px;
}

.contractors-container[b-wzetsyhmy1] {
}

.contractors-title[b-wzetsyhmy1] {
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-bottom: 8px;
}

.contractors-grid[b-wzetsyhmy1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    padding: 0 12px;
    margin-top: 12px;
}

.contractor-item[b-wzetsyhmy1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number[b-wzetsyhmy1] {
    cursor: pointer;
}


.active-page[b-wzetsyhmy1] {
    font-weight: 600;
}

[b-wzetsyhmy1] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-wzetsyhmy1] .tool-button .mud-button-label {
        color: black !important;
    }

[b-wzetsyhmy1] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-wzetsyhmy1] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.file-format-container[b-wzetsyhmy1] {
    margin-top: 12px;
}

.error-alert[b-wzetsyhmy1] {
    margin-top: 16px;
    padding: 0 24px;
    width: 100%;
}

.dialog-normal-height[b-wzetsyhmy1] {
    width: 533px;
    height: 400px;
    border-radius: 28px;
    padding-bottom: 24px;
}

.dialog-error-height[b-wzetsyhmy1] {
    width: 533px;
    height: 480px;
    border-radius: 28px;
    padding-bottom: 24px;
}

.error-message-wrapper[b-wzetsyhmy1] {
    display: flex;
    align-items: center;
    gap: 16px;
}
/* /Pages/Error/ServiceNotAvailable.razor.rz.scp.css */
.error-page[b-nlx67p4v27] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-nlx67p4v27] {
    margin-top: 151px;
}

.content-container[b-nlx67p4v27] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 392px;
    max-width: 90%;
    margin-top: 45px;
}

/* ===== TEXT BLOCK ===== */
.text-block[b-nlx67p4v27] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.title-block[b-nlx67p4v27] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
}

.error-title[b-nlx67p4v27] {
    font-weight: 600;
    letter-spacing: 0.25px;
}

.error-subtitle[b-nlx67p4v27] {
    letter-spacing: 0.1px;
}

.error-cta[b-nlx67p4v27] {
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0.15px;
}

/* ===== AGENT CHAT ===== */
[b-nlx67p4v27] .options-list {
    margin-top: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .logo-container[b-nlx67p4v27] {
        margin-top: 60px;
    }

    .content-container[b-nlx67p4v27] {
        margin-top: 40px;
    }
}
/* /Pages/Invitations/InviteDetailsPanel.razor.rz.scp.css */
[b-v6pxvbx1tm] .invite-details-panel {
    width: 523px;
    max-width: 523px;
}

.panel-content-wrapper[b-v6pxvbx1tm] {
    padding: 0 16px;
}

/* ── Header ── */
.panel-header-top[b-v6pxvbx1tm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.panel-chips[b-v6pxvbx1tm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

[b-v6pxvbx1tm] .panel-filter-chip {
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    border-radius: 100px;
    border-color: #BDBDBD;
    color: #424242;
    padding: 0 10px;
}

[b-v6pxvbx1tm] .panel-close-btn {
    flex-shrink: 0;
    color: #616161;
    width: 26px;
    height: 26px;
    padding: 2px;
}

[b-v6pxvbx1tm] .panel-close-btn .mud-icon-root {
    font-size: 18px;
}

.panel-header-meta[b-v6pxvbx1tm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.panel-counter[b-v6pxvbx1tm] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #616161;
    text-transform: uppercase;
}

.panel-dot[b-v6pxvbx1tm] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #616161;
    flex-shrink: 0;
    display: inline-block;
}

.panel-nav-row[b-v6pxvbx1tm] {
    display: flex;
    gap: 12px;
}

[b-v6pxvbx1tm] .panel-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid #BDBDBD !important;
    color: #424242;
}

[b-v6pxvbx1tm] .panel-nav-btn:disabled {
    border-color: #E0E0E0 !important;
    color: #BDBDBD;
}

/* ── Title ── */
.panel-title[b-v6pxvbx1tm] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 1.27;
    letter-spacing: 0.25px;
    margin: 0 0 20px;
}

/* ── Status row ── */
.panel-status-row[b-v6pxvbx1tm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

[b-v6pxvbx1tm] .panel-status-chip {
    height: 40px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    padding: 0 16px;
}

[b-v6pxvbx1tm] .panel-status-sent {
    background-color: #2E7D32 !important;
    color: #FFFFFF !important;
}

.panel-workflow-text[b-v6pxvbx1tm] {
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* ── Info Grid ── */
.panel-info-grid[b-v6pxvbx1tm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    margin-bottom: 28px;
}

.panel-info-cell[b-v6pxvbx1tm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-info-label[b-v6pxvbx1tm] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #616161;
    text-transform: uppercase;
    line-height: 16px;
}

.panel-info-value[b-v6pxvbx1tm] {
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.panel-info-link[b-v6pxvbx1tm] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #304CA0;
    cursor: pointer;
}

.panel-link-icon[b-v6pxvbx1tm] {
    font-size: 18px !important;
    color: #304CA0;
}

/* ── Activity Timeline ── */
.panel-timeline[b-v6pxvbx1tm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 28px;
}

.panel-timeline-list[b-v6pxvbx1tm] {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.panel-timeline-list li[b-v6pxvbx1tm] {
    font-size: 14px;
    font-weight: 400;
    color: #424242;
    line-height: 22px;
    letter-spacing: 0.17px;
}

/* ── Secondary actions ── */
.panel-secondary-actions[b-v6pxvbx1tm] {
    display: flex;
    align-items: center;
    gap: 16px;
}

[b-v6pxvbx1tm] .panel-edit-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1.5px solid #304CA0 !important;
    color: #304CA0;
    flex-shrink: 0;
}

[b-v6pxvbx1tm] .panel-see-enrollment-btn {
    height: 56px;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    text-transform: none;
    padding: 0 24px;
}

/* ── Actions section (DialogActions) ── */
.panel-actions-section[b-v6pxvbx1tm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 0;
    width: 100%;
}

.panel-actions-row[b-v6pxvbx1tm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-v6pxvbx1tm] .panel-action-btn {
    height: 56px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.43px;
    text-transform: none;
    padding: 0 20px;
    white-space: nowrap;
}

[b-v6pxvbx1tm] .panel-recreate-btn {
    border-color: #2E7D32 !important;
    color: #2E7D32 !important;
}

[b-v6pxvbx1tm] .panel-recreate-btn:hover {
    background-color: rgba(46, 125, 50, 0.06) !important;
}

[b-v6pxvbx1tm] .panel-revoke-btn {
    border-color: #C62828 !important;
    color: #C62828 !important;
}

[b-v6pxvbx1tm] .panel-revoke-btn:hover {
    background-color: rgba(198, 40, 40, 0.06) !important;
}

[b-v6pxvbx1tm] .panel-revoke-btn.mud-disabled {
    border-color: rgba(0, 0, 0, 0.26) !important;
    color: rgba(0, 0, 0, 0.26) !important;
    cursor: not-allowed;
    pointer-events: auto !important;
}

[b-v6pxvbx1tm] .panel-copy-link-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1.5px solid #304CA0 !important;
    color: #304CA0;
    flex-shrink: 0;
}

/* ── Responsive — Tablet ── */
@media (max-width: 768px) {
    [b-v6pxvbx1tm] .invite-details-panel {
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        border-radius: 16px;
    }

    .panel-info-grid[b-v6pxvbx1tm] {
        gap: 20px 16px;
    }
}

/* ── Responsive — Mobile ── */
@media (max-width: 480px) {
    [b-v6pxvbx1tm] .invite-details-panel {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        margin: 0;
    }

    .panel-title[b-v6pxvbx1tm] {
        font-size: 26px;
    }

    .panel-info-grid[b-v6pxvbx1tm] {
        grid-template-columns: 1fr;
    }

    .panel-actions-row[b-v6pxvbx1tm] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-v6pxvbx1tm] .panel-action-btn {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Invitations/InviteVendorDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   CONTACT ERROR BANNER
══════════════════════════════════════════════════ */

.contact-error-banner[b-le7c4ub1yz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    margin: 8px 0 0 0;
    background-color: #FDECEE;
    border-radius: 6px;
}

.contact-error-banner[b-le7c4ub1yz]  .contact-error-icon,
.contact-error-banner .contact-error-icon[b-le7c4ub1yz] {
    color: #C9212E;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.contact-error-text[b-le7c4ub1yz] {
    color: #C9212E;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

/* ══════════════════════════════════════════════════
   DIALOG WRAPPER
══════════════════════════════════════════════════ */

[b-le7c4ub1yz] .invite-vendor-dialog {
    border-radius: 16px !important;
    min-width: 560px;
    max-width: 954px;
    width: 954px;
}

[b-le7c4ub1yz] .invite-vendor-dialog .mud-dialog-title {
    padding: 24px 24px 0 24px !important;
    min-height: auto !important;
}

[b-le7c4ub1yz] .invite-vendor-dialog .mud-dialog-content {
    padding: 12px 24px 24px 24px !important;
}

/* ══════════════════════════════════════════════════
   HEADER ROW  (TitleContent)
══════════════════════════════════════════════════ */
.dialog-header-row[b-le7c4ub1yz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
    padding: 8px 8px 8px 0px;
}

.back-nav-btn[b-le7c4ub1yz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
    color: #304CA0;
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.back-nav-btn:hover[b-le7c4ub1yz] {
    color: #304CA0;
}

[b-le7c4ub1yz] .dialog-close-btn {
    margin-left: auto;
}

/* ══════════════════════════════════════════════════
   DIALOG BODY  (DialogContent)
══════════════════════════════════════════════════ */
.dialog-body[b-le7c4ub1yz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 0 8px;
}

/* ══════════════════════════════════════════════════
   HEADING
══════════════════════════════════════════════════ */
.invite-heading[b-le7c4ub1yz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-le7c4ub1yz] .invite-title {
    font-family: var(--font-family-family, Lato);
    font-size: 32px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 1.2;
}

[b-le7c4ub1yz] .invite-subtitle {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    color: #757575;
    line-height: 1.5;
}

/* ══════════════════════════════════════════════════
   FORM SECTION
══════════════════════════════════════════════════ */
.form-section[b-le7c4ub1yz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row-two-col[b-le7c4ub1yz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.form-field[b-le7c4ub1yz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-le7c4ub1yz] .field-label {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #757575;
}

.required-star[b-le7c4ub1yz] {
    color: #E42535;
}

[b-le7c4ub1yz] .input-field {
    width: 100%;
}

[b-le7c4ub1yz] .input-field .mud-input-outlined {
    border-radius: 8px !important;
}

[b-le7c4ub1yz] .field-helper {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    color: #9E9E9E;
    line-height: 1.4;
}

/* ══════════════════════════════════════════════════
   SECTION DIVIDERS
══════════════════════════════════════════════════ */
.form-divider[b-le7c4ub1yz] {
    height: 1px;
    background-color: #E0E0E0;
    margin: 4px 0;
}

/* ══════════════════════════════════════════════════
   DIALOG FOOTER  (DialogActions)
══════════════════════════════════════════════════ */
.dialog-footer-row[b-le7c4ub1yz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 4px;
    gap: 8px;
}

[b-le7c4ub1yz] .cancel-action-btn {
    text-transform: none !important;
    font-family: var(--font-family-family, Lato);
    font-weight: 500 !important;
    color: #757575 !important;
    gap: 4px;
    height: 56px !important;
    border-radius: 40px !important;
    padding: 24px !important;
}

[b-le7c4ub1yz] .send-invite-action-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    font-family: var(--font-family-family, Lato);
    font-weight: 600 !important;
    background-color: #304CA0 !important;
    color: #ffffff !important;
    padding: 8px 24px !important;
    height: 56px !important;
}

[b-le7c4ub1yz] .send-invite-action-btn:hover {
    background-color: #253b85 !important;
}

/* ══════════════════════════════════════════════════
   SUCCESS STATE
══════════════════════════════════════════════════ */
[b-le7c4ub1yz] .invite-vendor-dialog-success {
    width: 709px !important;
    max-width: 709px !important;
    min-width: unset !important;
    border-radius: 24px !important;
}


.success-content[b-le7c4ub1yz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    padding: 32px 0 32px;
}

[b-le7c4ub1yz] .success-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    color: #304CA0 !important;
}

.success-text-group[b-le7c4ub1yz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

[b-le7c4ub1yz] .success-title {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 1.26;
    letter-spacing: 0.25px;
    text-align: center;
}

[b-le7c4ub1yz] .success-description {
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    max-width: 563px;
    line-height: 1.5;
    letter-spacing: 0.15px;
    text-align: center;
}

.success-actions[b-le7c4ub1yz] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

[b-le7c4ub1yz] .success-action-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    font-family: var(--font-family-family, Lato);
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    padding: 16px 24px !important;
    height: 56px !important;
    letter-spacing: 0.4286px !important;
}

[b-le7c4ub1yz] .success-action-btn:hover {
    background-color: rgba(48, 76, 160, 0.04) !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    [b-le7c4ub1yz] .invite-vendor-dialog {
        width: 90vw !important;
        max-width: 90vw !important;
    }
}

@media (max-width: 640px) {
    [b-le7c4ub1yz] .invite-vendor-dialog {
        min-width: unset !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .form-row-two-col[b-le7c4ub1yz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Invitations/InviteVendorsInBatchDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   Upload / idle state
═══════════════════════════════════════════ */

[b-2tjasd7znb] .invite-vendors-batch-dialog {
    width: 100%;
    max-width: 954px;
    border-radius: 24px;
}

[b-2tjasd7znb] .invite-vendors-batch-dialog .mud-dialog-content {
    padding: 32px 32px 0 32px;
    overflow: visible;
}

[b-2tjasd7znb] .invite-vendors-batch-dialog .mud-dialog-actions {
    padding: 24px 32px 32px 32px;
    justify-content: center;
}

/* ── Content wrapper ── */
.ivbd-content[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

/* ── Title row ── */
.ivbd-title-row[b-2tjasd7znb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.ivbd-title-left[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

[b-2tjasd7znb] .ivbd-back-btn {
    align-self: flex-start;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #304CA0;
    padding: 6px 8px;
    min-height: 36px;
}

.ivbd-title[b-2tjasd7znb] {
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0.25px !important;
    color: #1a1d24 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-2tjasd7znb] .ivbd-close-btn {
    flex-shrink: 0;
    margin-top: 2px;
    color: #424242;
}

/* ── Subtitle ── */
.ivbd-subtitle[b-2tjasd7znb] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    margin-top: -16px;
}

/* ── Drag & Drop zone ── */
.ivbd-drop-zone[b-2tjasd7znb] {
    border: 1px dashed #4496db;
    border-radius: 24px;
    min-height: 286px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 48px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    cursor: default;
}

.ivbd-drop-zone-active[b-2tjasd7znb] {
    background-color: rgba(68, 150, 219, 0.06);
    border-color: #304CA0;
}

.ivbd-drop-zone-inner[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
}

.ivbd-drop-label[b-2tjasd7znb] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.4px;
    color: #191d24;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

.ivbd-upload-btn-wrap[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-2tjasd7znb] .ivbd-upload-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

/* ── Info banner (file-selected state) ── */
.ivbd-info-banner[b-2tjasd7znb] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background-color: rgba(71, 167, 245, 0.06);
    border-radius: 12px;
    padding: 12px;
    width: 100%;
}

[b-2tjasd7znb] .ivbd-info-icon {
    color: #4496db;
    font-size: 22px !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.ivbd-info-text[b-2tjasd7znb] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.15px;
    color: #616161;
    margin: 0;
}

/* ── File confirmation card ── */
.ivbd-file-card[b-2tjasd7znb] {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.06),
                0px 8px 10px 1px rgba(0,0,0,0.04),
                0px 3px 14px 2px rgba(0,0,0,0.04);
    width: 100%;
}

.ivbd-file-card-inner[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
}

.ivbd-file-name-row[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.ivbd-file-name-text[b-2tjasd7znb] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #1a1d24;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-2tjasd7znb] .ivbd-file-delete-btn {
    color: #E42535 !important;
    flex-shrink: 0;
}

.ivbd-file-meta[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ivbd-file-meta-text[b-2tjasd7znb] {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.58;
    letter-spacing: 0.4px;
    color: #424242;
    white-space: nowrap;
}

.ivbd-file-meta-dot[b-2tjasd7znb] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

/* ── Footer actions (upload state) ── */
.ivbd-actions[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

[b-2tjasd7znb] .ivbd-cancel-btn {
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
    border-radius: 40px !important;
}

[b-2tjasd7znb] .ivbd-next-btn {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    border-radius: 40px !important;
    text-transform: none !important;
}

[b-2tjasd7znb] .ivbd-next-btn:not([disabled]) {
    background-color: #304CA0 !important;
    color: #ffffff !important;
}

/* ═══════════════════════════════════════════
   Loading state
═══════════════════════════════════════════ */

[b-2tjasd7znb] .ivbd-loading-state .mud-dialog-content {
    padding: 32px !important;
}

.ivbd-loading-content[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 64px 0;
    width: 100%;
}

[b-2tjasd7znb] .ivbd-spinner {
    width: 56px !important;
    height: 56px !important;
}

.ivbd-loading-text[b-2tjasd7znb] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: center;
    max-width: 329px;
    margin: 0;
}

/* ═══════════════════════════════════════════
   Success state
═══════════════════════════════════════════ */

[b-2tjasd7znb] .ivbd-success-state {
    max-width: 709px !important;
    width: 100%;
    border-radius: 24px;
}

[b-2tjasd7znb] .ivbd-success-state .mud-dialog-content {
    padding: 32px 32px 32px 32px !important;
    overflow: visible;
}

[b-2tjasd7znb] .ivbd-success-state .mud-dialog-actions {
    display: none !important;
}

.ivbd-success-content[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ivbd-success-close-row[b-2tjasd7znb] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 8px;
}

.ivbd-success-body[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px 0;
    text-align: center;
}

[b-2tjasd7znb] .ivbd-success-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    color: #304CA0 !important;
}

.ivbd-success-text-group[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.ivbd-success-title[b-2tjasd7znb] {
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0.25px !important;
    color: #1a1d24 !important;
}

.ivbd-success-desc[b-2tjasd7znb] {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.15px !important;
    color: #424242 !important;
    max-width: 563px;
}

.ivbd-success-actions[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

[b-2tjasd7znb] .ivbd-success-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

/* ═══════════════════════════════════════════
   Review state — wider dialog
═══════════════════════════════════════════ */

[b-2tjasd7znb] .ivbd-review-state {
    max-width: 1200px !important;
    width: 100%;
    border-radius: 24px;
}

[b-2tjasd7znb] .ivbd-review-state .mud-dialog-content {
    padding: 32px 32px 0 32px !important;
    overflow: auto;
}

[b-2tjasd7znb] .ivbd-review-state .mud-dialog-actions {
    padding: 24px 32px 32px 32px !important;
    justify-content: space-between !important;
}

/* ── Review content wrapper ── */
.ivbd-review-content[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

/* ── Review header ── */
.ivbd-review-header[b-2tjasd7znb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.ivbd-review-header-left[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.ivbd-review-title[b-2tjasd7znb] {
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0.25px !important;
    color: #1a1d24 !important;
}

/* ── Review subtitle ── */
.ivbd-review-subtitle[b-2tjasd7znb] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    margin: 0;
}

/* ── Review table ── */
.ivbd-review-table-wrap[b-2tjasd7znb] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
}

.ivbd-table[b-2tjasd7znb] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.ivbd-table thead tr[b-2tjasd7znb] {
    border-bottom: 1px solid #e0e0e0;
}

.ivbd-table th[b-2tjasd7znb] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #757575;
    text-align: left;
    padding: 12px 16px;
    white-space: nowrap;
    background-color: #ffffff;
}

.ivbd-table td[b-2tjasd7znb] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: 0.17px;
    color: #1a1d24;
    padding: 16px;
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
}

.ivbd-table tbody tr:last-child td[b-2tjasd7znb] {
    border-bottom: none;
}

.ivbd-table tbody tr:hover[b-2tjasd7znb] {
    background-color: rgba(48, 76, 160, 0.03);
}

.ivbd-td-truncate[b-2tjasd7znb] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ivbd-td-actions[b-2tjasd7znb] {
    white-space: nowrap;
    text-align: right;
}

/* ── Error row / cell ── */
.ivbd-row-error[b-2tjasd7znb] {
    background-color: rgba(228, 37, 53, 0.03);
}

.ivbd-cell-error[b-2tjasd7znb] {
    color: #E42535 !important;
    font-weight: 500;
}

[b-2tjasd7znb] .ivbd-row-edit-btn {
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    border-radius: 40px !important;
    height: 36px !important;
    padding: 6px 12px !important;
    margin-right: 8px;
    text-transform: uppercase !important;
}

[b-2tjasd7znb] .ivbd-row-delete-btn {
    border-color: #E42535 !important;
    color: #E42535 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    border-radius: 40px !important;
    height: 36px !important;
    padding: 6px 12px !important;
    text-transform: uppercase !important;
}

/* Disabled state for action buttons (non-error rows) */
[b-2tjasd7znb] .ivbd-row-edit-btn.mud-button-root:disabled,
[b-2tjasd7znb] .ivbd-row-edit-btn[disabled] {
    border-color: #bdbdbd !important;
    color: #bdbdbd !important;
}

[b-2tjasd7znb] .ivbd-row-delete-btn.mud-button-root:disabled,
[b-2tjasd7znb] .ivbd-row-delete-btn[disabled] {
    border-color: #bdbdbd !important;
    color: #bdbdbd !important;
}

/* ── Editing row ── */
.ivbd-row-editing[b-2tjasd7znb] {
    background-color: rgba(48, 76, 160, 0.04);
    box-shadow: inset 3px 0 0 0 #304CA0;
}

.ivbd-row-editing td[b-2tjasd7znb] {
    padding: 8px 8px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}

.ivbd-edit-cell[b-2tjasd7znb] {
    min-width: 100px;
}

[b-2tjasd7znb] .ivbd-edit-field {
    width: 100%;
    min-width: 80px;
}

[b-2tjasd7znb] .ivbd-edit-field .mud-input-outlined {
    font-size: 12px !important;
}

[b-2tjasd7znb] .ivbd-edit-field .mud-input-root {
    font-size: 12px !important;
}

/* Error field highlight in edit mode */
[b-2tjasd7znb] .ivbd-edit-field-error .mud-input-outlined-border {
    border-color: #E42535 !important;
}

[b-2tjasd7znb] .ivbd-edit-field-error input {
    color: #E42535 !important;
}

.ivbd-td-actions-editing[b-2tjasd7znb] {
    white-space: nowrap;
    min-width: 180px;
}

[b-2tjasd7znb] .ivbd-row-save-btn {
    background-color: #304CA0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    border-radius: 40px !important;
    height: 36px !important;
    padding: 6px 12px !important;
    margin-right: 6px;
    text-transform: uppercase !important;
}

[b-2tjasd7znb] .ivbd-row-cancel-edit-btn {
    border-color: #424242 !important;
    color: #424242 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    border-radius: 40px !important;
    height: 36px !important;
    padding: 6px 12px !important;
    text-transform: uppercase !important;
}

/* ── Table footer: rows per page + pagination ── */
.ivbd-table-footer[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid #e0e0e0;
    gap: 16px;
    flex-wrap: wrap;
}

.ivbd-rows-per-page[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ivbd-rows-label[b-2tjasd7znb] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #757575;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-2tjasd7znb] .ivbd-rows-select {
    width: 56px !important;
    font-size: 12px !important;
}

[b-2tjasd7znb] .ivbd-rows-select .mud-select-input {
    font-size: 12px !important;
    padding: 0 !important;
}

.ivbd-pagination[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ivbd-pagination-info[b-2tjasd7znb] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #424242;
    white-space: nowrap;
    margin-right: 8px;
}

[b-2tjasd7znb] .ivbd-page-btn {
    width: 32px !important;
    height: 32px !important;
    color: #424242;
}

[b-2tjasd7znb] .ivbd-page-btn:disabled {
    color: #bdbdbd !important;
}

/* ── Invitations Summary ── */
.ivbd-summary[b-2tjasd7znb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px;
}

.ivbd-summary-title[b-2tjasd7znb] {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #1a1d24;
    margin: 0;
}

.ivbd-summary-stats[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ivbd-summary-stat[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ivbd-summary-num[b-2tjasd7znb] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.15px;
    color: #304CA0;
}

.ivbd-summary-label[b-2tjasd7znb] {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.15px;
    color: #1a1d24;
}

.ivbd-summary-num-error[b-2tjasd7znb] {
    color: #E42535 !important;
}

.ivbd-summary-label-error[b-2tjasd7znb] {
    color: #E42535 !important;
}

.ivbd-summary-dot[b-2tjasd7znb] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

/* ── Review footer actions ── */
.ivbd-review-actions[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}

.ivbd-review-actions-right[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* ── Delete toast ── */
.ivbd-toast[b-2tjasd7znb] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, rgba(244,67,54,0.06) 0%, rgba(244,67,54,0.06) 100%),
                linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    border: 1px solid #E42535;
    border-radius: 8px;
    padding: 14px 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
    min-width: 280px;
    max-width: 392px;
}

[b-2tjasd7znb] .ivbd-toast-icon {
    color: #E42535 !important;
    font-size: 24px !important;
    flex-shrink: 0;
}

.ivbd-toast-text[b-2tjasd7znb] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 0.1px;
    color: #000000;
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
}

[b-2tjasd7znb] .ivbd-toast-undo-btn {
    color: #E42535 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.37px !important;
    text-transform: uppercase !important;
    padding: 4px 5px !important;
    min-width: auto !important;
    height: 31px !important;
    flex-shrink: 0;
}

[b-2tjasd7znb] .ivbd-toast-undo-btn .mud-button-icon-start {
    color: #E42535 !important;
}

[b-2tjasd7znb] .ivbd-save-draft-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

[b-2tjasd7znb] .ivbd-send-invitations-btn {
    background-color: #304CA0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    border-radius: 40px !important;
    text-transform: none !important;
}

/* ═══════════════════════════════════════════
   Responsive
═══════════════════════════════════════════ */

@media (max-width: 1024px) {
    [b-2tjasd7znb] .ivbd-review-state {
        max-width: 100% !important;
    }

    .ivbd-summary-stats[b-2tjasd7znb] {
        gap: 12px;
    }

    .ivbd-summary-num[b-2tjasd7znb],
    .ivbd-summary-label[b-2tjasd7znb] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    [b-2tjasd7znb] .invite-vendors-batch-dialog .mud-dialog-content,
    [b-2tjasd7znb] .ivbd-review-state .mud-dialog-content {
        padding: 24px 24px 0 24px !important;
    }

    [b-2tjasd7znb] .invite-vendors-batch-dialog .mud-dialog-actions,
    [b-2tjasd7znb] .ivbd-review-state .mud-dialog-actions {
        padding: 16px 24px 24px 24px !important;
    }

    .ivbd-title[b-2tjasd7znb],
    .ivbd-review-title[b-2tjasd7znb] {
        font-size: 28px !important;
        white-space: normal;
    }

    .ivbd-drop-zone[b-2tjasd7znb] {
        padding: 16px 24px;
        min-height: 220px;
    }

    .ivbd-review-actions[b-2tjasd7znb] {
        flex-wrap: wrap;
        gap: 12px;
    }

    .ivbd-review-actions-right[b-2tjasd7znb] {
        width: 100%;
        justify-content: flex-end;
    }

    .ivbd-table-footer[b-2tjasd7znb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    [b-2tjasd7znb] .invite-vendors-batch-dialog,
    [b-2tjasd7znb] .ivbd-review-state {
        border-radius: 16px !important;
    }

    [b-2tjasd7znb] .invite-vendors-batch-dialog .mud-dialog-content,
    [b-2tjasd7znb] .ivbd-review-state .mud-dialog-content {
        padding: 16px 16px 0 16px !important;
    }

    [b-2tjasd7znb] .invite-vendors-batch-dialog .mud-dialog-actions,
    [b-2tjasd7znb] .ivbd-review-state .mud-dialog-actions {
        padding: 16px !important;
    }

    .ivbd-title[b-2tjasd7znb],
    .ivbd-review-title[b-2tjasd7znb] {
        font-size: 24px !important;
    }

    .ivbd-drop-zone[b-2tjasd7znb] {
        padding: 16px;
        min-height: 180px;
    }

    .ivbd-actions[b-2tjasd7znb],
    .ivbd-review-actions-right[b-2tjasd7znb] {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    [b-2tjasd7znb] .ivbd-cancel-btn,
    [b-2tjasd7znb] .ivbd-next-btn,
    [b-2tjasd7znb] .ivbd-save-draft-btn,
    [b-2tjasd7znb] .ivbd-send-invitations-btn {
        width: 100%;
    }

    .ivbd-summary-num[b-2tjasd7znb],
    .ivbd-summary-label[b-2tjasd7znb] {
        font-size: 14px;
    }
}
/* /Pages/Invitations/InviteVendorsInBulkDialog.razor.rz.scp.css */
[b-ehxg27ik7m] .invite-vendors-bulk-dialog {
    width: 100%;
    max-width: 954px;
    border-radius: 24px;
}

[b-ehxg27ik7m] .invite-vendors-bulk-dialog .mud-dialog-content {
    padding: 32px 32px 0 32px;
    overflow: visible;
}

[b-ehxg27ik7m] .invite-vendors-bulk-dialog .mud-dialog-actions {
    padding: 24px 32px 32px 32px;
    justify-content: center;
}

/* ── Content wrapper ── */
.ivb-content[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

/* ── Title row ── */
.ivb-title-row[b-ehxg27ik7m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.ivb-title-left[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

[b-ehxg27ik7m] .ivb-back-btn {
    align-self: flex-start;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #304CA0;
    padding: 6px 8px;
    min-height: 36px;
}

.ivb-title[b-ehxg27ik7m] {
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0.25px !important;
    color: #1a1d24 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ehxg27ik7m] .ivb-close-btn {
    flex-shrink: 0;
    margin-top: 2px;
    color: #424242;
}

/* ── Subtitle ── */
.ivb-subtitle[b-ehxg27ik7m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    margin-top: -16px;
}

/* ── Drag & Drop zone ── */
.ivb-drop-zone[b-ehxg27ik7m] {
    border: 1px dashed #4496db;
    border-radius: 24px;
    min-height: 286px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 48px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    cursor: default;
}

.ivb-drop-zone-active[b-ehxg27ik7m] {
    background-color: rgba(68, 150, 219, 0.06);
    border-color: #304CA0;
}

.ivb-drop-zone-inner[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
}

.ivb-drop-label[b-ehxg27ik7m] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.4px;
    color: #191d24;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

.ivb-upload-btn-wrap[b-ehxg27ik7m] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ehxg27ik7m] .ivb-upload-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

/* ── Info banner (file-selected state) ── */
.ivb-info-banner[b-ehxg27ik7m] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background-color: rgba(71, 167, 245, 0.06);
    border-radius: 12px;
    padding: 12px;
    width: 100%;
}

[b-ehxg27ik7m] .ivb-info-icon {
    color: #4496db;
    font-size: 22px !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.ivb-info-text[b-ehxg27ik7m] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.15px;
    color: #616161;
    margin: 0;
}

/* ── File confirmation card ── */
.ivb-file-card[b-ehxg27ik7m] {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.06),
                0px 8px 10px 1px rgba(0,0,0,0.04),
                0px 3px 14px 2px rgba(0,0,0,0.04);
    width: 100%;
}

.ivb-file-card-inner[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
}

.ivb-file-name-row[b-ehxg27ik7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.ivb-file-name-text[b-ehxg27ik7m] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #1a1d24;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ehxg27ik7m] .ivb-file-delete-btn {
    color: #E42535 !important;
    flex-shrink: 0;
}

.ivb-file-meta[b-ehxg27ik7m] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ivb-file-meta-text[b-ehxg27ik7m] {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.58;
    letter-spacing: 0.4px;
    color: #424242;
    white-space: nowrap;
}

.ivb-file-meta-dot[b-ehxg27ik7m] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

/* ── Footer actions ── */
.ivb-actions[b-ehxg27ik7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

[b-ehxg27ik7m] .ivb-cancel-btn {
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
    border-radius: 40px !important;
}

[b-ehxg27ik7m] .ivb-next-btn {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    border-radius: 40px !important;
    text-transform: none !important;
}

[b-ehxg27ik7m] .ivb-next-btn:not([disabled]) {
    background-color: #304CA0 !important;
    color: #ffffff !important;
}

/* ── Loading state ── */
[b-ehxg27ik7m] .ivb-loading-state .mud-dialog-content {
    padding: 32px !important;
}

.ivb-loading-content[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 64px 0;
    width: 100%;
}

[b-ehxg27ik7m] .ivb-spinner {
    width: 56px !important;
    height: 56px !important;
}

.ivb-loading-text[b-ehxg27ik7m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: center;
    max-width: 329px;
    margin: 0;
}

/* ── Complete / queued state ── */
[b-ehxg27ik7m] .ivb-complete-state {
    max-width: 709px !important;
}

[b-ehxg27ik7m] .ivb-complete-state .mud-dialog-content {
    padding: 32px !important;
}

[b-ehxg27ik7m] .ivb-complete-state .mud-dialog-actions {
    display: none !important;
}

.ivb-complete-content[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
}

[b-ehxg27ik7m] .ivb-complete-close-btn {
    align-self: flex-end;
    color: #424242;
    margin-bottom: 8px;
}

.ivb-complete-body[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px 0;
}

[b-ehxg27ik7m] .ivb-complete-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    color: #304CA0;
}

.ivb-complete-text-block[b-ehxg27ik7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    width: 100%;
}

.ivb-complete-title[b-ehxg27ik7m] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.26;
    letter-spacing: 0.25px;
    color: #1a1d24;
    margin: 0;
}

.ivb-complete-desc[b-ehxg27ik7m] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    max-width: 563px;
    margin: 0;
}

.ivb-complete-actions[b-ehxg27ik7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

[b-ehxg27ik7m] .ivb-complete-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    [b-ehxg27ik7m] .invite-vendors-bulk-dialog .mud-dialog-content {
        padding: 24px 24px 0 24px;
    }

    [b-ehxg27ik7m] .invite-vendors-bulk-dialog .mud-dialog-actions {
        padding: 16px 24px 24px 24px;
    }

    .ivb-title[b-ehxg27ik7m] {
        font-size: 28px !important;
    }

    .ivb-drop-zone[b-ehxg27ik7m] {
        padding: 16px 24px;
        min-height: 220px;
    }
}

@media (max-width: 480px) {
    [b-ehxg27ik7m] .invite-vendors-bulk-dialog {
        border-radius: 16px;
    }

    [b-ehxg27ik7m] .invite-vendors-bulk-dialog .mud-dialog-content {
        padding: 16px 16px 0 16px;
    }

    [b-ehxg27ik7m] .invite-vendors-bulk-dialog .mud-dialog-actions {
        padding: 16px;
    }

    .ivb-title[b-ehxg27ik7m] {
        font-size: 24px !important;
        white-space: normal;
    }

    .ivb-drop-zone[b-ehxg27ik7m] {
        padding: 16px;
        min-height: 180px;
    }

    .ivb-actions[b-ehxg27ik7m] {
        flex-direction: column;
        gap: 12px;
    }

    [b-ehxg27ik7m] .ivb-cancel-btn,
    [b-ehxg27ik7m] .ivb-next-btn {
        width: 100%;
    }
}
/* /Pages/Invitations/VendorInvitation.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.vi-page-container[b-cgwjdgx8i9] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.vi-page-content[b-cgwjdgx8i9] {
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-cgwjdgx8i9] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-cgwjdgx8i9] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.contractors-page-title[b-cgwjdgx8i9] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-cgwjdgx8i9] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-cgwjdgx8i9] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-cgwjdgx8i9] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-cgwjdgx8i9] .ai-input .mud-input-outlined-border,
[b-cgwjdgx8i9] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-cgwjdgx8i9]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-cgwjdgx8i9] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-cgwjdgx8i9] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    background-color: rgba(52, 92, 192, 0.12) !important;
}

    [b-cgwjdgx8i9] .suggestion-chip::before {
        content: "" !important;
        width: 20px !important;
        height: 18px !important;
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'20'%20height%3D'18'%20viewBox%3D'0%200%2020%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M14.206%209.83681L11.8569%2010.9829C10.5401%2011.6215%209.51779%2012.7453%209.0054%2014.1166L7.6737%2017.6539C7.62666%2017.7801%207.52765%2017.8791%207.40142%2017.9286C7.15883%2018.0177%206.88655%2017.8965%206.79497%2017.6539L5.46574%2014.1166C4.95087%2012.7478%203.93105%2011.6314%202.6142%2010.9928L0.265148%209.8492C0.171086%209.80216%200.0943522%209.72544%200.047321%209.63134C-0.0665478%209.3962%200.0324699%209.11649%200.265148%209.00263L2.6142%207.85904C3.93353%207.22039%204.95335%206.09661%205.46574%204.72528L6.79745%201.18807C6.84448%201.0915%206.92367%201.0123%207.02021%200.965258C7.2628%200.846447%207.55489%200.945496%207.67617%201.18807L9.00788%204.71788C9.51779%206.09166%2010.5401%207.21299%2011.8569%207.85408L14.206%208.9952C14.3694%209.0744%2014.4709%209.24025%2014.4709%209.42098C14.4684%209.59919%2014.3669%209.76006%2014.206%209.83681Z'%20fill%3D'%23304CA0'/%3E%3Cpath%20d%3D'M19.8494%203.46843L18.982%203.89164C18.5168%204.11725%2018.1566%204.51243%2017.9744%204.99589L17.484%206.30333C17.456%206.3748%2017.3999%206.43086%2017.3284%206.45747C17.1911%206.50934%2017.0384%206.44067%2016.9865%206.30333L16.4946%204.99589C16.3139%204.51243%2015.9523%204.11725%2015.4871%203.89164L14.6197%203.46843C14.5664%203.4432%2014.523%203.39976%2014.4978%203.34651C14.4333%203.21339%2014.488%203.05502%2014.6197%202.99057L15.4871%202.56736C15.9523%202.34177%2016.3139%201.94658%2016.4946%201.46172L16.9865%200.155668C17.0131%200.0996286%2017.058%200.0561789%2017.1126%200.028159C17.25%20-0.0391024%2017.4153%200.01834%2017.484%200.155668L17.9744%201.46172C18.1566%201.94658%2018.5168%202.34177%2018.982%202.56736L19.8494%202.99057C19.9027%203.0158%2019.9461%203.05923%2019.9727%203.1125C20.0372%203.24422%2019.9825%203.40397%2019.8494%203.46843Z'%20fill%3D'%23304CA0'/%3E%3C/svg%3E") no-repeat center / 20px 18px !important;
        display: inline-block !important;
    }

/* ══════════════════════════════════════════════════
   CONTRACTORS TABLE SECTION
══════════════════════════════════════════════════ */
.contractors-section[b-cgwjdgx8i9] {
    padding: 0 0 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Header Row */
.contractors-header-row[b-cgwjdgx8i9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.section-label-tabs[b-cgwjdgx8i9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-cgwjdgx8i9] .contractors-section-label {
    color: var(--color-theme-mud-palette-black, #1A1D24);
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-button, 14px);
    font-style: normal;
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-button, 24.5px);
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px);
    text-transform: uppercase;
}

/* Tabs */
.invite-tabs[b-cgwjdgx8i9] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #E0E0E0;
}

.invite-tab[b-cgwjdgx8i9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    color: #616161;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .invite-tab:hover[b-cgwjdgx8i9] {
        background: rgba(48, 76, 160, 0.04);
        color: #304CA0;
    }

.invite-tab-active[b-cgwjdgx8i9] {
    color: #304CA0;
    border-bottom: 2px solid #304CA0;
}

    .invite-tab-active[b-cgwjdgx8i9]  .mud-icon-root {
        color: #304CA0 !important;
    }

.invite-tab-all[b-cgwjdgx8i9] {
    display: flex;
    width: 220px;
    padding: var(--padding-margin-padding-lg, 16px) var(--padding-margin-padding-2xl, 24px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--border-radius-mud-sm-border-radius, 8px) 0 0 var(--border-radius-mud-sm-border-radius, 8px);
    background: var(--color-theme-mud-palette-white, #FFF);
}

/* Action Buttons */
.contractors-actions[b-cgwjdgx8i9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-cgwjdgx8i9] .action-btn-primary {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 56px;
}

[b-cgwjdgx8i9] .action-btn-default {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 56px;
}

[b-cgwjdgx8i9] .action-icon-btn {
    border: 1px solid #304CA0;
    border-radius: 48px;
    color: #304CA0;
    height: 56px;
    width: 56px;
}

/* Table Filters */
.table-filters[b-cgwjdgx8i9] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06);
    overflow-x: auto;
}

[b-cgwjdgx8i9] .table-search-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-cgwjdgx8i9] .table-search-btn .mud-icon-root {
        width: 24px !important;
        height: 24px !important;
        font-size: 24px !important;
    }

[b-cgwjdgx8i9] .search-field {
    width: 220px !important;
    flex: 0 0 220px !important;
    max-width: 220px !important;
}

    [b-cgwjdgx8i9] .search-field .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
    }

    [b-cgwjdgx8i9] .search-field .mud-input-outlined-border,
    [b-cgwjdgx8i9] .search-field fieldset {
        border: none !important;
    }

    [b-cgwjdgx8i9] .search-field .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

[b-cgwjdgx8i9] .filter-select {
    width: 186.667px !important;
    flex: 0 0 186.667px !important;
    max-width: 186.667px !important;
    flex-grow: 0 !important;
}

    [b-cgwjdgx8i9] .filter-select .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
        flex-grow: 0 !important;
    }

    [b-cgwjdgx8i9] .filter-select .mud-input-outlined-border,
    [b-cgwjdgx8i9] .filter-select fieldset {
        border: none !important;
        flex-grow: 0 !important;
    }

    [b-cgwjdgx8i9] .filter-select .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        flex-grow: 0 !important;
    }

[b-cgwjdgx8i9] .table-filter-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-cgwjdgx8i9] .table-filter-btn .mud-icon-root {
        width: 24px !important;
        height: 24px !important;
        font-size: 24px !important;
    }

[b-cgwjdgx8i9] .table-refresh-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-cgwjdgx8i9] .table-refresh-btn .mud-icon-root {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }

[b-cgwjdgx8i9] .filter-select .mud-select { flex-grow: 0 !important; flex-shrink: 0 !important; }
[b-cgwjdgx8i9] .mud-select { flex-grow: 0 !important; }

/* Table Card */
.table-card[b-cgwjdgx8i9] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.table-total-row[b-cgwjdgx8i9] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-cgwjdgx8i9] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-cgwjdgx8i9] .contractors-table { width: 100%; }

[b-cgwjdgx8i9] .contractors-table .mud-table-head .mud-table-cell {
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E0;
}

.col-header[b-cgwjdgx8i9] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-cgwjdgx8i9] .contractors-table .mud-table-row:hover { background-color: #F5F7FF; }
[b-cgwjdgx8i9] .contractors-table .mud-table-row { border-bottom: 1px solid #F0F0F0; }

.row-cell[b-cgwjdgx8i9] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-actions[b-cgwjdgx8i9] {
    text-align: right;
    width: 120px;
}

/* Identification Column */
.identification-cell[b-cgwjdgx8i9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.identification-phone[b-cgwjdgx8i9] {
    font-size: 13px;
    font-weight: 600;
    color: #1A1D24;
    letter-spacing: 0.2px;
}

.identification-email[b-cgwjdgx8i9] {
    font-size: 11px;
    color: #616161;
    letter-spacing: 0.1px;
}

/* Status Chips */
.status-chip[b-cgwjdgx8i9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 24px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.status-chip-processing[b-cgwjdgx8i9] { background-color: #1976D2; color: #FFFFFF; }
.status-chip-expired[b-cgwjdgx8i9]    { background-color: #E53935; color: #FFFFFF; }
.status-chip-created[b-cgwjdgx8i9]    { background-color: #283593; color: #FFFFFF; }
.status-chip-sent[b-cgwjdgx8i9]       { background-color: #388E3C; color: #FFFFFF; }
.status-chip-error[b-cgwjdgx8i9]      { background-color: #F57C00; color: #FFFFFF; }
.status-chip-revoked[b-cgwjdgx8i9]    { background-color: #EEEEEE; color: #616161; }

/* Batch status chips */
.batch-status-processing[b-cgwjdgx8i9]    { background-color: #1976D2; color: #FFFFFF; }
.batch-status-created[b-cgwjdgx8i9]       { background-color: #E0E0E0; color: #424242; }
.batch-status-queued[b-cgwjdgx8i9]        { background-color: #263D80; color: #FFFFFF; }
.batch-status-complete[b-cgwjdgx8i9]      { background-color: #388E3C; color: #FFFFFF; }
.batch-status-action-needed[b-cgwjdgx8i9] { background-color: #E65100; color: #FFFFFF; }

.batch-filename-cell[b-cgwjdgx8i9] {
    font-size: 13px;
    font-weight: 500;
    color: #1A1D24;
    max-width: 180px;
    word-break: break-word;
}

/* Actions Trigger */
.actions-trigger[b-cgwjdgx8i9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.15s;
}

    .actions-trigger:hover[b-cgwjdgx8i9] { background-color: #F0F0F0; }

/* Pagination */
.table-pagination[b-cgwjdgx8i9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-top: 1px solid #E0E0E0;
    gap: 16px;
}

.rows-per-page[b-cgwjdgx8i9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-cgwjdgx8i9] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-cgwjdgx8i9] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-cgwjdgx8i9] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-cgwjdgx8i9] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .contractors-header-row[b-cgwjdgx8i9] {
        flex-direction: column;
        align-items: flex-start;
    }

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

    .table-filters[b-cgwjdgx8i9] {
        flex-wrap: wrap;
        border-radius: 16px;
    }

    [b-cgwjdgx8i9] .filter-select {
        width: calc(50% - 8px) !important;
        flex: 1 1 calc(50% - 8px) !important;
    }
}

/* ══════════════════════════════════════════════════
   BULK INVITE TOAST
══════════════════════════════════════════════════ */
.bulk-invite-toast[b-cgwjdgx8i9] {
    position: fixed;
    bottom: 32px;
    left: 32px;
    width: 392px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    background: linear-gradient(90deg, rgba(63, 162, 66, 0.12), rgba(63, 162, 66, 0.12)),
                #ffffff;
    border: 1px solid #338436;
    border-radius: 8px;
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.06),
                0px 8px 10px 1px rgba(0,0,0,0.04),
                0px 3px 14px 2px rgba(0,0,0,0.04);
    z-index: 9999;
    animation: toast-slide-in-b-cgwjdgx8i9 0.25s ease;
}

@keyframes toast-slide-in-b-cgwjdgx8i9 {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

[b-cgwjdgx8i9] .bulk-invite-toast-icon {
    color: #338436 !important;
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0;
}

.bulk-invite-toast-text[b-cgwjdgx8i9] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 0.1px;
    color: #000000;
}

@media (max-width: 480px) {
    .bulk-invite-toast[b-cgwjdgx8i9] {
        left: 16px;
        right: 16px;
        width: auto;
        bottom: 16px;
    }
}
/* /Pages/Locations/Locations.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-5ruzbub4ic] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-5ruzbub4ic] {
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-5ruzbub4ic] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-5ruzbub4ic] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.locations-page-title[b-5ruzbub4ic] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-5ruzbub4ic] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-5ruzbub4ic] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-5ruzbub4ic] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-5ruzbub4ic] .ai-input .mud-input-outlined-border,
[b-5ruzbub4ic] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-5ruzbub4ic]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-5ruzbub4ic] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-5ruzbub4ic] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    background-color: rgba(52, 92, 192, 0.12) !important;
}

    [b-5ruzbub4ic] .suggestion-chip::before {
        content: "" !important;
        width: 20px !important;
        height: 18px !important;
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'20'%20height%3D'18'%20viewBox%3D'0%200%2020%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M14.206%209.83681L11.8569%2010.9829C10.5401%2011.6215%209.51779%2012.7453%209.0054%2014.1166L7.6737%2017.6539C7.62666%2017.7801%207.52765%2017.8791%207.40142%2017.9286C7.15883%2018.0177%206.88655%2017.8965%206.79497%2017.6539L5.46574%2014.1166C4.95087%2012.7478%203.93105%2011.6314%202.6142%2010.9928L0.265148%209.8492C0.171086%209.80216%200.0943522%209.72544%200.047321%209.63134C-0.0665478%209.3962%200.0324699%209.11649%200.265148%209.00263L2.6142%207.85904C3.93353%207.22039%204.95335%206.09661%205.46574%204.72528L6.79745%201.18807C6.84448%201.0915%206.92367%201.0123%207.02021%200.965258C7.2628%200.846447%207.55489%200.945496%207.67617%201.18807L9.00788%204.71788C9.51779%206.09166%2010.5401%207.21299%2011.8569%207.85408L14.206%208.9952C14.3694%209.0744%2014.4709%209.24025%2014.4709%209.42098C14.4684%209.59919%2014.3669%209.76006%2014.206%209.83681Z'%20fill%3D'%23304CA0'/%3E%3Cpath%20d%3D'M19.8494%203.46843L18.982%203.89164C18.5168%204.11725%2018.1566%204.51243%2017.9744%204.99589L17.484%206.30333C17.456%206.3748%2017.3999%206.43086%2017.3284%206.45747C17.1911%206.50934%2017.0384%206.44067%2016.9865%206.30333L16.4946%204.99589C16.3139%204.51243%2015.9523%204.11725%2015.4871%203.89164L14.6197%203.46843C14.5664%203.4432%2014.523%203.39976%2014.4978%203.34651C14.4333%203.21339%2014.488%203.05502%2014.6197%202.99057L15.4871%202.56736C15.9523%202.34177%2016.3139%201.94658%2016.4946%201.46172L16.9865%200.155668C17.0131%200.0996286%2017.058%200.0561789%2017.1126%200.028159C17.25%20-0.0391024%2017.4153%200.01834%2017.484%200.155668L17.9744%201.46172C18.1566%201.94658%2018.5168%202.34177%2018.982%202.56736L19.8494%202.99057C19.9027%203.0158%2019.9461%203.05923%2019.9727%203.1125C20.0372%203.24422%2019.9825%203.40397%2019.8494%203.46843Z'%20fill%3D'%23304CA0'/%3E%3C/svg%3E") no-repeat center / 20px 18px !important;
        display: inline-block !important;
    }

/* ══════════════════════════════════════════════════
   LOCATIONS SECTION
══════════════════════════════════════════════════ */
.locations-section[b-5ruzbub4ic] {
    padding: 0 0 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.locations-header-row[b-5ruzbub4ic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

[b-5ruzbub4ic] .locations-section-label {
    color: var(--color-theme-mud-palette-black, #1A1D24);
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-button, 14px);
    font-style: normal;
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-button, 24.5px);
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px);
    text-transform: uppercase;
}

.locations-actions[b-5ruzbub4ic] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════
   ACTION BUTTONS
══════════════════════════════════════════════════ */
[b-5ruzbub4ic] .action-btn-default {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 48px;
}

[b-5ruzbub4ic] .action-icon-btn {
    border: 1px solid #304CA0;
    border-radius: 48px;
    color: #304CA0;
}

/* ══════════════════════════════════════════════════
   MANAGE COLUMNS POPOVER
══════════════════════════════════════════════════ */
[b-5ruzbub4ic] .manage-columns-popover {
    border-radius: 8px !important;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 5px 5px -3px rgba(0,0,0,0.2) !important;
}

[b-5ruzbub4ic] .manage-columns-item {
    padding: 0 !important;
    min-height: unset !important;
}

    [b-5ruzbub4ic] .manage-columns-item:hover {
        background-color: rgba(48, 76, 160, 0.04) !important;
    }

    [b-5ruzbub4ic] .manage-columns-item .mud-checkbox {
        padding: 8px 16px !important;
        margin: 0 !important;
    }

/* ══════════════════════════════════════════════════
   TABLE FILTERS
══════════════════════════════════════════════════ */
.table-filters[b-5ruzbub4ic] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: nowrap;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06);
    flex-grow: 0 !important;
}

[b-5ruzbub4ic] .search-field {
    width: 320px !important;
    flex: 0 0 320px !important;
    max-width: 320px !important;
}

    [b-5ruzbub4ic] .search-field .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
    }

    [b-5ruzbub4ic] .search-field .mud-input-outlined-border,
    [b-5ruzbub4ic] .search-field fieldset {
        border: none !important;
    }

    [b-5ruzbub4ic] .search-field .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-5ruzbub4ic] .search-field .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
    }

[b-5ruzbub4ic] .filter-select {
    width: 198.667px !important;
    flex: 0 0 198.667px !important;
    max-width: 198.667px !important;
    flex-grow: 0 !important;
}

    [b-5ruzbub4ic] .filter-select .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-5ruzbub4ic] .filter-select .mud-input-outlined-border,
    [b-5ruzbub4ic] .filter-select fieldset {
        border: none !important;
        flex-grow: 0 !important;
    }

    [b-5ruzbub4ic] .filter-select .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-5ruzbub4ic] .filter-select .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        flex-grow: 0 !important;
    }

[b-5ruzbub4ic] .table-refresh-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-5ruzbub4ic] .table-refresh-btn .mud-icon-root {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }

[b-5ruzbub4ic] .filter-select .mud-select {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

[b-5ruzbub4ic] .mud-select {
    flex-grow: 0 !important;
}

/* ══════════════════════════════════════════════════
   TABLE CARD
══════════════════════════════════════════════════ */
.table-card[b-5ruzbub4ic] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.table-total-row[b-5ruzbub4ic] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-5ruzbub4ic] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

/* ══════════════════════════════════════════════════
   TABLE
══════════════════════════════════════════════════ */
[b-5ruzbub4ic] .locations-table { width: 100%; }

[b-5ruzbub4ic] .locations-table .mud-table-head .mud-table-cell {
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E0;
}

.col-header[b-5ruzbub4ic] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-5ruzbub4ic] .locations-table .mud-table-row:hover { background-color: #F5F7FF; }
[b-5ruzbub4ic] .locations-table .mud-table-row { border-bottom: 1px solid #F0F0F0; }

.row-cell[b-5ruzbub4ic] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-name[b-5ruzbub4ic] {
    font-weight: 600;
    color: #1A1D24;
    letter-spacing: 0.3px;
}

/* ══════════════════════════════════════════════════
   STATUS CHIPS
══════════════════════════════════════════════════ */
.status-chip[b-5ruzbub4ic] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 24px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.status-chip-active[b-5ruzbub4ic] {
    background-color: #E8F5E9;
    color: #2E7D32;
}

.status-chip-inactive[b-5ruzbub4ic] {
    background-color: #F5F5F5;
    color: #616161;
}

/* ══════════════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════════════ */
.table-pagination[b-5ruzbub4ic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-top: 1px solid #E0E0E0;
    gap: 16px;
}

.rows-per-page[b-5ruzbub4ic] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-5ruzbub4ic] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-5ruzbub4ic] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-5ruzbub4ic] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-5ruzbub4ic] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .enrollments-page-container[b-5ruzbub4ic] {
        padding: 160px 20px 80px 20px;
    }

    .table-filters[b-5ruzbub4ic] {
        gap: 8px;
    }

    [b-5ruzbub4ic] .search-field {
        max-width: 100%;
        flex: 1 1 200px;
    }

    [b-5ruzbub4ic] .filter-select {
        min-width: 130px;
        flex: 1 1 130px;
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-5ruzbub4ic] {
        padding: 140px 16px 64px 16px;
    }

    .locations-header-row[b-5ruzbub4ic] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .suggestion-chips[b-5ruzbub4ic] {
        gap: 8px;
    }

    .table-filters[b-5ruzbub4ic] {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: wrap;
        border-radius: 16px;
    }

    [b-5ruzbub4ic] .filter-select,
    [b-5ruzbub4ic] .search-field {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    .table-pagination[b-5ruzbub4ic] {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* /Pages/Notifications/Notifications.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT  (mirrors RoleDetails pattern)
══════════════════════════════════════════════════ */
.enrollments-page-container[b-0jfgmlf461] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-0jfgmlf461] {
}

/* ══════════════════════════════════════════════════
   NOTIFICATIONS DETAIL CONTENT
══════════════════════════════════════════════════ */
.notif-detail-content[b-0jfgmlf461] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 48px;
}

/* ══════════════════════════════════════════════════
   TITLE ROW  (mirrors .role-info-row)
══════════════════════════════════════════════════ */
.notif-info-row[b-0jfgmlf461] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 8px;
}

.notif-info-left[b-0jfgmlf461] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

[b-0jfgmlf461] .notif-title {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25px !important;
    color: #1A1D24 !important;
}

.notif-description[b-0jfgmlf461] {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20.02px !important;
    letter-spacing: 0.15px !important;
    color: #464B50 !important;
    max-width: 640px;
}

/* Action Buttons  (mirrors .role-actions / .role-action-btn) */
.notif-actions[b-0jfgmlf461] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-0jfgmlf461] .notif-action-btn {
    height: 56px !important;
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0 24px !important;
    min-width: fit-content !important;
}

[b-0jfgmlf461] .notif-action-btn-save {
    height: 56px !important;
    border-radius: 40px !important;
    background-color: #304CA0 !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0 24px !important;
    min-width: fit-content !important;
}

/* ══════════════════════════════════════════════════
   PERMISSIONS CARD  (identical to RoleDetails)
══════════════════════════════════════════════════ */
.permissions-card[b-0jfgmlf461] {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px 1px rgba(0, 0, 0, 0.04), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    padding: 24px 24px 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* ── Permission group  (identical to RoleDetails) ── */
.perm-group[b-0jfgmlf461] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-0jfgmlf461] .perm-group-title {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32.02px !important;
    letter-spacing: 0px !important;
    color: #1A1D24 !important;
}

/* ── Notification rows inside a group ── */
.notif-rows[b-0jfgmlf461] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.notif-item-row[b-0jfgmlf461] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 24px;
    min-height: 48px;
}

.notif-item-label[b-0jfgmlf461] {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    line-height: 20px;
    letter-spacing: 0.15px;
}

/* ── Checkbox  (identical to RoleDetails) ── */
[b-0jfgmlf461] .perm-checkbox .mud-checkbox-input + .mud-button-root {
    padding: 0 !important;
}

[b-0jfgmlf461] .perm-checkbox .mud-checkbox .mud-icon-root {
    font-size: 20px !important;
}

[b-0jfgmlf461] .perm-checkbox .mud-input-control-input-slot {
    margin-right: 8px !important;
}

[b-0jfgmlf461] .perm-checkbox {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #424242 !important;
}

/* ── Divider  (identical to RoleDetails) ── */
[b-0jfgmlf461] .perm-divider {
    margin: 0 !important;
    height: 1.5px !important;
    border-color: #E0E0E0 !important;
    background-color: #E0E0E0 !important;
    opacity: 1 !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .notif-info-row[b-0jfgmlf461] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .notif-actions[b-0jfgmlf461] {
        flex-direction: row;
        align-items: center;
        flex-shrink: 0;
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-0jfgmlf461] {
        padding: 160px 16px 64px 16px;
    }

    .notif-info-row[b-0jfgmlf461] {
        flex-direction: column;
    }

    .notif-actions[b-0jfgmlf461] {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    [b-0jfgmlf461] .notif-action-btn,
    [b-0jfgmlf461] .notif-action-btn-save {
        flex: 1;
        min-width: 120px;
    }

}

@media (max-width: 480px) {
    .enrollments-page-container[b-0jfgmlf461] {
        padding: 140px 12px 48px 12px;
    }

    .notif-item-row[b-0jfgmlf461] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    [b-0jfgmlf461] .notif-action-btn,
    [b-0jfgmlf461] .notif-action-btn-save {
        width: 100%;
    }
}
/* /Pages/Profile/ManagePassword.razor.rz.scp.css */
.manage-password-page[b-mnlqeqad56] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 200px 32px 64px;
    max-width: 760px;
    margin: 0 auto;
    box-sizing: border-box;
}


.card-section-header[b-mnlqeqad56] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 24px 24px 24px;
}


.password-fields[b-mnlqeqad56] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.field-group[b-mnlqeqad56] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field-label[b-mnlqeqad56] {
    letter-spacing: 0.25em;
    margin-left: 6px;
    text-transform: uppercase;
}

[b-mnlqeqad56] .password-field {
    width: 100%;
}

.form-actions[b-mnlqeqad56] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

[b-mnlqeqad56] .password-action-btn {
    border-radius: var(--of-radius-pill, 50px) !important;
    height: 56px !important;
    padding: 0 24px !important;
    text-transform: none !important;
}

@media (max-width: 768px) {
    .manage-password-page[b-mnlqeqad56] {
        padding: 180px 16px 48px;
    }

    .form-actions[b-mnlqeqad56] {
        flex-direction: column;
    }

    [b-mnlqeqad56] .password-action-btn {
        width: 100%;
    }
}
/* /Pages/Profile/MyProfile.razor.rz.scp.css */
.my-profile-page[b-lbr0wgmvst] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 200px 32px 64px;
    max-width: 760px;
    margin: 0 auto;
    box-sizing: border-box;
}

.profile-header[b-lbr0wgmvst] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.profile-description[b-lbr0wgmvst] {
    max-width: 560px;
}

.profile-form-slot[b-lbr0wgmvst] {
    width: 100%;
}

.form-actions[b-lbr0wgmvst] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

[b-lbr0wgmvst] .profile-action-btn {
    border-radius: var(--of-radius-pill, 50px) !important;
    height: 56px !important;
    padding: 0 24px !important;
    text-transform: none !important;
}

@media (max-width: 768px) {
    .my-profile-page[b-lbr0wgmvst] {
        padding: 180px 16px 48px;
    }

    .form-actions[b-lbr0wgmvst] {
        flex-direction: column;
    }

    [b-lbr0wgmvst] .profile-action-btn {
        width: 100%;
    }
}
/* /Pages/Register/Register.razor.rz.scp.css */
.register-page[b-spflc8v77u] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-spflc8v77u] {
    margin-top: 96px;
}

.content-container[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 440px;
    max-width: 90%;
    margin-top: 33px;
}

/* ===== CTA BLOCK ===== */
.cta-block[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.register-title[b-spflc8v77u] {
    font-weight: 600;
}

.register-description[b-spflc8v77u] {
    letter-spacing: 0.15px;
}

/* ===== FORM BLOCK ===== */
.form-block[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.inputs-group[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* ===== EMAIL FIELD ===== */
.email-field-group[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-spflc8v77u] .email-input .mud-input-outlined {
    border-radius: var(--of-radius-lg) !important;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04),
                0px 8px 10px 0px rgba(0, 0, 0, 0.04),
                0px 5px 5px 0px rgba(0, 0, 0, 0.06);
}

[b-spflc8v77u] .email-input .mud-input-outlined-border,
[b-spflc8v77u] .email-input fieldset {
    border-width: 0 !important;
    border-radius: var(--of-radius-lg);
}

[b-spflc8v77u] .email-input .mud-input {
    padding: 14px;
}

[b-spflc8v77u] .email-input .mud-input::placeholder {
    opacity: 1;
}

[b-spflc8v77u] .email-input .mud-input-slot {
    padding: 0;
}

/* ===== PASSWORD FIELDS ===== */
.password-fields[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.password-field-group[b-spflc8v77u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-spflc8v77u] {
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-left: 6px;
}

[b-spflc8v77u] .password-input .mud-input-outlined {
    border-radius: var(--of-radius-lg) !important;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04),
                0px 8px 10px 0px rgba(0, 0, 0, 0.04),
                0px 5px 5px 0px rgba(0, 0, 0, 0.06);
}

[b-spflc8v77u] .password-input .mud-input-outlined-border,
[b-spflc8v77u] .password-input fieldset {
    border-width: 0 !important;
    border-radius: var(--of-radius-lg);
}

[b-spflc8v77u] .password-input .mud-input {
    padding: 14px;
}

[b-spflc8v77u] .password-input .mud-input::placeholder {
    opacity: 1;
}

[b-spflc8v77u] .password-input .mud-input-slot {
    padding: 0;
}

/* ===== REQUIREMENTS PANEL ===== */
.requirements-panel[b-spflc8v77u] {
    border-radius: var(--of-radius-3xl);
    padding: 8px 0;
    display: flex;
    flex-direction: column;
}

.requirement-item[b-spflc8v77u] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
}

.req-text[b-spflc8v77u] {
    letter-spacing: 0.15px;
}

/* ===== SUBMIT BUTTON ===== */
[b-spflc8v77u] .submit-button {
    width: 216px !important;
    height: 48px !important;
    align-self: center;
    border-radius: 8px !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .logo-container[b-spflc8v77u] {
        margin-top: 48px;
    }

    .content-container[b-spflc8v77u] {
        margin-top: 48px;
    }
}
/* /Pages/Reports/ContractorsInvited.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT  (mirrors .enrollments-page-container)
══════════════════════════════════════════════════ */
.enrollments-page-container[b-vhl8hf2ccg] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
    background-color: #F2F9FE;
    min-height: 100vh;
}

.enrollments-page-content[b-vhl8hf2ccg] {
    display: flex;
    flex-direction: column;
}

/* ══════════════════════════════════════════════════
   BACK LINK
══════════════════════════════════════════════════ */
.ci-back-link[b-vhl8hf2ccg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #616161;
    cursor: pointer;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: fit-content;
}

    .ci-back-link:hover[b-vhl8hf2ccg] { color: #304CA0; }

/* ══════════════════════════════════════════════════
   TITLE / META BLOCK
══════════════════════════════════════════════════ */
.ci-title-row[b-vhl8hf2ccg] {
    align-items: flex-start !important;
    margin-bottom: 24px;
}

.ci-title-meta[b-vhl8hf2ccg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-vhl8hf2ccg] .ci-page-title {
    font-family: Lato, sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 1.2;
    letter-spacing: 0.25px;
}

[b-vhl8hf2ccg] .ci-subtitle {
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #616161;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ci-stats-line[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.ci-stat-count[b-vhl8hf2ccg] {
    font-size: 14px;
    font-weight: 700;
    color: #2E7D32;
}

.ci-stat-chip[b-vhl8hf2ccg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #E8F5E9;
    color: #2E7D32;
    font-size: 11px;
    font-weight: 700;
    border-radius: 20px;
    padding: 2px 8px;
}

.ci-stat-desc[b-vhl8hf2ccg] {
    font-size: 13px;
    color: #757575;
}

/* ══════════════════════════════════════════════════
   ACTION BUTTONS  (same as Users)
══════════════════════════════════════════════════ */
.users-header-row[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.users-actions[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-vhl8hf2ccg] .action-btn-primary {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 48px;
}

[b-vhl8hf2ccg] .action-icon-btn {
    border: 1px solid #304CA0;
    border-radius: 48px;
    color: #304CA0;
}

/* ══════════════════════════════════════════════════
   TABLE SECTION
══════════════════════════════════════════════════ */
.users-section[b-vhl8hf2ccg] {
    padding: 0 0 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-vhl8hf2ccg] .users-section-label {
    color: #1A1D24;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* ══════════════════════════════════════════════════
   TABLE FILTERS
══════════════════════════════════════════════════ */
.table-filters[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06);
}

[b-vhl8hf2ccg] .search-field {
    width: 320px !important;
    flex: 0 0 320px !important;
    max-width: 320px !important;
}

    [b-vhl8hf2ccg] .search-field .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
    }

    [b-vhl8hf2ccg] .search-field .mud-input-outlined-border,
    [b-vhl8hf2ccg] .search-field fieldset { border: none !important; }

    [b-vhl8hf2ccg] .search-field .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: Lato, sans-serif !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

[b-vhl8hf2ccg] .filter-select {
    width: 198.667px !important;
    flex: 0 0 198.667px !important;
    max-width: 198.667px !important;
}

    [b-vhl8hf2ccg] .filter-select .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
    }

    [b-vhl8hf2ccg] .filter-select .mud-input-outlined-border,
    [b-vhl8hf2ccg] .filter-select fieldset { border: none !important; }

    [b-vhl8hf2ccg] .filter-select .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: Lato, sans-serif !important;
        font-size: 16px !important;
    }

[b-vhl8hf2ccg] .table-refresh-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-vhl8hf2ccg] .table-refresh-btn .mud-icon-root {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }

[b-vhl8hf2ccg] .mud-select {
    flex-grow: 0 !important;
}

/* ══════════════════════════════════════════════════
   TABLE CARD
══════════════════════════════════════════════════ */
.table-card[b-vhl8hf2ccg] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}

.table-total-row[b-vhl8hf2ccg] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-vhl8hf2ccg] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-vhl8hf2ccg] .users-table { width: 100%; }

[b-vhl8hf2ccg] .users-table .mud-table-head .mud-table-cell {
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E0;
}

.col-header[b-vhl8hf2ccg] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-vhl8hf2ccg] .users-table .mud-table-row:hover { background-color: #F5F7FF; }
[b-vhl8hf2ccg] .users-table .mud-table-row { border-bottom: 1px solid #F0F0F0; }

.row-cell[b-vhl8hf2ccg] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-name[b-vhl8hf2ccg] {
    font-weight: 600;
    color: #1A1D24;
    letter-spacing: 0.3px;
}

.row-cell-actions[b-vhl8hf2ccg] {
    text-align: right;
    width: 120px;
}

/* ══════════════════════════════════════════════════
   STATUS CHIPS
══════════════════════════════════════════════════ */
.status-chip[b-vhl8hf2ccg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 24px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.status-chip-contracted[b-vhl8hf2ccg] {
    background-color: #1B5E3B;
    color: #FFFFFF;
}

.status-chip-onboarding[b-vhl8hf2ccg] {
    background-color: #1A3673;
    color: #FFFFFF;
}

.status-chip-inactive[b-vhl8hf2ccg] {
    background-color: transparent;
    color: #757575;
    border: 1px solid #BDBDBD;
}

.status-chip-blocked[b-vhl8hf2ccg] {
    background-color: #C96A15;
    color: #FFFFFF;
}

/* ══════════════════════════════════════════════════
   ACTIONS TRIGGER
══════════════════════════════════════════════════ */
.actions-trigger[b-vhl8hf2ccg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.15s;
}

    .actions-trigger:hover[b-vhl8hf2ccg] { background-color: #F0F0F0; }

/* ══════════════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════════════ */
.table-pagination[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-top: 1px solid #E0E0E0;
    gap: 16px;
}

.rows-per-page[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-vhl8hf2ccg] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-vhl8hf2ccg] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-vhl8hf2ccg] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-vhl8hf2ccg] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .enrollments-page-container[b-vhl8hf2ccg] {
        padding: 180px 24px 80px 24px;
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-vhl8hf2ccg] {
        padding: 160px 16px 60px 16px;
    }

    .ci-title-row[b-vhl8hf2ccg] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .table-filters[b-vhl8hf2ccg] {
        flex-wrap: wrap;
        gap: 12px;
    }

    [b-vhl8hf2ccg] .search-field,
    [b-vhl8hf2ccg] .filter-select {
        flex: 1 1 calc(50% - 12px) !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 480px) {
    [b-vhl8hf2ccg] .search-field,
    [b-vhl8hf2ccg] .filter-select {
        flex: 1 1 100% !important;
    }

    [b-vhl8hf2ccg] .ci-page-title {
        font-size: 24px !important;
    }
}
/* /Pages/Reports/Reports.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.reports-page-container[b-l13kadgsf4] {
    padding: 180px 32px 80px 32px;
    display: flex;
    flex-direction: column;
    background-color: #F2F9FE;
    min-height: 100vh;
}

.reports-page-content[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 0;
    background-color: #F2F9FE;
}

/* ══════════════════════════════════════════════════
   PAGE TITLE SECTION
══════════════════════════════════════════════════ */
.reports-title-section[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}

[b-l13kadgsf4] .reports-page-title {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-l13kadgsf4] .reports-page-subtitle {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 400;
    color: var(--mud-palette-text-secondary, #616161);
    line-height: 1.5;
}

/* ══════════════════════════════════════════════════
   TABS
══════════════════════════════════════════════════ */
[b-l13kadgsf4] .reports-tabs .mud-tabs-toolbar,
[b-l13kadgsf4] .reports-tabs .mud-tabs-tabbar {
    margin-bottom: 0;
    background-color: transparent !important;
    margin-top: 48px !important;
}

[b-l13kadgsf4] .reports-tabs .mud-tabs-panels,
[b-l13kadgsf4] .reports-tabs .mud-tab-panel,
[b-l13kadgsf4] .reports-tabs .mud-tabs-panels > div {
    background-color: #F2F9FE;
}

[b-l13kadgsf4] .reports-tabs .mud-tab {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #757575;
    padding: 12px 16px;
    min-width: auto;
    text-transform: uppercase;
    background-color: #F2F9FE;
}

[b-l13kadgsf4] .reports-tabs .mud-tab-active {
    color: #304CA0 !important;
    border-bottom: 2px solid #304CA0;
}

[b-l13kadgsf4] .reports-tabs .mud-tab-slider {
    display: none !important;
}

.reports-tab-panel[b-l13kadgsf4] {
    padding: 0;
}

/* ══════════════════════════════════════════════════
   ENROLLMENTS REPORT CONTENT
══════════════════════════════════════════════════ */
[b-l13kadgsf4] .enrollments-report-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
    background-color: #F2F9FE;
}

/* ══════════════════════════════════════════════════
   SECTION HEADER
══════════════════════════════════════════════════ */
.report-section-header[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-l13kadgsf4] .report-section-title {
    font-family: var(--font-family-family, Lato);
    font-size: 24px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
}

[b-l13kadgsf4] .report-section-subtitle {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 400;
    color: var(--mud-palette-text-secondary, #616161);
    line-height: 1.5;
}

/* ══════════════════════════════════════════════════
   STAT CARDS GRID
══════════════════════════════════════════════════ */
.stat-cards-grid[b-l13kadgsf4] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

/* Wrapper is now the grid item */
.stat-card-wrapper[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stat-card[b-l13kadgsf4] {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04),
                0px 8px 10px 1px rgba(0, 0, 0, 0.04),
                0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    min-width: 0;
    min-height: 163px;
    box-sizing: border-box;
    overflow: hidden;
}

.stat-card-top[b-l13kadgsf4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.stat-card-title[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 700;
    color: #464B50;
    line-height: 24px;
    letter-spacing: 0.15px;
    flex: 1 0 0;
}

/* Sparkle btn — no background, blue icon (matches AdminIntelligence) */
.stat-sparkle-btn[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    padding: 3px;
    flex-shrink: 0;
}

[b-l13kadgsf4] .sparkle-icon {
    color: #304CA0 !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

/* Card bottom — value block + sparkline side by side */
.stat-card-bottom[b-l13kadgsf4] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    width: 100%;
}

.stat-value-block[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.stat-value-row[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.stat-value[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
    white-space: nowrap;
}

.stat-change-chip[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 8px;
    border-radius: 12px;
    background: rgba(63, 162, 66, 0.12);
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15px;
    color: #338436;
    white-space: nowrap;
}

.stat-comparison[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 400;
    line-height: 19.02px;
    letter-spacing: 0.4px;
    color: #464B50;
}

.stat-sparkline-wrapper[b-l13kadgsf4] {
    flex-shrink: 0;
    width: 55px;
    height: 54px;
}

.stat-sparkline[b-l13kadgsf4] {
    width: 55px;
    height: 54px;
    display: block;
}

/* Stat card footer */
.stat-card-footer[b-l13kadgsf4] {
    padding-top: 8px;
    border-top: 1px solid #F0F0F0;
}

/* ══════════════════════════════════════════════════
   SEE TABLE LINK
══════════════════════════════════════════════════ */
.see-table-link[b-l13kadgsf4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    color: #304CA0;
    text-decoration: none;
    letter-spacing: 0.4px;
    transition: color 0.15s ease;
}

    .see-table-link:hover[b-l13kadgsf4] {
        color: #263D80;
        text-decoration: underline;
    }

[b-l13kadgsf4] .see-table-arrow {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    color: #304CA0 !important;
}

/* ══════════════════════════════════════════════════
   CHARTS ROW (DONUT + BAR SIDE BY SIDE)
══════════════════════════════════════════════════ */
.charts-row[b-l13kadgsf4] {
    display: grid;
    grid-template-columns: 40% calc(60% - 16px);
    gap: 16px;
}

/* ══════════════════════════════════════════════════
   LINE CHART ROW — single card at 50% width
══════════════════════════════════════════════════ */
.charts-row-line[b-l13kadgsf4] {
    display: grid;
    grid-template-columns: 50% calc(50% - 16px);
    gap: 16px;
}

/* ══════════════════════════════════════════════════
   CHART CARDS
══════════════════════════════════════════════════ */
.chart-card[b-l13kadgsf4] {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    height: 390px;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}

/* Chart card wrapper — mirrors stat-card-wrapper */
.chart-card-wrapper[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chart-card-wide[b-l13kadgsf4] {
    grid-column: 1 / -1;
}

.chart-card-top[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.chart-card-title[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 700;
    color: #1A1D24;
    letter-spacing: 0.15px;
}

/* Donut chart */
.donut-chart-body[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex: 1;
}

/* Legend */
.donut-legend[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex-shrink: 0;
}

.donut-wrapper[b-l13kadgsf4] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.donut-center-overlay[b-l13kadgsf4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    text-align: center;
    width: 110px;
}

.donut-big-value[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 28px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 1;
}

.donut-center-label[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 500;
    color: #757575;
    margin-top: 2px;
    line-height: 1.3;
    text-align: center;
}

/* Legend */
.donut-legend[b-l13kadgsf4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.legend-row[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-dot[b-l13kadgsf4] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-text[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 500;
    color: #424242;
    white-space: nowrap;
}

/* Bar chart */
.bar-chart-body[b-l13kadgsf4] {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.location-bar-svg[b-l13kadgsf4] {
    width: 100%;
    height: 100%;
    display: block;
}

.bar-axis-label[b-l13kadgsf4] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    fill: #424242;
    letter-spacing: 0.15px;
}

.bar-grid-line[b-l13kadgsf4] {
    stroke: #E0E0E0;
    stroke-width: 1;
}

.bar-axis-line[b-l13kadgsf4] {
    stroke: #BDBDBD;
}

/* Line chart */
.line-chart-body[b-l13kadgsf4] {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.line-chart-svg[b-l13kadgsf4] {
    width: 100%;
    height: 100%;
    display: block;
}

.line-path[b-l13kadgsf4] {
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.line-completed[b-l13kadgsf4] {
    stroke: #304CA0;
}

.line-in-progress[b-l13kadgsf4] {
    stroke: #5775CF;
}

/* Line chart legend */
.line-chart-legend[b-l13kadgsf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-top: 8px;
    border-top: 1px solid #F0F0F0;
    flex-shrink: 0;
}

/* Chart card footer */
.chart-card-footer[b-l13kadgsf4] {
    padding-top: 8px;
    border-top: 1px solid #F0F0F0;
}

.line-chart-legend .legend-text[b-l13kadgsf4] {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    color: #424242;
}


/* ══════════════════════════════════════════════════
   MUDBLAZOR CHART OVERRIDES
══════════════════════════════════════════════════ */
[b-l13kadgsf4] .mud-chart svg text {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 11px !important;
}

[b-l13kadgsf4] .mud-chart-donut {
    overflow: visible;
}

[b-l13kadgsf4] .line-chart-body .mud-chart-legend {
    display: none !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .stat-cards-grid[b-l13kadgsf4] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .charts-row[b-l13kadgsf4] {
        grid-template-columns: 1fr;
    }

    .chart-card-wide[b-l13kadgsf4] {
        grid-column: 1;
    }

    .donut-chart-body[b-l13kadgsf4] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .reports-page-container[b-l13kadgsf4] {
        padding: 140px 16px 60px 16px;
    }

    .stat-cards-grid[b-l13kadgsf4] {
        grid-template-columns: repeat(2, 1fr);
    }

    .charts-row[b-l13kadgsf4] {
        grid-template-columns: 1fr;
    }

    .line-chart-footer[b-l13kadgsf4] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-cards-grid[b-l13kadgsf4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ResetPassword/ResetPassword.razor.rz.scp.css */
.reset-page[b-ca3aocpf08] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-ca3aocpf08] {
    margin-top: 96px;
}

.content-container[b-ca3aocpf08] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 440px;
    max-width: 90%;
    margin-top: 109px;
}

/* ===== CTA BLOCK ===== */
.cta-block[b-ca3aocpf08] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reset-title[b-ca3aocpf08] {
    font-weight: 600;
}

.reset-description[b-ca3aocpf08] {
    letter-spacing: 0.15px;
}

/* ===== FORM BLOCK ===== */
.form-block[b-ca3aocpf08] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.password-fields[b-ca3aocpf08] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ===== PASSWORD FIELD ===== */
.password-field-group[b-ca3aocpf08] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-ca3aocpf08] {
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-left: 6px;
}

[b-ca3aocpf08] .password-input .mud-input-outlined {
    border-radius: var(--of-radius-lg) !important;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04),
                0px 8px 10px 0px rgba(0, 0, 0, 0.04),
                0px 5px 5px 0px rgba(0, 0, 0, 0.06);
}

[b-ca3aocpf08] .password-input .mud-input-outlined-border,
[b-ca3aocpf08] .password-input fieldset {
    border-width: 0 !important;
    border-radius: var(--of-radius-lg);
}

[b-ca3aocpf08] .password-input .mud-input {
    padding: 14px;
}

[b-ca3aocpf08] .password-input .mud-input::placeholder {
    opacity: 1;
}

[b-ca3aocpf08] .password-input .mud-input-slot {
    padding: 0;
}

/* ===== REQUIREMENTS PANEL ===== */
.requirements-panel[b-ca3aocpf08] {
    border-radius: var(--of-radius-3xl);
    padding: 8px 0;
    display: flex;
    flex-direction: column;
}

.requirement-item[b-ca3aocpf08] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
}

.req-text[b-ca3aocpf08] {
    letter-spacing: 0.15px;
}

/* ===== SUBMIT BUTTON ===== */
[b-ca3aocpf08] .submit-button {
    width: 100%;
    border-radius: 8px !important;
    padding: 16px 24px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .logo-container[b-ca3aocpf08] {
        margin-top: 48px;
    }

    .content-container[b-ca3aocpf08] {
        margin-top: 48px;
    }
}
/* /Pages/ResetPassword/ResetPasswordSuccess.razor.rz.scp.css */
.reset-success-page[b-1zmwztjgx1] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-1zmwztjgx1] {
    margin-top: 239px;
}

.content-container[b-1zmwztjgx1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    width: 440px;
    max-width: 90%;
    margin-top: 45px;
    text-align: center;
}

/* ===== CTA BLOCK ===== */
.cta-block[b-1zmwztjgx1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.success-title[b-1zmwztjgx1] {
    font-weight: 600;
}

.success-description[b-1zmwztjgx1] {
    letter-spacing: 0.1px;
}

/* ===== BUTTON ===== */
[b-1zmwztjgx1] .back-button {
    border-radius: 8px !important;
    padding: 16px 24px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .logo-container[b-1zmwztjgx1] {
        margin-top: 80px;
    }

    .content-container[b-1zmwztjgx1] {
        margin-top: 48px;
    }
}
/* /Pages/Roles/AssignRolesDialog.razor.rz.scp.css */
[b-gi82pnnc2u] .assign-roles-dialog {
    width: 380px;
    max-width: 380px;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.title-row[b-gi82pnnc2u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title[b-gi82pnnc2u] {
    font-weight: 700;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.close-button[b-gi82pnnc2u] {
    flex-shrink: 0;
    margin-top: -4px;
}

.status-row[b-gi82pnnc2u] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

[b-gi82pnnc2u] .status-chip {
    border-radius: 20px !important;
    height: 40px !important;
    font-size: 16px !important;
    padding: 0 16px !important;
    letter-spacing: 0.15px;
}

.last-login-row[b-gi82pnnc2u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-dot[b-gi82pnnc2u] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

/* ─── Content Wrapper ─── */
.dialog-content-wrapper[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 24px;
}

/* ─── User Info ─── */
.user-info-section[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.two-col-grid[b-gi82pnnc2u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.info-field[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-gi82pnnc2u] .field-label {
    font-weight: 600;
    text-transform: uppercase;
}

[b-gi82pnnc2u] .bullet-list .mud-list-item {
    min-height: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-gi82pnnc2u] .bullet-list .mud-list-item-text span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

[b-gi82pnnc2u] .bullet-list .mud-list-item-icon .mud-icon-size-small {
    font-size: 8px !important;
    min-width: 16px;
}

[b-gi82pnnc2u] .mud-list-item-icon {
    min-width: 24px !important;
}
/* ─── Section Blocks ─── */
.section-block[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-title[b-gi82pnnc2u] {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-gi82pnnc2u] .role-select {
    width: 100%;
}

/* ─── Effective Access ─── */
.access-categories[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.access-category[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ─── Notes & Constraints ─── */
.notes-block[b-gi82pnnc2u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.notes-icon[b-gi82pnnc2u] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

/* ─── Dialog Actions ─── */
.dialog-actions-row[b-gi82pnnc2u] {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 16px 32px;
    flex-wrap: wrap;
    width: 100%;
}

[b-gi82pnnc2u] .goto-roles-btn {
    text-transform: none;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-gi82pnnc2u] .deactivate-btn {
    text-transform: none;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 768px) {
    [b-gi82pnnc2u] .assign-roles-dialog {
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        border-radius: 16px;
    }

    .two-col-grid[b-gi82pnnc2u] {
        grid-template-columns: 1fr;
    }

    .dialog-actions-row[b-gi82pnnc2u] {
        flex-direction: column;
    }

    [b-gi82pnnc2u] .goto-roles-btn,
    [b-gi82pnnc2u] .deactivate-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    [b-gi82pnnc2u] .assign-roles-dialog {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        margin: 0;
    }
}
/* /Pages/Roles/ConfirmRoleChangeDialog.razor.rz.scp.css */
[b-02rqk1itms] .confirm-role-change-dialog {
    width: 100%;
    max-width: 680px;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.title-row[b-02rqk1itms] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title[b-02rqk1itms] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
    flex: 1;
    white-space: normal;
    word-break: break-word;
}

.close-button[b-02rqk1itms] {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ─── Content Wrapper ─── */
.dialog-content-wrapper[b-02rqk1itms] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 0;
}

.description-text[b-02rqk1itms] {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* ─── Info Sections ─── */
.info-section[b-02rqk1itms] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-02rqk1itms] .section-label {
    font-size: 16px;
    font-weight: 600;
    color: #191D24;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    line-height: 24px;
    font-family: 'Lato';
}

/* ─── Role Change Line ─── */
.role-change-line[b-02rqk1itms] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
}

.role-text-normal[b-02rqk1itms] {
    color: #424242;
    font-weight: 400;
}

.role-text-bold[b-02rqk1itms] {
    color: #424242;
    font-weight: 700;
}

/* ─── Access Grid ─── */
.access-grid[b-02rqk1itms] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
}

.access-col[b-02rqk1itms] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.access-col-title[b-02rqk1itms] {
    font-size: 16px;
    font-weight: 700;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0 0 4px 0;
}

.bullet-list[b-02rqk1itms] {
    list-style: disc;
    padding-left: 24px;
    margin: 0;
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.bullet-list li[b-02rqk1itms] {
    line-height: 24px;
    margin-bottom: 0;
}

/* ─── Dialog Actions ─── */
.dialog-actions-row[b-02rqk1itms] {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 16px 24px;
    flex-wrap: wrap;
}

[b-02rqk1itms] .cancel-btn {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    color: #304CA0;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-02rqk1itms] .confirm-btn {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    background-color: #304CA0;
    color: white;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.20),
                0px 1px 1px 0px rgba(0,0,0,0.14),
                0px 1px 3px 0px rgba(0,0,0,0.12);
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 768px) {
    [b-02rqk1itms] .confirm-role-change-dialog {
        max-width: 100%;
        border-radius: 16px;
    }

    .access-grid[b-02rqk1itms] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dialog-actions-row[b-02rqk1itms] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-02rqk1itms] .cancel-btn,
    [b-02rqk1itms] .confirm-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    [b-02rqk1itms] .confirm-role-change-dialog {
        border-radius: 0;
        margin: 0;
    }

    .dialog-title[b-02rqk1itms] {
        font-size: 24px;
        line-height: 32px;
    }
}
/* /Pages/Roles/CreateRoleDialog.razor.rz.scp.css */
[b-uklbrhfbra] .create-role-dialog {
    max-width: 958px;
    width: 100%;
    border-radius: 8px;
}

/* ── Title ── */
.dialog-title-container[b-uklbrhfbra] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-uklbrhfbra] {
    font-size: 24px;
    font-weight: 700;
    color: #212121;
}

.close-button[b-uklbrhfbra] {
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Content ── */
.dialog-content-wrapper[b-uklbrhfbra] {
    padding-top: 0;
}

[b-uklbrhfbra] .dialog-subtitle {
    color: #616161;
    font-size: 14px;
    margin-bottom: 32px !important;
    margin-top: -8px !important;
}

/* ── Step 1: Form ── */
.form-fields[b-uklbrhfbra] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-row-two-col[b-uklbrhfbra] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.form-field[b-uklbrhfbra] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-uklbrhfbra] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #757575;
    text-transform: uppercase;
}

[b-uklbrhfbra] .input-field {
    width: 100%;
}

[b-uklbrhfbra] .description-input .mud-input-root {
    align-items: flex-start;
}

/* ── Step 2: Permissions ── */
.permissions-panel[b-uklbrhfbra] {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 24px;
    background-color: #FFFFFF;
    overflow-y: auto;
    max-height: 520px;
}

.perm-group[b-uklbrhfbra] {
    padding: 16px 0;
}

.perm-group:first-child[b-uklbrhfbra] {
    padding-top: 0;
}

.perm-group-title[b-uklbrhfbra] {
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 16px;
    display: block;
}

.perm-grid[b-uklbrhfbra] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 4px;
    column-gap: 16px;
}

[b-uklbrhfbra] .perm-checkbox {
    height: 48px;
}

[b-uklbrhfbra] .perm-checkbox .mud-checkbox-label {
    font-size: 14px;
    color: #212121;
}

[b-uklbrhfbra] .perm-divider {
    margin: 0 !important;
    height: 1.5px !important;
}

/* ── Actions ── */
.dialog-actions-container[b-uklbrhfbra] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 8px 24px 16px;
}

[b-uklbrhfbra] .cancel-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    color: #2196F3;
    height: 56px;
    padding: 0 16px;
}

[b-uklbrhfbra] .cancel-button .mud-button-icon-end {
    color: #2196F3;
}

[b-uklbrhfbra] .go-back-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 40px;
    height: 56px;
    min-width: 140px;
    border-color: #304CA0;
    color: #304CA0;
}

[b-uklbrhfbra] .next-step-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 24px;
    box-shadow: none;
    border-radius: 40px;
    height: 56px;
    min-width: 152px;
}

[b-uklbrhfbra] .create-role-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 24px;
    box-shadow: none;
    border-radius: 40px;
    height: 56px;
    min-width: 203px;
}

/* ── Step 3: Review ── */
.review-section[b-uklbrhfbra] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

[b-uklbrhfbra] .review-title {
    font-size: 22px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 24px;
    display: block;
}

.review-subsection[b-uklbrhfbra] {
    margin-bottom: 24px;
}

[b-uklbrhfbra] .review-subsection-title {
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 20px;
    display: block;
}

.review-details-grid[b-uklbrhfbra] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 20px;
}

.review-field[b-uklbrhfbra] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.review-field-description[b-uklbrhfbra] {
    margin-bottom: 0;
}

[b-uklbrhfbra] .review-field-label {
    color: var(--color-theme-mud-palette-dark, #191D24);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-body1, 24px); /* 150% */
    letter-spacing: 2.4px;
}

.review-field-value[b-uklbrhfbra] {
    font-size: 14px;
    color: #212121;
}

[b-uklbrhfbra] .review-divider {
    margin: 8px 0 28px !important;
    height: 1.5px !important;
}

.review-permissions-grid[b-uklbrhfbra] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
}

.review-perm-col[b-uklbrhfbra] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-uklbrhfbra] .review-perm-label {
    margin-bottom: 4px;
    color: var(--color-theme-mud-palette-dark, #191D24);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-body1, 24px); /* 150% */
    letter-spacing: 2.4px;
}

.review-perm-list[b-uklbrhfbra] {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.review-perm-list li[b-uklbrhfbra] {
    font-size: 14px;
    color: #212121;
    line-height: 1.5;
}

.review-perm-empty[b-uklbrhfbra] {
    font-size: 14px;
    color: #9E9E9E;
}

/* ── Step 4: Success ── */
[b-uklbrhfbra] .create-role-dialog-success {
    max-width: 709px;
}

.success-content[b-uklbrhfbra] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 0 8px;
    gap: 0;
}

.success-icon-wrapper[b-uklbrhfbra] {
    margin-bottom: 24px;
}

[b-uklbrhfbra] .success-icon {
    font-size: 64px;
    width: 64px;
    height: 64px;
    color: #304CA0;
}

[b-uklbrhfbra] .success-title {
    font-size: 28px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 16px;
    display: block;
}

[b-uklbrhfbra] .success-body {
    font-size: 14px;
    color: #616161;
    line-height: 1.6;
    max-width: 563px;
    margin-bottom: 40px;
    display: block;
}

.success-actions[b-uklbrhfbra] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

[b-uklbrhfbra] .back-to-roles-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 40px;
    height: 56px;
    min-width: 149px;
    border-color: #304CA0;
    color: #304CA0;
    box-shadow: none;
}

[b-uklbrhfbra] .create-another-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 40px;
    height: 56px;
    min-width: 200px;
    border-color: #304CA0;
    color: #304CA0;
    box-shadow: none;
}

/* ── Responsive — desktop first ── */
@media (max-width: 1024px) {
    [b-uklbrhfbra] .create-role-dialog {
        max-width: 800px;
    }
}

@media (max-width: 768px) {
    [b-uklbrhfbra] .create-role-dialog {
        max-width: 600px;
    }

    .form-row-two-col[b-uklbrhfbra] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .perm-grid[b-uklbrhfbra] {
        grid-template-columns: repeat(2, 1fr);
    }

    .review-details-grid[b-uklbrhfbra] {
        grid-template-columns: 1fr;
    }

    .review-permissions-grid[b-uklbrhfbra] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    [b-uklbrhfbra] .create-role-dialog {
        max-width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .perm-grid[b-uklbrhfbra] {
        grid-template-columns: 1fr;
    }

    .review-permissions-grid[b-uklbrhfbra] {
        grid-template-columns: 1fr;
    }

    .dialog-actions-container[b-uklbrhfbra] {
        flex-direction: column;
        gap: 12px;
    }

    [b-uklbrhfbra] .cancel-button,
    [b-uklbrhfbra] .go-back-button,
    [b-uklbrhfbra] .next-step-button,
    [b-uklbrhfbra] .create-role-button {
        width: 100%;
    }

    .success-actions[b-uklbrhfbra] {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    [b-uklbrhfbra] .back-to-roles-button,
    [b-uklbrhfbra] .create-another-button {
        width: 100%;
    }
}
/* /Pages/Roles/EditRole.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-b6w1uwo7cp] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-b6w1uwo7cp] {
}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.dashboard-header[b-b6w1uwo7cp] {
    background: var(--mud-palette-surface, white);
    padding: 16px;
    border-radius: var(--of-radius-lg, 12px);
    box-shadow: var(--of-shadow-sm, 0 2px 4px rgba(0,0,0,0.08));
    margin-bottom: var(--of-space-24, 24px);
}

.header-content[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-left[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
}

.logo[b-b6w1uwo7cp] {
    height: 32px;
}

.nav-menu[b-b6w1uwo7cp] {
    display: none;
}

[b-b6w1uwo7cp] .nav-menu .mud-button-root,
[b-b6w1uwo7cp] .nav-menu .mud-button-root::before,
[b-b6w1uwo7cp] .nav-menu .mud-button-root::after {
    border-radius: var(--border-radius-mud-2xl-border-radius, 24px) !important;
}

[b-b6w1uwo7cp] .nav-menu .mud-button-root {
    overflow: hidden !important;
}

[b-b6w1uwo7cp] .nav-menu .mud-button-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: var(--font-size-input, 16px) !important;
    font-weight: 700 !important;
    line-height: var(--font-line-height-lineheight-input, 19px) !important;
    letter-spacing: var(--font-letter-spacing-spacing-input, 0.15px) !important;
}

.header-actions[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
    gap: var(--of-space-12, 12px);
    margin-left: auto;
}

[b-b6w1uwo7cp] .header-actions .mud-avatar {
    width: 56px !important;
    height: 56px !important;
    background-color: #304CA0 !important;
}

[b-b6w1uwo7cp] .header-actions .mud-icon-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
}

    [b-b6w1uwo7cp] .header-actions .mud-icon-button .mud-icon-root {
        color: #304CA0 !important;
    }

/* ══════════════════════════════════════════════════
   NAV BUTTONS
══════════════════════════════════════════════════ */
[b-b6w1uwo7cp] .nav-button,
[b-b6w1uwo7cp] .nav-button-active {
    border-radius: 24px !important;
    padding: 12px 20px !important;
    overflow: hidden !important;
}

[b-b6w1uwo7cp] .nav-button-active {
    background-color: rgba(237, 165, 61, 0.12) !important;
}

    [b-b6w1uwo7cp] .nav-button .mud-button-label,
    [b-b6w1uwo7cp] .nav-button-active .mud-button-label {
        font-weight: 700 !important;
    }

/* ══════════════════════════════════════════════════
   MEGA MENU
══════════════════════════════════════════════════ */
.mega-menu-section[b-b6w1uwo7cp] {
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mega-menu-grid[b-b6w1uwo7cp] {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-column[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    max-width: 348px;
}

[b-b6w1uwo7cp] .mega-menu-column-header {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: 4px;
}

.mega-menu-item[b-b6w1uwo7cp] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .mega-menu-item:hover[b-b6w1uwo7cp] {
        background-color: rgba(237, 165, 61, 0.12);
    }

.mega-menu-item-current[b-b6w1uwo7cp] {
    background-color: rgba(237, 165, 61, 0.18);
}

[b-b6w1uwo7cp] .mega-menu-item .menu-item-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.menu-item-content[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-b6w1uwo7cp] .menu-item-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-b6w1uwo7cp] .menu-item-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
    white-space: normal;
}

/* Apps mega menu */
.mega-menu-apps-grid[b-b6w1uwo7cp] {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-app-card[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    max-width: 348px;
}

    .mega-menu-app-card:hover[b-b6w1uwo7cp] {
        background: rgba(48, 76, 160, 0.04);
    }

.app-logo[b-b6w1uwo7cp] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: #304CA0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

    .app-logo img[b-b6w1uwo7cp] {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

.app-card-content[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-b6w1uwo7cp] .app-card-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

[b-b6w1uwo7cp] .app-card-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
}

/* ══════════════════════════════════════════════════
   FILTER BAR
══════════════════════════════════════════════════ */
.filter-bar[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: var(--of-space-16, 16px);
    margin-top: 16px !important;
}

.quick-access-wrapper[b-b6w1uwo7cp] {
    position: relative;
    width: 212px;
    display: none;
}

.quick-access-button[b-b6w1uwo7cp] {
    display: flex;
    width: 212px;
    height: 40px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(237, 165, 61, 0.12) 0%, rgba(237, 165, 61, 0.12) 100%), var(--mud-palette-surface, white);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .quick-access-button:hover[b-b6w1uwo7cp] {
        background: linear-gradient(90deg, rgba(237, 165, 61, 0.18) 0%, rgba(237, 165, 61, 0.18) 100%), var(--mud-palette-surface, white);
    }

.quick-access-button-content[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.quick-access-dropdown[b-b6w1uwo7cp] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 222px;
    background: var(--mud-palette-surface, white);
    border-radius: 12px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    overflow: hidden;
}

.quick-access-menu-item[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #C18128;
}

    .quick-access-menu-item:hover[b-b6w1uwo7cp] {
        background: rgba(193, 129, 40, 0.08);
    }

.quick-access-menu-item-last[b-b6w1uwo7cp] {
    border-bottom: none;
}

.global-filters-section[b-b6w1uwo7cp] {
    display: flex;
    align-items: flex-end;
    gap: var(--of-space-12, 12px);
    width: 100%;
}

[b-b6w1uwo7cp] .filters-label {
    font-weight: 700;
    letter-spacing: 0.1em;
    white-space: nowrap;
    flex-shrink: 0;
}

.filter-dropdown-wrapper[b-b6w1uwo7cp] {
    position: relative;
}

.filter-dropdown-button[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    width: 222px;
    height: 40px;
    border-radius: 24px;
    background: #F2F9FE;
    border: 1px solid #3A5CC0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-dropdown-button:hover[b-b6w1uwo7cp] {
        background: rgba(58, 92, 192, 0.08);
    }

.filter-dropdown-button-open[b-b6w1uwo7cp] {
    background: rgba(58, 92, 192, 0.12);
}

.filter-dropdown-content[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

[b-b6w1uwo7cp] .filter-dropdown-icon {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #263D80 !important;
}

.filter-dropdown-text[b-b6w1uwo7cp] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    line-height: 19.02px;
    letter-spacing: 0.4px;
    color: #464B50;
    text-transform: uppercase;
    flex: 1;
    text-align: left;
}

[b-b6w1uwo7cp] .filter-dropdown-arrow {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #464B50 !important;
}

[b-b6w1uwo7cp] .filter-settings {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border: 1px solid #3A5CC0 !important;
    border-radius: 32px !important;
    background-color: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════
   COMPANIES POPOVER
══════════════════════════════════════════════════ */
.companies-popover-custom[b-b6w1uwo7cp] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 296px;
    height: 400px;
    background: white;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
}

.companies-popover-body[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.companies-search-wrapper[b-b6w1uwo7cp] {
    padding: 16px 16px 12px 16px;
    width: 100%;
    box-sizing: border-box;
}

[b-b6w1uwo7cp] .companies-search-input { width: 100%; }

    [b-b6w1uwo7cp] .companies-search-input .mud-input-outlined {
        border: 1px solid #BDBDBD !important;
        border-radius: 4px !important;
        height: 43px !important;
        box-shadow: none !important;
    }

    [b-b6w1uwo7cp] .companies-search-input .mud-input-outlined-border,
    [b-b6w1uwo7cp] .companies-search-input fieldset {
        border: none !important;
    }

    [b-b6w1uwo7cp] .companies-search-input .mud-input {
        padding: 10.5px 14px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-b6w1uwo7cp] .companies-search-input .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        color: #424242 !important;
    }

.companies-list-container[b-b6w1uwo7cp] {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.companies-list-body[b-b6w1uwo7cp] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
}

    .companies-list-body[b-b6w1uwo7cp]::-webkit-scrollbar { width: 8px; }
    .companies-list-body[b-b6w1uwo7cp]::-webkit-scrollbar-track { background: transparent; }
    .companies-list-body[b-b6w1uwo7cp]::-webkit-scrollbar-thumb { background: #C4C4C4; border-radius: 2px; }

.companies-scrollbar[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8px;
    padding: 2px 0 24px;
    height: 100%;
}

.company-list-item[b-b6w1uwo7cp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .company-list-item:hover[b-b6w1uwo7cp] { background-color: rgba(52, 92, 192, 0.04); }
    .company-list-item.company-item-selected[b-b6w1uwo7cp] { background-color: rgba(52, 92, 192, 0.12); }
    .company-list-item.company-level-0[b-b6w1uwo7cp] { padding-left: 16px; }
    .company-list-item.company-level-1[b-b6w1uwo7cp] { padding-left: 32px; }
    .company-list-item.company-level-2[b-b6w1uwo7cp] { padding-left: 48px; }

.company-list-item-text[b-b6w1uwo7cp] {
    flex: 1;
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0;
}

[b-b6w1uwo7cp] .company-radio-checked,
[b-b6w1uwo7cp] .company-radio-unchecked {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

[b-b6w1uwo7cp] .company-radio-checked  { color: #304CA0 !important; }
[b-b6w1uwo7cp] .company-radio-unchecked { color: rgba(0,0,0,0.54) !important; }

/* ══════════════════════════════════════════════════
   EDIT ROLE CONTENT
══════════════════════════════════════════════════ */
.edit-role-content[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 48px;
}

/* Back Link */
.back-link[b-b6w1uwo7cp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    color: #304CA0;
    letter-spacing: 0.15px;
    transition: opacity 0.2s ease;
    width: fit-content;
}

    .back-link:hover[b-b6w1uwo7cp] { opacity: 0.75; }

[b-b6w1uwo7cp] .back-link-icon {
    color: #304CA0 !important;
    width: 18px !important;
    height: 18px !important;
}

/* ══════════════════════════════════════════════════
   TOP ROW: FORM + BUTTONS
══════════════════════════════════════════════════ */
.edit-top-row[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

/* Role Details Form Card */
.role-details-card[b-b6w1uwo7cp] {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px 1px rgba(0, 0, 0, 0.04), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    padding: 24px 24px 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.form-card-title[b-b6w1uwo7cp] {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32.02px !important;
    letter-spacing: 0px !important;
    color: #1A1D24 !important;
}

.form-fields[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.form-row-1[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[b-b6w1uwo7cp] .form-field-name {
    flex: 1;
}

    [b-b6w1uwo7cp] .form-field-name .mud-input-outlined {
        border-radius: 8px !important;
        box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04), 0px 8px 10px 0px rgba(0,0,0,0.04), 0px 5px 5px 0px rgba(0,0,0,0.06) !important;
    }

.form-selects[b-b6w1uwo7cp] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

[b-b6w1uwo7cp] .form-select {
    flex: 1;
    min-width: 140px;
    background-image: none !important;
}

    [b-b6w1uwo7cp] .form-select .mud-input-outlined {
        border-radius: 8px !important;
    }

[b-b6w1uwo7cp] .form-field-description .mud-input-outlined {
    border-radius: 8px !important;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04), 0px 8px 10px 0px rgba(0,0,0,0.04), 0px 5px 5px 0px rgba(0,0,0,0.06) !important;
}

/* Form label uppercase styling */
[b-b6w1uwo7cp] .form-field-name .mud-input-label,
[b-b6w1uwo7cp] .form-field-description .mud-input-label,
[b-b6w1uwo7cp] .form-select .mud-input-label {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #27292c !important;
}

/* Action Buttons */
.edit-action-buttons[b-b6w1uwo7cp] {
    display: inline-block;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

[b-b6w1uwo7cp] .btn-cancel {
    height: 56px !important;
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0 24px !important;
    letter-spacing: 0.4286px !important;
    margin-right: 20px !important;
}

[b-b6w1uwo7cp] .btn-save {
    height: 56px !important;
    border-radius: 40px !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0 24px !important;
    letter-spacing: 0.4286px !important;
}

/* ══════════════════════════════════════════════════
   PERMISSIONS SECTION
══════════════════════════════════════════════════ */
.permissions-outer[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-b6w1uwo7cp] .permissions-section-label {
    overflow: hidden;
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-overflow: ellipsis;
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
}

.permissions-card[b-b6w1uwo7cp] {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px 1px rgba(0, 0, 0, 0.04), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    padding: 24px 24px 32px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.permissions-agent-btn[b-b6w1uwo7cp] {
    position: absolute;
    top: 24px;
    right: 24px;
}

.perm-group[b-b6w1uwo7cp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-b6w1uwo7cp] .perm-group-title {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32.02px !important;
    letter-spacing: 0px !important;
    color: #1A1D24 !important;
}

.perm-grid[b-b6w1uwo7cp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 24px;
    column-gap: 16px;
}

[b-b6w1uwo7cp] .perm-checkbox {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #424242 !important;
}

[b-b6w1uwo7cp] .perm-divider {
    margin: 0 !important;
    height: 1.5px;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .dashboard-container[b-b6w1uwo7cp] {
        padding: var(--of-space-40, 40px) 80px;
    }

    .dashboard-header[b-b6w1uwo7cp] {
        padding: 24px 32px;
    }

    .header-content[b-b6w1uwo7cp] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .logo[b-b6w1uwo7cp] {
        height: 40px;
    }

    .nav-menu[b-b6w1uwo7cp] {
        display: flex;
        gap: var(--of-space-8, 8px);
        margin-left: auto;
        margin-right: 24px;
    }

    .quick-access-wrapper[b-b6w1uwo7cp] {
        display: flex;
    }

    .filter-bar[b-b6w1uwo7cp] {
        flex-direction: row;
        align-items: center;
        gap: var(--of-space-24, 24px);
        margin-top: 0;
    }

    .global-filters-section[b-b6w1uwo7cp] {
        margin-left: auto;
        width: auto;
        flex: 0 0 auto;
        align-items: center;
    }

    .filters-controls[b-b6w1uwo7cp] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: var(--of-space-12, 12px);
    }

    .edit-top-row[b-b6w1uwo7cp] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .role-details-card[b-b6w1uwo7cp] {
        flex: 1;
        width: auto;
        max-width: 955px;
    }

    .form-row-1[b-b6w1uwo7cp] {
        flex-direction: row;
        align-items: flex-start;
    }

    .edit-action-buttons[b-b6w1uwo7cp] {
        flex-direction: column;
        align-items: flex-end;
        flex-shrink: 0;
        padding-top: 0;
    }

    .perm-grid[b-b6w1uwo7cp] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .dashboard-container[b-b6w1uwo7cp] {
        padding: var(--of-space-40, 40px) 120px;
    }
}

@media (max-width: 1024px) {
    .filter-dropdown-button[b-b6w1uwo7cp] {
        width: 180px;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-b6w1uwo7cp] {
        padding: 12px;
    }

    .edit-action-buttons[b-b6w1uwo7cp] {
        width: 100%;
        flex-direction: row;
        justify-content: flex-end;
    }

    .perm-grid[b-b6w1uwo7cp] {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px;
    }

    .companies-popover-custom[b-b6w1uwo7cp] {
        width: calc(100vw - 32px);
        max-width: 296px;
    }
}

@media (max-width: 480px) {
    .perm-grid[b-b6w1uwo7cp] {
        grid-template-columns: 1fr;
    }

    .form-selects[b-b6w1uwo7cp] {
        flex-direction: column;
    }

    [b-b6w1uwo7cp] .btn-cancel,
    [b-b6w1uwo7cp] .btn-save {
        flex: 1;
    }
}
/* /Pages/Roles/RoleDetails.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-zxyw3moaxx] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-zxyw3moaxx] {
}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.dashboard-header[b-zxyw3moaxx] {
    background: var(--mud-palette-surface, white);
    padding: 16px;
    border-radius: var(--of-radius-lg, 12px);
    box-shadow: var(--of-shadow-sm, 0 2px 4px rgba(0,0,0,0.08));
    margin-bottom: var(--of-space-24, 24px);
}

.header-content[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-left[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
}

.logo[b-zxyw3moaxx] {
    height: 32px;
}

.nav-menu[b-zxyw3moaxx] {
    display: none;
}

[b-zxyw3moaxx] .nav-menu .mud-button-root,
[b-zxyw3moaxx] .nav-menu .mud-button-root::before,
[b-zxyw3moaxx] .nav-menu .mud-button-root::after {
    border-radius: var(--border-radius-mud-2xl-border-radius, 24px) !important;
}

[b-zxyw3moaxx] .nav-menu .mud-button-root {
    overflow: hidden !important;
}

[b-zxyw3moaxx] .nav-menu .mud-button-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: var(--font-size-input, 16px) !important;
    font-weight: 700 !important;
    line-height: var(--font-line-height-lineheight-input, 19px) !important;
    letter-spacing: var(--font-letter-spacing-spacing-input, 0.15px) !important;
}

.header-actions[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    gap: var(--of-space-12, 12px);
    margin-left: auto;
}

[b-zxyw3moaxx] .header-actions .mud-avatar {
    width: 56px !important;
    height: 56px !important;
    background-color: #304CA0 !important;
}

[b-zxyw3moaxx] .header-actions .mud-icon-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
}

    [b-zxyw3moaxx] .header-actions .mud-icon-button .mud-icon-root {
        color: #304CA0 !important;
    }

/* ══════════════════════════════════════════════════
   NAV BUTTONS
══════════════════════════════════════════════════ */
[b-zxyw3moaxx] .nav-button,
[b-zxyw3moaxx] .nav-button-active {
    border-radius: 24px !important;
    padding: 12px 20px !important;
    overflow: hidden !important;
}

[b-zxyw3moaxx] .nav-button-active {
    background-color: rgba(237, 165, 61, 0.12) !important;
}

    [b-zxyw3moaxx] .nav-button .mud-button-label,
    [b-zxyw3moaxx] .nav-button-active .mud-button-label {
        font-weight: 700 !important;
    }

/* ══════════════════════════════════════════════════
   MEGA MENU
══════════════════════════════════════════════════ */
.mega-menu-section[b-zxyw3moaxx] {
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mega-menu-grid[b-zxyw3moaxx] {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-column[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    max-width: 348px;
}

[b-zxyw3moaxx] .mega-menu-column-header {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: 4px;
}

.mega-menu-item[b-zxyw3moaxx] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .mega-menu-item:hover[b-zxyw3moaxx] {
        background-color: rgba(237, 165, 61, 0.12);
    }

.mega-menu-item-current[b-zxyw3moaxx] {
    background-color: rgba(237, 165, 61, 0.18);
}

[b-zxyw3moaxx] .mega-menu-item .menu-item-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.menu-item-content[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-zxyw3moaxx] .menu-item-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-zxyw3moaxx] .menu-item-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
    white-space: normal;
}

/* Apps mega menu */
.mega-menu-apps-grid[b-zxyw3moaxx] {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-app-card[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    max-width: 348px;
}

    .mega-menu-app-card:hover[b-zxyw3moaxx] {
        background: rgba(48, 76, 160, 0.04);
    }

.app-logo[b-zxyw3moaxx] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: #304CA0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

    .app-logo img[b-zxyw3moaxx] {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

.app-card-content[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-zxyw3moaxx] .app-card-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

[b-zxyw3moaxx] .app-card-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
}

/* ══════════════════════════════════════════════════
   FILTER BAR
══════════════════════════════════════════════════ */
.filter-bar[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: var(--of-space-16, 16px);
    margin-top: 16px !important;
}

/* Quick Access */
.quick-access-wrapper[b-zxyw3moaxx] {
    position: relative;
    width: 212px;
    display: none;
}

.quick-access-button[b-zxyw3moaxx] {
    display: flex;
    width: 212px;
    height: 40px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(237, 165, 61, 0.12) 0%, rgba(237, 165, 61, 0.12) 100%), var(--mud-palette-surface, white);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .quick-access-button:hover[b-zxyw3moaxx] {
        background: linear-gradient(90deg, rgba(237, 165, 61, 0.18) 0%, rgba(237, 165, 61, 0.18) 100%), var(--mud-palette-surface, white);
    }

.quick-access-button-content[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.quick-access-dropdown[b-zxyw3moaxx] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 222px;
    background: var(--mud-palette-surface, white);
    border-radius: 12px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    overflow: hidden;
}

.quick-access-menu-item[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #C18128;
}

    .quick-access-menu-item:hover[b-zxyw3moaxx] {
        background: rgba(193, 129, 40, 0.08);
    }

.quick-access-menu-item-last[b-zxyw3moaxx] {
    border-bottom: none;
}

/* Global Filters */
.global-filters-section[b-zxyw3moaxx] {
    display: flex;
    align-items: flex-end;
    gap: var(--of-space-12, 12px);
    width: 100%;
}

[b-zxyw3moaxx] .filters-label {
    font-weight: 700;
    letter-spacing: 0.1em;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Filter Dropdown Buttons */
.filter-dropdown-wrapper[b-zxyw3moaxx] {
    position: relative;
}

.filter-dropdown-button[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    width: 222px;
    height: 40px;
    border-radius: 24px;
    background: #F2F9FE;
    border: 1px solid #3A5CC0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-dropdown-button:hover[b-zxyw3moaxx] {
        background: rgba(58, 92, 192, 0.08);
    }

.filter-dropdown-button-open[b-zxyw3moaxx] {
    background: rgba(58, 92, 192, 0.12);
}

.filter-dropdown-content[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

[b-zxyw3moaxx] .filter-dropdown-icon {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #263D80 !important;
}

.filter-dropdown-text[b-zxyw3moaxx] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    line-height: 19.02px;
    letter-spacing: 0.4px;
    color: #464B50;
    text-transform: uppercase;
    flex: 1;
    text-align: left;
}

[b-zxyw3moaxx] .filter-dropdown-arrow {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #464B50 !important;
}

[b-zxyw3moaxx] .filter-settings {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border: 1px solid #3A5CC0 !important;
    border-radius: 32px !important;
    background-color: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════
   COMPANIES POPOVER
══════════════════════════════════════════════════ */
.companies-popover-custom[b-zxyw3moaxx] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 296px;
    height: 400px;
    background: white;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
}

.companies-popover-body[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.companies-search-wrapper[b-zxyw3moaxx] {
    padding: 16px 16px 12px 16px;
    width: 100%;
    box-sizing: border-box;
}

[b-zxyw3moaxx] .companies-search-input { width: 100%; }

    [b-zxyw3moaxx] .companies-search-input .mud-input-outlined {
        border: 1px solid #BDBDBD !important;
        border-radius: 4px !important;
        height: 43px !important;
        box-shadow: none !important;
    }

    [b-zxyw3moaxx] .companies-search-input .mud-input-outlined-border,
    [b-zxyw3moaxx] .companies-search-input fieldset {
        border: none !important;
    }

    [b-zxyw3moaxx] .companies-search-input .mud-input {
        padding: 10.5px 14px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-zxyw3moaxx] .companies-search-input .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        color: #424242 !important;
    }

.companies-list-container[b-zxyw3moaxx] {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.companies-list-body[b-zxyw3moaxx] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
}

    .companies-list-body[b-zxyw3moaxx]::-webkit-scrollbar { width: 8px; }
    .companies-list-body[b-zxyw3moaxx]::-webkit-scrollbar-track { background: transparent; }
    .companies-list-body[b-zxyw3moaxx]::-webkit-scrollbar-thumb { background: #C4C4C4; border-radius: 2px; }

.companies-scrollbar[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8px;
    padding: 2px 0 24px;
    height: 100%;
}

.company-list-item[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .company-list-item:hover[b-zxyw3moaxx] { background-color: rgba(52, 92, 192, 0.04); }
    .company-list-item.company-item-selected[b-zxyw3moaxx] { background-color: rgba(52, 92, 192, 0.12); }
    .company-list-item.company-level-0[b-zxyw3moaxx] { padding-left: 16px; }
    .company-list-item.company-level-1[b-zxyw3moaxx] { padding-left: 32px; }
    .company-list-item.company-level-2[b-zxyw3moaxx] { padding-left: 48px; }

.company-list-item-text[b-zxyw3moaxx] {
    flex: 1;
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0;
}

[b-zxyw3moaxx] .company-radio-checked,
[b-zxyw3moaxx] .company-radio-unchecked {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

[b-zxyw3moaxx] .company-radio-checked  { color: #304CA0 !important; }
[b-zxyw3moaxx] .company-radio-unchecked { color: rgba(0,0,0,0.54) !important; }

/* ══════════════════════════════════════════════════
   ROLE DETAIL CONTENT
══════════════════════════════════════════════════ */
.role-detail-content[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 48px;
}

/* Back Link */
.back-link[b-zxyw3moaxx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    color: #304CA0;
    letter-spacing: 0.15px;
    transition: opacity 0.2s ease;
    width: fit-content;
}

    .back-link:hover[b-zxyw3moaxx] {
        opacity: 0.75;
    }

[b-zxyw3moaxx] .back-link-icon {
    color: #304CA0 !important;
    width: 18px !important;
    height: 18px !important;
}

/* Role Info Row */
.role-info-row[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}

.role-info-left[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}

[b-zxyw3moaxx] .role-title {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25px !important;
    color: #1A1D24 !important;
}

.role-meta[b-zxyw3moaxx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
}

.meta-dot[b-zxyw3moaxx] {
    color: #9E9E9E;
    font-weight: 400;
}

.meta-link[b-zxyw3moaxx] {
    color: #304CA0;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}

.role-description[b-zxyw3moaxx] {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20.02px !important;
    letter-spacing: 0.15px !important;
    color: #464B50 !important;
}

.role-info-badge[b-zxyw3moaxx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 24px;
    background-color: rgba(0, 0, 0, 0.06);
    width: fit-content;
}

[b-zxyw3moaxx] .badge-icon {
    color: #464B50 !important;
    width: 16px !important;
    height: 16px !important;
}

.badge-text[b-zxyw3moaxx] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 400;
    line-height: 19.92px;
    letter-spacing: 0.4px;
    color: #464B50;
}

/* Role Action Buttons */
.role-actions[b-zxyw3moaxx] {
    display: contents;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

[b-zxyw3moaxx] .role-action-btn {
    height: 56px !important;
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0 24px !important;
    min-width: fit-content !important;
}

[b-zxyw3moaxx] .role-action-btn-danger {
    height: 56px !important;
    border-radius: 40px !important;
    border-color: #C81927 !important;
    color: #C81927 !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0 24px !important;
    min-width: fit-content !important;
}

/* Divider */
[b-zxyw3moaxx] .role-divider {
    margin: 0 !important;
    height: 1.5px;

}

/* ══════════════════════════════════════════════════
   PERMISSIONS SECTION
══════════════════════════════════════════════════ */
[b-zxyw3moaxx] .permissions-section-label {
    overflow: hidden;
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-overflow: ellipsis;
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
}

.permissions-card[b-zxyw3moaxx] {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px 1px rgba(0, 0, 0, 0.04), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    padding: 24px 24px 32px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.permissions-agent-btn[b-zxyw3moaxx] {
    position: absolute;
    top: 24px;
    right: 24px;
}

/* Permission Group */
.perm-group[b-zxyw3moaxx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-zxyw3moaxx] .perm-group-title {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32.02px !important;
    letter-spacing: 0px !important;
    color: #1A1D24 !important;
}

.perm-grid[b-zxyw3moaxx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 24px;
    column-gap: 16px;
}

[b-zxyw3moaxx] .perm-checkbox .mud-checkbox-input + .mud-button-root {
    padding: 0 !important;
}

[b-zxyw3moaxx] .perm-checkbox .mud-checkbox .mud-icon-root {
    font-size: 20px !important;
}

[b-zxyw3moaxx] .perm-checkbox .mud-input-control-input-slot {
    margin-right: 8px !important;
}

[b-zxyw3moaxx] .perm-checkbox {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #424242 !important;
}

[b-zxyw3moaxx] .perm-divider {
    margin: 0 !important;
    height: 1.5px;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .dashboard-container[b-zxyw3moaxx] {
        padding: var(--of-space-40, 40px) 80px;
    }

    .dashboard-header[b-zxyw3moaxx] {
        padding: 24px 32px;
    }

    .header-content[b-zxyw3moaxx] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .logo[b-zxyw3moaxx] {
        height: 40px;
    }

    .nav-menu[b-zxyw3moaxx] {
        display: flex;
        gap: var(--of-space-8, 8px);
        margin-left: auto;
        margin-right: 24px;
    }

    .quick-access-wrapper[b-zxyw3moaxx] {
        display: flex;
    }

    .filter-bar[b-zxyw3moaxx] {
        flex-direction: row;
        align-items: center;
        gap: var(--of-space-24, 24px);
        margin-top: 0;
    }

    .global-filters-section[b-zxyw3moaxx] {
        margin-left: auto;
        width: auto;
        flex: 0 0 auto;
        align-items: center;
    }

    .filters-controls[b-zxyw3moaxx] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: var(--of-space-12, 12px);
    }

    .role-info-row[b-zxyw3moaxx] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .role-actions[b-zxyw3moaxx] {
        flex-direction: column;
        align-items: flex-end;
        flex-shrink: 0;
    }

    .perm-grid[b-zxyw3moaxx] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .dashboard-container[b-zxyw3moaxx] {
        padding: var(--of-space-40, 40px) 120px;
    }
}

@media (max-width: 1024px) {
    .filter-dropdown-button[b-zxyw3moaxx] {
        width: 180px;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-zxyw3moaxx] {
        padding: 12px;
    }

    .role-info-row[b-zxyw3moaxx] {
        flex-direction: column;
    }

    .role-actions[b-zxyw3moaxx] {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    [b-zxyw3moaxx] .role-action-btn,
    [b-zxyw3moaxx] .role-action-btn-danger {
        flex: 1;
        min-width: 140px;
    }

    .perm-grid[b-zxyw3moaxx] {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px;
    }

    .companies-popover-custom[b-zxyw3moaxx] {
        width: calc(100vw - 32px);
        max-width: 296px;
    }
}

@media (max-width: 480px) {
    .perm-grid[b-zxyw3moaxx] {
        grid-template-columns: 1fr;
    }

    [b-zxyw3moaxx] .role-action-btn,
    [b-zxyw3moaxx] .role-action-btn-danger {
        width: 100%;
    }
}
/* /Pages/Roles/Roles.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-blab6t3qzw] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-blab6t3qzw] {
}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.dashboard-header[b-blab6t3qzw] {
    background: var(--mud-palette-surface, white);
    padding: 16px;
    border-radius: var(--of-radius-lg, 12px);
    box-shadow: var(--of-shadow-sm, 0 2px 4px rgba(0,0,0,0.08));
    margin-bottom: var(--of-space-24, 24px);
}

.header-content[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-left[b-blab6t3qzw] {
    display: flex;
    align-items: center;
}

.logo[b-blab6t3qzw] {
    height: 32px;
}

.nav-menu[b-blab6t3qzw] {
    display: none;
}

[b-blab6t3qzw] .nav-menu .mud-button-root,
[b-blab6t3qzw] .nav-menu .mud-button-root::before,
[b-blab6t3qzw] .nav-menu .mud-button-root::after {
    border-radius: var(--border-radius-mud-2xl-border-radius, 24px) !important;
}

[b-blab6t3qzw] .nav-menu .mud-button-root {
    overflow: hidden !important;
}

[b-blab6t3qzw] .nav-menu .mud-button-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: var(--font-size-input, 16px) !important;
    font-weight: 700 !important;
    line-height: var(--font-line-height-lineheight-input, 19px) !important;
    letter-spacing: var(--font-letter-spacing-spacing-input, 0.15px) !important;
}

.header-actions[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: var(--of-space-12, 12px);
    margin-left: auto;
}

[b-blab6t3qzw] .header-actions .mud-avatar {
    width: 56px !important;
    height: 56px !important;
    background-color: #304CA0 !important;
}

[b-blab6t3qzw] .header-actions .mud-icon-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
}

    [b-blab6t3qzw] .header-actions .mud-icon-button .mud-icon-root {
        color: #304CA0 !important;
    }

/* ══════════════════════════════════════════════════
   NAV BUTTONS
══════════════════════════════════════════════════ */
[b-blab6t3qzw] .nav-button,
[b-blab6t3qzw] .nav-button-active {
    border-radius: 24px !important;
    padding: 12px 20px !important;
    overflow: hidden !important;
}

[b-blab6t3qzw] .nav-button-active {
    background-color: rgba(237, 165, 61, 0.12) !important;
}

    [b-blab6t3qzw] .nav-button .mud-button-label,
    [b-blab6t3qzw] .nav-button-active .mud-button-label {
        font-weight: 700 !important;
    }

/* ══════════════════════════════════════════════════
   MEGA MENU
══════════════════════════════════════════════════ */
.mega-menu-section[b-blab6t3qzw] {
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mega-menu-grid[b-blab6t3qzw] {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-column[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    max-width: 348px;
}

[b-blab6t3qzw] .mega-menu-column-header {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: 4px;
}

.mega-menu-item[b-blab6t3qzw] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .mega-menu-item:hover[b-blab6t3qzw] {
        background-color: rgba(237, 165, 61, 0.12);
    }

.mega-menu-item-current[b-blab6t3qzw] {
    background-color: rgba(237, 165, 61, 0.18);
}

[b-blab6t3qzw] .mega-menu-item .menu-item-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.menu-item-content[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-blab6t3qzw] .menu-item-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-blab6t3qzw] .menu-item-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
    white-space: normal;
}

/* Apps mega menu */
.mega-menu-apps-grid[b-blab6t3qzw] {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-app-card[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    max-width: 348px;
}

    .mega-menu-app-card:hover[b-blab6t3qzw] {
        background: rgba(48, 76, 160, 0.04);
    }

.app-logo[b-blab6t3qzw] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: #304CA0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

    .app-logo img[b-blab6t3qzw] {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

.app-card-content[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-blab6t3qzw] .app-card-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

[b-blab6t3qzw] .app-card-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
}

/* ══════════════════════════════════════════════════
   FILTER BAR
══════════════════════════════════════════════════ */
.filter-bar[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    gap: var(--of-space-16, 16px);
    margin-top: 16px !important;
}

/* Quick Access */
.quick-access-wrapper[b-blab6t3qzw] {
    position: relative;
    width: 212px;
    display: none;
}

.quick-access-button[b-blab6t3qzw] {
    display: flex;
    width: 212px;
    height: 40px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(237, 165, 61, 0.12) 0%, rgba(237, 165, 61, 0.12) 100%), var(--mud-palette-surface, white);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .quick-access-button:hover[b-blab6t3qzw] {
        background: linear-gradient(90deg, rgba(237, 165, 61, 0.18) 0%, rgba(237, 165, 61, 0.18) 100%), var(--mud-palette-surface, white);
    }

.quick-access-button-content[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.quick-access-dropdown[b-blab6t3qzw] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 222px;
    background: var(--mud-palette-surface, white);
    border-radius: 12px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    overflow: hidden;
}

.quick-access-menu-item[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #C18128;
}

    .quick-access-menu-item:hover[b-blab6t3qzw] {
        background: rgba(193, 129, 40, 0.08);
    }

.quick-access-menu-item-last[b-blab6t3qzw] {
    border-bottom: none;
}

/* Global Filters */
.global-filters-section[b-blab6t3qzw] {
    display: flex;
    align-items: flex-end;
    gap: var(--of-space-12, 12px);
    width: 100%;
}

[b-blab6t3qzw] .filters-label {
    font-weight: 700;
    letter-spacing: 0.1em;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Filter Dropdown Buttons */
.filter-dropdown-wrapper[b-blab6t3qzw] {
    position: relative;
}

.filter-dropdown-button[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    width: 222px;
    height: 40px;
    border-radius: 24px;
    background: #F2F9FE;
    border: 1px solid #3A5CC0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-dropdown-button:hover[b-blab6t3qzw] {
        background: rgba(58, 92, 192, 0.08);
    }

.filter-dropdown-button-open[b-blab6t3qzw] {
    background: rgba(58, 92, 192, 0.12);
}

.filter-dropdown-content[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

[b-blab6t3qzw] .filter-dropdown-icon {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #263D80 !important;
}

.filter-dropdown-text[b-blab6t3qzw] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    line-height: 19.02px;
    letter-spacing: 0.4px;
    color: #464B50;
    text-transform: uppercase;
    flex: 1;
    text-align: left;
}

[b-blab6t3qzw] .filter-dropdown-arrow {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #464B50 !important;
}

[b-blab6t3qzw] .filter-settings {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border: 1px solid #3A5CC0 !important;
    border-radius: 32px !important;
    background-color: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════
   COMPANIES POPOVER
══════════════════════════════════════════════════ */
.companies-popover-custom[b-blab6t3qzw] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 296px;
    height: 400px;
    background: white;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
}

.companies-popover-body[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.companies-search-wrapper[b-blab6t3qzw] {
    padding: 16px 16px 12px 16px;
    width: 100%;
    box-sizing: border-box;
}

[b-blab6t3qzw] .companies-search-input { width: 100%; }

    [b-blab6t3qzw] .companies-search-input .mud-input-outlined {
        border: 1px solid #BDBDBD !important;
        border-radius: 4px !important;
        height: 43px !important;
        box-shadow: none !important;
    }

    [b-blab6t3qzw] .companies-search-input .mud-input-outlined-border,
    [b-blab6t3qzw] .companies-search-input fieldset {
        border: none !important;
    }

    [b-blab6t3qzw] .companies-search-input .mud-input {
        padding: 10.5px 14px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-blab6t3qzw] .companies-search-input .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        color: #424242 !important;
    }

.companies-list-container[b-blab6t3qzw] {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.companies-list-body[b-blab6t3qzw] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
}

    .companies-list-body[b-blab6t3qzw]::-webkit-scrollbar { width: 8px; }
    .companies-list-body[b-blab6t3qzw]::-webkit-scrollbar-track { background: transparent; }
    .companies-list-body[b-blab6t3qzw]::-webkit-scrollbar-thumb { background: #C4C4C4; border-radius: 2px; }

.companies-scrollbar[b-blab6t3qzw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8px;
    padding: 2px 0 24px;
    height: 100%;
}

.company-list-item[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .company-list-item:hover[b-blab6t3qzw] { background-color: rgba(52, 92, 192, 0.04); }
    .company-list-item.company-item-selected[b-blab6t3qzw] { background-color: rgba(52, 92, 192, 0.12); }
    .company-list-item.company-level-0[b-blab6t3qzw] { padding-left: 16px; }
    .company-list-item.company-level-1[b-blab6t3qzw] { padding-left: 32px; }
    .company-list-item.company-level-2[b-blab6t3qzw] { padding-left: 48px; }

.company-list-item-text[b-blab6t3qzw] {
    flex: 1;
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0;
}

[b-blab6t3qzw] .company-radio-checked,
[b-blab6t3qzw] .company-radio-unchecked {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

[b-blab6t3qzw] .company-radio-checked  { color: #304CA0 !important; }
[b-blab6t3qzw] .company-radio-unchecked { color: rgba(0,0,0,0.54) !important; }

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-blab6t3qzw] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-blab6t3qzw] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.roles-page-title[b-blab6t3qzw] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-blab6t3qzw] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-blab6t3qzw] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-blab6t3qzw] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-blab6t3qzw] .ai-input .mud-input-outlined-border,
[b-blab6t3qzw] .ai-input fieldset {
    border: none !important;
}

.suggestion-chips[b-blab6t3qzw] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-blab6t3qzw] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    background-color: rgba(52, 92, 192, 0.12) !important;
}

    [b-blab6t3qzw] .suggestion-chip .mud-chip-icon {
        width: 20px !important;
        height: 18px !important;
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'20'%20height%3D'18'%20viewBox%3D'0%200%2020%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M14.206%209.83681L11.8569%2010.9829C10.5401%2011.6215%209.51779%2012.7453%209.0054%2014.1166L7.6737%2017.6539C7.62666%2017.7801%207.52765%2017.8791%207.40142%2017.9286C7.15883%2018.0177%206.88655%2017.8965%206.79497%2017.6539L5.46574%2014.1166C4.95087%2012.7478%203.93105%2011.6314%202.6142%2010.9928L0.265148%209.8492C0.171086%209.80216%200.0943522%209.72544%200.047321%209.63134C-0.0665478%209.3962%200.0324699%209.11649%200.265148%209.00263L2.6142%207.85904C3.93353%207.22039%204.95335%206.09661%205.46574%204.72528L6.79745%201.18807C6.84448%201.0915%206.92367%201.0123%207.02021%200.965258C7.2628%200.846447%207.55489%200.945496%207.67617%201.18807L9.00788%204.71788C9.51779%206.09166%2010.5401%207.21299%2011.8569%207.85408L14.206%208.9952C14.3694%209.0744%2014.4709%209.24025%2014.4709%209.42098C14.4684%209.59919%2014.3669%209.76006%2014.206%209.83681Z'%20fill%3D'%23304CA0'/%3E%3Cpath%20d%3D'M19.8494%203.46843L18.982%203.89164C18.5168%204.11725%2018.1566%204.51243%2017.9744%204.99589L17.484%206.30333C17.456%206.3748%2017.3999%206.43086%2017.3284%206.45747C17.1911%206.50934%2017.0384%206.44067%2016.9865%206.30333L16.4946%204.99589C16.3139%204.51243%2015.9523%204.11725%2015.4871%203.89164L14.6197%203.46843C14.5664%203.4432%2014.523%203.39976%2014.4978%203.34651C14.4333%203.21339%2014.488%203.05502%2014.6197%202.99057L15.4871%202.56736C15.9523%202.34177%2016.3139%201.94658%2016.4946%201.46172L16.9865%200.155668C17.0131%200.0996286%2017.058%200.0561789%2017.1126%200.028159C17.25%20-0.0391024%2017.4153%200.01834%2017.484%200.155668L17.9744%201.46172C18.1566%201.94658%2018.5168%202.34177%2018.982%202.56736L19.8494%202.99057C19.9027%203.0158%2019.9461%203.05923%2019.9727%203.1125C20.0372%203.24422%2019.9825%203.40397%2019.8494%203.46843Z'%20fill%3D'%23304CA0'/%3E%3C/svg%3E") no-repeat center / 20px 18px !important;
    }

        [b-blab6t3qzw] .suggestion-chip .mud-chip-icon .mud-icon-root svg {
            display: none !important;
        }

        [b-blab6t3qzw] .suggestion-chip .mud-chip-icon .mud-icon-root {
            display: none !important;
        }

    [b-blab6t3qzw] .suggestion-chip::before {
        content: "" !important;
        width: 20px !important;
        height: 18px !important;
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'20'%20height%3D'18'%20viewBox%3D'0%200%2020%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M14.206%209.83681L11.8569%2010.9829C10.5401%2011.6215%209.51779%2012.7453%209.0054%2014.1166L7.6737%2017.6539C7.62666%2017.7801%207.52765%2017.8791%207.40142%2017.9286C7.15883%2018.0177%206.88655%2017.8965%206.79497%2017.6539L5.46574%2014.1166C4.95087%2012.7478%203.93105%2011.6314%202.6142%2010.9928L0.265148%209.8492C0.171086%209.80216%200.0943522%209.72544%200.047321%209.63134C-0.0665478%209.3962%200.0324699%209.11649%200.265148%209.00263L2.6142%207.85904C3.93353%207.22039%204.95335%206.09661%205.46574%204.72528L6.79745%201.18807C6.84448%201.0915%206.92367%201.0123%207.02021%200.965258C7.2628%200.846447%207.55489%200.945496%207.67617%201.18807L9.00788%204.71788C9.51779%206.09166%2010.5401%207.21299%2011.8569%207.85408L14.206%208.9952C14.3694%209.0744%2014.4709%209.24025%2014.4709%209.42098C14.4684%209.59919%2014.3669%209.76006%2014.206%209.83681Z'%20fill%3D'%23304CA0'/%3E%3Cpath%20d%3D'M19.8494%203.46843L18.982%203.89164C18.5168%204.11725%2018.1566%204.51243%2017.9744%204.99589L17.484%206.30333C17.456%206.3748%2017.3999%206.43086%2017.3284%206.45747C17.1911%206.50934%2017.0384%206.44067%2016.9865%206.30333L16.4946%204.99589C16.3139%204.51243%2015.9523%204.11725%2015.4871%203.89164L14.6197%203.46843C14.5664%203.4432%2014.523%203.39976%2014.4978%203.34651C14.4333%203.21339%2014.488%203.05502%2014.6197%202.99057L15.4871%202.56736C15.9523%202.34177%2016.3139%201.94658%2016.4946%201.46172L16.9865%200.155668C17.0131%200.0996286%2017.058%200.0561789%2017.1126%200.028159C17.25%20-0.0391024%2017.4153%200.01834%2017.484%200.155668L17.9744%201.46172C18.1566%201.94658%2018.5168%202.34177%2018.982%202.56736L19.8494%202.99057C19.9027%203.0158%2019.9461%203.05923%2019.9727%203.1125C20.0372%203.24422%2019.9825%203.40397%2019.8494%203.46843Z'%20fill%3D'%23304CA0'/%3E%3C/svg%3E") no-repeat center / 20px 18px !important;
        display: inline-block !important;
    }

/* ══════════════════════════════════════════════════
   ROLES TABLE SECTION
══════════════════════════════════════════════════ */
.roles-section[b-blab6t3qzw] {
    padding: 0 0 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.roles-header-row[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

[b-blab6t3qzw] .roles-section-label {
    color: var(--color-theme-mud-palette-black, #1A1D24);
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-button, 14px);
    font-style: normal;
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-button, 24.5px); /* 175% */
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px);
    text-transform: uppercase;
}

.roles-actions[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-blab6t3qzw] .action-btn-primary {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 48px;
}

[b-blab6t3qzw] .action-btn-default {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 48px;
}

[b-blab6t3qzw] .action-icon-btn {
    border: 1px solid #304CA0;
    border-radius: 48px;
    color: #304CA0;
}

/* Table Filters */
.table-filters[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: nowrap;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06);
    flex-grow: 0 !important;
}

[b-blab6t3qzw] .search-field {
    width: 320px !important;
    max-width: 320px !important;
    flex: 0 0 320px !important;
}

    [b-blab6t3qzw] .search-field .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
    }

    [b-blab6t3qzw] .search-field .mud-input-outlined-border,
    [b-blab6t3qzw] .search-field fieldset {
        border: none !important;
    }

    [b-blab6t3qzw] .search-field .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-blab6t3qzw] .search-field .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
    }

[b-blab6t3qzw] .filter-select {
    width: 198.667px !important;
    flex: 0 0 198.667px !important;
    max-width: 198.667px !important;
    flex-grow: 0 !important;
}

    [b-blab6t3qzw] .filter-select .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-blab6t3qzw] .filter-select .mud-input-outlined-border,
    [b-blab6t3qzw] .filter-select fieldset {
        border: none !important;
        flex-grow: 0 !important;
    }

    [b-blab6t3qzw] .filter-select .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-blab6t3qzw] .filter-select .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        flex-grow: 0 !important;
    }

[b-blab6t3qzw] .table-refresh-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-blab6t3qzw] .table-refresh-btn .mud-icon-root {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }

[b-blab6t3qzw] .filter-select .mud-select {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

[b-blab6t3qzw] .mud-select {
    flex-grow: 0 !important;
}

/* Table Card */
.table-card[b-blab6t3qzw] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.table-total-row[b-blab6t3qzw] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-blab6t3qzw] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-blab6t3qzw] .roles-table { width: 100%; }

[b-blab6t3qzw] .roles-table .mud-table-head .mud-table-cell {
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E0;
}

.col-header[b-blab6t3qzw] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-blab6t3qzw] .roles-table .mud-table-row:hover { background-color: #F5F7FF; }
[b-blab6t3qzw] .roles-table .mud-table-row { border-bottom: 1px solid #F0F0F0; }

.row-cell[b-blab6t3qzw] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-name[b-blab6t3qzw] {
    font-weight: 600;
    color: #1A1D24;
    letter-spacing: 0.3px;
}

.row-cell-actions[b-blab6t3qzw] {
    text-align: right;
    width: 120px;
}

.actions-trigger[b-blab6t3qzw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.15s;
}

    .actions-trigger:hover[b-blab6t3qzw] { background-color: #F0F0F0; }

/* Pagination */
.table-pagination[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-top: 1px solid #E0E0E0;
    gap: 16px;
}

.rows-per-page[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-blab6t3qzw] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-blab6t3qzw] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-blab6t3qzw] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-blab6t3qzw] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .dashboard-container[b-blab6t3qzw] {
        padding: var(--of-space-40, 40px) 80px;
    }

    .dashboard-header[b-blab6t3qzw] {
        padding: 24px 32px;
    }

    .header-content[b-blab6t3qzw] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .logo[b-blab6t3qzw] {
        height: 40px;
    }

    .nav-menu[b-blab6t3qzw] {
        display: flex;
        gap: var(--of-space-8, 8px);
        margin-left: auto;
        margin-right: 24px;
    }

    .quick-access-wrapper[b-blab6t3qzw] {
        display: flex;
    }

    .filter-bar[b-blab6t3qzw] {
        flex-direction: row;
        align-items: center;
        gap: var(--of-space-24, 24px);
        margin-top: 0;
    }

    .global-filters-section[b-blab6t3qzw] {
        margin-left: auto;
        width: auto;
        flex: 0 0 auto;
        align-items: center;
    }

    .filters-controls[b-blab6t3qzw] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: var(--of-space-12, 12px);
    }
}

@media (min-width: 1200px) {
    .dashboard-container[b-blab6t3qzw] {
        padding: var(--of-space-40, 40px) 120px;
    }
}

@media (max-width: 1024px) {
    .filter-dropdown-button[b-blab6t3qzw] {
        width: 180px;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-blab6t3qzw] {
        padding: 12px;
    }

    .roles-header-row[b-blab6t3qzw] {
        flex-direction: column;
        align-items: flex-start;
    }

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

    .table-filters[b-blab6t3qzw] {
        flex-direction: column;
        align-items: stretch;
    }

    /*::deep .search-field,
    ::deep .filter-select,
    ::deep .filter-select-wide {
        width: 100%;
        min-width: unset;
        flex: none;
    }*/

    .table-pagination[b-blab6t3qzw] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .companies-popover-custom[b-blab6t3qzw] {
        width: calc(100vw - 32px);
        max-width: 296px;
    }
}

@media (max-width: 480px) {
    [b-blab6t3qzw] .action-btn-primary,
    [b-blab6t3qzw] .action-btn-default {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Settings/AccountSettings.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   PAGE LAYOUT
══════════════════════════════════════════════════ */
.account-settings-page[b-zqdsi4psqy] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 232px;
    padding-bottom: 60px;
}

.settings-container[b-zqdsi4psqy] {
    width: 712px;
    max-width: calc(100vw - 32px);
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* ══════════════════════════════════════════════════
   PAGE HEADER
══════════════════════════════════════════════════ */
.page-header[b-zqdsi4psqy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-title[b-zqdsi4psqy] {
    font-weight: 600;
}

/* ══════════════════════════════════════════════════
   CARD
══════════════════════════════════════════════════ */
.settings-card[b-zqdsi4psqy] {
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px 1px rgba(0, 0, 0, 0.04), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
}

.settings-sections[b-zqdsi4psqy] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.settings-section[b-zqdsi4psqy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-title[b-zqdsi4psqy] {
    font-weight: 700;
}

.settings-fields[b-zqdsi4psqy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.field-group[b-zqdsi4psqy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-label[b-zqdsi4psqy] {
    font-weight: 500;
}

/* ══════════════════════════════════════════════════
   CHECKBOX GRID
══════════════════════════════════════════════════ */
.checkbox-grid[b-zqdsi4psqy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}

[b-zqdsi4psqy] .feature-checkbox {
    margin: 0;
}

/* ══════════════════════════════════════════════════
   ACTIONS
══════════════════════════════════════════════════ */
.form-actions[b-zqdsi4psqy] {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

[b-zqdsi4psqy] .back-button,
[b-zqdsi4psqy] .confirm-button {
    height: 56px;
    border-radius: 40px;
    padding: 16px 24px;
    text-transform: none;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .checkbox-grid[b-zqdsi4psqy] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-zqdsi4psqy] {
        flex-direction: column;
        width: 100%;
    }

    [b-zqdsi4psqy] .back-button,
    [b-zqdsi4psqy] .confirm-button {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Settings/AppSettings.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   PAGE LAYOUT
══════════════════════════════════════════════════ */
.app-settings-page[b-mu243monoh] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 232px;
    padding-bottom: 60px;
}

.logo-container[b-mu243monoh] {
    margin-bottom: 32px;
}

.settings-container[b-mu243monoh] {
    width: 712px;
    max-width: calc(100vw - 32px);
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* ══════════════════════════════════════════════════
   PAGE HEADER
══════════════════════════════════════════════════ */
.page-header[b-mu243monoh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-title[b-mu243monoh] {
    font-weight: 600;
}


/* ══════════════════════════════════════════════════
   CARD SECTIONS
══════════════════════════════════════════════════ */
.settings-sections[b-mu243monoh] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.settings-section[b-mu243monoh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-title[b-mu243monoh] {
    font-weight: 700;
}

.settings-fields[b-mu243monoh] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.field-group[b-mu243monoh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-label[b-mu243monoh] {
    font-weight: 500;
}

/* ══════════════════════════════════════════════════
   THEME SELECTOR
══════════════════════════════════════════════════ */
.theme-selector[b-mu243monoh] {
    display: flex;
}

[b-mu243monoh] .tool-button {
    width: 131px;
    height: 56px;
    text-transform: none;
    font-weight: 400;
}


[b-mu243monoh] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
}

    [b-mu243monoh] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

/* ══════════════════════════════════════════════════
   RADIO GROUPS
══════════════════════════════════════════════════ */
[b-mu243monoh] .mud-radio-group {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

/* ══════════════════════════════════════════════════
   ACTIONS
══════════════════════════════════════════════════ */
.form-actions[b-mu243monoh] {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

[b-mu243monoh] .back-button,
[b-mu243monoh] .confirm-button {
    height: 56px;
    border-radius: 40px;
    padding: 16px 24px;
    text-transform: none;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .theme-selector[b-mu243monoh] {
        width: 100%;
    }

    .theme-btn[b-mu243monoh] {
        flex: 1;
        justify-content: center;
        padding: 16px 8px;
    }

    .form-actions[b-mu243monoh] {
        flex-direction: column;
        width: 100%;
    }

    [b-mu243monoh] .back-button,
    [b-mu243monoh] .confirm-button {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Settlements/EditInvoiceDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   DIALOG SHELL
   954px wide, 24px radius, white, elevated shadow
═══════════════════════════════════════════════════════ */
[b-qt34qfxh7q] .edit-invoice-dialog .mud-dialog {
    width: 954px !important;
    max-width: 954px !important;
    border-radius: 24px !important;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04),
                0px 8px 10px 1px rgba(0,0,0,0.04),
                0px 5px 5px -3px rgba(0,0,0,0.06) !important;
    overflow: hidden;
}

[b-qt34qfxh7q] .edit-invoice-dialog .mud-dialog-content {
    padding: 32px 32px 0 32px !important;
    overflow-y: auto;
}

[b-qt34qfxh7q] .edit-invoice-dialog .mud-dialog-actions {
    padding: 0 !important;
    border-top: none !important;
}

/* ═══════════════════════════════════════════════════════
   TOP ROW  —  BACK (left) · CLOSE (right)
═══════════════════════════════════════════════════════ */
.eid-top-row[b-qt34qfxh7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.eid-back-btn[b-qt34qfxh7q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 8px 6px 0;
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #304CA0;
    transition: opacity 0.15s;
}

.eid-back-btn:hover[b-qt34qfxh7q] { opacity: 0.75; }

[b-qt34qfxh7q] .eid-back-icon {
    color: #304CA0 !important;
    font-size: 20px !important;
}

[b-qt34qfxh7q] .eid-close-btn {
    color: #424242 !important;
    padding: 3px !important;
}

/* ═══════════════════════════════════════════════════════
   TITLE
═══════════════════════════════════════════════════════ */
.eid-title[b-qt34qfxh7q] {
    margin: 0 0 16px 0;
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: #1a1d24;
    letter-spacing: 0.25px;
    line-height: 42.99px;
}

/* ═══════════════════════════════════════════════════════
   DESCRIPTION
═══════════════════════════════════════════════════════ */
.eid-description[b-qt34qfxh7q] {
    margin: 0 0 24px 0;
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    letter-spacing: 0.15px;
    line-height: 24px;
}

/* ═══════════════════════════════════════════════════════
   FIELD LABELS  — uppercase, wide letter-spacing
═══════════════════════════════════════════════════════ */
.eid-label[b-qt34qfxh7q] {
    display: block;
    margin-bottom: 6px;
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 400;
    color: #27292c;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 16px;
}

/* ═══════════════════════════════════════════════════════
   CONTRACTOR NAME  (single col, half-width)
═══════════════════════════════════════════════════════ */
.eid-section-single[b-qt34qfxh7q] {
    margin-bottom: 24px;
    max-width: 433px;
}

/* ═══════════════════════════════════════════════════════
   DIVIDER
═══════════════════════════════════════════════════════ */
.eid-divider[b-qt34qfxh7q] {
    height: 1px;
    background-color: #e0e0e0;
    margin-bottom: 0;
}

/* ═══════════════════════════════════════════════════════
   TWO-COLUMN ROWS
═══════════════════════════════════════════════════════ */
.eid-row-two[b-qt34qfxh7q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-top: 24px;
}

.eid-col[b-qt34qfxh7q] {
    display: flex;
    flex-direction: column;
}

/* ═══════════════════════════════════════════════════════
   NOTES
═══════════════════════════════════════════════════════ */
.eid-notes-section[b-qt34qfxh7q] {
    display: flex;
    flex-direction: column;
    padding-top: 24px;
}

/* ═══════════════════════════════════════════════════════
   MudBlazor FIELD OVERRIDES
   — remove floating labels, apply Figma border/shadow
═══════════════════════════════════════════════════════ */
[b-qt34qfxh7q] .eid-field .mud-input-outlined fieldset {
    border-color: #bdbdbd !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}

[b-qt34qfxh7q] .eid-field .mud-input-outlined:hover fieldset {
    border-color: #9e9e9e !important;
}

[b-qt34qfxh7q] .eid-field .mud-input-outlined.mud-input-root-focused fieldset {
    border-color: #304CA0 !important;
    border-width: 2px !important;
}

/* Error state — red border all around */
[b-qt34qfxh7q] .eid-field-error .mud-input-outlined fieldset,
[b-qt34qfxh7q] .eid-field-error .mud-input-outlined:hover fieldset {
    border-color: #e42535 !important;
    border-width: 1px !important;
}

/* Error helper text */
[b-qt34qfxh7q] .eid-field-error .mud-input-helper-text {
    color: #e42535 !important;
}

/* Input text */
[b-qt34qfxh7q] .eid-field input,
[b-qt34qfxh7q] .eid-field textarea {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    color: #424242 !important;
    letter-spacing: 0.15px !important;
}

/* Remove MudBlazor floating label (we use our own .eid-label) */
[b-qt34qfxh7q] .eid-field .mud-input-label,
[b-qt34qfxh7q] .eid-field label {
    display: none !important;
}

/* Notes textarea height */
[b-qt34qfxh7q] .eid-notes-field textarea {
    min-height: 114px !important;
    resize: none !important;
}

/* ═══════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════ */
.eid-footer[b-qt34qfxh7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 32px;
}

.eid-footer-right[b-qt34qfxh7q] {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Void Invoice — outlined red pill */
[b-qt34qfxh7q] .eid-btn-void {
    height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #e42535 !important;
    color: #e42535 !important;
    background: transparent !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    padding: 0 32px !important;
    text-transform: none !important;
    white-space: nowrap;
}

[b-qt34qfxh7q] .eid-btn-void .mud-icon-root {
    color: #e42535 !important;
    font-size: 22px !important;
}

/* Cancel — text only, blue */
[b-qt34qfxh7q] .eid-btn-cancel {
    height: 56px !important;
    border-radius: 40px !important;
    color: #304CA0 !important;
    background: transparent !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    padding: 0 32px !important;
    text-transform: none !important;
    white-space: nowrap;
}

[b-qt34qfxh7q] .eid-btn-cancel .mud-icon-root {
    color: #304CA0 !important;
    font-size: 22px !important;
}

/* Save and Send Invoice — filled blue pill */
[b-qt34qfxh7q] .eid-btn-save {
    height: 56px !important;
    border-radius: 40px !important;
    background-color: #304CA0 !important;
    color: #ffffff !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    padding: 0 32px !important;
    text-transform: none !important;
    white-space: nowrap;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.20),
                0px 1px 1px 0px rgba(0,0,0,0.14),
                0px 1px 3px 0px rgba(0,0,0,0.12) !important;
}

[b-qt34qfxh7q] .eid-btn-save .mud-icon-root {
    color: #ffffff !important;
    font-size: 22px !important;
}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    [b-qt34qfxh7q] .edit-invoice-dialog .mud-dialog {
        width: 92vw !important;
        max-width: 92vw !important;
    }
}

@media (max-width: 768px) {
    [b-qt34qfxh7q] .edit-invoice-dialog .mud-dialog-content {
        padding: 24px 20px 0 20px !important;
    }

    [b-qt34qfxh7q] .edit-invoice-dialog .mud-dialog-actions {
        padding: 20px 20px 24px 20px !important;
    }

    .eid-section-single[b-qt34qfxh7q] {
        max-width: 100%;
    }

    .eid-row-two[b-qt34qfxh7q] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .eid-footer[b-qt34qfxh7q] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .eid-footer-right[b-qt34qfxh7q] {
        flex-direction: column;
        gap: 8px;
    }

    [b-qt34qfxh7q] .eid-btn-void,
    [b-qt34qfxh7q] .eid-btn-cancel,
    [b-qt34qfxh7q] .eid-btn-save {
        width: 100% !important;
    }
}
/* /Pages/Settlements/InvoiceBatchDetails.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT  (matches other pages)
══════════════════════════════════════════════════ */
.enrollments-page-container[b-7o6kicl8jm] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-7o6kicl8jm] {
}

.page-content[b-7o6kicl8jm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 48px;
}

/* ══════════════════════════════════════════════════
   BACK LINK
══════════════════════════════════════════════════ */
.back-link[b-7o6kicl8jm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: var(--font-family-family, Lato);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #304CA0;
    align-self: flex-start;
    transition: opacity 0.15s ease;
}

    .back-link:hover[b-7o6kicl8jm] { opacity: 0.75; }

[b-7o6kicl8jm] .back-icon { color: #304CA0 !important; }

/* ══════════════════════════════════════════════════
   PAGE TITLE SECTION
══════════════════════════════════════════════════ */
.page-title-section[b-7o6kicl8jm] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.page-title-left[b-7o6kicl8jm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

/* Row 1: Title + Filename — baseline aligned */
.page-title-row[b-7o6kicl8jm] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

[b-7o6kicl8jm] .page-title {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: #1a1d24;
    letter-spacing: 0.25px;
    line-height: 42.99px;
}

[b-7o6kicl8jm] .page-filename {
    font-family: var(--font-family-family, Lato);
    font-size: 24px;
    font-weight: 400;
    color: #464b50;
    line-height: 32.02px;
    letter-spacing: 0px;
}

/* Row 2: Chip + dot + Last Updated */
.page-meta-row[b-7o6kicl8jm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.meta-dot[b-7o6kicl8jm] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #bdbdbd;
    flex-shrink: 0;
}

[b-7o6kicl8jm] .page-meta {
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* Row 3: Description */
[b-7o6kicl8jm] .page-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 500;
    color: #464b50;
    line-height: 21.98px;
    letter-spacing: 0.1px;
}

[b-7o6kicl8jm] .download-btn {
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 24px !important;
    border-color: #304ca0 !important;
    color: #304ca0 !important;
}

/* ══════════════════════════════════════════════════
   FILTER CARD
══════════════════════════════════════════════════ */
[b-7o6kicl8jm] .filter-card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
}

.filters-row[b-7o6kicl8jm] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

[b-7o6kicl8jm] .filter-select {
    min-width: 180px;
    flex: 1;
    max-width: 240px;
}

[b-7o6kicl8jm] .mud-select {
    flex-grow: 0 !important;
}

/* ══════════════════════════════════════════════════
   TABLE CARD
══════════════════════════════════════════════════ */
.table-card[b-7o6kicl8jm] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.table-total-row[b-7o6kicl8jm] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-7o6kicl8jm] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-7o6kicl8jm] .invoice-table {
    width: 100%;
}

    [b-7o6kicl8jm] .invoice-table .mud-table-head .mud-table-cell {
        background-color: #ffffff;
        border-bottom: 1px solid #E0E0E0;
    }

.col-header[b-7o6kicl8jm] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 16px !important;
    white-space: nowrap;
}

[b-7o6kicl8jm] .invoice-table .mud-table-row:hover {
    background-color: #F5F7FF;
}

[b-7o6kicl8jm] .invoice-table .mud-table-row {
    border-bottom: 1px solid #F0F0F0;
}

.row-cell[b-7o6kicl8jm] {
    font-size: 13px;
    color: #424242;
    padding: 12px 16px !important;
    vertical-align: middle;
}

.row-cell-actions[b-7o6kicl8jm] {
    text-align: right;
    width: 140px;
}

.notes-cell[b-7o6kicl8jm] {
    max-width: 220px;
}

.notes-text[b-7o6kicl8jm] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    font-size: 13px;
    color: #424242;
}

/* ══════════════════════════════════════════════════
   ACTION BUTTONS
══════════════════════════════════════════════════ */
[b-7o6kicl8jm] .action-btn {
    white-space: nowrap;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

[b-7o6kicl8jm] .action-btn-edit {
    display: flex !important;
    height: 31px !important;
    padding: 3px 9px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 0 0 !important;
    border-radius: 4px !important;
    border: 1px solid #304CA0 !important;
    color: #304CA0 !important;
    min-width: 0 !important;
}

[b-7o6kicl8jm] .action-btn-edit .mud-icon-root {
    color: #304CA0 !important;
    font-size: 16px !important;
}

[b-7o6kicl8jm] .action-btn-details {
    color: #304CA0 !important;
    padding: 0 4px !important;
}

[b-7o6kicl8jm] .action-btn-details .mud-icon-root {
    color: #304CA0 !important;
    font-size: 18px !important;
}

/* ══════════════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════════════ */
.table-pagination[b-7o6kicl8jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.pag-info-nav-container[b-7o6kicl8jm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 10px auto;
}

.rows-per-page[b-7o6kicl8jm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-7o6kicl8jm] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-7o6kicl8jm] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-7o6kicl8jm] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-7o6kicl8jm] {
    display: flex;
    align-items: center;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .enrollments-page-container[b-7o6kicl8jm] {
        padding: 160px 24px 80px 24px;
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-7o6kicl8jm] {
        padding: 140px 16px 60px 16px;
    }

    .page-title-section[b-7o6kicl8jm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-title-row[b-7o6kicl8jm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .filters-row[b-7o6kicl8jm] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-7o6kicl8jm] .filter-select {
        max-width: 100%;
    }
}
/* /Pages/Settlements/ManualBatchSubmissionPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Page container
══════════════════════════════════════════════ */
.mbs-container[b-ncywokrjnd] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 200px 32px 40px 32px; /* top: MegaMenu margin(23) + toolbar(153) + gap(24) */
    width: 100%;
    box-sizing: border-box;
}

/* ══════════════════════════════════════════════
   BACK button
══════════════════════════════════════════════ */
[b-ncywokrjnd] .mbs-back-btn {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    min-width: unset !important;
    color: #304CA0 !important;
    align-self: flex-start;
}

/* ══════════════════════════════════════════════
   Title row — heading + actions
══════════════════════════════════════════════ */
.mbs-title-row[b-ncywokrjnd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.mbs-title-block[b-ncywokrjnd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.mbs-title-inner[b-ncywokrjnd] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: nowrap;
    overflow: hidden;
}

[b-ncywokrjnd] .mbs-title {
    font-family: Lato !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1A1D24 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    white-space: nowrap;
}

[b-ncywokrjnd] .mbs-filename {
    font-family: Lato, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #464B50 !important;
    line-height: 32.02px !important;
    letter-spacing: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mbs-subtitle[b-ncywokrjnd] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #464B50;
    line-height: 21.98px;
    letter-spacing: 0.1px;
}

.mbs-title-actions[b-ncywokrjnd] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    padding-top: 4px;
}

[b-ncywokrjnd] .mbs-cancel-btn {
    height: 56px !important;
    min-width: 128px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
}

[b-ncywokrjnd] .mbs-next-btn {
    height: 56px !important;
    min-width: 152px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #304CA0 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════
   Filter bar — matches .table-filters pattern from Roles/Users/Teams
══════════════════════════════════════════════ */
.mbs-filter-bar[b-ncywokrjnd] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: nowrap;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06);
    flex-grow: 0 !important;
}

[b-ncywokrjnd] .mbs-search-field {
    width: 320px !important;
    max-width: 320px !important;
    flex: 0 0 320px !important;
}

[b-ncywokrjnd] .mbs-search-field .mud-input-outlined {
    border-radius: 8px !important;
    border: 1px solid #BDBDBD !important;
    height: 56px !important;
    box-shadow: none !important;
}

[b-ncywokrjnd] .mbs-search-field .mud-input-outlined-border,
[b-ncywokrjnd] .mbs-search-field fieldset {
    border: none !important;
}

[b-ncywokrjnd] .mbs-search-field .mud-input {
    padding-top: 18.5px !important;
    padding-bottom: 18.5px !important;
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    color: #424242 !important;
}

[b-ncywokrjnd] .mbs-filter-select {
    width: 198.667px !important;
    flex: 0 0 198.667px !important;
    max-width: 198.667px !important;
    flex-grow: 0 !important;
}

    [b-ncywokrjnd] .mbs-filter-select .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-ncywokrjnd] .mbs-filter-select .mud-input-outlined-border,
    [b-ncywokrjnd] .mbs-filter-select fieldset {
        border: none !important;
        flex-grow: 0 !important;
    }

    [b-ncywokrjnd] .mbs-filter-select .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-ncywokrjnd] .filter-select .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        flex-grow: 0 !important;
    }

[b-ncywokrjnd] .mbs-refresh-btn {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex: 0 0 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    color: #616161 !important;
    background-color: transparent !important;
}

[b-ncywokrjnd] .mbs-filter-select .mud-select {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

[b-ncywokrjnd] .mud-select {
    flex-grow: 0 !important;
}

/* ══════════════════════════════════════════════
   Table wrapper — horizontal scroll
══════════════════════════════════════════════ */
.mbs-table-wrapper[b-ncywokrjnd] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
}

[b-ncywokrjnd] .mbs-table {
    min-width: 1200px;
    width: 100%;
}

[b-ncywokrjnd] .mbs-table .mud-table-head .mud-table-cell {
    background: #FAFAFA !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

[b-ncywokrjnd] .mbs-table .mud-table-row:hover {
    background-color: rgba(48, 76, 160, 0.03) !important;
}

[b-ncywokrjnd] .mbs-table .mud-table-row:last-child .mbs-td {
    border-bottom: none !important;
}

/* ── Header cells ── */
.mbs-th[b-ncywokrjnd] {
    font-family: Lato, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #616161 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 16px !important;
    white-space: nowrap;
}

.mbs-th-net[b-ncywokrjnd] {
    color: #304CA0 !important;
}

.mbs-th-actions[b-ncywokrjnd] {
    min-width: 200px;
}

/* ── Data cells ── */
.mbs-td[b-ncywokrjnd] {
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1A1D24 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #F5F5F5 !important;
    white-space: nowrap;
}

.mbs-td-business[b-ncywokrjnd] {
    max-width: 140px;
    white-space: normal;
    line-height: 1.3;
}

.mbs-td-number[b-ncywokrjnd] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.mbs-td-net[b-ncywokrjnd] {
    text-align: right !important;
    color: #304CA0 !important;
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
}

.mbs-td-edit[b-ncywokrjnd] {
    min-width: 110px;
    padding: 4px 16px !important;
}

.mbs-td-actions[b-ncywokrjnd] {
    white-space: nowrap;
    padding: 8px 16px !important;
}

/* ── Inline text inputs ── */
[b-ncywokrjnd] .mbs-inline-input {
    width: 100px;
}

[b-ncywokrjnd] .mbs-inline-input .mud-input:before {
    border-bottom-color: #304CA0 !important;
}

[b-ncywokrjnd] .mbs-inline-input .mud-input input {
    font-size: 14px !important;
    font-family: Lato, sans-serif !important;
    text-align: right;
    padding: 4px 0 !important;
}

/* ── Action buttons ── */
.mbs-action-group[b-ncywokrjnd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-ncywokrjnd] .mbs-save-btn {
    height: 36px !important;
    min-width: 90px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background-color: #304CA0 !important;
    color: #fff !important;
    box-shadow: none !important;
    padding: 0 12px !important;
}

[b-ncywokrjnd] .mbs-action-btn {
    height: 36px !important;
    min-width: 80px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    padding: 0 12px !important;
}

/* ══════════════════════════════════════════════
   Pagination row
══════════════════════════════════════════════ */
.mbs-pagination-row[b-ncywokrjnd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-top: 1px solid #F0F0F0;
}

.mbs-rows-per-page[b-ncywokrjnd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mbs-rpp-label[b-ncywokrjnd] {
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    white-space: nowrap;
}

[b-ncywokrjnd] .mbs-rpp-select {
    min-width: 60px !important;
    width: 60px !important;
}

[b-ncywokrjnd] .mbs-rpp-select .mud-select-input {
    font-size: 13px !important;
}

.mbs-pagination-center[b-ncywokrjnd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mbs-pagination-label[b-ncywokrjnd] {
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    white-space: nowrap;
}

.mbs-pagination-btns[b-ncywokrjnd] {
    display: flex;
    align-items: center;
}

[b-ncywokrjnd] .mbs-page-btn {
    color: #424242 !important;
    width: 36px !important;
    height: 36px !important;
}

[b-ncywokrjnd] .mbs-page-btn[disabled] {
    color: #BDBDBD !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .mbs-title-row[b-ncywokrjnd] {
        flex-direction: column;
        gap: 16px;
    }

    .mbs-title-actions[b-ncywokrjnd] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .mbs-container[b-ncywokrjnd] {
        padding: 16px;
    }

    .mbs-title-inner[b-ncywokrjnd] {
        flex-direction: column;
        gap: 4px;
    }

    [b-ncywokrjnd] .mbs-title {
        font-size: 24px !important;
    }

    [b-ncywokrjnd] .mbs-filename {
        font-size: 16px !important;
    }

    .mbs-filter-bar[b-ncywokrjnd] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-ncywokrjnd] .mbs-search-field {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    [b-ncywokrjnd] .mbs-filter-select {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .mbs-title-actions[b-ncywokrjnd] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-ncywokrjnd] .mbs-cancel-btn,
    [b-ncywokrjnd] .mbs-next-btn {
        width: 100% !important;
    }

    .mbs-pagination-row[b-ncywokrjnd] {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }
}
/* /Pages/Settlements/ManualBatchSuccessDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell — 709 px, matches existing success dialogs
══════════════════════════════════════════════ */
[b-ujedqwwtwt] .manual-batch-success-dialog {
    width: 100%;
    max-width: 709px;
    border-radius: 24px;
}

[b-ujedqwwtwt] .manual-batch-success-dialog .mud-dialog-content {
    padding: 0;
    overflow: visible;
}

/* ══════════════════════════════════════════════
   Content wrapper
══════════════════════════════════════════════ */
.mbs-success-content[b-ujedqwwtwt] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 32px;
    box-sizing: border-box;
}

/* ══════════════════════════════════════════════
   Top row — close button only
══════════════════════════════════════════════ */
.mbs-success-top-row[b-ujedqwwtwt] {
    display: flex;
    justify-content: flex-end;
}

[b-ujedqwwtwt] .mbs-success-close-btn {
    color: #757575 !important;
    margin-right: -8px;
    margin-top: -8px;
}

/* ══════════════════════════════════════════════
   Body — centered icon + text + buttons
══════════════════════════════════════════════ */
.mbs-success-body[b-ujedqwwtwt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 32px 0;
    width: 100%;
}

/* ── Check circle icon ── */
[b-ujedqwwtwt] .mbs-success-check-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
}

/* ── Text block ── */
.mbs-success-text-block[b-ujedqwwtwt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    text-align: center;
}

[b-ujedqwwtwt] .mbs-success-title {
    font-family: var(--font-family-family, Lato) !important;
    font-size: var(--font-size-h4, 34px) !important;
    font-weight: 700 !important;
    color: var(--color-theme-mud-palette-black, #1A1D24) !important;
    line-height: var(--font-line-height-lineheight-h4, 42.99px) !important;
    letter-spacing: var(--font-letter-spacing-spacing-h4, 0.25px) !important;
    text-align: center !important;
}

.mbs-success-subtitle[b-ujedqwwtwt] {
    font-family: var(--font-family-family, Lato), sans-serif;
    font-size: var(--font-size-body1, 16px);
    font-weight: 400;
    color: var(--color-theme-mud-palette-drawer-text, #424242);
    line-height: var(--font-line-height-lineheight-body1, 24px);
    letter-spacing: var(--font-letter-spacing-spacing-body1, 0.15px);
    text-align: center;
}

/* ── Action buttons ── */
.mbs-success-actions[b-ujedqwwtwt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

[b-ujedqwwtwt] .mbs-success-back-btn {
    min-width: 197px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
}

[b-ujedqwwtwt] .mbs-success-another-btn {
    min-width: 272px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 768px) {
    [b-ujedqwwtwt] .manual-batch-success-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    .mbs-success-actions[b-ujedqwwtwt] {
        flex-direction: column;
        width: 100%;
    }

    [b-ujedqwwtwt] .mbs-success-back-btn,
    [b-ujedqwwtwt] .mbs-success-another-btn {
        width: 100% !important;
        min-width: unset !important;
    }
}
/* /Pages/Settlements/ReviewSubmissionPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Page container
══════════════════════════════════════════════ */
.rs-container[b-12ceohmgxx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 200px 32px 40px 32px;
    width: 100%;
    box-sizing: border-box;
}

/* ══════════════════════════════════════════════
   BACK button
══════════════════════════════════════════════ */
[b-12ceohmgxx] .rs-back-btn {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    min-width: unset !important;
    color: #304CA0 !important;
    align-self: flex-start;
}

/* ══════════════════════════════════════════════
   Title block
══════════════════════════════════════════════ */
.rs-title-block[b-12ceohmgxx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rs-title-inner[b-12ceohmgxx] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: nowrap;
    overflow: hidden;
}

[b-12ceohmgxx] .rs-title {
    font-family: Lato !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1A1D24 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    white-space: nowrap;
}

[b-12ceohmgxx] .rs-filename {
    font-family: Lato, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #464B50 !important;
    line-height: 32.02px !important;
    letter-spacing: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-subtitle[b-12ceohmgxx] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #464B50;
    line-height: 21.98px;
    letter-spacing: 0.1px;
}

/* ══════════════════════════════════════════════
   Table wrapper
══════════════════════════════════════════════ */
.rs-table-wrapper[b-12ceohmgxx] {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06),
                0px 4px 5px 0px rgba(0, 0, 0, 0.04),
                0px 1px 10px 0px rgba(0, 0, 0, 0.04);
}

[b-12ceohmgxx] .rs-table {
    width: 100%;
}

[b-12ceohmgxx] .rs-table .mud-table-head .mud-table-cell {
    background: #fff !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

[b-12ceohmgxx] .rs-table .mud-table-row:hover {
    background-color: rgba(48, 76, 160, 0.03) !important;
}

[b-12ceohmgxx] .rs-table .mud-table-row:last-child .rs-td {
    border-bottom: none !important;
}

/* ── Header cells ── */
.rs-th[b-12ceohmgxx] {
    font-family: Lato, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #616161 !important;
    padding: 14px 16px !important;
    white-space: nowrap;
}

.rs-th-check[b-12ceohmgxx] {
    width: 52px;
    padding: 8px 16px !important;
}

/* ── Data cells ── */
.rs-td[b-12ceohmgxx] {
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1A1D24 !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #F5F5F5 !important;
}

.rs-td-check[b-12ceohmgxx] {
    width: 52px;
    padding: 8px 16px !important;
}

.rs-td-number[b-12ceohmgxx] {
    font-variant-numeric: tabular-nums;
}

/* ── Checkbox ── */
[b-12ceohmgxx] .rs-checkbox {
    margin: 0 !important;
    padding: 0 !important;
}

[b-12ceohmgxx] .rs-checkbox .mud-checkbox {
    padding: 0 !important;
}

/* ── Change cell (old → new) ── */
.rs-change-cell[b-12ceohmgxx] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #1A1D24;
    white-space: nowrap;
}

/* Bold the new value — targeting the last token after → */
[b-12ceohmgxx] .rs-change-new {
    font-weight: 700;
    color: #1A1D24;
}

[b-12ceohmgxx] .rs-change-old {
    color: #9E9E9E;
}

/* ══════════════════════════════════════════════
   Adjustment Summary bar
══════════════════════════════════════════════ */
.rs-summary-bar[b-12ceohmgxx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 12px;
    flex-wrap: wrap;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.04),
                0px 8px 10px 1px rgba(0, 0, 0, 0.04),
                0px 5px 5px -3px rgba(0, 0, 0, 0.06);
}

[b-12ceohmgxx] .rs-summary-title {
    overflow: hidden;
    color: var(--color-theme-mud-palette-black, #1A1D24);
    text-overflow: ellipsis;
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    white-space: nowrap;
}

.rs-summary-stats[b-12ceohmgxx] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.rs-summary-stat[b-12ceohmgxx] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #424242;
    white-space: nowrap;
}

.rs-summary-number[b-12ceohmgxx] {
    color: #304CA0;
    font-weight: 700;
}

.rs-summary-dot[b-12ceohmgxx] {
    font-size: 16px;
    color: #BDBDBD;
    line-height: 1;
}

.rs-summary-total[b-12ceohmgxx] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #304CA0;
}

/* ══════════════════════════════════════════════
   Footer actions
══════════════════════════════════════════════ */
.rs-footer-actions[b-12ceohmgxx] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

[b-12ceohmgxx] .rs-cancel-btn {
    height: 56px !important;
    min-width: 128px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
}

[b-12ceohmgxx] .rs-submit-btn {
    height: 56px !important;
    min-width: 175px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

[b-12ceohmgxx] .rs-submit-btn:not([disabled]) {
    background-color: #304CA0 !important;
    color: #fff !important;
}

[b-12ceohmgxx] .rs-submit-btn[disabled] {
    background-color: rgba(0,0,0,0.12) !important;
    color: rgba(0,0,0,0.26) !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .rs-footer-actions[b-12ceohmgxx] {
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .rs-container[b-12ceohmgxx] {
        padding: 160px 16px 32px 16px;
    }

    .rs-title-inner[b-12ceohmgxx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    [b-12ceohmgxx] .rs-title {
        font-size: 24px !important;
    }

    [b-12ceohmgxx] .rs-filename {
        font-size: 16px !important;
    }

    .rs-summary-bar[b-12ceohmgxx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .rs-footer-actions[b-12ceohmgxx] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-12ceohmgxx] .rs-cancel-btn,
    [b-12ceohmgxx] .rs-submit-btn {
        width: 100% !important;
    }
}
/* /Pages/Settlements/SettlementEntryDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell — 709 px wide, Figma layout
══════════════════════════════════════════════ */
[b-bty5n1qh1c] .settlement-entry-dialog {
    display: flex !important;
    width: 709px !important;
    max-width: 709px !important;
    padding: 32px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-4xl, 32px) !important;
    border-radius: var(--border-radius-mud-2xl-border-radius, 24px) !important;
    background: var(--color-theme-mud-palette-white, #FFF) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04),
                0 8px 10px 1px rgba(0, 0, 0, 0.04),
                0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
}

/* ══════════════════════════════════════════════
   Title block
══════════════════════════════════════════════ */
.sed-title-row[b-bty5n1qh1c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
}

[b-bty5n1qh1c] .sed-title {
    overflow: hidden !important;
    color: #1A1D24 !important;
    text-overflow: ellipsis !important;
    font-family: Lato !important;
    font-size: 34px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
}

.sed-subtitle[b-bty5n1qh1c] {
    font-size: 14px !important;
    color: #616161 !important;
    line-height: 1.5 !important;
}

[b-bty5n1qh1c] .sed-close-btn {
    color: #757575 !important;
    margin-top: -4px;
    margin-right: -8px;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════
   Section rows
══════════════════════════════════════════════ */
.sed-section[b-bty5n1qh1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 0;
}

.sed-section-last[b-bty5n1qh1c] {
    padding-bottom: 0;
}

.sed-section-left[b-bty5n1qh1c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.sed-section-label[b-bty5n1qh1c] {
    color: var(--color-theme-mud-palette-dark, #191D24);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-body1, 24px);
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.sed-section-desc[b-bty5n1qh1c] {
    align-self: stretch;
    color: var(--color-theme-mud-palette-drawer-text, #424242);
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-body1, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--font-line-height-lineheight-body1, 24px);
    letter-spacing: var(--font-letter-spacing-spacing-body1, 0.15px);
}

/* ══════════════════════════════════════════════
   Action buttons — pill shape, ~210 px wide
══════════════════════════════════════════════ */
[b-bty5n1qh1c] .sed-action-btn {
    flex-shrink: 0;
    min-width: 200px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap;
}

/* Dividers sit flush — no extra margin */
.sed-divider[b-bty5n1qh1c] {
    height: 1px;
    background-color: #E0E0E0;
    margin: 0;
    width: 100%;
}

/* ══════════════════════════════════════════════
   Responsive — collapse to stacked on small screens
══════════════════════════════════════════════ */
    @media (max-width: 768px) {
        [b-bty5n1qh1c] .settlement-entry-dialog {
            width: 100% !important;
            max-width: 100% !important;
        }

        .sed-section[b-bty5n1qh1c] {
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        [b-bty5n1qh1c] .sed-action-btn {
            width: 100% !important;
            min-width: unset !important;
        }
    }
/* /Pages/Settlements/SettlementsGrid.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   TABS
══════════════════════════════════════════════════ */
[b-f5ugcq7bzy] .settlements-tabs .mud-tabs-toolbar,
[b-f5ugcq7bzy] .settlements-tabs .mud-tabs-tabbar {
    margin-bottom: 0;
    background-color: transparent !important;
    margin-top: 48px !important;
}

[b-f5ugcq7bzy] .settlements-tabs .mud-tab {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #757575;
    padding: 12px 16px;
    min-width: auto;
    text-transform: uppercase;
}

[b-f5ugcq7bzy] .settlements-tabs .mud-tab-active {
    color: #304CA0 !important;
    border-bottom: 2px solid #304CA0;
}

[b-f5ugcq7bzy] .settlements-tabs .mud-tab-slider {
    display: none !important;
}

.settlements-tab-panel[b-f5ugcq7bzy] {
    padding: 0;
}

/* ══════════════════════════════════════════════════
   INVOICE UPLOAD POPOVER
══════════════════════════════════════════════════ */
[b-f5ugcq7bzy] .invoice-upload-popover {
    border-radius: 24px !important;
    overflow: hidden;
    width: 300px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.12),
                0px 8px 10px 1px rgba(0,0,0,0.14),
                0px 5px 5px -3px rgba(0,0,0,0.2) !important;
}

[b-f5ugcq7bzy] .invoice-upload-popover .mud-menu-list {
    padding: 8px 0;
}

[b-f5ugcq7bzy] .invoice-upload-item {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color: #424242 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ══════════════════════════════════════════════════
   INVOICE TOOL GROUP (matches contractors grid pattern)
══════════════════════════════════════════════════ */
.signature-tools[b-f5ugcq7bzy] {
    margin-top: 0;
}

[b-f5ugcq7bzy] .invoice-tool-group .mud-button-root {
    border-radius: 0 !important;
    width: 190px;
}

[b-f5ugcq7bzy] .invoice-tool-group .mud-button-root:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

[b-f5ugcq7bzy] .invoice-tool-group .mud-button-root:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.enrollments-page-container[b-f5ugcq7bzy] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-f5ugcq7bzy] {
}

.snapshot-content[b-f5ugcq7bzy] {
    margin-top: 16px;
}

.snapshot-header[b-f5ugcq7bzy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-f5ugcq7bzy] .card-content {
    width: 100%;
    margin-top: 16px;
    padding: 24px;
    border-radius: 24px;
    height: 188px;
}

.cards-grid[b-f5ugcq7bzy] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.card-title[b-f5ugcq7bzy] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.card-wrapper[b-f5ugcq7bzy] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.stat-content[b-f5ugcq7bzy] {
    display: flex;
    flex-direction: column;
}

.stat-value-row[b-f5ugcq7bzy] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.stat-footer[b-f5ugcq7bzy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-left: auto;
}

.stat-chart[b-f5ugcq7bzy] {
    height: 54px;
    width: 54px;
    margin-top: -35px;
    align-self: flex-end;
}

.error-chart[b-f5ugcq7bzy] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'><path d='M0.570312 39.168L11.7002 31.4438C13.5221 30.1793 15.7691 29.6843 17.9537 30.0661C20.8963 30.5805 23.8913 29.4979 25.8251 27.221L27.4685 25.2859C29.2671 23.1681 32.1863 22.3804 34.8061 23.3058C37.8886 24.3947 41.307 23.0996 42.8941 20.2415L53.6087 0.947266' stroke='url(%23paint0_linear_943_48211)' stroke-opacity='0.42' stroke-width='2'/><path d='M11.4129 31.7538L0.369141 39.4532V53.9999H53.5076V0.947266L42.6288 20.5547C41.0532 23.3945 37.6544 24.6777 34.5951 23.5877C32.0028 22.6642 29.1096 23.4355 27.3211 25.5268L25.6274 27.5072C23.6795 29.785 20.6747 30.8669 17.7218 30.3537C15.5165 29.9704 13.249 30.4736 11.4129 31.7538Z' fill='url(%23paint1_linear_943_48211)' fill-opacity='0.12'/><ellipse cx='52.8473' cy='1.89474' rx='1.52113' ry='1.89474' fill='%23EFBF9C'/><defs><linearGradient id='paint0_linear_943_48211' x1='0.570312' y1='20.0576' x2='53.6087' y2='20.0576' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23EA8941'/></linearGradient><linearGradient id='paint1_linear_943_48211' x1='26.9384' y1='0.947266' x2='26.9384' y2='53.9999' gradientUnits='userSpaceOnUse'><stop stop-color='%23E27E31'/><stop offset='1' stop-color='%23E27E31' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

.success-chart[b-f5ugcq7bzy] {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><path d='M42.0647 31.3484L53.1152 39.1935V54H-0.000354767V0L10.9085 20.0212C12.4584 22.8658 15.8539 24.1514 18.899 23.0466C21.4859 22.1081 24.3835 22.8854 26.1533 24.9927L27.9023 27.0753C29.8245 29.3641 32.822 30.4533 35.7651 29.9324C37.9699 29.5423 40.239 30.0523 42.0647 31.3484Z' fill='url(%23paint0_linear_943_45119)' fill-opacity='0.12'/><defs><linearGradient id='paint0_linear_943_45119' x1='26.5574' y1='0' x2='26.5574' y2='54' gradientUnits='userSpaceOnUse'><stop stop-color='%2328B528'/><stop offset='1' stop-color='%2328B528' stop-opacity='0.2'/></linearGradient></defs></svg>") no-repeat center / 54px 54px;
}

[b-f5ugcq7bzy] .tool-button {
    width: 130px;
    height: 56px;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
}

    [b-f5ugcq7bzy] .tool-button .mud-button-label {
        color: black !important;
    }

[b-f5ugcq7bzy] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
    background: white !important;
}

    [b-f5ugcq7bzy] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

.find-your-process-content[b-f5ugcq7bzy] {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-header[b-f5ugcq7bzy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-f5ugcq7bzy] .section-title {
    font-family: var(--font-family-family, Lato);
    font-size: 24px;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.3;
}

[b-f5ugcq7bzy] .section-subtitle {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 400;
    color: var(--mud-palette-text-secondary, #616161);
    line-height: 1.5;
}

.signature-tools[b-f5ugcq7bzy] {
    margin-top: 16px;
}

[b-f5ugcq7bzy] .action-button-style {
    height: 56px;
    border-radius: 40px;
    min-width: 171px;
}

.action-buttons-wrapper[b-f5ugcq7bzy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.action-buttons[b-f5ugcq7bzy] {
    display: flex;
    gap: 20px;
    align-items: center;
}

[b-f5ugcq7bzy] .bulk-actions-menu .mud-menu {
    padding: 8px 16px !important;
    border-radius: 40px !important;
    min-width: 171px !important;
}

[b-f5ugcq7bzy] .menu-content {
    padding: 8px 16px !important;
}

[b-f5ugcq7bzy] .bulk-actions-popover .mud-menu-list {
    padding: 16px !important;
}

[b-f5ugcq7bzy] .bulk-actions-popover {
    border-radius: 40px !important;
    overflow: hidden;
}

.suggestion-card-wrapper[b-f5ugcq7bzy] {
    margin-top: 24px;
}

[b-f5ugcq7bzy] .suggestion-card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
}

.chip-wrapper[b-f5ugcq7bzy] {
    display: flex;
    gap: 12px
}

.filters-wrapper[b-f5ugcq7bzy] {
    display: flex;
    gap: 16px;
}

/* Table Card */
.table-card[b-f5ugcq7bzy] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin-top: 38px;
}

.table-total-row[b-f5ugcq7bzy] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-f5ugcq7bzy] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-f5ugcq7bzy] .contractors-table {
    width: 100%;
}

    [b-f5ugcq7bzy] .contractors-table .mud-table-head .mud-table-cell {
        background-color: #ffffff;
        border-bottom: 1px solid #E0E0E0;
    }

.col-header[b-f5ugcq7bzy] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-f5ugcq7bzy] .contractors-table .mud-table-row:hover {
    background-color: #F5F7FF;
}

[b-f5ugcq7bzy] .contractors-table .mud-table-row {
    border-bottom: 1px solid #F0F0F0;
}

.row-cell[b-f5ugcq7bzy] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-actions[b-f5ugcq7bzy] {
    text-align: right;
    width: 120px;
}

/* Pagination */
.table-pagination[b-f5ugcq7bzy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.pag-info-nav-container[b-f5ugcq7bzy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 10px auto;
}

.rows-per-page[b-f5ugcq7bzy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-f5ugcq7bzy] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-f5ugcq7bzy] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-f5ugcq7bzy] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-f5ugcq7bzy] {
    display: flex;
    align-items: center;
    gap: 0;
}

.identification-cell[b-f5ugcq7bzy] {
    display: flex;
    flex-direction: column;
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-f5ugcq7bzy] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-f5ugcq7bzy] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.contractors-page-title[b-f5ugcq7bzy] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-f5ugcq7bzy] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-f5ugcq7bzy] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-f5ugcq7bzy] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    background: white !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-f5ugcq7bzy] .ai-input .mud-input-outlined-border,
[b-f5ugcq7bzy] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-f5ugcq7bzy]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-f5ugcq7bzy] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-f5ugcq7bzy] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    text-transform: none !important;
    background-color: rgba(52, 92, 192, 0.06) !important;
}

/* ══════════════════════════════════════════════════
   INDIVIDUAL INVOICES GRID
══════════════════════════════════════════════════ */
[b-f5ugcq7bzy] .ind-invoices-table {
    width: 100%;
}

.ind-notes-cell[b-f5ugcq7bzy] {
    max-width: 200px;
}

.ind-notes-text[b-f5ugcq7bzy] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-size: 13px;
    color: #424242;
}

.ind-row-cell-actions[b-f5ugcq7bzy] {
    text-align: right;
    width: 140px;
    white-space: nowrap;
}

[b-f5ugcq7bzy] .ind-search-field {
    min-width: 220px;
    flex: 1;
    max-width: 320px;
}

[b-f5ugcq7bzy] .ind-action-btn {
    white-space: nowrap;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

[b-f5ugcq7bzy] .ind-action-btn-edit {
    display: flex !important;
    height: 31px !important;
    padding: 3px 9px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 4px !important;
    border: 1px solid #304CA0 !important;
    color: #304CA0 !important;
    min-width: 0 !important;
}

[b-f5ugcq7bzy] .ind-action-btn-edit .mud-icon-root {
    color: #304CA0 !important;
    font-size: 16px !important;
}

[b-f5ugcq7bzy] .ind-action-btn-details {
    color: #304CA0 !important;
    padding: 0 4px !important;
}

[b-f5ugcq7bzy] .ind-action-btn-details .mud-icon-root {
    color: #304CA0 !important;
    font-size: 18px !important;
}


/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .card-wrapper[b-f5ugcq7bzy] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .enrollments-page-container[b-f5ugcq7bzy] {
        padding: 140px 16px 60px 16px;
    }

    .card-wrapper[b-f5ugcq7bzy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .card-wrapper[b-f5ugcq7bzy] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Settlements/UploadInvoiceFileDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   Upload / idle state
═══════════════════════════════════════════ */

[b-vy6ic6d0pn] .upload-invoice-file-dialog {
    width: 100%;
    max-width: 1200px;
    border-radius: 24px;
}

[b-vy6ic6d0pn] .upload-invoice-file-dialog .mud-dialog-content {
    padding: 32px 32px 0 32px;
    overflow: visible;
}

[b-vy6ic6d0pn] .upload-invoice-file-dialog .mud-dialog-actions {
    padding: 24px 32px 32px 32px;
    justify-content: center;
}

/* ── Content wrapper ── */
.uifd-content[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

/* ── Title row ── */
.uifd-title-row[b-vy6ic6d0pn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.uifd-title-left[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

[b-vy6ic6d0pn] .uifd-back-btn {
    align-self: flex-start;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #304CA0;
    padding: 6px 8px;
    min-height: 36px;
}

.uifd-title[b-vy6ic6d0pn] {
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0.25px !important;
    color: #1a1d24 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-vy6ic6d0pn] .uifd-close-btn {
    flex-shrink: 0;
    margin-top: 2px;
    color: #424242;
}

/* ── Subtitle ── */
.uifd-subtitle[b-vy6ic6d0pn] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    margin-top: -16px;
}

/* ── Drag & Drop zone ── */
.uifd-drop-zone[b-vy6ic6d0pn] {
    border: 1px dashed #4496db;
    border-radius: 24px;
    min-height: 286px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 48px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    cursor: default;
}

.uifd-drop-zone-active[b-vy6ic6d0pn] {
    background-color: rgba(68, 150, 219, 0.06);
    border-color: #304CA0;
}

.uifd-drop-zone-inner[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
}

.uifd-drop-label[b-vy6ic6d0pn] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.4px;
    color: #191d24;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

.uifd-upload-btn-wrap[b-vy6ic6d0pn] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-vy6ic6d0pn] .uifd-upload-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

/* ── Info banner (file-selected state) ── */
.uifd-info-banner[b-vy6ic6d0pn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background-color: rgba(71, 167, 245, 0.06);
    border-radius: 12px;
    padding: 12px;
    width: 100%;
}

[b-vy6ic6d0pn] .uifd-info-icon {
    color: #4496db;
    font-size: 22px !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.uifd-info-text[b-vy6ic6d0pn] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.15px;
    color: #616161;
    margin: 0;
}

/* ── File confirmation card ── */
.uifd-file-card[b-vy6ic6d0pn] {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.06),
                0px 8px 10px 1px rgba(0,0,0,0.04),
                0px 3px 14px 2px rgba(0,0,0,0.04);
    width: 100%;
}

.uifd-file-card-inner[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
}

.uifd-file-name-row[b-vy6ic6d0pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.uifd-file-name-text[b-vy6ic6d0pn] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #1a1d24;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-vy6ic6d0pn] .uifd-file-delete-btn {
    color: #E42535 !important;
    flex-shrink: 0;
}

.uifd-file-meta[b-vy6ic6d0pn] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.uifd-file-meta-text[b-vy6ic6d0pn] {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.58;
    letter-spacing: 0.4px;
    color: #424242;
    white-space: nowrap;
}

.uifd-file-meta-dot[b-vy6ic6d0pn] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

/* ── Footer actions (upload state) ── */
.uifd-actions[b-vy6ic6d0pn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

[b-vy6ic6d0pn] .uifd-cancel-btn {
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
    border-radius: 40px !important;
}

[b-vy6ic6d0pn] .uifd-next-btn {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    border-radius: 40px !important;
    text-transform: none !important;
}

[b-vy6ic6d0pn] .uifd-next-btn:not([disabled]) {
    background-color: #304CA0 !important;
    color: #ffffff !important;
}

/* ═══════════════════════════════════════════
   Loading state
═══════════════════════════════════════════ */

[b-vy6ic6d0pn] .uifd-loading-state .mud-dialog-content {
    padding: 32px !important;
}

.uifd-loading-content[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 64px 0;
    width: 100%;
}

[b-vy6ic6d0pn] .uifd-spinner {
    width: 56px !important;
    height: 56px !important;
}

.uifd-loading-text[b-vy6ic6d0pn] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: center;
    max-width: 329px;
    margin: 0;
}

/* ═══════════════════════════════════════════
   Success state
═══════════════════════════════════════════ */

[b-vy6ic6d0pn] .upload-invoice-file-dialog.uifd-success-state {
    max-width: 709px !important;
    width: 100%;
    border-radius: 24px;
}

[b-vy6ic6d0pn] .uifd-success-state .mud-dialog-content {
    padding: 32px 32px 32px 32px !important;
    overflow: visible;
}

[b-vy6ic6d0pn] .uifd-success-state .mud-dialog-actions {
    display: none !important;
}

.uifd-success-content[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.uifd-success-close-row[b-vy6ic6d0pn] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 8px;
}

.uifd-success-body[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px 0;
    text-align: center;
}

[b-vy6ic6d0pn] .uifd-success-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    color: #304CA0 !important;
}

.uifd-success-text-group[b-vy6ic6d0pn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.uifd-success-title[b-vy6ic6d0pn] {
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0.25px !important;
    color: #1a1d24 !important;
}

.uifd-success-desc[b-vy6ic6d0pn] {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.15px !important;
    color: #424242 !important;
    max-width: 563px;
}

.uifd-success-actions[b-vy6ic6d0pn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

[b-vy6ic6d0pn] .uifd-success-btn {
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    height: 56px;
    padding: 16px 24px;
    text-transform: none !important;
}

/* ═══════════════════════════════════════════
   Responsive
═══════════════════════════════════════════ */

@media (max-width: 1280px) {
    [b-vy6ic6d0pn] .upload-invoice-file-dialog {
        max-width: calc(100vw - 48px);
    }
}

@media (max-width: 768px) {
    [b-vy6ic6d0pn] .upload-invoice-file-dialog .mud-dialog-content {
        padding: 24px 24px 0 24px !important;
    }

    [b-vy6ic6d0pn] .upload-invoice-file-dialog .mud-dialog-actions {
        padding: 16px 24px 24px 24px !important;
    }

    .uifd-title[b-vy6ic6d0pn] {
        font-size: 28px !important;
        white-space: normal;
    }

    .uifd-drop-zone[b-vy6ic6d0pn] {
        padding: 16px 24px;
        min-height: 220px;
    }

    .uifd-actions[b-vy6ic6d0pn] {
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    [b-vy6ic6d0pn] .upload-invoice-file-dialog {
        border-radius: 16px !important;
    }

    [b-vy6ic6d0pn] .upload-invoice-file-dialog .mud-dialog-content {
        padding: 16px 16px 0 16px !important;
    }

    [b-vy6ic6d0pn] .upload-invoice-file-dialog .mud-dialog-actions {
        padding: 16px !important;
    }

    .uifd-title[b-vy6ic6d0pn] {
        font-size: 24px !important;
    }

    .uifd-drop-zone[b-vy6ic6d0pn] {
        padding: 16px;
        min-height: 180px;
    }

    .uifd-actions[b-vy6ic6d0pn] {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    [b-vy6ic6d0pn] .uifd-cancel-btn,
    [b-vy6ic6d0pn] .uifd-next-btn {
        width: 100%;
    }
}
/* /Pages/Settlements/UploadLineItemDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell — widened to 800px
══════════════════════════════════════════════ */
[b-tvi8xvx2jn] .upload-line-item-dialog {
    width: 100%;
    max-width: 800px;
    border-radius: 24px;
}

[b-tvi8xvx2jn] .upload-line-item-dialog .mud-dialog-content {
    padding: 0;          /* padding lives on .ulid-content instead */
    overflow: visible;
}

/* ══════════════════════════════════════════════
   Content wrapper — single source of 32px padding
══════════════════════════════════════════════ */
.ulid-content[b-tvi8xvx2jn] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 32px;
}

/* ══════════════════════════════════════════════
   Top row — BACK + close
══════════════════════════════════════════════ */
.ulid-top-row[b-tvi8xvx2jn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -8px;
}

[b-tvi8xvx2jn] .ulid-back-btn {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    min-width: unset !important;
    color: #304CA0 !important;
}

[b-tvi8xvx2jn] .ulid-close-btn {
    color: #757575 !important;
    margin-right: -8px;
}

/* ══════════════════════════════════════════════
   Title & subtitle
══════════════════════════════════════════════ */
[b-tvi8xvx2jn] .ulid-title {
    color: #1A1D24 !important;
    font-family: Lato !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    margin-top: -8px;
    margin-bottom: -8px;
}

[b-tvi8xvx2jn] .ulid-subtitle {
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #616161 !important;
    line-height: 1.5 !important;
}

/* ══════════════════════════════════════════════
   Section heading — bold instruction text
══════════════════════════════════════════════ */
[b-tvi8xvx2jn] .ulid-section-heading {
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #191D24 !important;
    line-height: 24px !important;
    letter-spacing: 0.15px !important;
}

/* ══════════════════════════════════════════════
   Search row — text field + 2 icon buttons
══════════════════════════════════════════════ */
.ulid-search-row[b-tvi8xvx2jn] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

[b-tvi8xvx2jn] .ulid-search-field {
    flex: 1;
}

[b-tvi8xvx2jn] .ulid-search-field .mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px !important;
}

[b-tvi8xvx2jn] .ulid-icon-btn {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 50% !important;
    border: 1px solid #BDBDBD !important;
    color: #616161 !important;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════
   Table
══════════════════════════════════════════════ */
[b-tvi8xvx2jn] .ulid-table {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    overflow: hidden;
}

[b-tvi8xvx2jn] .ulid-table .mud-table-container {
    overflow-x: auto;
}

[b-tvi8xvx2jn] .ulid-table thead tr {
    background: transparent;
}

[b-tvi8xvx2jn] .ulid-table .mud-table-head .mud-table-cell {
    border-bottom: 1px solid #E0E0E0 !important;
    background: transparent !important;
}

.ulid-th[b-tvi8xvx2jn] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    padding: 12px 16px !important;
    white-space: nowrap;
}

.ulid-td[b-tvi8xvx2jn] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1A1D24;
    padding: 16px !important;
    border-bottom: 1px solid #F0F0F0 !important;
}

.ulid-td-filename[b-tvi8xvx2jn] {
    font-weight: 500;
    word-break: break-all;
    max-width: 180px;
}

.ulid-td-action[b-tvi8xvx2jn] {
    text-align: right;
}

[b-tvi8xvx2jn] .ulid-table .mud-table-row:last-child .ulid-td {
    border-bottom: none !important;
}

[b-tvi8xvx2jn] .ulid-table .mud-table-row:hover {
    background-color: rgba(48, 76, 160, 0.04) !important;
}

/* ══════════════════════════════════════════════
   Status chips
══════════════════════════════════════════════ */
[b-tvi8xvx2jn] .ulid-status-chip {
    border-radius: 40px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    height: 28px !important;
    padding: 0 12px !important;
}

[b-tvi8xvx2jn] .ulid-status-chip.mud-chip-color-success {
    background-color: #2E7D32 !important;
    color: #fff !important;
}

[b-tvi8xvx2jn] .ulid-status-chip.mud-chip-color-warning {
    background-color: #E65100 !important;
    color: #fff !important;
}

/* ══════════════════════════════════════════════
   Select button — filled blue pill
══════════════════════════════════════════════ */
[b-tvi8xvx2jn] .ulid-select-btn {
    height: 40px !important;
    min-width: 100px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: #304CA0 !important;
    color: #fff !important;
    box-shadow: none !important;
    white-space: nowrap;
}

/* ══════════════════════════════════════════════
   Pagination row
══════════════════════════════════════════════ */
.ulid-pagination-row[b-tvi8xvx2jn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    margin-top: -16px;
}

.ulid-pagination-label[b-tvi8xvx2jn] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #616161;
}

.ulid-pagination-btns[b-tvi8xvx2jn] {
    display: flex;
    align-items: center;
    gap: 0;
}

[b-tvi8xvx2jn] .ulid-page-btn {
    color: #424242 !important;
    width: 36px !important;
    height: 36px !important;
}

[b-tvi8xvx2jn] .ulid-page-btn[disabled] {
    color: #BDBDBD !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 768px) {
    [b-tvi8xvx2jn] .upload-line-item-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    [b-tvi8xvx2jn] .ulid-title {
        font-size: 24px !important;
    }

    .ulid-search-row[b-tvi8xvx2jn] {
        flex-wrap: wrap;
    }

    [b-tvi8xvx2jn] .ulid-search-field {
        flex: 1 1 100%;
    }

    [b-tvi8xvx2jn] .ulid-select-btn {
        min-width: 80px !important;
        font-size: 12px !important;
    }

    .ulid-pagination-row[b-tvi8xvx2jn] {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }
}
/* /Pages/Settlements/UploadLineItemFileDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell — widened to 800px
══════════════════════════════════════════════ */
[b-4pgis9rgmc] .upload-line-item-file-dialog {
    width: 100%;
    max-width: 800px;
    border-radius: 24px;
}

[b-4pgis9rgmc] .upload-line-item-file-dialog .mud-dialog-content {
    padding: 0;          /* padding lives on .ulfd-content instead */
    overflow: visible;
}

[b-4pgis9rgmc] .upload-line-item-file-dialog .mud-dialog-actions {
    padding: 24px 32px 32px 32px;
    justify-content: center;
}

/* Loading state — padding lives directly on .ulfd-loading-content */
[b-4pgis9rgmc] .upload-line-item-file-dialog.ulfd-dialog-loading .mud-dialog-content {
    padding: 0;
}

/* ══════════════════════════════════════════════
   Loading
══════════════════════════════════════════════ */
.ulfd-loading-content[b-4pgis9rgmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 64px 32px;  /* horizontal 32px added for loading state */
    width: 100%;
}

/* ══════════════════════════════════════════════
   Content wrapper — single source of padding
══════════════════════════════════════════════ */
.ulfd-content[b-4pgis9rgmc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 32px 32px 0 32px;  /* ← moved here from .mud-dialog-content */
}

/* ══════════════════════════════════════════════
   Top row — BACK + close
══════════════════════════════════════════════ */
.ulfd-top-row[b-4pgis9rgmc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-4pgis9rgmc] .ulfd-back-btn {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    min-width: unset !important;
    color: #304CA0 !important;
}

[b-4pgis9rgmc] .ulfd-close-btn {
    color: #757575 !important;
    margin-right: -8px;
}

/* ══════════════════════════════════════════════
   Title & subtitle
══════════════════════════════════════════════ */
[b-4pgis9rgmc] .ulfd-title {
    color: #1A1D24 !important;
    font-family: Lato !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    margin-top: -8px;
    margin-bottom: -8px;
}

[b-4pgis9rgmc] .ulfd-subtitle {
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #424242 !important;
    line-height: 24px !important;
    letter-spacing: 0.15px !important;
}

/* ══════════════════════════════════════════════
   Settlement being updated info block
══════════════════════════════════════════════ */
.ulfd-settlement-info[b-4pgis9rgmc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ulfd-settlement-label[b-4pgis9rgmc] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #191D24;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    line-height: 24px;
}

.ulfd-settlement-value[b-4pgis9rgmc] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* ══════════════════════════════════════════════
   Drop zone — dashed blue border (info color)
══════════════════════════════════════════════ */
.ulfd-drop-zone[b-4pgis9rgmc] {
    width: 100%;
    min-height: 286px;
    border: 1.5px dashed #4496DB;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 48px;
    box-sizing: border-box;
    transition: background-color 0.15s ease;
}

.ulfd-drop-zone-active[b-4pgis9rgmc] {
    background-color: rgba(68, 150, 219, 0.06);
}

.ulfd-drop-inner[b-4pgis9rgmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    width: 100%;
}

.ulfd-drop-label[b-4pgis9rgmc] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.4px;
    color: #191D24;
    text-transform: uppercase;
    line-height: 24px;
}

.ulfd-drop-desc[b-4pgis9rgmc] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
    max-width: 420px;
}

[b-4pgis9rgmc] .ulfd-upload-btn {
    flex-shrink: 0;
    min-width: 163px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    white-space: nowrap;
    margin-top: 12px;
}

/* ══════════════════════════════════════════════
   File card — shown after file is selected
══════════════════════════════════════════════ */
.ulfd-file-card[b-4pgis9rgmc] {
    display: flex;
    height: 90px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    width: 100%;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06),
                0px 8px 10px 1px rgba(0, 0, 0, 0.04),
                0px 3px 14px 2px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}

.ulfd-file-card-inner[b-4pgis9rgmc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.ulfd-file-name-row[b-4pgis9rgmc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ulfd-file-name-text[b-4pgis9rgmc] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #191D24;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

[b-4pgis9rgmc] .ulfd-file-delete-btn {
    color: #E42535 !important;
}

.ulfd-file-meta[b-4pgis9rgmc] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ulfd-file-meta-text[b-4pgis9rgmc] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
}

/* ══════════════════════════════════════════════
   Footer actions
══════════════════════════════════════════════ */
.ulfd-actions[b-4pgis9rgmc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

[b-4pgis9rgmc] .ulfd-next-btn {
    height: 56px !important;
    min-width: 152px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

[b-4pgis9rgmc] .ulfd-next-btn:not([disabled]) {
    background-color: #304CA0 !important;
    color: white !important;
}

[b-4pgis9rgmc] .ulfd-next-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.26) !important;
}

[b-4pgis9rgmc] .ulfd-cancel-btn {
    height: 56px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 40px !important;
    color: #304CA0 !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 768px) {
    [b-4pgis9rgmc] .upload-line-item-file-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    [b-4pgis9rgmc] .ulfd-title {
        font-size: 24px !important;
    }

    .ulfd-drop-zone[b-4pgis9rgmc] {
        padding: 32px 24px;
        min-height: 240px;
    }

    [b-4pgis9rgmc] .ulfd-upload-btn,
    [b-4pgis9rgmc] .ulfd-next-btn {
        width: 100% !important;
    }

    .ulfd-actions[b-4pgis9rgmc] {
        flex-direction: column;
    }
}
/* /Pages/Settlements/UploadLineItemSuccessDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell
══════════════════════════════════════════════ */
[b-gfwv4wyike] .upload-line-item-success-dialog {
    width: 100%;
    max-width: 800px;
    border-radius: 24px;
}

[b-gfwv4wyike] .upload-line-item-success-dialog .mud-dialog-content {
    padding: 0;          /* padding lives on .ulis-content instead */
    overflow: visible;
}

/* ══════════════════════════════════════════════
   Content wrapper — single source of 32px padding
══════════════════════════════════════════════ */
.ulis-content[b-gfwv4wyike] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 32px;       /* ← added */
}

/* ══════════════════════════════════════════════
   Top row — close only
══════════════════════════════════════════════ */
.ulis-top-row[b-gfwv4wyike] {
    display: flex;
    justify-content: flex-end;
}

[b-gfwv4wyike] .ulis-close-btn {
    color: #757575 !important;
    margin-right: -8px;
    margin-top: -8px;
}

/* ══════════════════════════════════════════════
   Body — centered icon + text + buttons
══════════════════════════════════════════════ */
.ulis-body[b-gfwv4wyike] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 32px 0;
    width: 100%;
}

[b-gfwv4wyike] .ulis-check-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
}

/* ══════════════════════════════════════════════
   Text block
══════════════════════════════════════════════ */
.ulis-text-block[b-gfwv4wyike] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    text-align: center;
}

[b-gfwv4wyike] .ulis-title {
    font-family: Lato !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1A1D24 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    text-align: center !important;
}

.ulis-subtitle[b-gfwv4wyike] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: center;
}

/* ══════════════════════════════════════════════
   Action buttons
══════════════════════════════════════════════ */
.ulis-actions[b-gfwv4wyike] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

[b-gfwv4wyike] .ulis-back-btn {
    min-width: 197px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
}

[b-gfwv4wyike] .ulis-upload-btn {
    min-width: 197px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 768px) {
    [b-gfwv4wyike] .upload-line-item-success-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ulis-actions[b-gfwv4wyike] {
        flex-direction: column;
        width: 100%;
    }

    [b-gfwv4wyike] .ulis-back-btn,
    [b-gfwv4wyike] .ulis-upload-btn {
        width: 100% !important;
        min-width: unset !important;
    }
}
/* /Pages/Settlements/UploadSpreadsheetDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell — matches InviteVendorsInBulkDialog
══════════════════════════════════════════════ */
[b-oidhp6d6af] .upload-spreadsheet-dialog {
    width: 100%;
    max-width: 709px;
    border-radius: 24px;
}

[b-oidhp6d6af] .upload-spreadsheet-dialog .mud-dialog-content {
    padding: 32px 32px 0 32px;
    overflow: visible;
}

[b-oidhp6d6af] .upload-spreadsheet-dialog .mud-dialog-actions {
    padding: 24px 32px 32px 32px;
    justify-content: center;
}

/* ══════════════════════════════════════════════
   Loading state — full 32px padding all sides
══════════════════════════════════════════════ */
[b-oidhp6d6af] .upload-spreadsheet-dialog.usd-dialog-loading .mud-dialog-content {
    padding: 32px;
}

.usd-loading-content[b-oidhp6d6af] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 64px 0;
    width: 100%;
}

.usd-loading-text[b-oidhp6d6af] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.15px;
    max-width: 329px;
    margin: 0;
}

/* ══════════════════════════════════════════════
   Content wrapper
══════════════════════════════════════════════ */
.usd-content[b-oidhp6d6af] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

/* ══════════════════════════════════════════════
   Title block
══════════════════════════════════════════════ */
.usd-top-row[b-oidhp6d6af] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-oidhp6d6af] .usd-back-btn {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    min-width: unset !important;
    color: #304CA0 !important;
}

[b-oidhp6d6af] .usd-close-btn {
    color: #757575 !important;
    margin-right: -8px;
}

[b-oidhp6d6af] .usd-title {
    overflow: hidden !important;
    color: #1A1D24 !important;
    text-overflow: ellipsis !important;
    font-family: Lato !important;
    font-size: 34px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    margin-top: -16px;
}

.usd-subtitle[b-oidhp6d6af] {
    font-size: 14px !important;
    color: #616161 !important;
    line-height: 1.5 !important;
    margin-top: -16px;
}

/* ══════════════════════════════════════════════
   Drop zone — dashed border card
══════════════════════════════════════════════ */
.usd-drop-zone[b-oidhp6d6af] {
    width: 100%;
    border: 1.5px dashed #BDBDBD;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 61px 48px;
    box-sizing: border-box;
}

.usd-drop-inner[b-oidhp6d6af] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    width: 100%;
}

.usd-drop-label[b-oidhp6d6af] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.4px;
    color: #191D24;
    text-transform: uppercase;
    line-height: 24px;
}

.usd-drop-desc[b-oidhp6d6af] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    line-height: 1.5;
    max-width: 420px;
}

[b-oidhp6d6af] .usd-upload-btn {
    flex-shrink: 0;
    min-width: 200px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap;
}

/* ══════════════════════════════════════════════
   File card — shown after file is selected
══════════════════════════════════════════════ */
.usd-file-card[b-oidhp6d6af] {
    display: flex;
    height: 90px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    width: 100%;
    border-radius: var(--border-radius-mud-md-border-radius, 12px);
    background: #FFF;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06),
                0px 8px 10px 1px rgba(0, 0, 0, 0.04),
                0px 3px 14px 2px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}

.usd-file-card-inner[b-oidhp6d6af] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.usd-file-name-row[b-oidhp6d6af] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.usd-file-name-text[b-oidhp6d6af] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #191D24;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

[b-oidhp6d6af] .usd-file-delete-btn {
    color: #E42535 !important;
}

.usd-file-meta[b-oidhp6d6af] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.usd-file-meta-text[b-oidhp6d6af] {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
}

/* ══════════════════════════════════════════════
   Footer actions
══════════════════════════════════════════════ */
.usd-actions[b-oidhp6d6af] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

[b-oidhp6d6af] .usd-next-btn {
    height: 56px !important;
    min-width: 152px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

[b-oidhp6d6af] .usd-next-btn:not([disabled]) {
    background-color: #304CA0 !important;
    color: white !important;
}

[b-oidhp6d6af] .usd-next-btn[disabled] {
    background-color: #E0E0E0 !important;
    color: #9E9E9E !important;
}

[b-oidhp6d6af] .usd-cancel-btn {
    height: 56px !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 40px !important;
    color: #304CA0 !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 768px) {
    [b-oidhp6d6af] .upload-spreadsheet-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    .usd-drop-zone[b-oidhp6d6af] {
        padding: 32px 24px;
    }

    [b-oidhp6d6af] .usd-upload-btn,
    [b-oidhp6d6af] .usd-next-btn {
        width: 100% !important;
    }
}
/* /Pages/Settlements/UploadSuccessDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Dialog shell
══════════════════════════════════════════════ */
[b-04cjaq952x] .upload-success-dialog {
    width: 100%;
    max-width: 709px;
    border-radius: 24px;
}

[b-04cjaq952x] .upload-success-dialog .mud-dialog-content {
    padding: 32px;
    overflow: visible;
}

/* ══════════════════════════════════════════════
   Content wrapper
══════════════════════════════════════════════ */
.ups-content[b-04cjaq952x] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

/* ══════════════════════════════════════════════
   Top row — close button only
══════════════════════════════════════════════ */
.ups-top-row[b-04cjaq952x] {
    display: flex;
    justify-content: flex-end;
}

[b-04cjaq952x] .ups-close-btn {
    color: #757575 !important;
    margin-right: -8px;
    margin-top: -8px;
}

/* ══════════════════════════════════════════════
   Body — centered icon + text + buttons
══════════════════════════════════════════════ */
.ups-body[b-04cjaq952x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 32px 0;
    width: 100%;
}

[b-04cjaq952x] .ups-check-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
}

/* ══════════════════════════════════════════════
   Text block
══════════════════════════════════════════════ */
.ups-text-block[b-04cjaq952x] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    text-align: center;
}

[b-04cjaq952x] .ups-title {
    font-family: Lato !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1A1D24 !important;
    line-height: 42.99px !important;
    letter-spacing: 0.25px !important;
    text-align: center !important;
}

.ups-subtitle[b-04cjaq952x] {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: center;
}

/* ══════════════════════════════════════════════
   Action buttons
══════════════════════════════════════════════ */
.ups-actions[b-04cjaq952x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

[b-04cjaq952x] .ups-back-btn {
    min-width: 197px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
}

[b-04cjaq952x] .ups-upload-btn {
    min-width: 263px !important;
    height: 56px !important;
    border-radius: 40px !important;
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-color: #304CA0 !important;
}

/* ══════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════ */
@media (max-width: 768px) {
    [b-04cjaq952x] .upload-success-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ups-actions[b-04cjaq952x] {
        flex-direction: column;
        width: 100%;
    }

    [b-04cjaq952x] .ups-back-btn,
    [b-04cjaq952x] .ups-upload-btn {
        width: 100% !important;
        min-width: unset !important;
    }
}
/* /Pages/Settlements/ViewInvoiceDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   DIALOG SHELL
═══════════════════════════════════════════════════════ */
[b-ib6xqj22yl] .view-invoice-dialog .mud-dialog {
    width: 380px !important;
    max-width: 380px !important;
    border-radius: 24px !important;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06) !important;
}

/* ─── Title Area ─── */
.vid-title-row[b-ib6xqj22yl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.vid-title[b-ib6xqj22yl] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vid-close-btn[b-ib6xqj22yl] {
    flex-shrink: 0;
    margin-top: -4px;
}

.vid-status-row[b-ib6xqj22yl] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

[b-ib6xqj22yl] .vid-status-chip {
    border-radius: 20px !important;
    height: 40px !important;
    font-size: 16px !important;
    padding: 0 16px !important;
    letter-spacing: 0.15px;
}

.meta-dot[b-ib6xqj22yl] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

.vid-invoice-id-row[b-ib6xqj22yl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vid-invoice-id[b-ib6xqj22yl] {
    color: #616161;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* ─── Content Wrapper ─── */
.vid-content-wrapper[b-ib6xqj22yl] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 0;
}

/* ─── Sections ─── */
.vid-section[b-ib6xqj22yl] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.vid-section-title[b-ib6xqj22yl] {
    font-size: 24px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 32.02px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ─── Two-column grid ─── */
.vid-two-col-grid[b-ib6xqj22yl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 40px;
}

/* ─── Field label / value ─── */
.vid-info-field[b-ib6xqj22yl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-ib6xqj22yl] .vid-field-label {
    font-size: 16px;
    font-weight: 600;
    color: #191D24;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    line-height: 24px;
    font-family: 'Lato';
}

.vid-field-value[b-ib6xqj22yl] {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.vid-value-link[b-ib6xqj22yl] {
    color: #304CA0;
}

/* ─── Vendor Notes (Rejected state) ─── */
.vid-vendor-notes[b-ib6xqj22yl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: rgba(244, 67, 54, 0.06);
    padding: 16px;
}

/* Edit and Resend Invoice — full-width outlined blue pill */
[b-ib6xqj22yl] .vid-btn-resend {
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    color: #304CA0 !important;
    border-color: #304CA0 !important;
    border-radius: 40px !important;
    height: 56px !important;
    padding: 16px 24px !important;
}

[b-ib6xqj22yl] .vid-btn-resend .mud-icon-root {
    color: #304CA0 !important;
    font-size: 22px !important;
}

/* ─── Email row ─── */
.vid-email-row[b-ib6xqj22yl] {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-ib6xqj22yl] .vid-link-btn {
    color: #304CA0 !important;
    padding: 2px !important;
    width: 28px !important;
    height: 28px !important;
}

/* ─── Dialog Actions ─── */
.vid-actions-row[b-ib6xqj22yl] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 24px;
    flex-wrap: wrap;
    width: 100%;
}

/* See Full Profile — outlined blue pill */
[b-ib6xqj22yl] .vid-btn-profile {
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    color: #304CA0 !important;
    border-color: #304CA0 !important;
    border-radius: 40px !important;
    height: 56px !important;
    padding: 16px 24px !important;
}

[b-ib6xqj22yl] .vid-btn-profile .mud-icon-root {
    color: #304CA0 !important;
    font-size: 22px !important;
}

/* Void Invoice — outlined red pill */
[b-ib6xqj22yl] .vid-btn-void {
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.43px !important;
    color: #E42535 !important;
    border-color: #E42535 !important;
    border-radius: 40px !important;
    height: 56px !important;
    padding: 16px 24px !important;
}

[b-ib6xqj22yl] .vid-btn-void .mud-icon-root {
    color: #E42535 !important;
    font-size: 22px !important;
}

/* Link icon button — outlined blue circle */
[b-ib6xqj22yl] .vid-icon-btn-link {
    width: 56px !important;
    height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #304CA0 !important;
    color: #304CA0 !important;
}

[b-ib6xqj22yl] .vid-icon-btn-link .mud-icon-root {
    font-size: 24px !important;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
    [b-ib6xqj22yl] .view-invoice-dialog .mud-dialog {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        border-radius: 16px !important;
    }

    .vid-two-col-grid[b-ib6xqj22yl] {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .vid-actions-row[b-ib6xqj22yl] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-ib6xqj22yl] .vid-btn-profile,
    [b-ib6xqj22yl] .vid-btn-void {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    [b-ib6xqj22yl] .view-invoice-dialog .mud-dialog {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
}
/* /Pages/SignUp/ClientUserAppSettings.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   PAGE LAYOUT
══════════════════════════════════════════════════ */
.app-settings-page[b-vnxe7xco34] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 60px;
}

.logo-container[b-vnxe7xco34] {
    padding-top: 100px;
    margin-bottom: 32px;
}

.settings-container[b-vnxe7xco34] {
    width: 712px;
    max-width: calc(100vw - 32px);
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* ══════════════════════════════════════════════════
   PAGE HEADER
══════════════════════════════════════════════════ */
.page-header[b-vnxe7xco34] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-title[b-vnxe7xco34] {
    font-weight: 600;
}


/* ══════════════════════════════════════════════════
   CARD SECTIONS
══════════════════════════════════════════════════ */
.settings-sections[b-vnxe7xco34] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.settings-section[b-vnxe7xco34] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-title[b-vnxe7xco34] {
    font-weight: 700;
}

.settings-fields[b-vnxe7xco34] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.field-group[b-vnxe7xco34] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-label[b-vnxe7xco34] {
    font-weight: 500;
}

/* ══════════════════════════════════════════════════
   THEME SELECTOR
══════════════════════════════════════════════════ */
.theme-selector[b-vnxe7xco34] {
    display: flex;
}

[b-vnxe7xco34] .tool-button {
    width: 131px;
    height: 56px;
    text-transform: none;
    font-weight: 400;
}


[b-vnxe7xco34] .tool-button-active {
    border: none !important;
    box-shadow: var(--mud-elevation-1) !important;
}

    [b-vnxe7xco34] .tool-button-active.mud-button-outlined {
        border: none !important;
    }

/* ══════════════════════════════════════════════════
   RADIO GROUPS
══════════════════════════════════════════════════ */
[b-vnxe7xco34] .mud-radio-group {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

/* ══════════════════════════════════════════════════
   ACTIONS
══════════════════════════════════════════════════ */
.form-actions[b-vnxe7xco34] {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

[b-vnxe7xco34] .back-button,
[b-vnxe7xco34] .confirm-button {
    height: 56px;
    border-radius: 40px;
    padding: 16px 24px;
    text-transform: none;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .theme-selector[b-vnxe7xco34] {
        width: 100%;
    }

    .theme-btn[b-vnxe7xco34] {
        flex: 1;
        justify-content: center;
        padding: 16px 8px;
    }

    .form-actions[b-vnxe7xco34] {
        flex-direction: column;
        width: 100%;
    }

    [b-vnxe7xco34] .back-button,
    [b-vnxe7xco34] .confirm-button {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/SignUp/ClientUserSignup.razor.rz.scp.css */
/* ===== PAGE LAYOUT ===== */
.signup-page[b-fk04l1ungs] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px 80px;
    box-sizing: border-box;
}

.signup-container[b-fk04l1ungs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 466px;
    gap: 32px;
}

.profile-form-container[b-fk04l1ungs] {
    max-width: 712px;
}

.profile-form-slot[b-fk04l1ungs] {
    width: 100%;
}

/* ===== TEXT BLOCK ===== */
.signup-text-block[b-fk04l1ungs] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-left: 12px;
}

.signup-heading[b-fk04l1ungs],
.signup-description[b-fk04l1ungs] {
    text-align: center;
    width: 100%;
}

/* ===== ACTION BUTTONS ===== */
.form-actions[b-fk04l1ungs] {
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 100%;
}

[b-fk04l1ungs] .back-button {
    border-radius: var(--of-radius-pill) !important;
    padding: 16px 24px !important;
}

[b-fk04l1ungs] .confirm-button {
    border-radius: var(--of-radius-pill) !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
}

[b-fk04l1ungs] .form-actions .mud-button-root span.mud-button-label {
    text-transform: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .signup-page[b-fk04l1ungs] {
        padding: 40px 16px 64px;
    }

    .form-actions[b-fk04l1ungs] {
        flex-direction: column;
    }

    [b-fk04l1ungs] .back-button,
    [b-fk04l1ungs] .confirm-button {
        width: 100%;
    }
}
/* /Pages/SignUp/ClientUserSignupSuccess.razor.rz.scp.css */
.success-page[b-1242ze5l9c] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-1242ze5l9c] {
    margin-top: 130px;
}

.content-container[b-1242ze5l9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 32px;
    width: 908px;
    max-width: 90%;
    margin-top: 77px;
    margin-bottom: 48px;
}

.text-section[b-1242ze5l9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.success-title[b-1242ze5l9c] {
    text-align: center;
    width: 100%;
    font-weight: 600;
    letter-spacing: 0.25px;
}

.success-description[b-1242ze5l9c] {
    text-align: center;
    width: 100%;
    letter-spacing: 0.15px;
}

.whats-new-section[b-1242ze5l9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.whats-new-title[b-1242ze5l9c] {
    text-align: center;
    font-weight: 600;
    width: 100%;
}

.whats-new-description[b-1242ze5l9c] {
    text-align: center;
    width: 100%;
    letter-spacing: 0.15px;
}

.video-placeholder[b-1242ze5l9c] {
    width: 690px;
    max-width: 100%;
    height: 324px;
    background-color: #f4f4f4;
    border-radius: 24px;
}

[b-1242ze5l9c] .go-to-platform-button {
    border-radius: 8px !important;
    padding: 16px 24px !important;
    text-transform: none !important;
}

@media (max-width: 768px) {
    .logo-container[b-1242ze5l9c] {
        margin-top: 80px;
    }

    .content-container[b-1242ze5l9c] {
        margin-top: 40px;
    }

    .video-placeholder[b-1242ze5l9c] {
        height: 200px;
    }

    [b-1242ze5l9c] .go-to-platform-button {
        width: 100%;
    }
}
/* /Pages/SignUp/ProfileSetupForm.razor.rz.scp.css */
/* ===== CARD ===== */
[b-mwuyxlytr8] .profile-form-card {
    width: 100%;
    border-radius: 16px !important;
}

/* ===== SECTION HEADER ===== */
.form-section-header[b-mwuyxlytr8] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.section-label[b-mwuyxlytr8] {
    font-weight: 600;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

/* ===== FORM GRID ===== */
.profile-form[b-mwuyxlytr8] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row[b-mwuyxlytr8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
}

.form-row-three-col[b-mwuyxlytr8] {
    grid-template-columns: 1fr 1fr 1fr;
}

.form-row-two-col[b-mwuyxlytr8] {
    grid-template-columns: 1fr 1fr;
}

/* ===== FIELD GROUP & LABEL ===== */
.field-group[b-mwuyxlytr8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.form-label[b-mwuyxlytr8] {
    min-height: 20px;
}

/* ===== CITY + STATE ===== */
.city-state-inputs[b-mwuyxlytr8] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
}

[b-mwuyxlytr8] .city-state-inputs .city-field {
    flex: 1;
    min-width: 0;
}

[b-mwuyxlytr8] .city-state-inputs .state-select {
    width: 96px;
    flex-shrink: 0;
}

/* ===== CUSTOM TEXTFIELD ===== */
[b-mwuyxlytr8] .custom-textfield .mud-input-outlined {
    border-radius: var(--of-radius-lg);
}

[b-mwuyxlytr8] .custom-textfield .mud-input-outlined-border,
[b-mwuyxlytr8] .custom-textfield fieldset {
    border-width: 1px !important;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.23);
    border-radius: var(--of-radius-lg);
    transition: border-color 0.2s ease;
}

[b-mwuyxlytr8] .custom-textfield .mud-input {
    padding: 18.5px 14px;
}

[b-mwuyxlytr8] .custom-textfield .mud-input::placeholder {
    opacity: 1;
}

[b-mwuyxlytr8] .custom-textfield .mud-input-slot {
    padding: 0;
}

/* Success — green border */
[b-mwuyxlytr8] .custom-textfield.validated .mud-input-outlined-border,
[b-mwuyxlytr8] .custom-textfield.validated fieldset {
    border-width: 1px !important;
    border-color: var(--of-success) !important;
}

/* Error — red border */
[b-mwuyxlytr8] .custom-textfield.field-error .mud-input-outlined-border,
[b-mwuyxlytr8] .custom-textfield.field-error fieldset {
    border-width: 1px !important;
    border-color: var(--of-error-light) !important;
}

/* ===== SKELETON ===== */
[b-mwuyxlytr8] .skeleton-field {
    display: block;
    width: 100% !important;
    border-radius: var(--of-radius-lg);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .form-row-three-col[b-mwuyxlytr8],
    .form-row-two-col[b-mwuyxlytr8] {
        grid-template-columns: 1fr;
    }

    [b-mwuyxlytr8] .city-state-inputs .state-select {
        width: 80px;
    }
}
/* /Pages/Teams/CreateTeamDialog.razor.rz.scp.css */
[b-jq4ifqop1o] .create-team-dialog {
    max-width: 896px;
    width: 100%;
    border-radius: 8px;
}

.dialog-title-container[b-jq4ifqop1o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-jq4ifqop1o] {
    font-size: 24px;
    font-weight: 500;
    color: #212121;
}

.close-button[b-jq4ifqop1o] {
    margin-left: auto;
}

[b-jq4ifqop1o] .dialog-subtitle {
    color: #616161;
    margin-bottom: 32px !important;
    margin-top: -12px !important;
}

/* Horizontal Stepper */
.stepper-horizontal[b-jq4ifqop1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 24px;
    background-color: rgba(52, 92, 192, 0.12);
    border-radius: 15px;
}

.stepper-step[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.step-circle[b-jq4ifqop1o] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E0E0E0;
    color: #9E9E9E;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.stepper-step.active .step-circle[b-jq4ifqop1o] {
    background-color: #304CA0;
    color: #FFFFFF;
}

.stepper-step.completed .step-circle[b-jq4ifqop1o] {
    /*background-color: #304CA0;*/
    color: #FFFFFF;
}

.step-label[b-jq4ifqop1o] {
    font-size: 14px;
    color: #757575;
    font-weight: 400;
}

.stepper-step.active .step-label[b-jq4ifqop1o] {
    color: #212121;
    font-weight: 500;
}

.step-connector[b-jq4ifqop1o] {
    flex: 1;
    height: 2px;
    background-color: #E0E0E0;
    margin: 0 16px;
    margin-bottom: 28px;
}

/* ─── Step 1: Team Details ─── */
.team-details-section[b-jq4ifqop1o] {
    margin-bottom: 24px;
}

[b-jq4ifqop1o] .section-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

[b-jq4ifqop1o] .section-subtitle {
    color: #616161;
    margin-bottom: 32px;
}

/* Form Grid */
.form-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
}

.form-column-left[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-right: 1px solid #E0E0E0;
    padding-right: 32px;
}

.form-column-right[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 32px;
}

.form-field[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-jq4ifqop1o] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #757575;
    text-transform: uppercase;
}

.field-description[b-jq4ifqop1o] {
    color: #616161;
    margin-bottom: 12px;
}

[b-jq4ifqop1o] .text-field {
    width: 100%;
}

[b-jq4ifqop1o] .checkbox-field {
    margin-top: 8px;
}

.checkbox-label[b-jq4ifqop1o] {
    color: #424242;
    line-height: 1.5;
}

[b-jq4ifqop1o] .radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

[b-jq4ifqop1o] .mud-input-control.mud-input-control-boolean-input .mud-radio-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    flex-wrap: nowrap;
}

/* ─── Step 2: Team Members ─── */
.team-members-section[b-jq4ifqop1o] {
    margin-bottom: 24px;
}

.member-search-container[b-jq4ifqop1o] {
    margin-top: 16px;
    margin-bottom: 32px;
}

[b-jq4ifqop1o] .member-search-field {
    max-width: 400px;
    width: 100%;
}

/* Members two-column grid with vertical divider */
.members-list-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 32px;
}

.members-column-divider[b-jq4ifqop1o] {
    background-color: #E0E0E0;
    width: 1px;
    align-self: stretch;
}

.members-column[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
}

.member-item[b-jq4ifqop1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #F0F0F0;
}

.member-item:last-child[b-jq4ifqop1o] {
    border-bottom: none;
}

.member-info[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.member-name[b-jq4ifqop1o] {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.member-meta[b-jq4ifqop1o] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.member-role[b-jq4ifqop1o],
.member-added-date[b-jq4ifqop1o] {
    color: #757575;
    font-size: 14px;
}

.meta-dot[b-jq4ifqop1o] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #9E9E9E;
    flex-shrink: 0;
}

[b-jq4ifqop1o] .remove-button {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-color: #304CA0;
    border-radius: 4px;
    color: #304CA0;
    min-width: 75px;
    height: 31px;
    flex-shrink: 0;
}

/* ─── Step 3: Team Locations ─── */
.team-locations-section[b-jq4ifqop1o] {
    margin-bottom: 24px;
}

.location-search-container[b-jq4ifqop1o] {
    margin-top: 16px;
    margin-bottom: 32px;
}

[b-jq4ifqop1o] .location-search-field {
    max-width: 400px;
    width: 100%;
}

.locations-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.locations-column[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-jq4ifqop1o] .location-checkbox .mud-checkbox-label {
    font-size: 14px;
    color: #212121;
}

/* ─── Step 4: Team Notifications ─── */
.team-notifications-section[b-jq4ifqop1o] {
    margin-bottom: 24px;
}

[b-jq4ifqop1o] .notifications-subtitle {
    color: #616161;
    margin-top: 4px;
    margin-bottom: 32px !important;
}

.notifications-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.notifications-column[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-jq4ifqop1o] .notification-checkbox .mud-checkbox-label {
    font-size: 14px;
    color: #212121;
}

/* ─── Step 5: Review ─── */
.team-review-section[b-jq4ifqop1o] {
    margin-bottom: 24px;
}

.review-subsection[b-jq4ifqop1o] {
    margin-bottom: 32px;
}

[b-jq4ifqop1o] .review-subsection-title {
    font-size: 18px;
    font-weight: 600;
    color: #212121;
    display: block;
    margin-bottom: 16px !important;
}

/* Details two-column read-only layout */
.review-details-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.review-col-left[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    border-right: 1px solid #E0E0E0;
    padding-right: 32px;
}

.review-col-right[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-left: 32px;
}

.review-value[b-jq4ifqop1o] {
    color: #212121;
    margin-top: 2px;
}

[b-jq4ifqop1o] .review-checkbox {
    margin-top: 4px;
    pointer-events: none;
}

[b-jq4ifqop1o] .review-radio-group {
    margin-top: 4px;
    pointer-events: none;
}

/* Members + Locations panels */
.review-panels-row[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    margin-bottom: 32px;
    align-items: stretch;
}

.review-panel[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.review-panel-box[b-jq4ifqop1o] {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 16px;
    max-height: 360px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.review-members-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 16px;
}

.review-locations-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
    gap: 0 16px;
    height: 100%;
}

.review-col-divider[b-jq4ifqop1o] {
    background-color: #E0E0E0;
    width: 1px;
    align-self: stretch;
    
}

.review-members-col[b-jq4ifqop1o],
.review-locations-col[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
}

.review-member-item[b-jq4ifqop1o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 0;
    border-bottom: 1px solid #F5F5F5;
}

.review-member-item:last-child[b-jq4ifqop1o] {
    border-bottom: none;
}

.review-member-name[b-jq4ifqop1o] {
    font-size: 14px;
    font-weight: 500;
    color: #212121;
}

.review-member-role[b-jq4ifqop1o] {
    font-size: 12px;
    color: #757575;
}

.review-location-item[b-jq4ifqop1o] {
    padding: 8px 0;
    border-bottom: 1px solid #F5F5F5;
}

.review-location-item:last-child[b-jq4ifqop1o] {
    border-bottom: none;
}

/* Notifications bullet lists */
.review-notifications-grid[b-jq4ifqop1o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.review-notifications-list[b-jq4ifqop1o] {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ─── Dialog Actions ─── */
.dialog-actions-container[b-jq4ifqop1o] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 16px;
    padding: 16px 24px;
}

[b-jq4ifqop1o] .cancel-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    color: #2196F3;
}

[b-jq4ifqop1o] .back-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 40px;
    height: 56px;
    border-color: #304CA0;
    color: #304CA0;
}

[b-jq4ifqop1o] .next-button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 24px;
    box-shadow: none;
    border-radius: 40px;
    height: 56px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 1024px) {
    [b-jq4ifqop1o] .create-team-dialog {
        max-width: 768px;
    }

    .form-grid[b-jq4ifqop1o] {
        gap: 32px;
    }
}

@media (max-width: 768px) {
    [b-jq4ifqop1o] .create-team-dialog {
        max-width: 600px;
    }

    .form-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .form-column-left[b-jq4ifqop1o] {
        border-right: none;
        border-bottom: 1px solid #E0E0E0;
        padding-right: 0;
        padding-bottom: 24px;
    }

    .form-column-right[b-jq4ifqop1o] {
        padding-left: 0;
    }

    .stepper-horizontal[b-jq4ifqop1o] {
        flex-wrap: wrap;
        gap: 16px;
    }

    .step-connector[b-jq4ifqop1o] {
        display: none;
    }

    .members-list-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .members-column-divider[b-jq4ifqop1o] {
        display: none;
    }

    [b-jq4ifqop1o] .member-search-field,
    [b-jq4ifqop1o] .location-search-field {
        max-width: 100%;
    }

    .locations-grid[b-jq4ifqop1o] {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .notifications-grid[b-jq4ifqop1o] {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .review-details-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
    }

    .review-col-left[b-jq4ifqop1o] {
        border-right: none;
        border-bottom: 1px solid #E0E0E0;
        padding-right: 0;
        padding-bottom: 24px;
    }

    .review-col-right[b-jq4ifqop1o] {
        padding-left: 0;
        padding-top: 24px;
    }

    .review-panels-row[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .review-notifications-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width: 480px) {
    [b-jq4ifqop1o] .create-team-dialog {
        max-width: 100%;
        margin: 0;
    }

    .dialog-title-container[b-jq4ifqop1o] {
        padding: 16px 16px 0 16px;
    }

    .dialog-content-container[b-jq4ifqop1o] {
        padding: 16px;
    }

    .dialog-actions-container[b-jq4ifqop1o] {
        flex-direction: column;
        gap: 12px;
    }

    .locations-grid[b-jq4ifqop1o],
    .notifications-grid[b-jq4ifqop1o],
    .review-notifications-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .review-members-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
    }

    .review-locations-grid[b-jq4ifqop1o] {
        grid-template-columns: 1fr;
    }

    .review-col-divider[b-jq4ifqop1o] {
        display: none;
    }

    [b-jq4ifqop1o] .cancel-button,
    [b-jq4ifqop1o] .back-button,
    [b-jq4ifqop1o] .next-button {
        width: 100%;
    }
}
/* /Pages/Teams/EditLocationsDialog.razor.rz.scp.css */
[b-o0sslert6d] .edit-locations-dialog {
    max-width: 896px;
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.dialog-title-container[b-o0sslert6d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title-text[b-o0sslert6d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dialog-title[b-o0sslert6d] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
}

[b-o0sslert6d] .dialog-subtitle {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0 !important;
}

.close-button[b-o0sslert6d] {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ─── Content ─── */
.dialog-content-container[b-o0sslert6d] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 8px;
}

/* ─── Search ─── */
.search-container[b-o0sslert6d] {
    width: 100%;
}

[b-o0sslert6d] .search-field {
    width: 400px;
    max-width: 100%;
}

/* ─── Four-column checkbox grid ─── */
.locations-grid[b-o0sslert6d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 32px;
    align-items: start;
}

.locations-column[b-o0sslert6d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-o0sslert6d] .location-checkbox {
    width: 100%;
}

[b-o0sslert6d] .location-checkbox .mud-checkbox-label,
[b-o0sslert6d] .location-checkbox .mud-button-label {
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* ─── Dialog Actions ─── */
.dialog-actions-container[b-o0sslert6d] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 20px;
    padding: 16px 24px;
}

[b-o0sslert6d] .cancel-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    color: #304CA0;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-o0sslert6d] .save-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    padding: 16px 24px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.20),
                0px 1px 1px 0px rgba(0,0,0,0.14),
                0px 1px 3px 0px rgba(0,0,0,0.12);
    border-radius: 40px;
    height: 56px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 1024px) {
    [b-o0sslert6d] .edit-locations-dialog {
        max-width: 768px;
    }
}

@media (max-width: 768px) {
    [b-o0sslert6d] .edit-locations-dialog {
        max-width: 600px;
    }

    .locations-grid[b-o0sslert6d] {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 24px;
    }

    [b-o0sslert6d] .search-field {
        width: 100%;
    }
}

@media (max-width: 480px) {
    [b-o0sslert6d] .edit-locations-dialog {
        max-width: 100%;
        margin: 0;
        border-radius: 16px;
    }

    .locations-grid[b-o0sslert6d] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .dialog-actions-container[b-o0sslert6d] {
        flex-direction: column;
        gap: 12px;
    }

    [b-o0sslert6d] .cancel-button,
    [b-o0sslert6d] .save-button {
        width: 100%;
    }
}
/* /Pages/Teams/EditMembersDialog.razor.rz.scp.css */
[b-6ytrfq4yh0] .edit-members-dialog {
    max-width: 896px;
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.dialog-title-container[b-6ytrfq4yh0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title-text[b-6ytrfq4yh0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dialog-title[b-6ytrfq4yh0] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
}

[b-6ytrfq4yh0] .dialog-subtitle {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0 !important;
}

.close-button[b-6ytrfq4yh0] {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ─── Content ─── */
.dialog-content-container[b-6ytrfq4yh0] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 8px;
}

/* ─── Search ─── */
.search-container[b-6ytrfq4yh0] {
    width: 100%;
}

[b-6ytrfq4yh0] .search-field {
    width: 400px;
    max-width: 100%;
}

/* ─── Member List Grid ─── */
.members-grid[b-6ytrfq4yh0] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 32px;
    align-items: start;
}

.column-divider[b-6ytrfq4yh0] {
    background-color: #E0E0E0;
    width: 1px;
    align-self: stretch;
}

.members-column[b-6ytrfq4yh0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ─── Member Row ─── */
.member-row[b-6ytrfq4yh0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.member-info[b-6ytrfq4yh0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.member-name[b-6ytrfq4yh0] {
    font-size: 16px;
    font-weight: 500;
    color: #191D24;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.member-meta[b-6ytrfq4yh0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.member-meta-text[b-6ytrfq4yh0] {
    font-size: 14px;
    color: #616161;
    line-height: 30.4px;
    letter-spacing: 0.15px;
}

.meta-dot[b-6ytrfq4yh0] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #616161;
    flex-shrink: 0;
}

[b-6ytrfq4yh0] .remove-button {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.37px;
    text-transform: uppercase;
    border-color: #304CA0;
    border-radius: 4px;
    color: #304CA0;
    height: 31px;
    min-width: 75px;
    flex-shrink: 0;
    padding: 3px 9px;
}

/* ─── Dialog Actions ─── */
.dialog-actions-container[b-6ytrfq4yh0] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 20px;
    padding: 16px 24px;
}

[b-6ytrfq4yh0] .cancel-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    color: #304CA0;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-6ytrfq4yh0] .save-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    padding: 16px 24px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.20),
                0px 1px 1px 0px rgba(0,0,0,0.14),
                0px 1px 3px 0px rgba(0,0,0,0.12);
    border-radius: 40px;
    height: 56px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 1024px) {
    [b-6ytrfq4yh0] .edit-members-dialog {
        max-width: 768px;
    }
}

@media (max-width: 768px) {
    [b-6ytrfq4yh0] .edit-members-dialog {
        max-width: 600px;
    }

    .members-grid[b-6ytrfq4yh0] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .column-divider[b-6ytrfq4yh0] {
        display: none;
    }

    .members-column + .members-column[b-6ytrfq4yh0] {
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid #E0E0E0;
    }

    [b-6ytrfq4yh0] .search-field {
        width: 100%;
    }
}

@media (max-width: 480px) {
    [b-6ytrfq4yh0] .edit-members-dialog {
        max-width: 100%;
        margin: 0;
        border-radius: 16px;
    }

    .dialog-actions-container[b-6ytrfq4yh0] {
        flex-direction: column;
        gap: 12px;
    }

    [b-6ytrfq4yh0] .cancel-button,
    [b-6ytrfq4yh0] .save-button {
        width: 100%;
    }
}
/* /Pages/Teams/EditNotificationsDialog.razor.rz.scp.css */
[b-blfq9yeair] .edit-notifications-dialog {
    max-width: 896px;
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.dialog-title-container[b-blfq9yeair] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title-text[b-blfq9yeair] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dialog-title[b-blfq9yeair] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
}

[b-blfq9yeair] .dialog-subtitle {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0 !important;
}

.close-button[b-blfq9yeair] {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ─── Content ─── */
.dialog-content-container[b-blfq9yeair] {
    padding-top: 8px;
}

/* ─── Three-column notification checkbox grid ─── */
.notifications-grid[b-blfq9yeair] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 32px;
    align-items: start;
}

.notifications-column[b-blfq9yeair] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-blfq9yeair] .notification-checkbox {
    width: 100%;
}

[b-blfq9yeair] .notification-checkbox .mud-checkbox-label,
[b-blfq9yeair] .notification-checkbox .mud-button-label {
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 24px;
    letter-spacing: 0.15px;
}

/* ─── Dialog Actions ─── */
.dialog-actions-container[b-blfq9yeair] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 20px;
    padding: 16px 24px;
}

[b-blfq9yeair] .cancel-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    color: #304CA0;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-blfq9yeair] .save-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    padding: 16px 24px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.20),
                0px 1px 1px 0px rgba(0,0,0,0.14),
                0px 1px 3px 0px rgba(0,0,0,0.12);
    border-radius: 40px;
    height: 56px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 1024px) {
    [b-blfq9yeair] .edit-notifications-dialog {
        max-width: 768px;
    }
}

@media (max-width: 768px) {
    [b-blfq9yeair] .edit-notifications-dialog {
        max-width: 600px;
    }

    .notifications-grid[b-blfq9yeair] {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 24px;
    }
}

@media (max-width: 480px) {
    [b-blfq9yeair] .edit-notifications-dialog {
        max-width: 100%;
        margin: 0;
        border-radius: 16px;
    }

    .notifications-grid[b-blfq9yeair] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .dialog-actions-container[b-blfq9yeair] {
        flex-direction: column;
        gap: 12px;
    }

    [b-blfq9yeair] .cancel-button,
    [b-blfq9yeair] .save-button {
        width: 100%;
    }
}
/* /Pages/Teams/EditTeamDialog.razor.rz.scp.css */
[b-dh09n1xcyf] .edit-team-dialog {
    max-width: 896px;
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.dialog-title-container[b-dh09n1xcyf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title-text[b-dh09n1xcyf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dialog-title[b-dh09n1xcyf] {
    font-size: 34px;
    font-weight: 700;
    color: #1A1D24;
    line-height: 42.99px;
    letter-spacing: 0.25px;
}

[b-dh09n1xcyf] .dialog-subtitle {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0 !important;
}

.close-button[b-dh09n1xcyf] {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ─── Content ─── */
.dialog-content-container[b-dh09n1xcyf] {
    padding-top: 8px;
}

/* ─── Form Grid ─── */
.form-grid[b-dh09n1xcyf] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 32px;
    align-items: start;
}

.form-column-left[b-dh09n1xcyf] {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-top: 24px;
}

.column-divider[b-dh09n1xcyf] {
    background-color: #E0E0E0;
    width: 1px;
    align-self: stretch;
}

.form-column-right[b-dh09n1xcyf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-field[b-dh09n1xcyf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.description-field[b-dh09n1xcyf] {
    flex: 1;
}

.field-label[b-dh09n1xcyf] {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #27292C;
    text-transform: uppercase;
    line-height: 16px;
}

.field-description[b-dh09n1xcyf] {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 8px;
}

[b-dh09n1xcyf] .text-field {
    width: 100%;
}

[b-dh09n1xcyf] .text-field .mud-input-label {
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #27292C;
}

[b-dh09n1xcyf] .checkbox-field {
    margin-top: 0;
}

[b-dh09n1xcyf] .radio-group {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
}

[b-dh09n1xcyf] .mud-input-control.mud-input-control-boolean-input .mud-radio-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    flex-wrap: nowrap;
}

/* ─── Dialog Actions ─── */
.dialog-actions-container[b-dh09n1xcyf] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 20px;
    padding: 16px 24px;
}

[b-dh09n1xcyf] .cancel-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    color: #304CA0;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-dh09n1xcyf] .save-button {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.43px;
    padding: 16px 24px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.20),
                0px 1px 1px 0px rgba(0,0,0,0.14),
                0px 1px 3px 0px rgba(0,0,0,0.12);
    border-radius: 40px;
    height: 56px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 1024px) {
    [b-dh09n1xcyf] .edit-team-dialog {
        max-width: 768px;
    }
}

@media (max-width: 768px) {
    [b-dh09n1xcyf] .edit-team-dialog {
        max-width: 600px;
    }

    .form-grid[b-dh09n1xcyf] {
        grid-template-columns: 1fr;
        gap: 24px 0;
    }

    .form-column-left[b-dh09n1xcyf] {
        padding-top: 0;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 24px;
        gap: 24px;
    }

    .column-divider[b-dh09n1xcyf] {
        display: none;
    }
}

@media (max-width: 480px) {
    [b-dh09n1xcyf] .edit-team-dialog {
        max-width: 100%;
        margin: 0;
        border-radius: 16px;
    }

    .dialog-actions-container[b-dh09n1xcyf] {
        flex-direction: column;
        gap: 12px;
    }

    [b-dh09n1xcyf] .cancel-button,
    [b-dh09n1xcyf] .save-button {
        width: 100%;
    }
}
/* /Pages/Teams/TeamDetails.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-0oibrbd5iy] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-0oibrbd5iy] {
}

/* ══════════════════════════════════════════════════
   HEADER (shared pattern)
══════════════════════════════════════════════════ */
.dashboard-header[b-0oibrbd5iy] {
    background: var(--mud-palette-surface, white);
    padding: 16px;
    border-radius: var(--of-radius-lg, 12px);
    box-shadow: var(--of-shadow-sm, 0 2px 4px rgba(0,0,0,0.08));
    margin-bottom: var(--of-space-24, 24px);
}

.header-content[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-left[b-0oibrbd5iy] { display: flex; align-items: center; }
.logo[b-0oibrbd5iy] { height: 32px; }
.nav-menu[b-0oibrbd5iy] { display: none; }

[b-0oibrbd5iy] .nav-menu .mud-button-root {
    border-radius: 24px !important;
    overflow: hidden !important;
}

[b-0oibrbd5iy] .nav-menu .mud-button-label {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.header-actions[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: var(--of-space-12, 12px);
    margin-left: auto;
}

[b-0oibrbd5iy] .header-actions .mud-avatar {
    width: 56px !important;
    height: 56px !important;
    background-color: #304CA0 !important;
}

[b-0oibrbd5iy] .header-actions .mud-icon-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
}

    [b-0oibrbd5iy] .header-actions .mud-icon-button .mud-icon-root { color: #304CA0 !important; }

/* Nav Buttons */
[b-0oibrbd5iy] .nav-button,
[b-0oibrbd5iy] .nav-button-active {
    border-radius: 24px !important;
    padding: 12px 20px !important;
    overflow: hidden !important;
}

[b-0oibrbd5iy] .nav-button-active { background-color: rgba(237, 165, 61, 0.12) !important; }

    [b-0oibrbd5iy] .nav-button .mud-button-label,
    [b-0oibrbd5iy] .nav-button-active .mud-button-label { font-weight: 700 !important; }

/* Mega Menu */
.mega-menu-section[b-0oibrbd5iy] {
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mega-menu-grid[b-0oibrbd5iy] {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-column[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    max-width: 348px;
}

[b-0oibrbd5iy] .mega-menu-column-header {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: 4px;
}

.mega-menu-item[b-0oibrbd5iy] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .mega-menu-item:hover[b-0oibrbd5iy] { background-color: rgba(237, 165, 61, 0.12); }

.mega-menu-item-current[b-0oibrbd5iy] { background-color: rgba(237, 165, 61, 0.18); }

[b-0oibrbd5iy] .mega-menu-item .menu-item-icon { flex-shrink: 0; width: 24px; height: 24px; }

.menu-item-content[b-0oibrbd5iy] { display: flex; flex-direction: column; gap: 4px; flex: 1; }

[b-0oibrbd5iy] .menu-item-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

[b-0oibrbd5iy] .menu-item-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    white-space: normal;
}

.mega-menu-apps-grid[b-0oibrbd5iy] { display: flex; gap: 8px; flex-wrap: nowrap; width: 100%; }

.mega-menu-app-card[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    max-width: 348px;
}

    .mega-menu-app-card:hover[b-0oibrbd5iy] { background: rgba(48, 76, 160, 0.04); }

.app-logo[b-0oibrbd5iy] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: #304CA0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .app-logo img[b-0oibrbd5iy] { width: 48px; height: 48px; object-fit: contain; }

.app-card-content[b-0oibrbd5iy] { display: flex; flex-direction: column; gap: 4px; flex: 1; }

[b-0oibrbd5iy] .app-card-title { font-family: var(--font-family-family, Lato); font-size: 14px; font-weight: 700; text-transform: uppercase; }
[b-0oibrbd5iy] .app-card-description { font-family: var(--font-family-family, Lato); font-size: 14px; font-weight: 600; }

/* Filter Bar */
.filter-bar[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px !important;
}

.quick-access-wrapper[b-0oibrbd5iy] { position: relative; width: 212px; display: none; }

.quick-access-button[b-0oibrbd5iy] {
    display: flex;
    width: 212px;
    height: 40px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(237, 165, 61, 0.12) 0%, rgba(237, 165, 61, 0.12) 100%), var(--mud-palette-surface, white);
    cursor: pointer;
    transition: all 0.2s ease;
}

.quick-access-button-content[b-0oibrbd5iy] { display: flex; align-items: center; gap: 8px; flex: 1; }

.quick-access-dropdown[b-0oibrbd5iy] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 222px;
    background: var(--mud-palette-surface, white);
    border-radius: 12px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04), 0px 8px 10px 0px rgba(0,0,0,0.04), 0px 5px 5px 0px rgba(0,0,0,0.06);
    z-index: 1000;
    overflow: hidden;
}

.quick-access-menu-item[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #C18128;
}

    .quick-access-menu-item:hover[b-0oibrbd5iy] { background: rgba(193, 129, 40, 0.08); }

.quick-access-menu-item-last[b-0oibrbd5iy] { border-bottom: none; }

.global-filters-section[b-0oibrbd5iy] { display: flex; align-items: flex-end; gap: 12px; width: 100%; }

[b-0oibrbd5iy] .filters-label { font-weight: 700; letter-spacing: 0.1em; white-space: nowrap; flex-shrink: 0; }

.filter-dropdown-wrapper[b-0oibrbd5iy] { position: relative; }

.filter-dropdown-button[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    width: 222px;
    height: 40px;
    border-radius: 24px;
    background: #F2F9FE;
    border: 1px solid #3A5CC0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-dropdown-button:hover[b-0oibrbd5iy] { background: rgba(58, 92, 192, 0.08); }

.filter-dropdown-button-open[b-0oibrbd5iy] { background: rgba(58, 92, 192, 0.12); }
.filter-dropdown-content[b-0oibrbd5iy] { display: flex; align-items: center; gap: 8px; flex: 1; }

[b-0oibrbd5iy] .filter-dropdown-icon { width: 16.667px !important; height: 16.667px !important; color: #263D80 !important; }

.filter-dropdown-text[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #464B50;
    text-transform: uppercase;
    flex: 1;
    text-align: left;
}

[b-0oibrbd5iy] .filter-dropdown-arrow { width: 16.667px !important; height: 16.667px !important; color: #464B50 !important; }

[b-0oibrbd5iy] .filter-settings {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border: 1px solid #3A5CC0 !important;
    border-radius: 32px !important;
    background-color: transparent !important;
}

/* ══════════════════════════════════════════════════
   PAGE CONTENT
══════════════════════════════════════════════════ */
.page-content[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 48px;
}

/* Back Link */
.back-link[b-0oibrbd5iy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    color: #304CA0;
    transition: opacity 0.15s;
    align-self: flex-start;
}

    .back-link:hover[b-0oibrbd5iy] { opacity: 0.75; }

[b-0oibrbd5iy] .back-icon { color: #304CA0 !important; }

/* Page Title Row */
.page-title-row[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 8px;
}

.team-name-title[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato) !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1A1D24 !important;
    letter-spacing: 0.25px !important;
    line-height: 1.2 !important;
}

.page-title-meta[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.restricted-chip-wrap[b-0oibrbd5iy] { display: inline-flex; }

.restricted-chip[b-0oibrbd5iy] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 16px;
    background-color: #EDF1FF;
    border: 1px solid #304CA0;
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    color: #304CA0;
    letter-spacing: 0.3px;
}

.meta-dot[b-0oibrbd5iy] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #9E9E9E;
    flex-shrink: 0;
}

.meta-info[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 400;
    color: #616161;
}

/* ══════════════════════════════════════════════════
   DETAIL GRID
══════════════════════════════════════════════════ */
.detail-grid[b-0oibrbd5iy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.detail-column[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ══════════════════════════════════════════════════
   DETAIL CARDS
══════════════════════════════════════════════════ */
.detail-card[b-0oibrbd5iy] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Card Header */
.card-header[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.card-header-left[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-0oibrbd5iy] .card-header-icon {
    color: #EDA53D !important;
    width: 20px !important;
    height: 20px !important;
}

.card-title[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 700;
    color: #1A1D24;
    letter-spacing: 0.15px;
}

[b-0oibrbd5iy] .card-action-btn {
    text-transform: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 40px !important;
    border-color: #304CA0 !important;
    color: #304CA0 !important;
    padding: 4px 14px !important;
    height: 32px !important;
    letter-spacing: 0.4px !important;
    white-space: nowrap !important;
}

/* Card Description */
.card-description[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    line-height: 1.5;
    margin: 0 0 16px 0;
}

/* Card Divider */
[b-0oibrbd5iy] .card-divider {
    margin: 16px 0 !important;
}

/* ══════════════════════════════════════════════════
   TEAM DETAILS CARD FIELDS
══════════════════════════════════════════════════ */
.info-field[b-0oibrbd5iy] {
    margin-bottom: 20px;
}

.info-field-last[b-0oibrbd5iy] { margin-bottom: 0; }

.info-label[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    color: #757575;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.info-value[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    color: #1A1D24;
    line-height: 1.5;
}

.info-value-description[b-0oibrbd5iy] {
    font-size: 14px;
    color: #424242;
}

.info-value-sub[b-0oibrbd5iy] {
    font-size: 14px;
    color: #424242;
    margin-bottom: 10px;
}

[b-0oibrbd5iy] .detail-checkbox { margin-top: 0 !important; }

.radio-group[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

[b-0oibrbd5iy] .detail-radio { display: block !important; }

/* ══════════════════════════════════════════════════
   TEAM MEMBERS CARD
══════════════════════════════════════════════════ */
[b-0oibrbd5iy] .member-search {
    margin-bottom: 8px;
    width: 100% !important;
}

    [b-0oibrbd5iy] .member-search .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 48px !important;
        box-shadow: none !important;
    }

    [b-0oibrbd5iy] .member-search .mud-input-outlined-border,
    [b-0oibrbd5iy] .member-search fieldset { border: none !important; }

    [b-0oibrbd5iy] .member-search .mud-input {
        font-family: var(--font-family-family, Lato) !important;
        font-size: 14px !important;
    }

.member-list[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.member-item[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    gap: 12px;
}

.member-info[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.member-name[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 15px;
    font-weight: 600;
    color: #1A1D24;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-meta[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family-family, Lato);
    font-size: 13px;
    color: #757575;
}

.member-meta-dot[b-0oibrbd5iy] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #9E9E9E;
    flex-shrink: 0;
}

[b-0oibrbd5iy] .remove-btn {
    text-transform: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 40px !important;
    border-color: #BDBDBD !important;
    color: #424242 !important;
    padding: 3px 12px !important;
    height: 28px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    letter-spacing: 0.4px !important;
}

/* ══════════════════════════════════════════════════
   TEAM LOCATIONS CARD
══════════════════════════════════════════════════ */
.locations-grid[b-0oibrbd5iy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-bottom: 16px;
}

[b-0oibrbd5iy] .location-checkbox {
    margin: 0 !important;
}

    [b-0oibrbd5iy] .location-checkbox .mud-checkbox { padding: 8px 4px !important; }

    [b-0oibrbd5iy] .location-checkbox .mud-checkbox-label {
        font-family: var(--font-family-family, Lato) !important;
        font-size: 13px !important;
        color: #424242 !important;
    }

/* ══════════════════════════════════════════════════
   TEAM NOTIFICATIONS CARD
══════════════════════════════════════════════════ */
.notifications-grid[b-0oibrbd5iy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

[b-0oibrbd5iy] .notif-checkbox {
    margin: 0 !important;
}

    [b-0oibrbd5iy] .notif-checkbox .mud-checkbox { padding: 10px 4px !important; }

    [b-0oibrbd5iy] .notif-checkbox .mud-checkbox-label {
        font-family: var(--font-family-family, Lato) !important;
        font-size: 14px !important;
        color: #424242 !important;
    }

/* ══════════════════════════════════════════════════
   TEAM QUEUE CARD
══════════════════════════════════════════════════ */
[b-0oibrbd5iy] .queue-ai-btn {
    background-color: #263D80 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
}

    [b-0oibrbd5iy] .queue-ai-btn .mud-icon-root { color: #ffffff !important; width: 18px !important; height: 18px !important; }

.queue-list[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.queue-item[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    gap: 12px;
}

.queue-item-content[b-0oibrbd5iy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.queue-title[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 15px;
    font-weight: 600;
    color: #1A1D24;
}

.queue-meta[b-0oibrbd5iy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.queue-urgency-chip[b-0oibrbd5iy] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 12px;
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

    .queue-urgency-chip.urgent[b-0oibrbd5iy] {
        background-color: rgba(230, 81, 0, 0.12);
        color: #E65100;
    }

    .queue-urgency-chip.normal[b-0oibrbd5iy] {
        background-color: rgba(48, 76, 160, 0.1);
        color: #304CA0;
    }

.queue-meta-dot[b-0oibrbd5iy] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #9E9E9E;
    flex-shrink: 0;
}

.queue-meta-text[b-0oibrbd5iy] {
    font-family: var(--font-family-family, Lato);
    font-size: 13px;
    color: #757575;
}

[b-0oibrbd5iy] .queue-arrow-btn {
    border: 1px solid #BDBDBD !important;
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex-shrink: 0 !important;
}

/* ══════════════════════════════════════════════════
   PAGINATION (shared across cards)
══════════════════════════════════════════════════ */
.card-pagination[b-0oibrbd5iy] {
    display: flex;
    justify-content: center;
    padding-top: 12px;
}

[b-0oibrbd5iy] .mud-pagination { justify-content: center !important; }

[b-0oibrbd5iy] .mud-pagination .mud-pagination-item .mud-button-root {
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .dashboard-container[b-0oibrbd5iy] {
        padding: var(--of-space-40, 40px) 80px;
    }

    .dashboard-header[b-0oibrbd5iy] {
        padding: 24px 32px;
    }

    .header-content[b-0oibrbd5iy] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .logo[b-0oibrbd5iy] { height: 40px; }

    .nav-menu[b-0oibrbd5iy] {
        display: flex;
        gap: 8px;
        margin-left: auto;
        margin-right: 24px;
    }

    .quick-access-wrapper[b-0oibrbd5iy] { display: flex; }

    .filter-bar[b-0oibrbd5iy] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
        margin-top: 0;
    }

    .global-filters-section[b-0oibrbd5iy] {
        margin-left: auto;
        width: auto;
        flex: 0 0 auto;
        align-items: center;
    }

    .filters-controls[b-0oibrbd5iy] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
    }
}

@media (min-width: 1200px) {
    .dashboard-container[b-0oibrbd5iy] {
        padding: var(--of-space-40, 40px) 120px;
    }
}

@media (max-width: 1024px) {
    .detail-grid[b-0oibrbd5iy] {
        grid-template-columns: 1fr;
    }

    .locations-grid[b-0oibrbd5iy] {
        grid-template-columns: repeat(3, 1fr);
    }

    .filter-dropdown-button[b-0oibrbd5iy] {
        width: 180px;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-0oibrbd5iy] { padding: 12px; }

    .detail-grid[b-0oibrbd5iy] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .locations-grid[b-0oibrbd5iy] {
        grid-template-columns: repeat(2, 1fr);
    }

    .notifications-grid[b-0oibrbd5iy] {
        grid-template-columns: 1fr;
    }

    .page-title-meta[b-0oibrbd5iy] {
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .locations-grid[b-0oibrbd5iy] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/Teams/Teams.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-zlwlw9gjsb] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

.enrollments-page-content[b-zlwlw9gjsb] {
}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.dashboard-header[b-zlwlw9gjsb] {
    background: var(--mud-palette-surface, white);
    padding: 16px;
    border-radius: var(--of-radius-lg, 12px);
    box-shadow: var(--of-shadow-sm, 0 2px 4px rgba(0,0,0,0.08));
    margin-bottom: var(--of-space-24, 24px);
}

.header-content[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-left[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
}

.logo[b-zlwlw9gjsb] {
    height: 32px;
}

.nav-menu[b-zlwlw9gjsb] {
    display: none;
}

[b-zlwlw9gjsb] .nav-menu .mud-button-root,
[b-zlwlw9gjsb] .nav-menu .mud-button-root::before,
[b-zlwlw9gjsb] .nav-menu .mud-button-root::after {
    border-radius: var(--border-radius-mud-2xl-border-radius, 24px) !important;
}

[b-zlwlw9gjsb] .nav-menu .mud-button-root {
    overflow: hidden !important;
}

[b-zlwlw9gjsb] .nav-menu .mud-button-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: var(--font-family-family, Lato) !important;
    font-size: var(--font-size-input, 16px) !important;
    font-weight: 700 !important;
    line-height: var(--font-line-height-lineheight-input, 19px) !important;
    letter-spacing: var(--font-letter-spacing-spacing-input, 0.15px) !important;
}

.header-actions[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: var(--of-space-12, 12px);
    margin-left: auto;
}

[b-zlwlw9gjsb] .header-actions .mud-avatar {
    width: 56px !important;
    height: 56px !important;
    background-color: #304CA0 !important;
}

[b-zlwlw9gjsb] .header-actions .mud-icon-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
}

    [b-zlwlw9gjsb] .header-actions .mud-icon-button .mud-icon-root {
        color: #304CA0 !important;
    }

/* ══════════════════════════════════════════════════
   NAV BUTTONS
══════════════════════════════════════════════════ */
[b-zlwlw9gjsb] .nav-button,
[b-zlwlw9gjsb] .nav-button-active {
    border-radius: 24px !important;
    padding: 12px 20px !important;
    overflow: hidden !important;
}

[b-zlwlw9gjsb] .nav-button-active {
    background-color: rgba(237, 165, 61, 0.12) !important;
}

    [b-zlwlw9gjsb] .nav-button .mud-button-label,
    [b-zlwlw9gjsb] .nav-button-active .mud-button-label {
        font-weight: 700 !important;
    }

/* ══════════════════════════════════════════════════
   MEGA MENU
══════════════════════════════════════════════════ */
.mega-menu-section[b-zlwlw9gjsb] {
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mega-menu-grid[b-zlwlw9gjsb] {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-column[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    max-width: 348px;
}

[b-zlwlw9gjsb] .mega-menu-column-header {
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: 4px;
}

.mega-menu-item[b-zlwlw9gjsb] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .mega-menu-item:hover[b-zlwlw9gjsb] {
        background-color: rgba(237, 165, 61, 0.12);
    }

.mega-menu-item-current[b-zlwlw9gjsb] {
    background-color: rgba(237, 165, 61, 0.18);
}

[b-zlwlw9gjsb] .mega-menu-item .menu-item-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.menu-item-content[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-zlwlw9gjsb] .menu-item-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-zlwlw9gjsb] .menu-item-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
    white-space: normal;
}

/* Apps mega menu */
.mega-menu-apps-grid[b-zlwlw9gjsb] {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-menu-app-card[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 14.5px 20px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    max-width: 348px;
}

    .mega-menu-app-card:hover[b-zlwlw9gjsb] {
        background: rgba(48, 76, 160, 0.04);
    }

.app-logo[b-zlwlw9gjsb] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: #304CA0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

    .app-logo img[b-zlwlw9gjsb] {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

.app-card-content[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

[b-zlwlw9gjsb] .app-card-title {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

[b-zlwlw9gjsb] .app-card-description {
    font-family: var(--font-family-family, Lato);
    font-size: 14px;
    font-weight: 600;
    line-height: 20.02px;
    letter-spacing: 0.15px;
}

/* ══════════════════════════════════════════════════
   FILTER BAR
══════════════════════════════════════════════════ */
.filter-bar[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: var(--of-space-16, 16px);
    margin-top: 16px !important;
}

/* Quick Access */
.quick-access-wrapper[b-zlwlw9gjsb] {
    position: relative;
    width: 212px;
    display: none;
}

.quick-access-button[b-zlwlw9gjsb] {
    display: flex;
    width: 212px;
    height: 40px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(237, 165, 61, 0.12) 0%, rgba(237, 165, 61, 0.12) 100%), var(--mud-palette-surface, white);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .quick-access-button:hover[b-zlwlw9gjsb] {
        background: linear-gradient(90deg, rgba(237, 165, 61, 0.18) 0%, rgba(237, 165, 61, 0.18) 100%), var(--mud-palette-surface, white);
    }

.quick-access-button-content[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.quick-access-dropdown[b-zlwlw9gjsb] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 222px;
    background: var(--mud-palette-surface, white);
    border-radius: 12px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    overflow: hidden;
}

.quick-access-menu-item[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #C18128;
}

    .quick-access-menu-item:hover[b-zlwlw9gjsb] {
        background: rgba(193, 129, 40, 0.08);
    }

.quick-access-menu-item-last[b-zlwlw9gjsb] {
    border-bottom: none;
}

/* Global Filters */
.global-filters-section[b-zlwlw9gjsb] {
    display: flex;
    align-items: flex-end;
    gap: var(--of-space-12, 12px);
    width: 100%;
}

[b-zlwlw9gjsb] .filters-label {
    font-weight: 700;
    letter-spacing: 0.1em;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Filter Dropdown Buttons */
.filter-dropdown-wrapper[b-zlwlw9gjsb] {
    position: relative;
}

.filter-dropdown-button[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    width: 222px;
    height: 40px;
    border-radius: 24px;
    background: #F2F9FE;
    border: 1px solid #3A5CC0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-dropdown-button:hover[b-zlwlw9gjsb] {
        background: rgba(58, 92, 192, 0.08);
    }

.filter-dropdown-button-open[b-zlwlw9gjsb] {
    background: rgba(58, 92, 192, 0.12);
}

.filter-dropdown-content[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

[b-zlwlw9gjsb] .filter-dropdown-icon {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #263D80 !important;
}

.filter-dropdown-text[b-zlwlw9gjsb] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    line-height: 19.02px;
    letter-spacing: 0.4px;
    color: #464B50;
    text-transform: uppercase;
    flex: 1;
    text-align: left;
}

[b-zlwlw9gjsb] .filter-dropdown-arrow {
    width: 16.667px !important;
    height: 16.667px !important;
    color: #464B50 !important;
}

[b-zlwlw9gjsb] .filter-settings {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border: 1px solid #3A5CC0 !important;
    border-radius: 32px !important;
    background-color: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════
   COMPANIES POPOVER
══════════════════════════════════════════════════ */
.companies-popover-custom[b-zlwlw9gjsb] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 296px;
    height: 400px;
    background: white;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
}

.companies-popover-body[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.companies-search-wrapper[b-zlwlw9gjsb] {
    padding: 16px 16px 12px 16px;
    width: 100%;
    box-sizing: border-box;
}

[b-zlwlw9gjsb] .companies-search-input { width: 100%; }

    [b-zlwlw9gjsb] .companies-search-input .mud-input-outlined {
        border: 1px solid #BDBDBD !important;
        border-radius: 4px !important;
        height: 43px !important;
        box-shadow: none !important;
    }

    [b-zlwlw9gjsb] .companies-search-input .mud-input-outlined-border,
    [b-zlwlw9gjsb] .companies-search-input fieldset {
        border: none !important;
    }

    [b-zlwlw9gjsb] .companies-search-input .mud-input {
        padding: 10.5px 14px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-zlwlw9gjsb] .companies-search-input .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
        color: #424242 !important;
    }

.companies-list-container[b-zlwlw9gjsb] {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.companies-list-body[b-zlwlw9gjsb] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
}

    .companies-list-body[b-zlwlw9gjsb]::-webkit-scrollbar { width: 8px; }
    .companies-list-body[b-zlwlw9gjsb]::-webkit-scrollbar-track { background: transparent; }
    .companies-list-body[b-zlwlw9gjsb]::-webkit-scrollbar-thumb { background: #C4C4C4; border-radius: 2px; }

.companies-scrollbar[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8px;
    padding: 2px 0 24px;
    height: 100%;
}

.company-list-item[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .company-list-item:hover[b-zlwlw9gjsb] { background-color: rgba(52, 92, 192, 0.04); }
    .company-list-item.company-item-selected[b-zlwlw9gjsb] { background-color: rgba(52, 92, 192, 0.12); }
    .company-list-item.company-level-0[b-zlwlw9gjsb] { padding-left: 16px; }
    .company-list-item.company-level-1[b-zlwlw9gjsb] { padding-left: 32px; }
    .company-list-item.company-level-2[b-zlwlw9gjsb] { padding-left: 48px; }

.company-list-item-text[b-zlwlw9gjsb] {
    flex: 1;
    font-family: var(--font-family-family, Lato);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #424242;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0;
}

[b-zlwlw9gjsb] .company-radio-checked,
[b-zlwlw9gjsb] .company-radio-unchecked {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

[b-zlwlw9gjsb] .company-radio-checked  { color: #304CA0 !important; }
[b-zlwlw9gjsb] .company-radio-unchecked { color: rgba(0,0,0,0.54) !important; }

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-zlwlw9gjsb] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-zlwlw9gjsb] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.teams-page-title[b-zlwlw9gjsb] {
    font-family: var(--font-family-family, Lato);
    font-size: 34px;
    font-weight: 700;
    color: var(--mud-palette-text-primary, #1A1D24);
    letter-spacing: 0.25px;
    line-height: 1.2;
}

[b-zlwlw9gjsb] .ai-message {
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-h5, 24px);
    font-weight: 600;
    line-height: var(--font-line-height-lineheight-h5, 32.02px);
    letter-spacing: var(--font-letter-spacing-spacing-h5, 0);
    text-align: center;
    color: var(--mud-palette-text-secondary, #616161);
}

.ai-input-wrapper[b-zlwlw9gjsb] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-zlwlw9gjsb] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-zlwlw9gjsb] .ai-input .mud-input-outlined-border,
[b-zlwlw9gjsb] .ai-input fieldset {
    border: none !important;
}

.suggestion-chips[b-zlwlw9gjsb] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-zlwlw9gjsb] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    background-color: rgba(52, 92, 192, 0.12) !important;
}

    [b-zlwlw9gjsb] .suggestion-chip::before {
        content: "" !important;
        width: 20px !important;
        height: 18px !important;
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'20'%20height%3D'18'%20viewBox%3D'0%200%2020%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M14.206%209.83681L11.8569%2010.9829C10.5401%2011.6215%209.51779%2012.7453%209.0054%2014.1166L7.6737%2017.6539C7.62666%2017.7801%207.52765%2017.8791%207.40142%2017.9286C7.15883%2018.0177%206.88655%2017.8965%206.79497%2017.6539L5.46574%2014.1166C4.95087%2012.7478%203.93105%2011.6314%202.6142%2010.9928L0.265148%209.8492C0.171086%209.80216%200.0943522%209.72544%200.047321%209.63134C-0.0665478%209.3962%200.0324699%209.11649%200.265148%209.00263L2.6142%207.85904C3.93353%207.22039%204.95335%206.09661%205.46574%204.72528L6.79745%201.18807C6.84448%201.0915%206.92367%201.0123%207.02021%200.965258C7.2628%200.846447%207.55489%200.945496%207.67617%201.18807L9.00788%204.71788C9.51779%206.09166%2010.5401%207.21299%2011.8569%207.85408L14.206%208.9952C14.3694%209.0744%2014.4709%209.24025%2014.4709%209.42098C14.4684%209.59919%2014.3669%209.76006%2014.206%209.83681Z'%20fill%3D'%23304CA0'/%3E%3Cpath%20d%3D'M19.8494%203.46843L18.982%203.89164C18.5168%204.11725%2018.1566%204.51243%2017.9744%204.99589L17.484%206.30333C17.456%206.3748%2017.3999%206.43086%2017.3284%206.45747C17.1911%206.50934%2017.0384%206.44067%2016.9865%206.30333L16.4946%204.99589C16.3139%204.51243%2015.9523%204.11725%2015.4871%203.89164L14.6197%203.46843C14.5664%203.4432%2014.523%203.39976%2014.4978%203.34651C14.4333%203.21339%2014.488%203.05502%2014.6197%202.99057L15.4871%202.56736C15.9523%202.34177%2016.3139%201.94658%2016.4946%201.46172L16.9865%200.155668C17.0131%200.0996286%2017.058%200.0561789%2017.1126%200.028159C17.25%20-0.0391024%2017.4153%200.01834%2017.484%200.155668L17.9744%201.46172C18.1566%201.94658%2018.5168%202.34177%2018.982%202.56736L19.8494%202.99057C19.9027%203.0158%2019.9461%203.05923%2019.9727%203.1125C20.0372%203.24422%2019.9825%203.40397%2019.8494%203.46843Z'%20fill%3D'%23304CA0'/%3E%3C/svg%3E") no-repeat center / 20px 18px !important;
        display: inline-block !important;
    }

/* ══════════════════════════════════════════════════
   TEAMS TABLE SECTION
══════════════════════════════════════════════════ */
.teams-section[b-zlwlw9gjsb] {
    padding: 0 0 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.teams-header-row[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

[b-zlwlw9gjsb] .teams-section-label {
    color: var(--color-theme-mud-palette-black, #1A1D24);
    font-family: var(--font-family-family, Lato);
    font-size: var(--font-size-button, 14px);
    font-style: normal;
    font-weight: 800;
    line-height: var(--font-line-height-lineheight-button, 24.5px);
    letter-spacing: var(--font-letter-spacing-spacing-button, 0.4px);
    text-transform: uppercase;
}

.teams-actions[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-zlwlw9gjsb] .action-btn-primary {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 48px;
}

[b-zlwlw9gjsb] .action-btn-default {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border-color: #304CA0;
    color: #304CA0;
    padding: 6px 16px;
    height: 48px;
}

[b-zlwlw9gjsb] .action-icon-btn {
    border: 1px solid #304CA0;
    border-radius: 48px;
    color: #304CA0;
}

/* Table Filters */
.table-filters[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: nowrap;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.04), 0px 8px 10px 1px rgba(0,0,0,0.04), 0px 5px 5px -3px rgba(0,0,0,0.06);
    flex-grow: 0 !important;
}

[b-zlwlw9gjsb] .search-field {
    width: 320px !important;
    max-width: 320px !important;
    flex: 0 0 320px !important;
}

    [b-zlwlw9gjsb] .search-field .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
    }

    [b-zlwlw9gjsb] .search-field .mud-input-outlined-border,
    [b-zlwlw9gjsb] .search-field fieldset {
        border: none !important;
    }

    [b-zlwlw9gjsb] .search-field .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        color: #424242 !important;
    }

    [b-zlwlw9gjsb] .search-field .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
    }

[b-zlwlw9gjsb] .filter-select {
    width: 198.667px !important;
    flex: 0 0 198.667px !important;
    max-width: 198.667px !important;
    flex-grow: 0 !important;
}

[b-zlwlw9gjsb] .filter-select-wide {
    width: 220px !important;
    flex: 0 0 220px !important;
    max-width: 220px !important;
}

    [b-zlwlw9gjsb] .filter-select .mud-input-outlined,
    [b-zlwlw9gjsb] .filter-select-wide .mud-input-outlined {
        border-radius: 8px !important;
        border: 1px solid #BDBDBD !important;
        height: 56px !important;
        box-shadow: none !important;
        flex-grow: 0 !important;
    }

    [b-zlwlw9gjsb] .filter-select .mud-input-outlined-border,
    [b-zlwlw9gjsb] .filter-select fieldset,
    [b-zlwlw9gjsb] .filter-select-wide .mud-input-outlined-border,
    [b-zlwlw9gjsb] .filter-select-wide fieldset {
        border: none !important;
        flex-grow: 0 !important;
    }

    [b-zlwlw9gjsb] .filter-select .mud-input,
    [b-zlwlw9gjsb] .filter-select-wide .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        font-family: var(--font-family-family, Lato) !important;
        font-size: 16px !important;
        flex-grow: 0 !important;
    }

[b-zlwlw9gjsb] .table-refresh-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    border: 1px solid #BDBDBD !important;
    background-color: transparent !important;
    padding: 4px !important;
}

    [b-zlwlw9gjsb] .table-refresh-btn .mud-icon-root {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }

[b-zlwlw9gjsb] .filter-select .mud-select {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

[b-zlwlw9gjsb] .mud-select {
    flex-grow: 0 !important;
}

/* Table Card */
.table-card[b-zlwlw9gjsb] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.table-total-row[b-zlwlw9gjsb] {
    background-color: #FDF6EE;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.table-total-label[b-zlwlw9gjsb] {
    font-size: 13px;
    color: #757575;
    font-weight: 500;
}

[b-zlwlw9gjsb] .teams-table { width: 100%; }

[b-zlwlw9gjsb] .teams-table .mud-table-head .mud-table-cell {
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E0;
}

.col-header[b-zlwlw9gjsb] {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

[b-zlwlw9gjsb] .teams-table .mud-table-row:hover { background-color: #F5F7FF; }
[b-zlwlw9gjsb] .teams-table .mud-table-row { border-bottom: 1px solid #F0F0F0; }

.row-cell[b-zlwlw9gjsb] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-name[b-zlwlw9gjsb] {
    font-weight: 600;
    color: #1A1D24;
    letter-spacing: 0.3px;
}

/* Location cell */
.row-cell-location[b-zlwlw9gjsb] {
    white-space: nowrap;
}

.location-summary-text[b-zlwlw9gjsb] {
    cursor: default;
    font-size: 13px;
    color: #424242;
}

/* Location tooltip */
.location-tooltip-content[b-zlwlw9gjsb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 2px;
    min-width: 220px;
}

.location-tooltip-header[b-zlwlw9gjsb] {
    font-family: var(--font-family-family, Lato);
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 4px;
    display: block;
}

.location-tooltip-item[b-zlwlw9gjsb] {
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

/* Member avatars */
.member-avatars[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
}

.member-avatar[b-zlwlw9gjsb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-family, Lato);
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    flex-shrink: 0;
    margin-left: -8px;
}

    .member-avatar:first-child[b-zlwlw9gjsb] {
        margin-left: 0;
    }

.member-count-badge[b-zlwlw9gjsb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background-color: #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    color: #616161;
    flex-shrink: 0;
    margin-left: -8px;
}

/* Action column */
.row-cell-action[b-zlwlw9gjsb] {
    text-align: right;
    white-space: nowrap;
}

.team-view-btn[b-zlwlw9gjsb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid #304CA0;
    border-radius: 40px;
    background: transparent;
    font-family: var(--font-family-family, Lato);
    font-size: 11px;
    font-weight: 700;
    color: #304CA0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

    .team-view-btn:hover[b-zlwlw9gjsb] {
        background-color: rgba(48, 76, 160, 0.06);
    }

.team-view-btn-primary[b-zlwlw9gjsb] {
    background-color: rgba(48, 76, 160, 0.06);
}

.team-btn-arrows[b-zlwlw9gjsb] {
    font-size: 13px;
    font-weight: 700;
    color: #304CA0;
}

/* Pagination */
.table-pagination[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-top: 1px solid #E0E0E0;
    gap: 16px;
}

.rows-per-page[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-label[b-zlwlw9gjsb] {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
    white-space: nowrap;
}

[b-zlwlw9gjsb] .rows-select {
    min-width: 56px;
    font-size: 13px;
}

.pagination-info[b-zlwlw9gjsb] {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.pagination-nav[b-zlwlw9gjsb] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .dashboard-container[b-zlwlw9gjsb] {
        padding: var(--of-space-40, 40px) 80px;
    }

    .dashboard-header[b-zlwlw9gjsb] {
        padding: 24px 32px;
    }

    .header-content[b-zlwlw9gjsb] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .logo[b-zlwlw9gjsb] {
        height: 40px;
    }

    .nav-menu[b-zlwlw9gjsb] {
        display: flex;
        gap: var(--of-space-8, 8px);
        margin-left: auto;
        margin-right: 24px;
    }

    .quick-access-wrapper[b-zlwlw9gjsb] {
        display: flex;
    }

    .filter-bar[b-zlwlw9gjsb] {
        flex-direction: row;
        align-items: center;
        gap: var(--of-space-24, 24px);
        margin-top: 0;
    }

    .global-filters-section[b-zlwlw9gjsb] {
        margin-left: auto;
        width: auto;
        flex: 0 0 auto;
        align-items: center;
    }

    .filters-controls[b-zlwlw9gjsb] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: var(--of-space-12, 12px);
    }
}

@media (min-width: 1200px) {
    .dashboard-container[b-zlwlw9gjsb] {
        padding: var(--of-space-40, 40px) 120px;
    }
}

@media (max-width: 1024px) {
    .filter-dropdown-button[b-zlwlw9gjsb] {
        width: 180px;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-zlwlw9gjsb] {
        padding: 12px;
    }

    .teams-header-row[b-zlwlw9gjsb] {
        flex-direction: column;
        align-items: flex-start;
    }

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

    .table-filters[b-zlwlw9gjsb] {
        flex-direction: column;
        align-items: stretch;
    }

    .table-pagination[b-zlwlw9gjsb] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .companies-popover-custom[b-zlwlw9gjsb] {
        width: calc(100vw - 32px);
        max-width: 296px;
    }

    .team-view-btn[b-zlwlw9gjsb] {
        font-size: 10px;
        padding: 5px 10px;
    }
}

@media (max-width: 480px) {
    [b-zlwlw9gjsb] .action-btn-primary,
    [b-zlwlw9gjsb] .action-btn-default {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Users/EditUserDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   DIALOG WRAPPER
══════════════════════════════════════════════════ */
[b-8wkbw7xdsf] .edit-user-dialog {
    border-radius: 16px !important;
    min-width: 560px;
    max-width: 954px;
    width: 954px;
}

/* ══════════════════════════════════════════════════
   HEADER ROW  (TitleContent)
══════════════════════════════════════════════════ */
.dialog-header-row[b-8wkbw7xdsf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.eu-header-text[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

[b-8wkbw7xdsf] .eu-title {
    font-weight: 700 !important;
    color: #1A1D24;
    line-height: 1.3;
}

[b-8wkbw7xdsf] .eu-subtitle {
    color: #757575;
    line-height: 1.4;
}

[b-8wkbw7xdsf] .dialog-close-btn {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ══════════════════════════════════════════════════
   DIALOG BODY  (DialogContent)
══════════════════════════════════════════════════ */
.dialog-body[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 4px 0 8px;
}

/* ══════════════════════════════════════════════════
   FORM SECTION
══════════════════════════════════════════════════ */
.form-section[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-row-two-col[b-8wkbw7xdsf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-top: 24px;
}

.form-row-half[b-8wkbw7xdsf] {
    display: flex;
}

.form-row-half .form-field[b-8wkbw7xdsf] {
    width: calc(50% - 12px);
}

.form-field[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-8wkbw7xdsf] .field-label {
    font-weight: 500;
    text-transform: uppercase;
}

[b-8wkbw7xdsf] .input-field {
    width: 100%;
}

[b-8wkbw7xdsf] .input-field .mud-input-outlined {
    border-radius: 8px !important;
}

[b-8wkbw7xdsf] .eu-email-readonly .mud-input-outlined {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

/* ══════════════════════════════════════════════════
   ROLE ROW  (select + seat indicator)
══════════════════════════════════════════════════ */
.role-row[b-8wkbw7xdsf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.role-row .form-field[b-8wkbw7xdsf] {
    width: 100%;
}

.role-seats-card[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 8px;
    padding: 12px 16px;
    align-self: center;
}

.role-seats-available[b-8wkbw7xdsf] {
    background-color: #EBF5FF;
}

.role-seats-none[b-8wkbw7xdsf] {
    background-color: #FFF0F0;
}

.role-seats-main[b-8wkbw7xdsf] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-8wkbw7xdsf] .role-seats-icon {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
}

[b-8wkbw7xdsf] .role-seats-icon--ok {
    color: #304CA0 !important;
}

[b-8wkbw7xdsf] .role-seats-icon--none {
    color: #D32F2F !important;
}

[b-8wkbw7xdsf] .role-seats-label {
    color: #1A1D24;
}

[b-8wkbw7xdsf] .role-seats-used {
    color: #757575;
    margin-left: auto;
}

[b-8wkbw7xdsf] .role-seats-contact {
    color: #757575;
}

.role-seats-link[b-8wkbw7xdsf] {
    color: #304CA0;
    text-decoration: none;
    font-weight: 600;
}

.role-seats-link:hover[b-8wkbw7xdsf] {
    text-decoration: underline;
}

/* ══════════════════════════════════════════════════
   SECTION DIVIDERS
══════════════════════════════════════════════════ */
.form-divider[b-8wkbw7xdsf] {
    height: 1px;
    margin: 4px 0;
}

/* ══════════════════════════════════════════════════
   COMPANIES ROW
══════════════════════════════════════════════════ */
.companies-row[b-8wkbw7xdsf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.companies-selector-col[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
}

.companies-selected-col[b-8wkbw7xdsf] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.selected-company-item[b-8wkbw7xdsf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
}

.company-divider[b-8wkbw7xdsf] {
    margin: 0 16px !important;
}

.selected-company-info[b-8wkbw7xdsf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

[b-8wkbw7xdsf] .selected-company-name {
    white-space: nowrap;
    font-weight: 600 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-8wkbw7xdsf] .selected-company-main {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-8wkbw7xdsf] .remove-company-btn {
    flex-shrink: 0;
    border-radius: 6px !important;
    padding: 2px 10px !important;
    min-width: unset !important;
    height: 28px !important;
}

/* ══════════════════════════════════════════════════
   DIALOG FOOTER  (DialogActions)
══════════════════════════════════════════════════ */
.dialog-footer-row[b-8wkbw7xdsf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 4px;
    gap: 8px;
}

[b-8wkbw7xdsf] .cancel-action-btn {
    text-transform: none !important;
    gap: 4px;
    height: 56px !important;
    border-radius: 40px !important;
    padding: 24px !important;
}

[b-8wkbw7xdsf] .save-changes-action-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    padding: 8px 24px !important;
    height: 56px !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 640px) {
    [b-8wkbw7xdsf] .edit-user-dialog .mud-dialog {
        min-width: unset;
        width: 100%;
    }

    .form-row-two-col[b-8wkbw7xdsf],
    .role-row[b-8wkbw7xdsf],
    .companies-row[b-8wkbw7xdsf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Users/InviteSuccessDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   DIALOG WRAPPER
══════════════════════════════════════════════════ */
[b-bsa7nrggou] .invite-success-dialog {
    border-radius: 16px !important;
    width: 480px !important;
    max-width: 480px !important;
    min-width: unset !important;
}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.success-dialog-header[b-bsa7nrggou] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

[b-bsa7nrggou] .success-close-btn {
    margin-left: auto;
}

/* ══════════════════════════════════════════════════
   BODY
══════════════════════════════════════════════════ */
.success-dialog-body[b-bsa7nrggou] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 8px 24px 24px;
}

/* ── Icon ── */
.success-icon-wrapper[b-bsa7nrggou] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-bsa7nrggou] .success-check-icon {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    color: #304CA0 !important;
}

/* ── Title ── */
[b-bsa7nrggou] .success-dialog-title {
    font-weight: 700 !important;
    color: #1A1D24;
    line-height: 1.2;
}

/* ── Description ── */
[b-bsa7nrggou] .success-dialog-description {
    color: #757575;
    max-width: 340px;
    line-height: 1.5;
}

.success-announcement[b-bsa7nrggou] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.success-invitation-ref[b-bsa7nrggou] {
    color: #9e9e9e;
    margin-top: 4px;
}

.success-permissions-defer[b-bsa7nrggou] {
    color: #616161;
    max-width: 360px;
    text-align: center;
    line-height: 1.4;
    margin-top: 8px;
}

/* ══════════════════════════════════════════════════
   ACTIONS
══════════════════════════════════════════════════ */
.success-dialog-actions[b-bsa7nrggou] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0 16px 8px;
    margin-bottom: 40px;
}

[b-bsa7nrggou] .success-action-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    height: 48px !important;
}
/* /Pages/Users/InviteUserDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   DIALOG WRAPPER
══════════════════════════════════════════════════ */

[b-k0rna6lxbe] .invite-user-dialog {
    border-radius: 16px !important;
    min-width: 560px;
    max-width: 954px;
    width: 954px;
}


/* ══════════════════════════════════════════════════
   HEADER ROW  (TitleContent)
══════════════════════════════════════════════════ */
.dialog-header-row[b-k0rna6lxbe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

[b-k0rna6lxbe] .back-nav-btn {
    padding: 4px 0 !important;
    min-width: 0 !important;
    font-weight: 700;
    text-transform: uppercase;
}

[b-k0rna6lxbe] .back-nav-btn:hover {
    background: transparent !important;
}

[b-k0rna6lxbe] .dialog-close-btn {
    margin-left: auto;
}

/* ══════════════════════════════════════════════════
   DIALOG BODY  (DialogContent)
══════════════════════════════════════════════════ */
.dialog-body[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 4px 0 8px;
}

/* ══════════════════════════════════════════════════
   HEADING
══════════════════════════════════════════════════ */
.invite-heading[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-k0rna6lxbe] .invite-title {
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: 1.235;
}

/* ══════════════════════════════════════════════════
   FORM SECTION
══════════════════════════════════════════════════ */
.form-section[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-row-two-col[b-k0rna6lxbe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-top: 24px;
}

.form-row-half[b-k0rna6lxbe] {
    display: flex;
}

.form-row-half .form-field[b-k0rna6lxbe] {
    width: calc(50% - 12px);
}

.form-field[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-k0rna6lxbe] .field-label {
    font-weight: 500;
    text-transform: uppercase;
}

[b-k0rna6lxbe] .input-field {
    width: 100%;
}

[b-k0rna6lxbe] .input-field .mud-input-outlined {
    border-radius: 8px !important;
}

/* ══════════════════════════════════════════════════
   ROLE ROW  (select + seat indicator)
══════════════════════════════════════════════════ */
.role-row[b-k0rna6lxbe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.role-row .form-field[b-k0rna6lxbe] {
    width: 100%;
}

.role-seats-card[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 8px;
    padding: 12px 16px;
    align-self: center;
}

.role-seats-available[b-k0rna6lxbe] {
    background-color: #EBF5FF;
}

.role-seats-none[b-k0rna6lxbe] {
    background-color: #FFF0F0;
}

.role-seats-main[b-k0rna6lxbe] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-k0rna6lxbe] .role-seats-icon {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
}

[b-k0rna6lxbe] .role-seats-icon--ok {
    color: #304CA0 !important;
}

[b-k0rna6lxbe] .role-seats-icon--none {
    color: #D32F2F !important;
}

[b-k0rna6lxbe] .role-seats-label {
    color: #1A1D24;
}

[b-k0rna6lxbe] .role-seats-used {
    color: #757575;
    margin-left: auto;
}

[b-k0rna6lxbe] .role-seats-contact {
    color: #757575;
}

.role-seats-link[b-k0rna6lxbe] {
    color: #304CA0;
    text-decoration: none;
    font-weight: 600;
}

.role-seats-link:hover[b-k0rna6lxbe] {
    text-decoration: underline;
}

/* ══════════════════════════════════════════════════
   SECTION DIVIDERS
══════════════════════════════════════════════════ */
.form-divider[b-k0rna6lxbe] {
    height: 1px;
    margin: 4px 0;
}

/* ══════════════════════════════════════════════════
   COMPANIES ROW
══════════════════════════════════════════════════ */
.companies-row[b-k0rna6lxbe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.companies-selector-col[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
}

.companies-selected-col[b-k0rna6lxbe] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ── Selected company item ── */
.selected-company-item[b-k0rna6lxbe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
}

.company-divider[b-k0rna6lxbe] {
    margin: 0 16px !important;
}

.selected-company-info[b-k0rna6lxbe] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

[b-k0rna6lxbe] .selected-company-name {
    white-space: nowrap;
    font-weight: 600 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-k0rna6lxbe] .selected-company-main {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-k0rna6lxbe] .remove-company-btn {
    flex-shrink: 0;
    border-radius: 6px !important;
    padding: 2px 10px !important;
    min-width: unset !important;
    height: 28px !important;
}


/* ══════════════════════════════════════════════════
   DIALOG FOOTER  (DialogActions)
══════════════════════════════════════════════════ */
.dialog-footer-row[b-k0rna6lxbe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 4px;
    gap: 8px;
}

[b-k0rna6lxbe] .cancel-action-btn {
    text-transform: none !important;
    gap: 4px;
    height: 56px !important;
    border-radius: 40px !important;
    padding: 24px !important;
}

[b-k0rna6lxbe] .send-invite-action-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    padding: 8px 24px !important;
    height: 56px !important;
}


/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 640px) {
    [b-k0rna6lxbe] .invite-user-dialog .mud-dialog {
        min-width: unset;
        width: 100%;
    }

    .form-row-two-col[b-k0rna6lxbe],
    .companies-row[b-k0rna6lxbe] {
        grid-template-columns: 1fr;
    }

    .companies-selected-col[b-k0rna6lxbe] {
        grid-column: 1;
    }
}
/* /Pages/Users/ModifyPermissionsDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   DIALOG WRAPPER
══════════════════════════════════════════════════ */
[b-grz2gjkmfp] .modify-permissions-dialog {
    border-radius: 16px !important;
    width: 720px !important;
    max-width: 720px !important;
    min-width: unset !important;
    max-height: 85vh !important;
}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.mp-header[b-grz2gjkmfp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.mp-header-text[b-grz2gjkmfp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

[b-grz2gjkmfp] .mp-title {
    font-weight: 700 !important;
    line-height: 1.3;
}

[b-grz2gjkmfp] .mp-subtitle {
    line-height: 1.4;
}

[b-grz2gjkmfp] .mp-close-btn {
    flex-shrink: 0;
    margin-top: -4px;
}

/* ══════════════════════════════════════════════════
   BODY
══════════════════════════════════════════════════ */
.mp-body[b-grz2gjkmfp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4px 0 8px;
}

[b-grz2gjkmfp] .mp-info-alert {
    border-radius: 8px !important;
}

.mp-loading[b-grz2gjkmfp] {
    border-radius: 4px;
}

/* ══════════════════════════════════════════════════
   PERMISSION GROUPS
══════════════════════════════════════════════════ */
.mp-group[b-grz2gjkmfp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-grz2gjkmfp] .mp-group-title {
    font-weight: 700 !important;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.mp-checkboxes[b-grz2gjkmfp] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px 16px;
}


/* ══════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════ */
.mp-footer[b-grz2gjkmfp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

.mp-footer-right[b-grz2gjkmfp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-grz2gjkmfp] .mp-reset-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    height: 44px !important;
    padding: 8px 16px !important;
}

[b-grz2gjkmfp] .mp-cancel-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    height: 44px !important;
    padding: 8px 16px !important;
}

[b-grz2gjkmfp] .mp-save-btn {
    border-radius: 40px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    height: 44px !important;
    padding: 8px 20px !important;
}
/* /Pages/Users/UserDetailsDialog.razor.rz.scp.css */
[b-0jwwnw0690] .user-details-dialog {
    width: 380px;
    max-width: 380px;
    border-radius: 24px;
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.04),
                0px 8px 10px 0px rgba(0,0,0,0.04),
                0px 5px 5px 0px rgba(0,0,0,0.06);
}

/* ─── Title Area ─── */
.title-row[b-0jwwnw0690] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.dialog-title[b-0jwwnw0690] {
    font-weight: 700;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.close-button[b-0jwwnw0690] {
    flex-shrink: 0;
    margin-top: -4px;
}

.status-row[b-0jwwnw0690] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

[b-0jwwnw0690] .status-chip {
    border-radius: 20px !important;
    height: 40px !important;
    font-size: 16px !important;
    padding: 0 16px !important;
    letter-spacing: 0.15px;
}

.last-login-row[b-0jwwnw0690] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-dot[b-0jwwnw0690] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #424242;
    flex-shrink: 0;
}

/* ─── Content Wrapper ─── */
.dialog-content-wrapper[b-0jwwnw0690] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 24px;
}

/* ─── User Info ─── */
.user-info-section[b-0jwwnw0690] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.two-col-grid[b-0jwwnw0690] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.info-field[b-0jwwnw0690] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-0jwwnw0690] .field-label {
    font-weight: 600;
    text-transform: uppercase;
}

/* ─── Section Blocks ─── */
.section-block[b-0jwwnw0690] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-title[b-0jwwnw0690] {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ─── Roles Chips ─── */
.roles-chips[b-0jwwnw0690] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-0jwwnw0690] .role-chip {
    border-radius: 20px !important;
    height: 40px !important;
    font-size: 16px !important;
}

/* ─── Dialog Actions ─── */
.dialog-actions-row[b-0jwwnw0690] {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 16px 32px;
    flex-wrap: wrap;
    width: 100%;
}

[b-0jwwnw0690] .goto-roles-btn {
    text-transform: none;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

[b-0jwwnw0690] .deactivate-btn {
    text-transform: none;
    border-radius: 40px;
    height: 56px;
    padding: 16px 24px;
}

/* ─── Responsive Design — Desktop First ─── */
@media (max-width: 768px) {
    [b-0jwwnw0690] .user-details-dialog {
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        border-radius: 16px;
    }

    .two-col-grid[b-0jwwnw0690] {
        grid-template-columns: 1fr;
    }

    .dialog-actions-row[b-0jwwnw0690] {
        flex-direction: column;
    }

    [b-0jwwnw0690] .goto-roles-btn,
    [b-0jwwnw0690] .deactivate-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    [b-0jwwnw0690] .user-details-dialog {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        margin: 0;
    }
}
/* /Pages/Users/Users.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   BASE LAYOUT
══════════════════════════════════════════════════ */
.enrollments-page-container[b-5lop7iu8fe] {
    padding: 180px 32px 122px 32px;
    display: flex;
    flex-direction: column;
}

/* ══════════════════════════════════════════════════
   AI SECTION
══════════════════════════════════════════════════ */
.ai-assistant-section[b-5lop7iu8fe] {
    padding: var(--of-space-24, 24px);
    margin-bottom: var(--of-space-24, 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ai-message-container[b-5lop7iu8fe] {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: var(--of-space-12, 12px);
    margin-bottom: var(--of-space-16, 16px);
    width: 100%;
    text-align: center;
}

.users-page-title[b-5lop7iu8fe] {
    font-weight: 700;
    letter-spacing: 0.25px;
}

[b-5lop7iu8fe] .ai-message {
    text-align: center;
}

.ai-input-wrapper[b-5lop7iu8fe] {
    margin-bottom: var(--of-space-16, 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-5lop7iu8fe] .ai-input .mud-input-outlined {
    border-radius: 32px !important;
    border: 1px solid #3A5CC0 !important;
    box-shadow: none !important;
    width: 712px !important;
    height: 56px !important;
    max-width: 100%;
}

[b-5lop7iu8fe] .ai-input .mud-input-outlined-border,
[b-5lop7iu8fe] .ai-input fieldset {
    border: none !important;
}

.ai-input-wrapper[b-5lop7iu8fe]  .mud-input-control {
    justify-content: center !important;
    align-items: center !important;
}

.suggestion-chips[b-5lop7iu8fe] {
    display: flex;
    gap: var(--of-space-12, 12px);
    flex-wrap: wrap;
    justify-content: center;
}

[b-5lop7iu8fe] .suggestion-chip {
    display: flex !important;
    width: 279.333px !important;
    height: 58px !important;
    padding: var(--padding-margin-padding-lg, 16px) !important;
    align-items: flex-start !important;
    gap: var(--padding-margin-padding-sm, 12px) !important;
    flex-shrink: 0 !important;
    border-radius: 24px !important;
    border: 1px solid var(--color-theme-mud-palette-primary-lighten, #3A5CC0) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    background-color: rgba(52, 92, 192, 0.12) !important;
}

    [b-5lop7iu8fe] .suggestion-chip::before {
        content: "" !important;
        width: 20px !important;
        height: 18px !important;
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'20'%20height%3D'18'%20viewBox%3D'0%200%2020%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M14.206%209.83681L11.8569%2010.9829C10.5401%2011.6215%209.51779%2012.7453%209.0054%2014.1166L7.6737%2017.6539C7.62666%2017.7801%207.52765%2017.8791%207.40142%2017.9286C7.15883%2018.0177%206.88655%2017.8965%206.79497%2017.6539L5.46574%2014.1166C4.95087%2012.7478%203.93105%2011.6314%202.6142%2010.9928L0.265148%209.8492C0.171086%209.80216%200.0943522%209.72544%200.047321%209.63134C-0.0665478%209.3962%200.0324699%209.11649%200.265148%209.00263L2.6142%207.85904C3.93353%207.22039%204.95335%206.09661%205.46574%204.72528L6.79745%201.18807C6.84448%201.0915%206.92367%201.0123%207.02021%200.965258C7.2628%200.846447%207.55489%200.945496%207.67617%201.18807L9.00788%204.71788C9.51779%206.09166%2010.5401%207.21299%2011.8569%207.85408L14.206%208.9952C14.3694%209.0744%2014.4709%209.24025%2014.4709%209.42098C14.4684%209.59919%2014.3669%209.76006%2014.206%209.83681Z'%20fill%3D'%23304CA0'/%3E%3Cpath%20d%3D'M19.8494%203.46843L18.982%203.89164C18.5168%204.11725%2018.1566%204.51243%2017.9744%204.99589L17.484%206.30333C17.456%206.3748%2017.3999%206.43086%2017.3284%206.45747C17.1911%206.50934%2017.0384%206.44067%2016.9865%206.30333L16.4946%204.99589C16.3139%204.51243%2015.9523%204.11725%2015.4871%203.89164L14.6197%203.46843C14.5664%203.4432%2014.523%203.39976%2014.4978%203.34651C14.4333%203.21339%2014.488%203.05502%2014.6197%202.99057L15.4871%202.56736C15.9523%202.34177%2016.3139%201.94658%2016.4946%201.46172L16.9865%200.155668C17.0131%200.0996286%2017.058%200.0561789%2017.1126%200.028159C17.25%20-0.0391024%2017.4153%200.01834%2017.484%200.155668L17.9744%201.46172C18.1566%201.94658%2018.5168%202.34177%2018.982%202.56736L19.8494%202.99057C19.9027%203.0158%2019.9461%203.05923%2019.9727%203.1125C20.0372%203.24422%2019.9825%203.40397%2019.8494%203.46843Z'%20fill%3D'%23304CA0'/%3E%3C/svg%3E") no-repeat center / 20px 18px !important;
        display: inline-block !important;
    }

/* ══════════════════════════════════════════════════
   USERS TABLE SECTION
══════════════════════════════════════════════════ */
.users-section[b-5lop7iu8fe] {
    padding: 0 0 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.users-header-row[b-5lop7iu8fe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.users-actions[b-5lop7iu8fe] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-5lop7iu8fe] .action-btn-primary {
    text-transform: none;
    border-radius: 40px;
    padding: 6px 16px;
    height: 48px;
}

[b-5lop7iu8fe] .action-btn-default {
    text-transform: none;
    border-radius: 40px;
    padding: 6px 16px;
    height: 48px;
}

[b-5lop7iu8fe] .action-icon-btn {
    border-radius: 48px !important;
    height: 48px;
    width: 48px;
}

/* Table Filters */
.table-filters[b-5lop7iu8fe] {
    flex-grow: 0 !important;
}

[b-5lop7iu8fe] .search-field {
    width: 320px !important;
    flex: 0 0 320px !important;
    max-width: 320px !important;
}

    [b-5lop7iu8fe] .search-field .mud-input-outlined {
        border-radius: 8px !important;
        height: 56px !important;
        box-shadow: none !important;
    }


    [b-5lop7iu8fe] .search-field .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
    }

    [b-5lop7iu8fe] .search-field .mud-input-adornment svg {
        width: 24px !important;
        height: 24px !important;
    }

[b-5lop7iu8fe] .filter-select {
    width: 198.667px !important;
    flex: 0 0 198.667px !important;
    max-width: 198.667px !important;
    flex-grow: 0 !important;
}

    [b-5lop7iu8fe] .filter-select .mud-input-outlined {
        border-radius: 8px !important;
        height: 56px !important;
        box-shadow: none !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }

    [b-5lop7iu8fe] .filter-select .mud-input-outlined-border,
    [b-5lop7iu8fe] .filter-select fieldset {
        flex-grow: 0 !important;
    }

    [b-5lop7iu8fe] .filter-select .mud-input {
        padding-top: 18.5px !important;
        padding-bottom: 18.5px !important;
        width: 198.667px;
        flex-grow: 0 !important;
    }


[b-5lop7iu8fe] .table-refresh-btn {
    flex-shrink: 0 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 40px !important;
    padding: 4px !important;
}


[b-5lop7iu8fe] .filter-select .mud-select {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

[b-5lop7iu8fe] .mud-select {
    flex-grow: 0 !important;
}

/* Table Card */
.table-card[b-5lop7iu8fe] {
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.table-total-row[b-5lop7iu8fe] {
    padding: 10px 20px;
}

.table-total-label[b-5lop7iu8fe] {
    font-size: 13px;
    font-weight: 500;
}

[b-5lop7iu8fe] .users-table { width: 100%; }

[b-5lop7iu8fe] .users-table .mud-table-head .mud-table-cell {
}

.col-header[b-5lop7iu8fe] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 20px !important;
    white-space: nowrap;
}

.row-cell[b-5lop7iu8fe] {
    font-size: 13px;
    color: #424242;
    padding: 14px 20px !important;
    vertical-align: middle;
}

.row-cell-name[b-5lop7iu8fe] {
    font-weight: 600;
    color: #1A1D24;
    letter-spacing: 0.3px;
}

.row-cell-email[b-5lop7iu8fe] {
    color: #616161;
    font-size: 12px;
}

.row-cell-actions[b-5lop7iu8fe] {
    text-align: right;
    width: 120px;
}


.actions-trigger[b-5lop7iu8fe] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
}

/* Pagination */
.table-pagination[b-5lop7iu8fe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 0 16px;
    border-top: 1px solid var(--mud-palette-table-lines);
    position: relative;
}

.rows-per-page[b-5lop7iu8fe] {
    display: flex;
    align-items: center;
}

.pagination-label[b-5lop7iu8fe] {
    padding: 0 10px;
    white-space: nowrap;
}

[b-5lop7iu8fe] .rows-select {
    min-width: 52px;
    padding: 0 10px;
}

.pagination-right[b-5lop7iu8fe] {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.pagination-info[b-5lop7iu8fe] {
    padding: 0 10px;
    white-space: nowrap;
}

.pagination-nav[b-5lop7iu8fe] {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .users-header-row[b-5lop7iu8fe] {
        flex-direction: column;
        align-items: flex-start;
    }

    .users-actions[b-5lop7iu8fe] {
        width: 100%;
        justify-content: flex-start;
    }

    .table-filters[b-5lop7iu8fe] {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: wrap;
        border-radius: 16px;
    }

    [b-5lop7iu8fe] .filter-select,
    [b-5lop7iu8fe] .search-field {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
}
/* /Pages/Welcome/WelcomeAdminIntelligence.razor.rz.scp.css */
.welcome-page[b-gtk1zey60u] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.logo-container[b-gtk1zey60u] {
    margin-top: 184px;
}

.content-container[b-gtk1zey60u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    width: 466px;
    max-width: 90%;
    margin-top: 48px;
}

.welcome-title[b-gtk1zey60u] {
    text-align: center;
    width: 100%;
}

.welcome-description[b-gtk1zey60u] {
    text-align: center;
    width: 100%;
}

[b-gtk1zey60u] .setup-button {
    margin-top: 8px;
    border-radius: 8px !important;
    padding: 16px 24px !important;
}