/* /Areas/CompanyDashboard/Components/ChangeManagementWorkspace.razor.rz.scp.css */
.change-shell[b-0n3gq755nt] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
}

.table-panel[b-0n3gq755nt] {
    background: rgba(7, 18, 28, 0.68);
    border: 1px solid rgba(201, 233, 74, 0.18);
    border-radius: 18px;
    padding: 1.15rem 1.2rem;
    margin-bottom: 1rem;
    box-shadow: 0 18px 40px rgba(3, 8, 16, 0.18);
}

.compact-panel[b-0n3gq755nt] {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
}

.change-header[b-0n3gq755nt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: start;
}

.change-kicker[b-0n3gq755nt] {
    margin: 0 0 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #d7ec71;
}

.change-header h1[b-0n3gq755nt] {
    margin: 0;
    color: #f6f9ff;
}

.subtitle[b-0n3gq755nt] {
    margin: 0.45rem 0 0;
    color: rgba(246, 249, 255, 0.78);
}

.panel-heading[b-0n3gq755nt] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.site-highlight[b-0n3gq755nt],
.site-card[b-0n3gq755nt] {
    display: grid;
    gap: 0.35rem;
    align-content: start;
    background: rgba(10, 25, 38, 0.72);
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 16px;
    padding: 0.95rem 1rem;
}

.site-card[b-0n3gq755nt] {
    width: 100%;
    text-align: left;
    color: #f6f9ff;
    cursor: pointer;
    transition: border-color 0.16s ease, transform 0.16s ease, background-color 0.16s ease;
}

.site-card:hover[b-0n3gq755nt] {
    border-color: rgba(201, 233, 74, 0.35);
    transform: translateY(-1px);
}

.site-card.selected[b-0n3gq755nt] {
    border-color: rgba(201, 233, 74, 0.48);
    background: rgba(13, 31, 45, 0.9);
}

.site-card strong[b-0n3gq755nt],
.site-highlight strong[b-0n3gq755nt] {
    font-size: 1.05rem;
}

.site-grid[b-0n3gq755nt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.9rem;
}

.site-url[b-0n3gq755nt] {
    color: rgba(246, 249, 255, 0.62);
    word-break: break-word;
}

.context-grid[b-0n3gq755nt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.55rem 1rem;
    margin-bottom: 0.85rem;
}

.inline-actions[b-0n3gq755nt] {
    display: flex;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-top: 0.9rem;
}

.action-link[b-0n3gq755nt],
.action-button[b-0n3gq755nt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.action-link[b-0n3gq755nt] {
    border: 1px solid rgba(133, 154, 179, 0.28);
    background: rgba(20, 32, 48, 0.78);
    color: #f4f7fb;
}

.action-button[b-0n3gq755nt] {
    border: none;
    background: #d7ec71;
    color: #10161f;
    cursor: pointer;
}

.action-button.secondary[b-0n3gq755nt] {
    background: rgba(52, 211, 153, 0.16);
    border: 1px solid rgba(52, 211, 153, 0.28);
    color: #d6fff2;
}

.action-button.danger[b-0n3gq755nt] {
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.36);
    color: #ffe0e0;
}

.action-button:disabled[b-0n3gq755nt] {
    opacity: 0.5;
    cursor: not-allowed;
}

.timeline-list[b-0n3gq755nt] {
    display: grid;
    gap: 1rem;
}

.release-card[b-0n3gq755nt] {
    border: 1px solid rgba(133, 154, 179, 0.15);
    border-radius: 16px;
    background: rgba(10, 25, 38, 0.72);
    padding: 1rem;
}

.release-card.current-release[b-0n3gq755nt] {
    border-color: rgba(201, 233, 74, 0.5);
    box-shadow: inset 0 0 0 1px rgba(201, 233, 74, 0.18);
}

.release-card.future-release[b-0n3gq755nt] {
    opacity: 0.76;
}

.release-header[b-0n3gq755nt] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.release-title-row[b-0n3gq755nt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.release-title-row h4[b-0n3gq755nt],
.release-block h5[b-0n3gq755nt],
.review-heading h5[b-0n3gq755nt] {
    margin: 0;
    color: #f6f9ff;
}

.release-meta[b-0n3gq755nt] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0.45rem 0 0;
    color: rgba(246, 249, 255, 0.68);
}

.release-block + .release-block[b-0n3gq755nt] {
    margin-top: 0.9rem;
}

.content-list[b-0n3gq755nt] {
    margin: 0.55rem 0 0;
    padding-left: 1.2rem;
    color: #f6f9ff;
}

.content-list li + li[b-0n3gq755nt] {
    margin-top: 0.35rem;
}

.info-strip[b-0n3gq755nt] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: rgba(215, 236, 113, 0.08);
    border: 1px solid rgba(215, 236, 113, 0.16);
    margin-bottom: 0.9rem;
}

.review-panel[b-0n3gq755nt] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(133, 154, 179, 0.14);
}

.review-heading[b-0n3gq755nt] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.review-meta-box[b-0n3gq755nt] {
    display: grid;
    gap: 0.2rem;
    align-content: start;
    text-align: right;
    color: rgba(246, 249, 255, 0.72);
}

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

.review-grid label[b-0n3gq755nt] {
    display: grid;
    gap: 0.35rem;
    color: rgba(246, 249, 255, 0.82);
}

.review-grid textarea[b-0n3gq755nt] {
    min-height: 8.5rem;
    resize: vertical;
    background: rgba(7, 18, 28, 0.86);
    border: 1px solid rgba(133, 154, 179, 0.28);
    border-radius: 12px;
    color: #f6f9ff;
    padding: 0.8rem;
    font: inherit;
}

.decision-meta[b-0n3gq755nt] {
    margin: 0.85rem 0 0;
    color: rgba(246, 249, 255, 0.72);
}

.status-pill[b-0n3gq755nt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.85rem;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.status-pill.neutral[b-0n3gq755nt] {
    background: rgba(133, 154, 179, 0.18);
    color: #e8eef7;
}

.status-pill.current[b-0n3gq755nt],
.status-pill.success[b-0n3gq755nt] {
    background: rgba(52, 211, 153, 0.16);
    color: #b8ffec;
}

.status-pill.warning[b-0n3gq755nt] {
    background: rgba(250, 204, 21, 0.16);
    color: #ffe8a3;
}

.status-pill.danger[b-0n3gq755nt] {
    background: rgba(239, 68, 68, 0.18);
    color: #ffd3d3;
}

.status-pill.future[b-0n3gq755nt] {
    background: rgba(96, 165, 250, 0.18);
    color: #d4e6ff;
}

.staff-status.warning[b-0n3gq755nt] {
    color: #facc15;
}

.staff-status.success[b-0n3gq755nt] {
    color: #86efac;
}

.staff-status.error[b-0n3gq755nt] {
    color: #fca5a5;
}

@media (max-width: 900px) {
    .change-header[b-0n3gq755nt],
    .review-grid[b-0n3gq755nt] {
        grid-template-columns: 1fr;
    }

    .review-meta-box[b-0n3gq755nt] {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .change-shell[b-0n3gq755nt] {
        padding: 1rem;
    }

    .release-meta[b-0n3gq755nt] {
        gap: 0.55rem;
        flex-direction: column;
    }

    .inline-actions[b-0n3gq755nt],
    .action-link[b-0n3gq755nt],
    .action-button[b-0n3gq755nt] {
        width: 100%;
    }
}
/* /Areas/CompanyDashboard/Components/FileList.razor.rz.scp.css */
.question-file-list[b-z6aeefelaa]{list-style:none;padding:0}.question-file-list li[b-z6aeefelaa]{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid #e3e8ed}.question-file-list a[b-z6aeefelaa]{flex:1}.question-file-list button[b-z6aeefelaa]{border:0;background:transparent;color:#a22;cursor:pointer}
/* /Areas/CompanyDashboard/Components/FinanceAccessNotice.razor.rz.scp.css */
.access-notice[b-tdpizoecl4] {
    display: grid;
    gap: .9rem;
    align-content: start;
}

.eyebrow[b-tdpizoecl4] {
    margin: 0;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.access-notice-copy[b-tdpizoecl4] {
    display: grid;
    gap: .45rem;
}

.access-notice-message[b-tdpizoecl4] {
    margin: 0;
    color: rgba(246, 249, 255, .76);
    line-height: 1.45;
}

.access-notice-copy h2[b-tdpizoecl4] {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.15;
}

.access-notice-copy p:last-child[b-tdpizoecl4] {
    margin: 0;
    color: rgba(246, 249, 255, .78);
    line-height: 1.55;
}

.access-notice-link[b-tdpizoecl4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 2.5rem;
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 999px;
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    font-weight: 800;
    padding: .45rem 1rem;
    text-decoration: none;
    transition: transform .14s ease, border-color .14s ease;
}

.access-notice-link:hover[b-tdpizoecl4] {
    transform: translateY(-1px);
    border-color: rgba(201, 233, 74, .42);
}
/* /Areas/CompanyDashboard/Components/FinanceAccessRequest.razor.rz.scp.css */
.access-request-panel[b-2cikankerp] {
    display: grid;
    gap: 1rem;
    border: 1px solid rgba(201, 233, 74, .22);
    border-radius: 8px;
    background: rgba(10, 25, 38, .76);
    color: #f6f9ff;
    padding: 1rem;
}

.access-request-panel h2[b-2cikankerp] {
    margin: 0;
}

.access-request-panel p[b-2cikankerp] {
    margin: .4rem 0 0;
    color: rgba(246, 249, 255, .76);
    line-height: 1.5;
}

.access-request-form[b-2cikankerp] {
    display: grid;
    gap: .75rem;
}

.access-request-form label[b-2cikankerp] {
    display: grid;
    gap: .35rem;
    color: rgba(246, 249, 255, .74);
    font-size: .85rem;
    font-weight: 800;
}

.access-request-form textarea[b-2cikankerp] {
    width: 100%;
    min-height: 7rem;
    resize: vertical;
    border: 1px solid rgba(133, 154, 179, .34);
    border-radius: 8px;
    background: rgba(4, 10, 18, .72);
    color: #f6f9ff;
    padding: .75rem;
    font: inherit;
    font-weight: 500;
}

.access-request-error[b-2cikankerp] {
    color: #fecaca !important;
}

.access-request-success[b-2cikankerp] {
    color: #d7ec71 !important;
    font-weight: 800;
}

.primary-action[b-2cikankerp] {
    justify-self: start;
    min-height: 2.7rem;
    border: 0;
    border-radius: 8px;
    background: #c9e94a;
    color: #0a0d08;
    cursor: pointer;
    font-weight: 800;
    padding: .55rem .95rem;
}

.primary-action:disabled[b-2cikankerp] {
    cursor: progress;
    opacity: .72;
}
/* /Areas/CompanyDashboard/Pages/CompanyDashboard.razor.rz.scp.css */
.portal-dashboard[b-vplmh2l3rx] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.dashboard-hero[b-vplmh2l3rx],
.section-block[b-vplmh2l3rx],
.activity-panel[b-vplmh2l3rx],
.site-card[b-vplmh2l3rx],
.dashboard-alert[b-vplmh2l3rx] {
    border: 1px solid rgba(201, 233, 74, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(21, 25, 30, 0.98), rgba(17, 24, 32, 0.98));
    box-shadow: 0 18px 42px rgba(3, 8, 16, 0.18);
}

.dashboard-hero[b-vplmh2l3rx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.eyebrow[b-vplmh2l3rx] {
    margin: 0 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dashboard-hero h1[b-vplmh2l3rx],
.section-heading h2[b-vplmh2l3rx],
.site-card h3[b-vplmh2l3rx],
.activity-panel h3[b-vplmh2l3rx],
.dashboard-alert h1[b-vplmh2l3rx],
.empty-panel h3[b-vplmh2l3rx] {
    margin: 0;
}

.dashboard-hero h1[b-vplmh2l3rx] {
    font-size: clamp(2.2rem, 4vw, 4.2rem);
    line-height: 1;
    letter-spacing: 0;
}

.hero-copy p[b-vplmh2l3rx],
.section-heading p[b-vplmh2l3rx],
.site-card p[b-vplmh2l3rx],
.empty-panel p[b-vplmh2l3rx],
.panel-muted[b-vplmh2l3rx],
.panel-error[b-vplmh2l3rx] {
    color: rgba(246, 249, 255, .74);
    line-height: 1.5;
}

.hero-copy p:last-child[b-vplmh2l3rx] {
    max-width: 64ch;
    margin: .75rem 0 0;
}

.hero-actions[b-vplmh2l3rx] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

.primary-action[b-vplmh2l3rx],
.secondary-action[b-vplmh2l3rx],
.site-actions a[b-vplmh2l3rx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.7rem;
    border-radius: 8px;
    font-weight: 800;
    padding: .55rem .95rem;
    text-decoration: none;
}

.primary-action[b-vplmh2l3rx] {
    background: #c9e94a;
    color: #0a0d08;
}

.secondary-action[b-vplmh2l3rx],
.site-actions a[b-vplmh2l3rx] {
    border: 1px solid rgba(133, 154, 179, .28);
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
}

.site-facts dt[b-vplmh2l3rx] {
    color: rgba(246, 249, 255, .62);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-grid[b-vplmh2l3rx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 1rem;
    align-items: start;
}

.main-column[b-vplmh2l3rx],
.side-column[b-vplmh2l3rx],
.activity-panels[b-vplmh2l3rx],
.site-list[b-vplmh2l3rx],
.quick-link-list[b-vplmh2l3rx],
.dashboard-loading[b-vplmh2l3rx] {
    display: grid;
    gap: 1rem;
}

.section-block[b-vplmh2l3rx] {
    padding: 1rem;
}

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

.section-heading p[b-vplmh2l3rx] {
    margin: .35rem 0 0;
}

.site-card[b-vplmh2l3rx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.site-card-main[b-vplmh2l3rx] {
    min-width: 0;
}

.site-card-main > div[b-vplmh2l3rx] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    margin-bottom: .45rem;
}

.site-card p[b-vplmh2l3rx] {
    margin: 0;
}

.status-pill[b-vplmh2l3rx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    border-radius: 8px;
    font-size: .73rem;
    font-weight: 800;
    padding: .15rem .55rem;
}

.status-production[b-vplmh2l3rx] {
    background: rgba(52, 211, 153, .15);
    color: #b8ffec;
}

.status-qa[b-vplmh2l3rx] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-neutral[b-vplmh2l3rx] {
    background: rgba(133, 154, 179, .18);
    color: #e8eef7;
}

.site-facts[b-vplmh2l3rx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
}

.site-facts div[b-vplmh2l3rx] {
    display: grid;
    gap: .2rem;
}

.site-facts dd[b-vplmh2l3rx] {
    margin: 0;
    font-weight: 800;
}

.site-actions[b-vplmh2l3rx] {
    display: grid;
    gap: .45rem;
    min-width: 8.5rem;
}

.activity-panels[b-vplmh2l3rx] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.activity-panel[b-vplmh2l3rx] {
    display: grid;
    align-content: start;
    gap: .75rem;
    padding: .95rem;
    min-height: 14rem;
}

.panel-title-row[b-vplmh2l3rx] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: baseline;
}

.panel-title-row a[b-vplmh2l3rx] {
    color: #d7ec71;
    font-weight: 800;
    text-decoration: none;
}

.compact-list[b-vplmh2l3rx] {
    display: grid;
    gap: .55rem;
}

.compact-item[b-vplmh2l3rx],
.quick-link[b-vplmh2l3rx] {
    display: flex;
    justify-content: space-between;
    gap: .85rem;
    border: 1px solid rgba(133, 154, 179, .18);
    border-radius: 8px;
    background: rgba(10, 25, 38, .72);
    color: #f6f9ff;
    padding: .75rem;
    text-decoration: none;
}

.compact-item span:first-child[b-vplmh2l3rx] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.compact-item small[b-vplmh2l3rx] {
    color: rgba(246, 249, 255, .66);
    overflow-wrap: anywhere;
}

.compact-item span:last-child[b-vplmh2l3rx] {
    color: #d7ec71;
    font-weight: 800;
    white-space: nowrap;
}

.quick-actions[b-vplmh2l3rx] {
    position: sticky;
    top: 8.25rem;
}

.quick-link[b-vplmh2l3rx] {
    align-items: center;
    transition: border-color .16s ease, transform .16s ease;
}

.quick-link:hover[b-vplmh2l3rx] {
    border-color: rgba(201, 233, 74, .42);
    transform: translateY(-1px);
}

.quick-link span[b-vplmh2l3rx] {
    font-weight: 800;
}

.quick-link strong[b-vplmh2l3rx] {
    color: rgba(246, 249, 255, .7);
    font-size: .86rem;
    text-align: right;
}

.quick-link-status[b-vplmh2l3rx] {
    display: grid;
    gap: .2rem;
    justify-items: end;
}

.quick-link-status a[b-vplmh2l3rx] {
    color: #d7ec71;
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.quick-link-disabled[b-vplmh2l3rx] {
    pointer-events: none;
    opacity: .72;
}

.empty-panel[b-vplmh2l3rx],
.dashboard-alert[b-vplmh2l3rx] {
    padding: 1rem;
}

.dashboard-alert-error[b-vplmh2l3rx],
.panel-error[b-vplmh2l3rx] {
    color: #fecaca;
}

.dashboard-loading[b-vplmh2l3rx] {
    padding: 1rem 0;
}

.skeleton[b-vplmh2l3rx] {
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .11), rgba(255, 255, 255, .06));
    background-size: 220% 100%;
    animation: dashboard-pulse-b-vplmh2l3rx 1.4s ease-in-out infinite;
}

.skeleton-hero[b-vplmh2l3rx] {
    height: 12rem;
}

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

.skeleton-card[b-vplmh2l3rx] {
    height: 11rem;
}

@keyframes dashboard-pulse-b-vplmh2l3rx {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

@media (max-width: 1180px) {
    .dashboard-grid[b-vplmh2l3rx],
    .activity-panels[b-vplmh2l3rx],
    .site-card[b-vplmh2l3rx] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-vplmh2l3rx] {
        position: static;
    }

    .site-actions[b-vplmh2l3rx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }
}

@media (max-width: 720px) {
    .portal-dashboard[b-vplmh2l3rx] {
        padding: 1rem;
    }

    .dashboard-hero[b-vplmh2l3rx],
    .skeleton-grid[b-vplmh2l3rx] {
        grid-template-columns: 1fr;
    }

    .hero-actions[b-vplmh2l3rx],
    .section-heading[b-vplmh2l3rx] {
        display: grid;
        justify-content: stretch;
    }

    .site-facts[b-vplmh2l3rx],
    .site-actions[b-vplmh2l3rx] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/CompanyDashboard/Pages/CustomerInvoiceDetails.razor.rz.scp.css */
.quote-shell[b-946tzdw26v] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.quote-hero[b-946tzdw26v],
.dashboard-panel[b-946tzdw26v],
.fact-card[b-946tzdw26v] {
    border: 1px solid rgba(201, 233, 74, .18);
    background: linear-gradient(180deg, rgba(21, 25, 30, .98), rgba(19, 28, 38, .98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, .18);
}

.quote-hero[b-946tzdw26v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.back-link[b-946tzdw26v],
.action-button[b-946tzdw26v],
.secondary-button[b-946tzdw26v] {
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 999px;
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    cursor: pointer;
    font-weight: 800;
    min-height: 2.35rem;
    padding: .45rem 1rem;
}

.action-button[b-946tzdw26v] {
    border-color: rgba(201, 233, 74, .42);
    background: rgba(201, 233, 74, .16);
    color: #f9ffcf;
}

.eyebrow[b-946tzdw26v] {
    margin: 1rem 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.title-row[b-946tzdw26v] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.title-row h1[b-946tzdw26v] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    letter-spacing: 0;
}

.hero-copy[b-946tzdw26v],
.section-heading p[b-946tzdw26v],
.report-block p[b-946tzdw26v],
.status-card p[b-946tzdw26v],
.quote-line-card p[b-946tzdw26v] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.55;
}

.status-card[b-946tzdw26v] {
    display: grid;
    gap: .4rem;
    border: 1px solid rgba(133, 154, 179, .18);
    border-radius: 16px;
    background: rgba(10, 25, 38, .72);
    padding: 1rem;
}

.status-card span[b-946tzdw26v],
.fact-card span[b-946tzdw26v],
.date-list dt[b-946tzdw26v],
.quote-line-card dt[b-946tzdw26v] {
    color: rgba(246, 249, 255, .64);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.status-card strong[b-946tzdw26v] {
    font-size: 1.6rem;
}

.facts-grid[b-946tzdw26v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.fact-card[b-946tzdw26v] {
    display: grid;
    gap: .3rem;
    padding: .9rem 1rem;
}

.detail-grid[b-946tzdw26v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: start;
}

.dashboard-panel[b-946tzdw26v] {
    padding: 1rem;
}

.status-panel p[b-946tzdw26v] {
    color: #c9e94a;
    margin: 0;
}

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

.section-heading h2[b-946tzdw26v],
.dashboard-panel h2[b-946tzdw26v],
.report-block h3[b-946tzdw26v],
.quote-line-card h3[b-946tzdw26v] {
    margin: 0;
}

.quote-actions[b-946tzdw26v] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
}

.report-panel[b-946tzdw26v],
.quote-line-list[b-946tzdw26v],
.side-stack[b-946tzdw26v] {
    display: grid;
    gap: .85rem;
}

.report-block[b-946tzdw26v],
.quote-line-card[b-946tzdw26v] {
    border: 1px solid rgba(133, 154, 179, .14);
    border-radius: 16px;
    background: rgba(10, 25, 38, .62);
    padding: .95rem 1rem;
}

.report-block.prominent[b-946tzdw26v] {
    border-color: rgba(201, 233, 74, .26);
}

.quote-line-card[b-946tzdw26v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
    gap: 1rem;
    align-items: start;
}

.quote-line-card dl[b-946tzdw26v],
.date-list[b-946tzdw26v] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
}

.quote-line-card dl div[b-946tzdw26v],
.date-list div[b-946tzdw26v] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, .14);
    padding-bottom: .55rem;
}

.quote-line-card dd[b-946tzdw26v],
.date-list dd[b-946tzdw26v] {
    margin: 0;
    color: rgba(246, 249, 255, .86);
    font-weight: 700;
    text-align: right;
}

.status-pill[b-946tzdw26v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    padding: .18rem .7rem;
}

.status-published[b-946tzdw26v],
.status-sent[b-946tzdw26v] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-accepted[b-946tzdw26v] {
    background: rgba(52, 211, 153, .16);
    color: #b8ffec;
}

.status-rejected[b-946tzdw26v] {
    background: rgba(239, 68, 68, .18);
    color: #ffd3d3;
}

.dashboard-error[b-946tzdw26v] {
    color: #fecaca;
    font-weight: 700;
}

.loading-panel[b-946tzdw26v] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-946tzdw26v],
.skeleton-card[b-946tzdw26v] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-946tzdw26v] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-946tzdw26v] {
    width: 72%;
}

.skeleton-card[b-946tzdw26v] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .quote-hero[b-946tzdw26v],
    .facts-grid[b-946tzdw26v],
    .detail-grid[b-946tzdw26v],
    .quote-line-card[b-946tzdw26v] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-946tzdw26v] {
        display: grid;
    }

    .quote-actions[b-946tzdw26v] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .quote-shell[b-946tzdw26v] {
        padding: 1rem;
    }

    .date-list div[b-946tzdw26v],
    .quote-line-card dl div[b-946tzdw26v] {
        display: grid;
    }

    .date-list dd[b-946tzdw26v],
    .quote-line-card dd[b-946tzdw26v] {
        text-align: left;
    }
}
/* /Areas/CompanyDashboard/Pages/CustomerQuoteDetails.razor.rz.scp.css */
.quote-shell[b-x1qz2ohed3] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.quote-hero[b-x1qz2ohed3],
.dashboard-panel[b-x1qz2ohed3],
.fact-card[b-x1qz2ohed3] {
    border: 1px solid rgba(201, 233, 74, .18);
    background: linear-gradient(180deg, rgba(21, 25, 30, .98), rgba(19, 28, 38, .98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, .18);
}

.quote-hero[b-x1qz2ohed3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.back-link[b-x1qz2ohed3],
.action-button[b-x1qz2ohed3],
.secondary-button[b-x1qz2ohed3] {
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 999px;
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    cursor: pointer;
    font-weight: 800;
    min-height: 2.35rem;
    padding: .45rem 1rem;
}

.action-button[b-x1qz2ohed3] {
    border-color: rgba(201, 233, 74, .42);
    background: rgba(201, 233, 74, .16);
    color: #f9ffcf;
}

.eyebrow[b-x1qz2ohed3] {
    margin: 1rem 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.title-row[b-x1qz2ohed3] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.title-row h1[b-x1qz2ohed3] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    letter-spacing: 0;
}

.hero-copy[b-x1qz2ohed3],
.section-heading p[b-x1qz2ohed3],
.report-block p[b-x1qz2ohed3],
.status-card p[b-x1qz2ohed3],
.quote-line-card p[b-x1qz2ohed3] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.55;
}

.status-card[b-x1qz2ohed3] {
    display: grid;
    gap: .4rem;
    border: 1px solid rgba(133, 154, 179, .18);
    border-radius: 16px;
    background: rgba(10, 25, 38, .72);
    padding: 1rem;
}

.status-card span[b-x1qz2ohed3],
.fact-card span[b-x1qz2ohed3],
.date-list dt[b-x1qz2ohed3],
.quote-line-card dt[b-x1qz2ohed3] {
    color: rgba(246, 249, 255, .64);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.status-card strong[b-x1qz2ohed3] {
    font-size: 1.6rem;
}

.facts-grid[b-x1qz2ohed3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.fact-card[b-x1qz2ohed3] {
    display: grid;
    gap: .3rem;
    padding: .9rem 1rem;
}

.detail-grid[b-x1qz2ohed3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: start;
}

.dashboard-panel[b-x1qz2ohed3] {
    padding: 1rem;
}

.status-panel p[b-x1qz2ohed3] {
    color: #c9e94a;
    margin: 0;
}

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

.section-heading h2[b-x1qz2ohed3],
.dashboard-panel h2[b-x1qz2ohed3],
.report-block h3[b-x1qz2ohed3],
.quote-line-card h3[b-x1qz2ohed3] {
    margin: 0;
}

.quote-actions[b-x1qz2ohed3] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
}

.report-panel[b-x1qz2ohed3],
.quote-line-list[b-x1qz2ohed3],
.side-stack[b-x1qz2ohed3] {
    display: grid;
    gap: .85rem;
}

.report-block[b-x1qz2ohed3],
.quote-line-card[b-x1qz2ohed3] {
    border: 1px solid rgba(133, 154, 179, .14);
    border-radius: 16px;
    background: rgba(10, 25, 38, .62);
    padding: .95rem 1rem;
}

.report-block.prominent[b-x1qz2ohed3] {
    border-color: rgba(201, 233, 74, .26);
}

.quote-line-card[b-x1qz2ohed3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
    gap: 1rem;
    align-items: start;
}

.quote-line-card dl[b-x1qz2ohed3],
.date-list[b-x1qz2ohed3] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
}

.quote-line-card dl div[b-x1qz2ohed3],
.date-list div[b-x1qz2ohed3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, .14);
    padding-bottom: .55rem;
}

.quote-line-card dd[b-x1qz2ohed3],
.date-list dd[b-x1qz2ohed3] {
    margin: 0;
    color: rgba(246, 249, 255, .86);
    font-weight: 700;
    text-align: right;
}

.status-pill[b-x1qz2ohed3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    padding: .18rem .7rem;
}

.status-published[b-x1qz2ohed3],
.status-sent[b-x1qz2ohed3] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-accepted[b-x1qz2ohed3] {
    background: rgba(52, 211, 153, .16);
    color: #b8ffec;
}

.status-rejected[b-x1qz2ohed3] {
    background: rgba(239, 68, 68, .18);
    color: #ffd3d3;
}

.dashboard-error[b-x1qz2ohed3] {
    color: #fecaca;
    font-weight: 700;
}

.loading-panel[b-x1qz2ohed3] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-x1qz2ohed3],
.skeleton-card[b-x1qz2ohed3] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-x1qz2ohed3] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-x1qz2ohed3] {
    width: 72%;
}

.skeleton-card[b-x1qz2ohed3] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .quote-hero[b-x1qz2ohed3],
    .facts-grid[b-x1qz2ohed3],
    .detail-grid[b-x1qz2ohed3],
    .quote-line-card[b-x1qz2ohed3] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-x1qz2ohed3] {
        display: grid;
    }

    .quote-actions[b-x1qz2ohed3] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .quote-shell[b-x1qz2ohed3] {
        padding: 1rem;
    }

    .date-list div[b-x1qz2ohed3],
    .quote-line-card dl div[b-x1qz2ohed3] {
        display: grid;
    }

    .date-list dd[b-x1qz2ohed3],
    .quote-line-card dd[b-x1qz2ohed3] {
        text-align: left;
    }
}
/* /Areas/CompanyDashboard/Pages/IncidentDetails.razor.rz.scp.css */
.incident-shell[b-dmdszjp3gm] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.incident-hero[b-dmdszjp3gm],
.dashboard-panel[b-dmdszjp3gm],
.fact-card[b-dmdszjp3gm] {
    border: 1px solid rgba(201, 233, 74, 0.18);
    background: linear-gradient(180deg, rgba(21, 25, 30, 0.98), rgba(19, 28, 38, 0.98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, 0.18);
}

.incident-hero[b-dmdszjp3gm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.back-link[b-dmdszjp3gm] {
    border: 1px solid rgba(133, 154, 179, 0.28);
    border-radius: 999px;
    background: rgba(20, 32, 48, 0.78);
    color: #f4f7fb;
    cursor: pointer;
    font-weight: 800;
    min-height: 2.35rem;
    padding: .45rem 1rem;
}

.eyebrow[b-dmdszjp3gm] {
    margin: 1rem 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.title-row[b-dmdszjp3gm] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.title-row h1[b-dmdszjp3gm] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    letter-spacing: 0;
}

.hero-copy[b-dmdszjp3gm],
.section-heading p[b-dmdszjp3gm],
.report-block p[b-dmdszjp3gm],
.status-card p[b-dmdszjp3gm],
.empty-note[b-dmdszjp3gm],
.timeline-list p[b-dmdszjp3gm] {
    color: rgba(246, 249, 255, 0.76);
    line-height: 1.55;
}

.hero-copy[b-dmdszjp3gm] {
    max-width: 68ch;
    margin: .75rem 0 0;
    font-size: 1.05rem;
}

.status-card[b-dmdszjp3gm] {
    display: grid;
    gap: .4rem;
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 16px;
    background: rgba(10, 25, 38, 0.72);
    padding: 1rem;
}

.status-card span[b-dmdszjp3gm],
.fact-card span[b-dmdszjp3gm],
.date-list dt[b-dmdszjp3gm] {
    color: rgba(246, 249, 255, 0.64);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.status-card strong[b-dmdszjp3gm] {
    font-size: 1.6rem;
}

.status-card p[b-dmdszjp3gm] {
    margin: 0;
}

.facts-grid[b-dmdszjp3gm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.fact-card[b-dmdszjp3gm] {
    display: grid;
    gap: .3rem;
    padding: .9rem 1rem;
}

.fact-card strong[b-dmdszjp3gm] {
    color: #f6f9ff;
    font-size: 1rem;
}

.detail-grid[b-dmdszjp3gm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: start;
}

.dashboard-panel[b-dmdszjp3gm] {
    padding: 1rem;
}

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

.section-heading h2[b-dmdszjp3gm],
.dashboard-panel h2[b-dmdszjp3gm],
.report-block h3[b-dmdszjp3gm] {
    margin: 0;
}

.section-heading p[b-dmdszjp3gm] {
    margin: .35rem 0 0;
}

.report-panel[b-dmdszjp3gm] {
    display: grid;
    gap: .85rem;
}

.report-block[b-dmdszjp3gm] {
    border: 1px solid rgba(133, 154, 179, 0.14);
    border-radius: 16px;
    background: rgba(10, 25, 38, 0.62);
    padding: .95rem 1rem;
}

.report-block.prominent[b-dmdszjp3gm] {
    border-color: rgba(201, 233, 74, .26);
}

.report-block p[b-dmdszjp3gm] {
    margin: .45rem 0 0;
    white-space: pre-wrap;
}

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

.side-stack[b-dmdszjp3gm] {
    display: grid;
    gap: 1rem;
}

.attachment-list[b-dmdszjp3gm],
.date-list[b-dmdszjp3gm] {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
}

.attachment-list li[b-dmdszjp3gm] {
    display: grid;
    gap: .2rem;
    border: 1px solid rgba(133, 154, 179, 0.14);
    border-radius: 12px;
    background: rgba(10, 25, 38, 0.62);
    padding: .75rem;
}

.attachment-list a[b-dmdszjp3gm] {
    color: #d7ec71;
    font-weight: 800;
    text-decoration: none;
    word-break: break-word;
}

.attachment-list span[b-dmdszjp3gm],
.date-list dd[b-dmdszjp3gm] {
    color: rgba(246, 249, 255, 0.72);
}

.date-list div[b-dmdszjp3gm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.14);
    padding-bottom: .55rem;
}

.date-list dd[b-dmdszjp3gm] {
    margin: 0;
    text-align: right;
    font-weight: 700;
}

.updates-grid[b-dmdszjp3gm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.notes-panel[b-dmdszjp3gm],
.timeline-panel[b-dmdszjp3gm] {
    min-height: 0;
}

.external-notes-list[b-dmdszjp3gm] {
    display: grid;
    gap: .75rem;
    max-height: 430px;
    overflow-y: auto;
    padding-right: .15rem;
}

.external-note[b-dmdszjp3gm] {
    border: 1px solid rgba(133, 154, 179, 0.14);
    border-radius: 16px;
    background: rgba(10, 25, 38, 0.62);
    padding: .9rem 1rem;
}

.note-meta[b-dmdszjp3gm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    color: rgba(246, 249, 255, .78);
    font-size: .9rem;
}

.note-meta time[b-dmdszjp3gm] {
    color: rgba(246, 249, 255, .62);
}

.external-note p[b-dmdszjp3gm] {
    margin: .55rem 0 0;
    color: rgba(246, 249, 255, 0.82);
    line-height: 1.55;
    white-space: pre-wrap;
}

.timeline-list[b-dmdszjp3gm] {
    display: grid;
    gap: .85rem;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 430px;
    overflow-y: auto;
    padding-right: .15rem;
}

.timeline-list li[b-dmdszjp3gm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
}

.timeline-marker[b-dmdszjp3gm] {
    width: .9rem;
    height: .9rem;
    border-radius: 999px;
    margin-top: .25rem;
}

.timeline-head[b-dmdszjp3gm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.timeline-head time[b-dmdszjp3gm] {
    color: rgba(246, 249, 255, .64);
    font-size: .9rem;
}

.timeline-list p[b-dmdszjp3gm] {
    margin: .3rem 0 0;
}

.status-pill[b-dmdszjp3gm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    padding: .18rem .7rem;
}

.status-progress[b-dmdszjp3gm] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-resolved[b-dmdszjp3gm] {
    background: rgba(52, 211, 153, .16);
    color: #b8ffec;
}

.status-archived[b-dmdszjp3gm],
.status-neutral[b-dmdszjp3gm] {
    background: rgba(133, 154, 179, .18);
    color: #e8eef7;
}

.severity-low[b-dmdszjp3gm] {
    color: #b8ffec;
}

.severity-medium[b-dmdszjp3gm] {
    color: #ffe8a3;
}

.severity-high[b-dmdszjp3gm] {
    color: #fed7aa;
}

.severity-critical[b-dmdszjp3gm] {
    color: #ffd3d3;
}

.dashboard-error[b-dmdszjp3gm] {
    color: #fecaca;
    font-weight: 700;
}

.loading-panel[b-dmdszjp3gm] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-dmdszjp3gm],
.skeleton-card[b-dmdszjp3gm] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-dmdszjp3gm] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-dmdszjp3gm] {
    width: 72%;
}

.skeleton-card[b-dmdszjp3gm] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .incident-hero[b-dmdszjp3gm],
    .facts-grid[b-dmdszjp3gm],
    .detail-grid[b-dmdszjp3gm],
    .updates-grid[b-dmdszjp3gm],
    .two-column[b-dmdszjp3gm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .incident-shell[b-dmdszjp3gm] {
        padding: 1rem;
    }

    .date-list div[b-dmdszjp3gm],
    .timeline-head[b-dmdszjp3gm] {
        display: grid;
    }

    .date-list dd[b-dmdszjp3gm] {
        text-align: left;
    }
}
/* /Areas/CompanyDashboard/Pages/Incidents.razor.rz.scp.css */
.incidents-shell[b-rg4vrz6apj] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.incidents-hero[b-rg4vrz6apj],
.dashboard-panel[b-rg4vrz6apj],
.empty-panel[b-rg4vrz6apj],
.incident-card[b-rg4vrz6apj] {
    border: 1px solid rgba(201, 233, 74, 0.18);
    background: linear-gradient(180deg, rgba(21, 25, 30, 0.98), rgba(19, 28, 38, 0.98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, 0.18);
}

.incidents-hero[b-rg4vrz6apj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.eyebrow[b-rg4vrz6apj] {
    margin: 0 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.incidents-hero h1[b-rg4vrz6apj],
.section-heading h2[b-rg4vrz6apj],
.empty-panel h2[b-rg4vrz6apj],
.incident-card h2[b-rg4vrz6apj] {
    margin: 0;
}

.incidents-hero h1[b-rg4vrz6apj] {
    font-size: clamp(2rem, 4vw, 3.8rem);
    letter-spacing: 0;
    line-height: 1;
}

.hero-copy[b-rg4vrz6apj],
.section-heading p[b-rg4vrz6apj],
.incident-card p[b-rg4vrz6apj],
.empty-panel p[b-rg4vrz6apj] {
    color: rgba(246, 249, 255, 0.76);
    line-height: 1.5;
}

.hero-copy[b-rg4vrz6apj] {
    max-width: 62ch;
    margin: .75rem 0 0;
}

.hero-stat-grid[b-rg4vrz6apj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.hero-stat[b-rg4vrz6apj] {
    display: grid;
    gap: .25rem;
    border-radius: 14px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: rgba(10, 25, 38, 0.72);
    padding: .85rem;
}

.hero-stat span[b-rg4vrz6apj],
.filter-row span[b-rg4vrz6apj],
.incident-card-facts dt[b-rg4vrz6apj] {
    color: rgba(246, 249, 255, 0.64);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-stat strong[b-rg4vrz6apj] {
    color: #f6f9ff;
    font-size: 1.8rem;
    line-height: 1;
}

.dashboard-panel[b-rg4vrz6apj],
.empty-panel[b-rg4vrz6apj] {
    padding: 1rem;
    margin-bottom: 1rem;
}

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

.section-heading p[b-rg4vrz6apj] {
    margin: .35rem 0 0;
}

.action-link[b-rg4vrz6apj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    border: 1px solid rgba(133, 154, 179, 0.28);
    border-radius: 999px;
    background: rgba(20, 32, 48, 0.78);
    color: #f4f7fb;
    font-weight: 800;
    padding: .45rem 1rem;
    text-decoration: none;
}

.filter-row[b-rg4vrz6apj] {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(180px, .8fr));
    gap: .75rem;
}

.filter-row label[b-rg4vrz6apj] {
    display: grid;
    gap: .35rem;
}

.filter-row input[b-rg4vrz6apj],
.filter-row select[b-rg4vrz6apj] {
    min-height: 2.75rem;
    border: 1px solid rgba(133, 154, 179, 0.28);
    border-radius: 12px;
    background: rgba(7, 18, 28, 0.86);
    color: #f6f9ff;
    padding: .7rem .8rem;
}

.filter-row input:focus[b-rg4vrz6apj],
.filter-row select:focus[b-rg4vrz6apj] {
    outline: 2px solid rgba(201, 233, 74, .28);
    border-color: rgba(201, 233, 74, .56);
}

.incident-list[b-rg4vrz6apj] {
    display: grid;
    gap: .85rem;
}

.incident-card[b-rg4vrz6apj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease, background-color .16s ease;
}

.incident-card:hover[b-rg4vrz6apj],
.incident-card:focus[b-rg4vrz6apj] {
    border-color: rgba(201, 233, 74, 0.42);
    transform: translateY(-1px);
}

.incident-card-top[b-rg4vrz6apj],
.chip-row[b-rg4vrz6apj] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.incident-card-top[b-rg4vrz6apj] {
    justify-content: space-between;
    margin-bottom: .5rem;
}

.incident-number[b-rg4vrz6apj] {
    color: #d7ec71;
    font-weight: 900;
    letter-spacing: .04em;
}

.incident-card h2[b-rg4vrz6apj] {
    font-size: 1.1rem;
    letter-spacing: 0;
}

.incident-card p[b-rg4vrz6apj] {
    margin: .35rem 0 .7rem;
}

.status-pill[b-rg4vrz6apj],
.meta-chip[b-rg4vrz6apj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.85rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    padding: .18rem .65rem;
}

.status-progress[b-rg4vrz6apj] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-resolved[b-rg4vrz6apj] {
    background: rgba(52, 211, 153, .16);
    color: #b8ffec;
}

.status-archived[b-rg4vrz6apj],
.status-neutral[b-rg4vrz6apj] {
    background: rgba(133, 154, 179, .18);
    color: #e8eef7;
}

.meta-chip[b-rg4vrz6apj] {
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: rgba(10, 25, 38, .72);
    color: rgba(246, 249, 255, .86);
}

.severity-low[b-rg4vrz6apj] {
    border-color: rgba(52, 211, 153, .22);
    color: #b8ffec;
}

.severity-medium[b-rg4vrz6apj] {
    border-color: rgba(250, 204, 21, .24);
    color: #ffe8a3;
}

.severity-high[b-rg4vrz6apj] {
    border-color: rgba(251, 146, 60, .28);
    color: #fed7aa;
}

.severity-critical[b-rg4vrz6apj] {
    border-color: rgba(239, 68, 68, .34);
    color: #ffd3d3;
}

.incident-card-facts[b-rg4vrz6apj] {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.incident-card-facts div[b-rg4vrz6apj] {
    display: grid;
    gap: .2rem;
}

.incident-card-facts dd[b-rg4vrz6apj] {
    margin: 0;
    color: #f6f9ff;
    font-weight: 700;
}

.open-indicator[b-rg4vrz6apj] {
    color: #d7ec71;
    font-weight: 900;
}

.dashboard-error[b-rg4vrz6apj] {
    color: #fecaca;
    font-weight: 700;
    margin: 0;
}

.empty-panel[b-rg4vrz6apj] {
    text-align: center;
    padding: 2rem;
}

.empty-panel p[b-rg4vrz6apj] {
    margin: .55rem 0 0;
}

.loading-panel[b-rg4vrz6apj] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-rg4vrz6apj],
.skeleton-card[b-rg4vrz6apj] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-rg4vrz6apj] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-rg4vrz6apj] {
    width: 72%;
}

.skeleton-card[b-rg4vrz6apj] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .incidents-hero[b-rg4vrz6apj],
    .filter-row[b-rg4vrz6apj],
    .incident-card[b-rg4vrz6apj] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-rg4vrz6apj] {
        display: grid;
    }
}

@media (max-width: 620px) {
    .incidents-shell[b-rg4vrz6apj] {
        padding: 1rem;
    }

    .hero-stat-grid[b-rg4vrz6apj] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/CompanyDashboard/Pages/Invoices.razor.rz.scp.css */
.quotes-shell[b-tezwxmayjh] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.quotes-hero[b-tezwxmayjh],
.dashboard-panel[b-tezwxmayjh],
.empty-panel[b-tezwxmayjh],
.quote-card[b-tezwxmayjh] {
    border: 1px solid rgba(201, 233, 74, .18);
    background: linear-gradient(180deg, rgba(21, 25, 30, .98), rgba(19, 28, 38, .98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, .18);
}

.quotes-hero[b-tezwxmayjh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.eyebrow[b-tezwxmayjh] {
    margin: 0 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.quotes-hero h1[b-tezwxmayjh],
.section-heading h2[b-tezwxmayjh],
.empty-panel h2[b-tezwxmayjh],
.quote-card h2[b-tezwxmayjh] {
    margin: 0;
}

.quotes-hero h1[b-tezwxmayjh] {
    font-size: clamp(2rem, 4vw, 3.8rem);
    letter-spacing: 0;
    line-height: 1;
}

.hero-copy[b-tezwxmayjh],
.section-heading p[b-tezwxmayjh],
.quote-card p[b-tezwxmayjh],
.empty-panel p[b-tezwxmayjh] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.5;
}

.hero-stat-grid[b-tezwxmayjh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.hero-stat[b-tezwxmayjh] {
    display: grid;
    gap: .25rem;
    border-radius: 14px;
    border: 1px solid rgba(133, 154, 179, .18);
    background: rgba(10, 25, 38, .72);
    padding: .85rem;
}

.hero-stat span[b-tezwxmayjh],
.filter-row span[b-tezwxmayjh],
.quote-card-facts dt[b-tezwxmayjh] {
    color: rgba(246, 249, 255, .64);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-stat strong[b-tezwxmayjh] {
    font-size: 1.8rem;
    line-height: 1;
}

.dashboard-panel[b-tezwxmayjh],
.empty-panel[b-tezwxmayjh] {
    padding: 1rem;
    margin-bottom: 1rem;
}

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

.section-heading p[b-tezwxmayjh] {
    margin: .35rem 0 0;
}

.action-link[b-tezwxmayjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 999px;
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    font-weight: 800;
    padding: .45rem 1rem;
    text-decoration: none;
}

.quote-tabs[b-tezwxmayjh] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
}

.tab-button[b-tezwxmayjh] {
    border-radius: 999px;
    border: 1px solid rgba(201, 233, 74, .24);
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    cursor: pointer;
    font-weight: 800;
    min-height: 2.35rem;
    padding: .45rem 1rem;
}

.tab-button.active[b-tezwxmayjh] {
    background: rgba(201, 233, 74, .16);
    border-color: rgba(201, 233, 74, .56);
    color: #f9ffcf;
}

.filter-row[b-tezwxmayjh] {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) minmax(180px, .8fr);
    gap: .75rem;
}

.filter-row label[b-tezwxmayjh] {
    display: grid;
    gap: .35rem;
}

.filter-row input[b-tezwxmayjh],
.filter-row select[b-tezwxmayjh] {
    min-height: 2.75rem;
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 12px;
    background: rgba(7, 18, 28, .86);
    color: #f6f9ff;
    padding: .7rem .8rem;
}

.quote-list[b-tezwxmayjh] {
    display: grid;
    gap: .85rem;
}

.quote-card[b-tezwxmayjh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease;
}

.quote-card:hover[b-tezwxmayjh],
.quote-card:focus[b-tezwxmayjh] {
    border-color: rgba(201, 233, 74, .42);
    transform: translateY(-1px);
}

.quote-card-top[b-tezwxmayjh],
.chip-row[b-tezwxmayjh] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.quote-card-top[b-tezwxmayjh] {
    justify-content: space-between;
    margin-bottom: .5rem;
}

.quote-number[b-tezwxmayjh] {
    color: #d7ec71;
    font-weight: 900;
}

.status-pill[b-tezwxmayjh],
.meta-chip[b-tezwxmayjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.85rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    padding: .18rem .65rem;
}

.status-published[b-tezwxmayjh],
.status-sent[b-tezwxmayjh] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-accepted[b-tezwxmayjh] {
    background: rgba(52, 211, 153, .16);
    color: #b8ffec;
}

.status-rejected[b-tezwxmayjh] {
    background: rgba(239, 68, 68, .18);
    color: #ffd3d3;
}

.meta-chip[b-tezwxmayjh] {
    border: 1px solid rgba(133, 154, 179, .18);
    background: rgba(10, 25, 38, .72);
    color: rgba(246, 249, 255, .86);
}

.quote-card-facts[b-tezwxmayjh] {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.quote-card-facts div[b-tezwxmayjh] {
    display: grid;
    gap: .2rem;
}

.quote-card-facts dd[b-tezwxmayjh] {
    margin: 0;
    color: #f6f9ff;
    font-weight: 700;
}

.open-indicator[b-tezwxmayjh] {
    color: #d7ec71;
    font-weight: 900;
}

.dashboard-error[b-tezwxmayjh] {
    color: #fecaca;
    font-weight: 700;
    margin: 0;
}

.empty-panel[b-tezwxmayjh] {
    text-align: center;
    padding: 2rem;
}

.loading-panel[b-tezwxmayjh] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-tezwxmayjh],
.skeleton-card[b-tezwxmayjh] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-tezwxmayjh] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-tezwxmayjh] {
    width: 72%;
}

.skeleton-card[b-tezwxmayjh] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .quotes-hero[b-tezwxmayjh],
    .filter-row[b-tezwxmayjh],
    .quote-card[b-tezwxmayjh] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-tezwxmayjh] {
        display: grid;
    }
}

@media (max-width: 620px) {
    .quotes-shell[b-tezwxmayjh] {
        padding: 1rem;
    }

    .hero-stat-grid[b-tezwxmayjh] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/CompanyDashboard/Pages/NoLicences.razor.rz.scp.css */
.no-licence-hero[b-wlk63yemp1] {
    position: relative;
    overflow: hidden;
    min-height: 780px;
    padding: 88px 120px;
    color: #f4f6f7;
    background:
        radial-gradient(520px 520px at 8% 92%, rgba(201,233,74,0.36) 0%, rgba(201,233,74,0.14) 34%, rgba(201,233,74,0.00) 70%),
        radial-gradient(980px 760px at 88% 18%, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 44%, rgba(255,255,255,0.00) 74%),
        linear-gradient(145deg, #10212e 0%, #0b1720 48%, #081118 100%);
    border-bottom-right-radius: 620px 420px;
}

.no-licence-hero[b-wlk63yemp1]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 120% at 50% 50%, rgba(0,0,0,0) 58%, rgba(0,0,0,0.34) 100%);
}

.no-licence-shell[b-wlk63yemp1] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.85fr);
    gap: 48px;
    align-items: start;
}

.no-licence-copy[b-wlk63yemp1] {
    max-width: 760px;
}

.no-licence-kicker[b-wlk63yemp1] {
    margin: 0 0 14px;
    color: rgba(244,246,247,0.74);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 13px;
}

.no-licence-copy h1[b-wlk63yemp1] {
    margin: 0 0 18px;
    font-size: clamp(42px, 3.6vw, 68px);
    line-height: 1.03;
    font-weight: 850;
    letter-spacing: -0.7px;
}

.no-licence-lead[b-wlk63yemp1] {
    margin: 0;
    max-width: 42rem;
    color: #e3e3e3;
    font-size: 20px;
    line-height: 1.45;
}

.no-licence-actions[b-wlk63yemp1] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.no-licence-primary[b-wlk63yemp1],
.no-licence-secondary[b-wlk63yemp1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    transition: transform .14s ease, border-color .14s ease, background .14s ease;
}

.no-licence-primary[b-wlk63yemp1] {
    background: #c9e94a;
    color: #081118;
    box-shadow: 0 16px 34px rgba(0,0,0,.28);
}

.no-licence-secondary[b-wlk63yemp1] {
    color: #f4f6f7;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.04);
}

.no-licence-primary:hover[b-wlk63yemp1],
.no-licence-secondary:hover[b-wlk63yemp1] {
    transform: translateY(-1px);
}

.no-licence-panel[b-wlk63yemp1] {
    border-radius: 24px;
    padding: 28px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 18px 42px rgba(0,0,0,.36);
}

.no-licence-panel h2[b-wlk63yemp1] {
    margin: 0 0 14px;
    font-size: 24px;
    font-weight: 850;
    letter-spacing: -0.25px;
}

.no-licence-panel ul[b-wlk63yemp1] {
    margin: 0 0 18px;
    padding-left: 20px;
    color: rgba(227,227,227,0.94);
    line-height: 1.55;
}

.no-licence-panel li[b-wlk63yemp1] {
    margin-bottom: 10px;
}

.no-licence-panel p[b-wlk63yemp1] {
    margin: 0;
    color: rgba(227,227,227,0.92);
    line-height: 1.5;
}

@media (max-width: 980px) {
    .no-licence-hero[b-wlk63yemp1] {
        padding: 72px 24px;
        border-bottom-right-radius: 220px 160px;
    }

    .no-licence-shell[b-wlk63yemp1] {
        grid-template-columns: 1fr;
    }

    .no-licence-lead[b-wlk63yemp1] {
        font-size: 18px;
    }
}
/* /Areas/CompanyDashboard/Pages/Quotes.razor.rz.scp.css */
.quotes-shell[b-rjkwb0d8xm] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.quotes-hero[b-rjkwb0d8xm],
.dashboard-panel[b-rjkwb0d8xm],
.empty-panel[b-rjkwb0d8xm],
.quote-card[b-rjkwb0d8xm] {
    border: 1px solid rgba(201, 233, 74, .18);
    background: linear-gradient(180deg, rgba(21, 25, 30, .98), rgba(19, 28, 38, .98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, .18);
}

.quotes-hero[b-rjkwb0d8xm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.eyebrow[b-rjkwb0d8xm] {
    margin: 0 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.quotes-hero h1[b-rjkwb0d8xm],
.section-heading h2[b-rjkwb0d8xm],
.empty-panel h2[b-rjkwb0d8xm],
.quote-card h2[b-rjkwb0d8xm] {
    margin: 0;
}

.quotes-hero h1[b-rjkwb0d8xm] {
    font-size: clamp(2rem, 4vw, 3.8rem);
    letter-spacing: 0;
    line-height: 1;
}

.hero-copy[b-rjkwb0d8xm],
.section-heading p[b-rjkwb0d8xm],
.quote-card p[b-rjkwb0d8xm],
.empty-panel p[b-rjkwb0d8xm] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.5;
}

.hero-stat-grid[b-rjkwb0d8xm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.hero-stat[b-rjkwb0d8xm] {
    display: grid;
    gap: .25rem;
    border-radius: 14px;
    border: 1px solid rgba(133, 154, 179, .18);
    background: rgba(10, 25, 38, .72);
    padding: .85rem;
}

.hero-stat span[b-rjkwb0d8xm],
.filter-row span[b-rjkwb0d8xm],
.quote-card-facts dt[b-rjkwb0d8xm] {
    color: rgba(246, 249, 255, .64);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-stat strong[b-rjkwb0d8xm] {
    font-size: 1.8rem;
    line-height: 1;
}

.dashboard-panel[b-rjkwb0d8xm],
.empty-panel[b-rjkwb0d8xm] {
    padding: 1rem;
    margin-bottom: 1rem;
}

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

.section-heading p[b-rjkwb0d8xm] {
    margin: .35rem 0 0;
}

.action-link[b-rjkwb0d8xm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 999px;
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    font-weight: 800;
    padding: .45rem 1rem;
    text-decoration: none;
}

.quote-tabs[b-rjkwb0d8xm] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
}

.tab-button[b-rjkwb0d8xm] {
    border-radius: 999px;
    border: 1px solid rgba(201, 233, 74, .24);
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    cursor: pointer;
    font-weight: 800;
    min-height: 2.35rem;
    padding: .45rem 1rem;
}

.tab-button.active[b-rjkwb0d8xm] {
    background: rgba(201, 233, 74, .16);
    border-color: rgba(201, 233, 74, .56);
    color: #f9ffcf;
}

.filter-row[b-rjkwb0d8xm] {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) minmax(180px, .8fr);
    gap: .75rem;
}

.filter-row label[b-rjkwb0d8xm] {
    display: grid;
    gap: .35rem;
}

.filter-row input[b-rjkwb0d8xm],
.filter-row select[b-rjkwb0d8xm] {
    min-height: 2.75rem;
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 12px;
    background: rgba(7, 18, 28, .86);
    color: #f6f9ff;
    padding: .7rem .8rem;
}

.quote-list[b-rjkwb0d8xm] {
    display: grid;
    gap: .85rem;
}

.quote-card[b-rjkwb0d8xm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease;
}

.quote-card:hover[b-rjkwb0d8xm],
.quote-card:focus[b-rjkwb0d8xm] {
    border-color: rgba(201, 233, 74, .42);
    transform: translateY(-1px);
}

.quote-card-top[b-rjkwb0d8xm],
.chip-row[b-rjkwb0d8xm] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.quote-card-top[b-rjkwb0d8xm] {
    justify-content: space-between;
    margin-bottom: .5rem;
}

.quote-number[b-rjkwb0d8xm] {
    color: #d7ec71;
    font-weight: 900;
}

.status-pill[b-rjkwb0d8xm],
.meta-chip[b-rjkwb0d8xm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.85rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    padding: .18rem .65rem;
}

.status-published[b-rjkwb0d8xm],
.status-sent[b-rjkwb0d8xm] {
    background: rgba(96, 165, 250, .18);
    color: #d4e6ff;
}

.status-accepted[b-rjkwb0d8xm] {
    background: rgba(52, 211, 153, .16);
    color: #b8ffec;
}

.status-rejected[b-rjkwb0d8xm] {
    background: rgba(239, 68, 68, .18);
    color: #ffd3d3;
}

.meta-chip[b-rjkwb0d8xm] {
    border: 1px solid rgba(133, 154, 179, .18);
    background: rgba(10, 25, 38, .72);
    color: rgba(246, 249, 255, .86);
}

.quote-card-facts[b-rjkwb0d8xm] {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.quote-card-facts div[b-rjkwb0d8xm] {
    display: grid;
    gap: .2rem;
}

.quote-card-facts dd[b-rjkwb0d8xm] {
    margin: 0;
    color: #f6f9ff;
    font-weight: 700;
}

.open-indicator[b-rjkwb0d8xm] {
    color: #d7ec71;
    font-weight: 900;
}

.dashboard-error[b-rjkwb0d8xm] {
    color: #fecaca;
    font-weight: 700;
    margin: 0;
}

.empty-panel[b-rjkwb0d8xm] {
    text-align: center;
    padding: 2rem;
}

.loading-panel[b-rjkwb0d8xm] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-rjkwb0d8xm],
.skeleton-card[b-rjkwb0d8xm] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-rjkwb0d8xm] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-rjkwb0d8xm] {
    width: 72%;
}

.skeleton-card[b-rjkwb0d8xm] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .quotes-hero[b-rjkwb0d8xm],
    .filter-row[b-rjkwb0d8xm],
    .quote-card[b-rjkwb0d8xm] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-rjkwb0d8xm] {
        display: grid;
    }
}

@media (max-width: 620px) {
    .quotes-shell[b-rjkwb0d8xm] {
        padding: 1rem;
    }

    .hero-stat-grid[b-rjkwb0d8xm] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/CompanyDashboard/Pages/ReadinessQuestionnaire.razor.rz.scp.css */
.questionnaire-shell[b-ygln3me1el]{max-width:850px;margin:2rem auto;padding:0 1rem 4rem}.questionnaire-shell>header[b-ygln3me1el]{margin-bottom:1.5rem}.questionnaire-shell h1[b-ygln3me1el]{font-size:2.25rem;margin:.25rem 0}.questionnaire-shell .eyebrow[b-ygln3me1el]{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#42637f}.question-card[b-ygln3me1el]{position:relative;background:#fff;border:1px solid #d7e0e8;border-radius:1rem;padding:1.5rem;margin:1rem 0;box-shadow:0 6px 24px rgba(27,50,68,.06)}.question-card h2[b-ygln3me1el]{margin:.1rem 0 1rem}.question-number[b-ygln3me1el]{position:absolute;right:1.2rem;top:1rem;border-radius:99px;background:#e8f2fa;color:#194e73;padding:.3rem .65rem;font-weight:800}.question-card label[b-ygln3me1el]{display:grid;gap:.4rem;margin:1rem 0;font-weight:650}.question-card input[type=date][b-ygln3me1el],.question-card select[b-ygln3me1el],.question-card textarea[b-ygln3me1el]{padding:.75rem;border:1px solid #aebdca;border-radius:.45rem;font:inherit}.file-picker[b-ygln3me1el]{border:1px dashed #8fa7ba;border-radius:.6rem;padding:1rem}.form-actions[b-ygln3me1el]{display:flex;justify-content:flex-end;gap:.7rem;position:sticky;bottom:0;background:rgba(247,249,251,.95);padding:1rem 0}.form-actions button[b-ygln3me1el]{padding:.75rem 1.2rem}.questionnaire-alert[b-ygln3me1el],.error-message[b-ygln3me1el]{padding:1rem;border-radius:.6rem;background:#fff1e9;color:#7a3215}.success-message[b-ygln3me1el]{padding:1rem;border-radius:.6rem;background:#e5f6ec;color:#1b633c}.final-confirmation label[b-ygln3me1el]{grid-template-columns:auto 1fr;align-items:start}
/* /Areas/CompanyDashboard/Pages/ReportIssues.razor.rz.scp.css */
.report-hero-container[b-y6yo4w4r3z] {
    position: relative;
    overflow: hidden;
    color: #f4f6f7;
    padding: 75px 150px;
    min-height: 790px;
    background:
        radial-gradient(520px 520px at 6% 96%, rgba(201,233,74,0.38) 0%, rgba(201,233,74,0.16) 34%, rgba(201,233,74,0.00) 70%),
        radial-gradient(1200px 1000px at 0% 100%, rgba(201,233,74,0.18) 0%, rgba(201,233,74,0.06) 40%, rgba(201,233,74,0.00) 72%),
        radial-gradient(1100px 900px at 78% 90%, rgba(201,233,74,0.16) 0%, rgba(201,233,74,0.06) 35%, rgba(201,233,74,0.00) 70%),
        var(--ib-primary-dark);
    border-bottom-right-radius: 700px 520px;
}

.report-hero-container[b-y6yo4w4r3z]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 120% at 50% 50%, rgba(0,0,0,0) 58%, rgba(0,0,0,0.35) 100%);
}

.report-hero-grid[b-y6yo4w4r3z] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.25fr 0.9fr;
    gap: 70px;
    align-items: start;
}

.report-form-card[b-y6yo4w4r3z] {
    border-radius: 26px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.11);
    box-shadow: 0 18px 40px rgba(0,0,0,.45);
    padding: 32px;
}

.report-form-header[b-y6yo4w4r3z] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.report-kicker[b-y6yo4w4r3z] {
    margin: 0 0 14px;
    color: rgba(244,246,247,0.75);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 13px;
}

.report-form-title[b-y6yo4w4r3z] {
    margin: 0 0 10px;
    font-size: clamp(34px, 3vw, 54px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.report-form-subtitle[b-y6yo4w4r3z] {
    margin: 0;
    color: rgba(227,227,227,0.92);
    font-size: 16px;
    line-height: 1.45;
    max-width: 78ch;
}

.report-status[b-y6yo4w4r3z] {
    margin: 0;
    color: rgba(227,227,227,0.88);
    font-size: 16px;
}

.report-alert[b-y6yo4w4r3z] {
    border-radius: 18px;
    padding: 14px;
    margin: 0 0 16px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.03);
    color: rgba(244,246,247,0.95);
}

.report-alert strong[b-y6yo4w4r3z] {
    display: block;
    margin-bottom: 6px;
}

.report-alert-error[b-y6yo4w4r3z] {
    border-color: rgba(255,116,116,0.45);
    background: rgba(255,116,116,0.10);
}

.report-alert-success[b-y6yo4w4r3z] {
    border-color: rgba(201,233,74,0.45);
    background: rgba(201,233,74,0.10);
}

.report-validation-summary[b-y6yo4w4r3z] {
    color: rgba(255,116,116,0.95);
    margin: 0 0 14px;
    font-size: 14px;
}

.report-fields-grid[b-y6yo4w4r3z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.report-field[b-y6yo4w4r3z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.report-field-full[b-y6yo4w4r3z] {
    grid-column: 1 / -1;
}

.report-label[b-y6yo4w4r3z] {
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(244,246,247,0.85);
    font-weight: 800;
}

.req[b-y6yo4w4r3z] {
    color: var(--ib-green-offcolour);
    font-weight: 900;
}

.report-input[b-y6yo4w4r3z],
.report-textarea[b-y6yo4w4r3z] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #f4f6f7;
    padding: 12px;
    font-size: 16px;
    line-height: 1.3;
    outline: none;
}

.report-textarea[b-y6yo4w4r3z] {
    resize: vertical;
    min-height: 150px;
}

.report-textarea-medium[b-y6yo4w4r3z] {
    min-height: 150px;
}

.report-textarea-large[b-y6yo4w4r3z] {
    min-height: 210px;
}

.report-input:focus[b-y6yo4w4r3z],
.report-textarea:focus[b-y6yo4w4r3z] {
    border-color: rgba(201,233,74,0.70);
    box-shadow: 0 0 0 3px rgba(201,233,74,0.18);
}

.report-form-card .validation-message[b-y6yo4w4r3z] {
    color: rgba(255,116,116,0.95);
    font-size: 13px;
}

.report-submit-row[b-y6yo4w4r3z] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
}

.report-submit-note[b-y6yo4w4r3z] {
    color: rgba(227,227,227,0.88);
    font-size: 14px;
    line-height: 1.35;
}

.report-hero-right[b-y6yo4w4r3z] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.report-side-card[b-y6yo4w4r3z] {
    border-radius: 22px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.10);
    padding: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

.report-side-card-muted[b-y6yo4w4r3z] {
    background: radial-gradient(700px 350px at 0% 120%, rgba(201,233,74,0.14) 0%, rgba(201,233,74,0.00) 68%), rgba(255,255,255,0.03);
}

.report-side-card-tasks[b-y6yo4w4r3z] {
    max-height: 660px;
    overflow: auto;
}

.report-side-head[b-y6yo4w4r3z] {
    margin-bottom: 12px;
}

.report-side-title[b-y6yo4w4r3z] {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.2px;
}

.report-side-text[b-y6yo4w4r3z] {
    margin: 0;
    color: rgba(227,227,227,0.92);
    font-size: 15px;
    line-height: 1.45;
}

.report-bullets[b-y6yo4w4r3z] {
    margin: 14px 0 0;
    padding-left: 18px;
    color: rgba(227,227,227,0.92);
    font-size: 16px;
    line-height: 1.45;
}

.report-bullets li[b-y6yo4w4r3z] {
    margin: 0 0 8px;
}

.report-empty-state[b-y6yo4w4r3z] {
    margin: 0;
    color: rgba(227,227,227,0.84);
}

.report-task-list[b-y6yo4w4r3z] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.report-task-card[b-y6yo4w4r3z] {
    border-radius: 18px;
    padding: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.report-task-card h3[b-y6yo4w4r3z] {
    margin: 12px 0 8px;
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -0.2px;
}

.report-task-card p[b-y6yo4w4r3z] {
    margin: 0;
    color: rgba(227,227,227,0.9);
    line-height: 1.45;
}

.report-task-meta[b-y6yo4w4r3z] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.report-task-chip[b-y6yo4w4r3z] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(201,233,74,0.15);
    border: 1px solid rgba(201,233,74,0.24);
    color: #c9e94a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.report-task-chip-muted[b-y6yo4w4r3z] {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.10);
    color: rgba(244,246,247,0.82);
}

.report-task-footer[b-y6yo4w4r3z] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
    color: rgba(227,227,227,0.8);
    font-size: 13px;
}

.report-task-footer strong[b-y6yo4w4r3z] {
    color: #f4f6f7;
    font-size: 14px;
}

@media (max-width: 1100px) {
    .report-hero-container[b-y6yo4w4r3z] {
        padding: 120px 40px 90px;
    }

    .report-hero-grid[b-y6yo4w4r3z] {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .report-side-card-tasks[b-y6yo4w4r3z] {
        max-height: none;
    }
}

@media (max-width: 620px) {
    .report-hero-container[b-y6yo4w4r3z] {
        padding: 80px 18px 70px;
        border-bottom-right-radius: 420px 340px;
    }

    .report-fields-grid[b-y6yo4w4r3z] {
        grid-template-columns: 1fr;
    }

    .report-submit-row[b-y6yo4w4r3z] {
        flex-direction: column;
        align-items: flex-start;
    }
}

.report-checkbox-field[b-y6yo4w4r3z] {
    margin-top: -2px;
}

.report-checkbox-row[b-y6yo4w4r3z] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #f4f6f7;
    padding: 14px;
}

.report-checkbox[b-y6yo4w4r3z] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--ib-green-offcolour);
}

.report-checkbox-row strong[b-y6yo4w4r3z] {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
}

.report-checkbox-row small[b-y6yo4w4r3z] {
    display: block;
    color: rgba(227,227,227,0.88);
    line-height: 1.4;
}

.report-task-chip-priority[b-y6yo4w4r3z] {
    background: rgba(201,233,74,0.18);
    border-color: rgba(201,233,74,0.32);
    color: #eff9af;
}

.report-task-footer-grid[b-y6yo4w4r3z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-task-footer-grid div[b-y6yo4w4r3z] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.report-task-actions[b-y6yo4w4r3z] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.report-task-button[b-y6yo4w4r3z] {
    border: 0;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f1305;
    background: linear-gradient(135deg, #d3ec6b 0%, #b7d93a 100%);
    box-shadow: 0 12px 22px rgba(0,0,0,0.2);
    cursor: pointer;
}

.report-task-button:disabled[b-y6yo4w4r3z] {
    opacity: 0.72;
    cursor: wait;
}

@media (max-width: 620px) {
    .report-task-footer-grid[b-y6yo4w4r3z] {
        grid-template-columns: 1fr;
    }

    .report-task-actions[b-y6yo4w4r3z] {
        justify-content: stretch;
    }

    .report-task-button[b-y6yo4w4r3z] {
        width: 100%;
    }
}
/* /Areas/CompanyDashboard/Pages/RequestAccess.razor.rz.scp.css */
.request-access-shell[b-htlant0fr4] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
    color: #f6f9ff;
}

.request-access-hero[b-htlant0fr4],
.request-access-panel[b-htlant0fr4] {
    border: 1px solid rgba(201, 233, 74, .18);
    background: linear-gradient(180deg, rgba(21, 25, 30, .98), rgba(19, 28, 38, .98));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(3, 8, 16, .18);
}

.request-access-hero[b-htlant0fr4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

.request-access-hero h1[b-htlant0fr4],
.request-access-panel h2[b-htlant0fr4] {
    margin: 0;
}

.request-access-hero h1[b-htlant0fr4] {
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
}

.hero-copy[b-htlant0fr4],
.request-access-panel p[b-htlant0fr4] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.55;
}

.request-access-grid[b-htlant0fr4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 1rem;
    align-items: start;
}

.request-access-panel[b-htlant0fr4] {
    padding: 1rem;
}

.request-access-side-panel[b-htlant0fr4] {
    display: grid;
    gap: .75rem;
}

.request-access-side-panel p[b-htlant0fr4] {
    margin: 0;
}

.back-link[b-htlant0fr4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    border: 1px solid rgba(133, 154, 179, .28);
    border-radius: 999px;
    background: rgba(20, 32, 48, .78);
    color: #f4f7fb;
    font-weight: 800;
    padding: .45rem 1rem;
    text-decoration: none;
}

.eyebrow[b-htlant0fr4] {
    margin: 0 0 .35rem;
    color: #d7ec71;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dashboard-error[b-htlant0fr4] {
    color: #fecaca;
    font-weight: 700;
    margin: 0;
}

.loading-panel[b-htlant0fr4] {
    display: grid;
    gap: .7rem;
}

.skeleton-line[b-htlant0fr4],
.skeleton-card[b-htlant0fr4] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.skeleton-line[b-htlant0fr4] {
    width: 46%;
    height: 1rem;
}

.skeleton-line.wide[b-htlant0fr4] {
    width: 72%;
}

.skeleton-card[b-htlant0fr4] {
    height: 5.5rem;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .request-access-hero[b-htlant0fr4],
    .request-access-grid[b-htlant0fr4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .request-access-shell[b-htlant0fr4] {
        padding: 1rem;
    }
}
/* /Areas/CompanyDashboard/Pages/RequestFeatures.razor.rz.scp.css */
.feature-hero-container[b-kilzgamfi1] {
    position: relative;
    overflow: hidden;
    color: #f4f6f7;
    padding: 75px 150px;
    min-height: 790px;
    background:
        radial-gradient(520px 520px at 8% 94%, rgba(82, 196, 183, 0.34) 0%, rgba(82, 196, 183, 0.14) 34%, rgba(82, 196, 183, 0.00) 70%),
        radial-gradient(1200px 1000px at 0% 100%, rgba(82, 196, 183, 0.16) 0%, rgba(82, 196, 183, 0.05) 40%, rgba(82, 196, 183, 0.00) 72%),
        radial-gradient(1100px 900px at 80% 90%, rgba(255, 201, 95, 0.14) 0%, rgba(255, 201, 95, 0.05) 35%, rgba(255, 201, 95, 0.00) 70%),
        var(--ib-primary-dark);
    border-bottom-right-radius: 700px 520px;
}

.feature-hero-container[b-kilzgamfi1]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 120% at 50% 50%, rgba(0,0,0,0) 58%, rgba(0,0,0,0.35) 100%);
}

.feature-hero-grid[b-kilzgamfi1] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.25fr 0.9fr;
    gap: 70px;
    align-items: start;
}

.feature-form-card[b-kilzgamfi1] {
    border-radius: 26px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.11);
    box-shadow: 0 18px 40px rgba(0,0,0,.45);
    padding: 32px;
}

.feature-form-header[b-kilzgamfi1] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.feature-kicker[b-kilzgamfi1] {
    margin: 0 0 14px;
    color: rgba(244,246,247,0.75);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 13px;
}

.feature-form-title[b-kilzgamfi1] {
    margin: 0 0 10px;
    font-size: clamp(34px, 3vw, 54px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.feature-form-subtitle[b-kilzgamfi1] {
    margin: 0;
    color: rgba(227,227,227,0.92);
    font-size: 16px;
    line-height: 1.45;
    max-width: 78ch;
}

.feature-status[b-kilzgamfi1] {
    margin: 0;
    color: rgba(227,227,227,0.88);
    font-size: 16px;
}

.feature-alert[b-kilzgamfi1] {
    border-radius: 18px;
    padding: 14px;
    margin: 0 0 16px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.03);
    color: rgba(244,246,247,0.95);
}

.feature-alert strong[b-kilzgamfi1] {
    display: block;
    margin-bottom: 6px;
}

.feature-alert-error[b-kilzgamfi1] {
    border-color: rgba(255,116,116,0.45);
    background: rgba(255,116,116,0.10);
}

.feature-alert-success[b-kilzgamfi1] {
    border-color: rgba(82, 196, 183, 0.45);
    background: rgba(82, 196, 183, 0.12);
}

.feature-validation-summary[b-kilzgamfi1] {
    color: rgba(255,116,116,0.95);
    margin: 0 0 14px;
    font-size: 14px;
}

.feature-fields-grid[b-kilzgamfi1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.feature-field[b-kilzgamfi1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.feature-field-full[b-kilzgamfi1] {
    grid-column: 1 / -1;
}

.feature-label[b-kilzgamfi1] {
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(244,246,247,0.85);
    font-weight: 800;
}

.req[b-kilzgamfi1] {
    color: var(--ib-green-offcolour);
    font-weight: 900;
}

.feature-input[b-kilzgamfi1],
.feature-textarea[b-kilzgamfi1] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #f4f6f7;
    padding: 12px;
    font-size: 16px;
    line-height: 1.3;
    outline: none;
}

.feature-textarea[b-kilzgamfi1] {
    resize: vertical;
    min-height: 150px;
}

.feature-textarea-medium[b-kilzgamfi1] {
    min-height: 150px;
}

.feature-textarea-large[b-kilzgamfi1] {
    min-height: 210px;
}

.feature-input:focus[b-kilzgamfi1],
.feature-textarea:focus[b-kilzgamfi1] {
    border-color: rgba(82, 196, 183, 0.75);
    box-shadow: 0 0 0 3px rgba(82, 196, 183, 0.18);
}

.feature-form-card .validation-message[b-kilzgamfi1] {
    color: rgba(255,116,116,0.95);
    font-size: 13px;
}

.feature-submit-row[b-kilzgamfi1] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
}

.feature-submit-note[b-kilzgamfi1] {
    color: rgba(227,227,227,0.88);
    font-size: 14px;
    line-height: 1.35;
}

.feature-hero-right[b-kilzgamfi1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-side-card[b-kilzgamfi1] {
    border-radius: 22px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.10);
    padding: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

.feature-side-card-muted[b-kilzgamfi1] {
    background: radial-gradient(700px 350px at 0% 120%, rgba(82, 196, 183, 0.14) 0%, rgba(82, 196, 183, 0.00) 68%), rgba(255,255,255,0.03);
}

.feature-side-card-tasks[b-kilzgamfi1] {
    max-height: 660px;
    overflow: auto;
}

.feature-side-head[b-kilzgamfi1] {
    margin-bottom: 12px;
}

.feature-side-title[b-kilzgamfi1] {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.2px;
}

.feature-side-text[b-kilzgamfi1] {
    margin: 0;
    color: rgba(227,227,227,0.92);
    font-size: 15px;
    line-height: 1.45;
}

.feature-bullets[b-kilzgamfi1] {
    margin: 14px 0 0;
    padding-left: 18px;
    color: rgba(227,227,227,0.92);
    font-size: 16px;
    line-height: 1.45;
}

.feature-bullets li[b-kilzgamfi1] {
    margin: 0 0 8px;
}

.feature-empty-state[b-kilzgamfi1] {
    margin: 0;
    color: rgba(227,227,227,0.84);
}

.feature-task-list[b-kilzgamfi1] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.feature-task-card[b-kilzgamfi1] {
    border-radius: 18px;
    padding: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.feature-task-card h3[b-kilzgamfi1] {
    margin: 12px 0 8px;
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -0.2px;
}

.feature-task-card p[b-kilzgamfi1] {
    margin: 0;
    color: rgba(227,227,227,0.9);
    line-height: 1.45;
}

.feature-task-meta[b-kilzgamfi1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.feature-task-chip[b-kilzgamfi1] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(82, 196, 183, 0.16);
    border: 1px solid rgba(82, 196, 183, 0.24);
    color: #9ee5dc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.feature-task-chip-muted[b-kilzgamfi1] {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.10);
    color: rgba(244,246,247,0.82);
}

.feature-task-footer[b-kilzgamfi1] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
    color: rgba(227,227,227,0.8);
    font-size: 13px;
}

.feature-task-footer strong[b-kilzgamfi1] {
    color: #f4f6f7;
    font-size: 14px;
}

.feature-checkbox-field[b-kilzgamfi1] {
    margin-top: -2px;
}

.feature-checkbox-row[b-kilzgamfi1] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #f4f6f7;
    padding: 14px;
}

.feature-checkbox[b-kilzgamfi1] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #52c4b7;
}

.feature-checkbox-row strong[b-kilzgamfi1] {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
}

.feature-checkbox-row small[b-kilzgamfi1] {
    display: block;
    color: rgba(227,227,227,0.88);
    line-height: 1.4;
}

.feature-task-chip-priority[b-kilzgamfi1] {
    background: rgba(255, 201, 95, 0.18);
    border-color: rgba(255, 201, 95, 0.28);
    color: #ffe0a0;
}

.feature-task-footer-grid[b-kilzgamfi1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feature-task-footer-grid div[b-kilzgamfi1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.feature-task-actions[b-kilzgamfi1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.feature-task-button[b-kilzgamfi1] {
    border: 0;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0e1614;
    background: linear-gradient(135deg, #8fe2d6 0%, #52c4b7 100%);
    box-shadow: 0 12px 22px rgba(0,0,0,0.2);
    cursor: pointer;
}

.feature-task-button:disabled[b-kilzgamfi1] {
    opacity: 0.72;
    cursor: wait;
}

@media (max-width: 1100px) {
    .feature-hero-container[b-kilzgamfi1] {
        padding: 120px 40px 90px;
    }

    .feature-hero-grid[b-kilzgamfi1] {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .feature-side-card-tasks[b-kilzgamfi1] {
        max-height: none;
    }
}

@media (max-width: 620px) {
    .feature-hero-container[b-kilzgamfi1] {
        padding: 80px 18px 70px;
        border-bottom-right-radius: 420px 340px;
    }

    .feature-fields-grid[b-kilzgamfi1] {
        grid-template-columns: 1fr;
    }

    .feature-submit-row[b-kilzgamfi1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .feature-task-footer-grid[b-kilzgamfi1] {
        grid-template-columns: 1fr;
    }

    .feature-task-actions[b-kilzgamfi1] {
        justify-content: stretch;
    }

    .feature-task-button[b-kilzgamfi1] {
        width: 100%;
    }
}
/* /Areas/Home/Components/BenefitCard.razor.rz.scp.css */
.benefit-card[b-yhdezvqu8c] {
    /* tuned to match the screenshot at ~382x242 */
    background:
    /* (1) Bottom-left hotspot (big and soft, origin slightly outside) */
    radial-gradient(620px 420px at -95px 270px, rgba(157,197,59,0.95) 0%, rgba(157,197,59,0.55) 32%, rgba(157,197,59,0.26) 52%, rgba(157,197,59,0.10) 64%, rgba(157,197,59,0.00) 78%),
    /* (2) Upper-left lift (keeps top-left green but weaker than bottom-left) */
    radial-gradient(520px 360px at -110px 55px, rgba(157,197,59,0.42) 0%, rgba(157,197,59,0.18) 42%, rgba(157,197,59,0.00) 74%),
    /* (3) Soft green band so the mid-left doesn’t go flat */
    linear-gradient(110deg, rgba(157,197,59,0.18) 0%, rgba(157,197,59,0.06) 34%, rgba(0,0,0,0.00) 60%),
    /* (4) Curved dark wedge from top-right (gives the screenshot “shape”) */
    radial-gradient(620px 420px at 118% 12%, rgba(0,0,0,0.00) 26%, rgba(0,0,0,0.18) 52%, rgba(0,0,0,0.44) 78%, rgba(0,0,0,0.68) 100%),
    /* (5) Right-side falloff (keeps right edge consistently dark) */
    linear-gradient(90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.00) 56%, rgba(0,0,0,0.20) 72%, rgba(0,0,0,0.42) 100%),
    /* base */
    #0f120f;
    border: 1px solid rgba(157,197,59,0.32);
    border-radius: 22px;
    padding: 40px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.045), 0 18px 40px rgba(0,0,0,0.55);
    position: relative;
    overflow: hidden;
    min-height: 160px;
    color: #f4f6f7;
}

    /* subtle edge vignette (keeps corners clean, like the screenshot) */
    .benefit-card[b-yhdezvqu8c]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(140% 120% at 112% 25%, rgba(0,0,0,0.00) 48%, rgba(0,0,0,0.14) 78%, rgba(0,0,0,0.28) 100%);
    }


.benefit-title[b-yhdezvqu8c] {
    margin: 0 0 12px;
    font-size: 35px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.2px;
}

.benefit-desc[b-yhdezvqu8c] {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
}

/* small lime icon top-right */
.benefit-icon[b-yhdezvqu8c] {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: #c9e94a;
    opacity: .95;
}

    .benefit-icon svg[b-yhdezvqu8c] {
        width: 34px;
        height: 34px;
    }
/* /Areas/Home/Components/BenefitImageCard.razor.rz.scp.css */
.image-card[b-vspdsrfnam] {
    /* lighter base like the reference */
    background: radial-gradient(900px 600px at 60% 72%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%), radial-gradient(1200px 700px at 35% 25%, rgba(201,233,74,.18), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)), #2a321c; /* lighter olive base instead of #151a15 */

    border: 1px solid rgba(201,233,74,.28);
    border-radius: 28px;
    padding: 0;
    box-shadow: 0 18px 40px rgba(0,0,0,.55);
    overflow: hidden;
    min-height: 340px;
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
    position: relative;
}

    /* the green ringy background behind the person */
    .image-card[b-vspdsrfnam]::before {
        content: "";
        position: absolute;
        inset: -50px -90px -70px -90px;
        /* rings + hotspot: softer, brighter, more like the mock */
        background:
        /* bright central hotspot (the “white” behind him) */
        radial-gradient(circle at 62% 74%, rgba(255,255,255,0.92) 0 12%, rgba(255,255,255,0.35) 12% 18%, rgba(255,255,255,0.00) 18% 40% ),
        /* green bloom around the hotspot */
        radial-gradient(circle at 62% 74%, rgba(201,233,74,0.42) 0 18%, rgba(201,233,74,0.22) 18% 30%, rgba(201,233,74,0.00) 30% 62% ),
        /* soft rings (lower contrast than your current version) */
        repeating-radial-gradient(circle at 62% 74%, rgba(255,255,255,0.10) 0 7px, rgba(201,233,74,0.10) 7px 14px, rgba(201,233,74,0.00) 14px 26px );
        opacity: 0.95;
        filter: saturate(1.08) blur(0.2px);
    }

    /* keep subject above pseudo element */
    .image-card img[b-vspdsrfnam] {
        position: relative;
        z-index: 1;
        width: 104.6%;
        height: 106.4%;
        object-fit: cover;
        display: block;
        transform: translate(-2.15%, -3.45%);
    }
/* /Areas/Home/Components/IsolationWorkflowBlock.razor.rz.scp.css */
.isolation-workflow-block[b-p0o7wc6t6k] {
    display: grid;
    gap: 24px;
    width: 100%;
    color: #f4f6f7;
    padding: 28px;
    border-radius: 8px;
    background:
        radial-gradient(760px 440px at 0% 100%, rgba(201, 233, 74, 0.18) 0%, rgba(201, 233, 74, 0.06) 48%, rgba(201, 233, 74, 0) 72%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        #111414;
    border: 1px solid rgba(201, 233, 74, 0.24);
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
}

.isolation-workflow-header[b-p0o7wc6t6k] {
    display: grid;
    gap: 10px;
    max-width: 820px;
}

.isolation-workflow-kicker[b-p0o7wc6t6k] {
    margin: 0;
    color: rgba(201, 233, 74, 0.92);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.isolation-workflow-header h2[b-p0o7wc6t6k] {
    margin: 0;
    color: #f4f6f7;
    font-size: 2rem;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: 0;
}

.isolation-workflow-header p[b-p0o7wc6t6k] {
    margin: 0;
    color: rgba(227, 227, 227, 0.94);
    font-size: 1rem;
    line-height: 1.5;
}

.isolation-workflow-steps[b-p0o7wc6t6k] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.isolation-workflow-step[b-p0o7wc6t6k] {
    position: relative;
    display: grid;
    align-content: start;
    gap: 14px;
    min-width: 0;
    min-height: 210px;
    padding: 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.isolation-workflow-step:not(:last-child)[b-p0o7wc6t6k]::after {
    content: "";
    position: absolute;
    top: 30px;
    right: -13px;
    width: 14px;
    height: 2px;
    background: linear-gradient(90deg, rgba(201, 233, 74, 0.35), rgba(201, 233, 74, 0.85));
    z-index: 1;
}

.isolation-workflow-step-number[b-p0o7wc6t6k] {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    color: #111414;
    background: #c9e94a;
    font-weight: 900;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
}

.isolation-workflow-step-copy[b-p0o7wc6t6k] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.isolation-workflow-step-copy h3[b-p0o7wc6t6k] {
    margin: 0;
    color: #f4f6f7;
    font-size: 1.02rem;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: 0;
}

.isolation-workflow-step-copy p[b-p0o7wc6t6k] {
    margin: 0;
    color: rgba(227, 227, 227, 0.9);
    font-size: 0.93rem;
    line-height: 1.43;
}

.product-workflow-block[b-p0o7wc6t6k] {
    padding: 22px;
}

.product-workflow-block .isolation-workflow-header[b-p0o7wc6t6k] {
    max-width: none;
}

.product-workflow-block .isolation-workflow-header h2[b-p0o7wc6t6k] {
    font-size: 1.55rem;
}

.product-workflow-block .isolation-workflow-steps[b-p0o7wc6t6k] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-workflow-block .isolation-workflow-step[b-p0o7wc6t6k] {
    min-height: 170px;
}

.product-workflow-block .isolation-workflow-step:not(:last-child)[b-p0o7wc6t6k]::after,
.isolation-workflow-block-compact .isolation-workflow-step:not(:last-child)[b-p0o7wc6t6k]::after {
    display: none;
}

.isolation-workflow-block-compact[b-p0o7wc6t6k] {
    gap: 16px;
    padding: 18px;
}

.isolation-workflow-block-compact .isolation-workflow-header[b-p0o7wc6t6k] {
    gap: 8px;
}

.isolation-workflow-block-compact .isolation-workflow-header h2[b-p0o7wc6t6k] {
    font-size: 1.35rem;
    line-height: 1.12;
}

.isolation-workflow-block-compact .isolation-workflow-header p[b-p0o7wc6t6k] {
    font-size: 0.92rem;
}

.isolation-workflow-block-compact .isolation-workflow-steps[b-p0o7wc6t6k] {
    grid-template-columns: 1fr;
    gap: 10px;
}

.isolation-workflow-block-compact .isolation-workflow-step[b-p0o7wc6t6k] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    min-height: 0;
    padding: 12px;
    gap: 12px;
}

.isolation-workflow-block-compact .isolation-workflow-step-number[b-p0o7wc6t6k] {
    width: 34px;
    height: 34px;
    font-size: 0.72rem;
}

.isolation-workflow-block-compact .isolation-workflow-step-copy h3[b-p0o7wc6t6k] {
    font-size: 0.95rem;
}

.isolation-workflow-block-compact .isolation-workflow-step-copy p[b-p0o7wc6t6k] {
    font-size: 0.88rem;
}

@media (max-width: 1200px) {
    .isolation-workflow-steps[b-p0o7wc6t6k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .isolation-workflow-step:not(:last-child)[b-p0o7wc6t6k]::after {
        display: none;
    }
}

@media (max-width: 760px) {
    .isolation-workflow-block[b-p0o7wc6t6k] {
        padding: 20px;
    }

    .isolation-workflow-header h2[b-p0o7wc6t6k] {
        font-size: 1.55rem;
    }

    .isolation-workflow-steps[b-p0o7wc6t6k],
    .product-workflow-block .isolation-workflow-steps[b-p0o7wc6t6k] {
        grid-template-columns: 1fr;
    }

    .isolation-workflow-step[b-p0o7wc6t6k],
    .product-workflow-block .isolation-workflow-step[b-p0o7wc6t6k] {
        min-height: 0;
    }
}
/* /Areas/Home/Pages/About.razor.rz.scp.css */
.hero-container[b-jbcgnju5qp] {
    flex-direction: column;
    align-items: stretch;
    gap: clamp(40px, 6vw, 64px);
    padding-top: clamp(72px, 10vw, 120px);
    min-height: 820px;
    height: auto;
}

.hero-text[b-jbcgnju5qp] {
    margin-bottom: 0;
}

.about-kicker[b-jbcgnju5qp] {
    margin: 0 0 14px;
    color: rgba(244, 246, 247, 0.75);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 13px;
}

.about-hero-actions[b-jbcgnju5qp] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.about-callout[b-jbcgnju5qp] {
    background: rgba(201, 233, 74, 0.08);
    border: 1px solid rgba(201, 233, 74, 0.22);
    border-radius: 22px;
    padding: 22px;
}

.about-callout-title[b-jbcgnju5qp] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.2px;
    color: #c9e94a;
}

.about-bullets[b-jbcgnju5qp] {
    margin: 0;
    padding-left: 18px;
    color: #e3e3e3;
    font-size: 17px;
    line-height: 1.45;
}

.about-bullets li[b-jbcgnju5qp] {
    margin: 0 0 10px;
}

.about-callout-footnote[b-jbcgnju5qp] {
    margin: 14px 0 0;
    color: rgba(227, 227, 227, 0.9);
    font-size: 15px;
    line-height: 1.35;
}

.about-section-title[b-jbcgnju5qp] {
    margin: 0 0 14px;
    font-size: clamp(30px, 2.3vw, 44px);
    font-weight: 800;
    letter-spacing: -0.6px;
}

.about-section-title-center[b-jbcgnju5qp] {
    text-align: center;
}

.about-body[b-jbcgnju5qp] {
    margin: 0 0 16px;
    color: #e3e3e3;
    font-size: 18px;
    line-height: 1.5;
    max-width: 80%;
}

.about-body-center[b-jbcgnju5qp] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.about-split[b-jbcgnju5qp] {
    align-items: start;
    width: 100%;
}

.about-split-tight[b-jbcgnju5qp] {
    margin-top: 34px;
}

.about-split-align-center[b-jbcgnju5qp] {
    align-items: center;
}

.about-quote[b-jbcgnju5qp] {
    margin-top: 82px;
    border-radius: 22px;
    padding: 26px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.about-quote-mark[b-jbcgnju5qp] {
    font-size: 52px;
    line-height: 0.8;
    font-weight: 900;
    color: rgba(201, 233, 74, 0.8);
    margin-bottom: 10px;
}

.about-quote-text[b-jbcgnju5qp] {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.3;
    color: #f4f6f7;
    font-weight: 700;
    letter-spacing: -0.2px;
}

.about-quote-subtext[b-jbcgnju5qp] {
    margin: 0;
    color: rgba(227, 227, 227, 0.9);
    font-size: 16px;
    line-height: 1.4;
}

.about-image-frame[b-jbcgnju5qp] {
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.about-image-frame img[b-jbcgnju5qp] {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    display: block;
}

.about-timeline[b-jbcgnju5qp] {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.about-step[b-jbcgnju5qp] {
    border-radius: 18px;
    padding: 18px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.about-step-number[b-jbcgnju5qp] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 233, 74, 0.18);
    color: #c9e94a;
    font-weight: 900;
    margin-bottom: 12px;
}

.about-step-title[b-jbcgnju5qp] {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 850;
    letter-spacing: -0.2px;
    color: #f4f6f7;
}

.about-step-desc[b-jbcgnju5qp] {
    margin: 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.35;
}

.about-faq-grid[b-jbcgnju5qp] {
    margin-top: 26px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.about-faq-item[b-jbcgnju5qp] {
    border-radius: 18px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.about-faq-item summary[b-jbcgnju5qp] {
    cursor: pointer;
    font-weight: 850;
    font-size: 16px;
    letter-spacing: -0.15px;
    color: #f4f6f7;
    list-style: none;
}


.about-faq-item p[b-jbcgnju5qp] {
    margin: 10px 0 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.45;
}

.about-cta-text[b-jbcgnju5qp] {
    font-size: clamp(38px, 3.2vw, 62px);
    line-height: 1.06;
}

.about-cta-actions[b-jbcgnju5qp] {
    margin-top: 22px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .hero-container[b-jbcgnju5qp] {
        min-height: 0;
        padding-top: 40px;
    }

    .about-split[b-jbcgnju5qp] {
        margin-top: 40px;
    }

    .about-quote[b-jbcgnju5qp] {
        margin-top: 28px;
    }
}

@media (max-width: 1100px) {
    .benefits-grid[b-jbcgnju5qp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .homepage-customers-grid[b-jbcgnju5qp] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 26px;
    }

    .homepage-customers-title[b-jbcgnju5qp] {
        margin-bottom: 40px;
    }

    .about-split[b-jbcgnju5qp] {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .about-timeline[b-jbcgnju5qp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-faq-grid[b-jbcgnju5qp] {
        grid-template-columns: 1fr;
    }

    .call-to-action-container .text-container[b-jbcgnju5qp] {
        width: 100%;
    }

    .about-cta-text[b-jbcgnju5qp] {
        font-size: 28px;
        line-height: 1;
    }
}

@media (max-width: 820px) {
    .hero-container[b-jbcgnju5qp] {
        padding-top: 72px;
        gap: 30px;
    }

    .about-body[b-jbcgnju5qp],
    .about-bullets[b-jbcgnju5qp] {
        font-size: 16px;
    }

    .about-callout[b-jbcgnju5qp],
    .about-quote[b-jbcgnju5qp] {
        padding: 20px;
    }

    .about-image-frame img[b-jbcgnju5qp] {
        min-height: 260px;
    }

    .about-cta-text[b-jbcgnju5qp] {
        font-size: 24px;
        line-height: 1;
    }
}

@media (max-width: 620px) {
    .benefits-grid[b-jbcgnju5qp] {
        grid-template-columns: 1fr;
    }

    .homepage-customers-grid[b-jbcgnju5qp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 18px;
    }

    .customer-logo-home[b-jbcgnju5qp] {
        min-height: 56px;
    }

    .customer-logo-home img[b-jbcgnju5qp] {
        max-height: 42px;
    }

    .about-timeline[b-jbcgnju5qp] {
        grid-template-columns: 1fr;
    }

    .about-section-title[b-jbcgnju5qp] {
        font-size: clamp(26px, 8vw, 34px);
    }

    .about-quote-text[b-jbcgnju5qp] {
        font-size: 18px;
    }

    .about-cta-text[b-jbcgnju5qp] {
        font-size: 24px;
        line-height: 1;
    }
}

@media (max-width: 399px) {
    .hero-container[b-jbcgnju5qp] {
        padding-top: 56px;
    }

    .about-callout[b-jbcgnju5qp],
    .about-quote[b-jbcgnju5qp],
    .about-step[b-jbcgnju5qp],
    .about-faq-item[b-jbcgnju5qp] {
        border-radius: 16px;
    }

    .about-cta-text[b-jbcgnju5qp] {
        font-size: 24px;
        line-height: 1;
    }
}
/* /Areas/Home/Pages/Contact.razor.rz.scp.css */
.contact-hero-container[b-ujgdb2r6uv] {
    position: relative;
    overflow: hidden;
    color: #f4f6f7;
    padding: clamp(72px, 10vw, 120px) clamp(18px, 7vw, 150px) clamp(70px, 8vw, 90px);
    min-height: 790px;
    background: radial-gradient(520px 520px at 6% 96%, rgba(201, 233, 74, 0.38) 0%, rgba(201, 233, 74, 0.16) 34%, rgba(201, 233, 74, 0) 70%), radial-gradient(1200px 1000px at 0% 100%, rgba(201, 233, 74, 0.18) 0%, rgba(201, 233, 74, 0.06) 40%, rgba(201, 233, 74, 0) 72%), radial-gradient(1100px 900px at 78% 90%, rgba(201, 233, 74, 0.16) 0%, rgba(201, 233, 74, 0.06) 35%, rgba(201, 233, 74, 0) 70%), var(--ib-primary-dark);
    border-bottom-right-radius: 700px 520px;
}

.contact-hero-container[b-ujgdb2r6uv]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 120% at 50% 50%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.35) 100%);
}

.contact-hero-grid[b-ujgdb2r6uv] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.9fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: start;
}

.contact-kicker[b-ujgdb2r6uv] {
    margin: 0 0 14px;
    color: rgba(244, 246, 247, 0.75);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 13px;
}

.contact-hero-title[b-ujgdb2r6uv] {
    margin: 0 0 18px;
    font-size: clamp(44px, 3.6vw, 72px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.6px;
}

.contact-hero-title .brand[b-ujgdb2r6uv] {
    color: var(--ib-green-offcolour);
    font-weight: 900;
}

.contact-hero-subtitle[b-ujgdb2r6uv] {
    margin: 0;
    color: #e3e3e3;
    font-size: 20px;
    line-height: 1.35;
    max-width: 70ch;
}

.contact-hero-micro[b-ujgdb2r6uv] {
    margin-top: 26px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 18px;
}

.contact-hero-micro-title[b-ujgdb2r6uv] {
    font-weight: 850;
    letter-spacing: -0.15px;
    margin-bottom: 10px;
}

.contact-bullets[b-ujgdb2r6uv] {
    margin: 0;
    padding-left: 18px;
    color: rgba(227, 227, 227, 0.92);
    font-size: 16px;
    line-height: 1.45;
}

.contact-bullets li[b-ujgdb2r6uv] {
    margin: 0 0 8px;
}

.contact-hero-right[b-ujgdb2r6uv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contact-action-card[b-ujgdb2r6uv] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    text-decoration: none;
    color: #f4f6f7;
    background: radial-gradient(700px 400px at 12% 120%, rgba(201, 233, 74, 0.18) 0%, rgba(201, 233, 74, 0.05) 48%, rgba(201, 233, 74, 0) 70%), rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease;
}

.contact-action-card:hover[b-ujgdb2r6uv] {
    transform: translateY(-1px);
    border-color: rgba(201, 233, 74, 0.45);
}

.contact-action-icon[b-ujgdb2r6uv] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    flex: none;
    color: var(--ib-green-offcolour);
    background: rgba(201, 233, 74, 0.14);
    border: 1px solid rgba(201, 233, 74, 0.22);
}

.contact-action-icon svg[b-ujgdb2r6uv] {
    width: 28px;
    height: 28px;
}

.contact-action-text[b-ujgdb2r6uv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-right: 34px;
}

.contact-action-title[b-ujgdb2r6uv] {
    font-weight: 900;
    letter-spacing: -0.2px;
    font-size: 18px;
}

.contact-action-desc[b-ujgdb2r6uv] {
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.25;
}

.contact-action-chevron[b-ujgdb2r6uv] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    color: rgba(244, 246, 247, 0.75);
}

.contact-action-chevron svg[b-ujgdb2r6uv] {
    width: 26px;
    height: 26px;
}

.contact-hero-right-footnote[b-ujgdb2r6uv] {
    margin-top: 10px;
    padding: 16px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-footnote-title[b-ujgdb2r6uv] {
    color: rgba(227, 227, 227, 0.9);
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 650;
}

.contact-content[b-ujgdb2r6uv] {
}

.contact-main-grid[b-ujgdb2r6uv] {
}

.contact-form-card[b-ujgdb2r6uv] {
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
    padding: clamp(22px, 3.2vw, 32px);
}

.contact-form-header[b-ujgdb2r6uv] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-form-title[b-ujgdb2r6uv] {
    margin: 0 0 10px;
    font-size: clamp(26px, 2.5vw, 30px);
    font-weight: 900;
    letter-spacing: -0.4px;
}

.contact-form-subtitle[b-ujgdb2r6uv] {
    margin: 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 16px;
    line-height: 1.45;
    max-width: 80ch;
}

.contact-inline-link[b-ujgdb2r6uv] {
    color: var(--ib-green-offcolour);
    text-decoration: none;
    border-bottom: 1px solid rgba(201, 233, 74, 0.35);
}

.contact-inline-link:hover[b-ujgdb2r6uv] {
    border-bottom-color: rgba(201, 233, 74, 0.75);
}

.contact-alert[b-ujgdb2r6uv] {
    border-radius: 18px;
    padding: 14px;
    margin: 0 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(244, 246, 247, 0.95);
}

.contact-alert strong[b-ujgdb2r6uv] {
    display: block;
    margin-bottom: 6px;
}

.contact-alert-error[b-ujgdb2r6uv] {
    border-color: rgba(255, 116, 116, 0.45);
    background: rgba(255, 116, 116, 0.1);
}

.contact-alert-success[b-ujgdb2r6uv] {
    border-color: rgba(201, 233, 74, 0.45);
    background: rgba(201, 233, 74, 0.1);
}

.contact-success-actions[b-ujgdb2r6uv] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.contact-pill[b-ujgdb2r6uv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 800;
    letter-spacing: -0.1px;
    background: #f4f6f7;
    color: #0e0f10;
}

.contact-pill-ghost[b-ujgdb2r6uv] {
    background: transparent;
    color: #f4f6f7;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.contact-validation-summary[b-ujgdb2r6uv] {
    color: rgba(255, 116, 116, 0.95);
    margin: 0 0 14px;
    font-size: 14px;
}

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

.contact-field[b-ujgdb2r6uv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.contact-field-full[b-ujgdb2r6uv] {
    grid-column: 1 / -1;
}

.contact-label[b-ujgdb2r6uv] {
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(244, 246, 247, 0.85);
    font-weight: 800;
}

.req[b-ujgdb2r6uv] {
    color: var(--ib-green-offcolour);
    font-weight: 900;
}

.contact-input[b-ujgdb2r6uv],
.contact-textarea[b-ujgdb2r6uv] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: #f4f6f7;
    padding: 12px;
    font-size: 16px;
    line-height: 1.3;
    outline: none;
    box-sizing: border-box;
}

.contact-textarea[b-ujgdb2r6uv] {
    resize: vertical;
    min-height: 170px;
}

.contact-input:focus[b-ujgdb2r6uv],
.contact-textarea:focus[b-ujgdb2r6uv] {
    border-color: rgba(201, 233, 74, 0.7);
    box-shadow: 0 0 0 3px rgba(201, 233, 74, 0.18);
}

.contact-form-card .validation-message[b-ujgdb2r6uv] {
    color: rgba(255, 116, 116, 0.95);
    font-size: 13px;
}

.contact-check[b-ujgdb2r6uv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding-top: 6px;
}

.contact-checkbox[b-ujgdb2r6uv] {
    width: 18px;
    height: 18px;
    accent-color: var(--ib-green-offcolour);
}

.contact-check-label[b-ujgdb2r6uv] {
    color: rgba(227, 227, 227, 0.92);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

.contact-extra-field[b-ujgdb2r6uv] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.contact-submit-row[b-ujgdb2r6uv] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    flex-wrap: wrap;
}

.contact-submit-note[b-ujgdb2r6uv] {
    color: rgba(227, 227, 227, 0.88);
    font-size: 14px;
    line-height: 1.35;
}

.contact-side[b-ujgdb2r6uv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-side-card[b-ujgdb2r6uv] {
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 18px;
}

.contact-side-card-muted[b-ujgdb2r6uv] {
    background: radial-gradient(700px 350px at 0% 120%, rgba(201, 233, 74, 0.14) 0%, rgba(201, 233, 74, 0) 68%), rgba(255, 255, 255, 0.03);
}

.contact-side-title[b-ujgdb2r6uv] {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.2px;
}

.contact-side-text[b-ujgdb2r6uv] {
    margin: 0 0 12px;
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.45;
}

@media (max-width: 1100px) {
    .contact-hero-container[b-ujgdb2r6uv] {
        min-height: 0;
    }

    .contact-hero-grid[b-ujgdb2r6uv] {
        grid-template-columns: 1fr;
    }

    .contact-main-grid[b-ujgdb2r6uv] {
        grid-template-columns: 1fr;
        gap: 26px;
    }
}

@media (max-width: 720px) {
    .contact-fields-grid[b-ujgdb2r6uv] {
        grid-template-columns: 1fr;
    }

    .contact-submit-row[b-ujgdb2r6uv] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 620px) {
    .contact-hero-container[b-ujgdb2r6uv] {
        border-bottom-right-radius: 420px 340px;
        padding-top: 72px;
    }

    .contact-action-card[b-ujgdb2r6uv] {
        align-items: flex-start;
        padding: 16px;
    }

    .contact-action-icon[b-ujgdb2r6uv] {
        width: 46px;
        height: 46px;
    }

    .contact-action-icon svg[b-ujgdb2r6uv] {
        width: 24px;
        height: 24px;
    }

    .contact-action-text[b-ujgdb2r6uv] {
        padding-right: 24px;
    }

    .contact-form-card[b-ujgdb2r6uv] {
        border-radius: 22px;
    }

    .contact-check[b-ujgdb2r6uv] {
        align-items: flex-start;
    }
}

@media (max-width: 399px) {
    .contact-hero-container[b-ujgdb2r6uv] {
        border-bottom-right-radius: 300px 240px;
        padding-top: 56px;
    }

    .contact-action-card[b-ujgdb2r6uv],
    .contact-form-card[b-ujgdb2r6uv] {
        border-radius: 18px;
    }
}
/* /Areas/Home/Pages/DrawingManagement.razor.rz.scp.css */
.how-hero[b-jtqf90le6a] {
    align-items: center;
    min-height: min(78svh, 860px);
    gap: clamp(28px, 3vw, 46px);
    padding-top: clamp(24px, 4vw, 56px);
}

.how-hero-copy[b-jtqf90le6a] {
    flex: 0 1 46%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding-top: clamp(18px, 3vw, 40px);
    padding-bottom: clamp(18px, 3vw, 40px);
}

.how-kicker[b-jtqf90le6a] {
    margin: 0 0 14px;
    color: rgba(244, 246, 247, 0.75);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 13px;
}

.how-hero-title[b-jtqf90le6a] {
    font-size: clamp(2.35rem, 2.9vw, 5rem);
    line-height: 0.98;
    letter-spacing: -0.9px;
}

.how-hero-secondary[b-jtqf90le6a] {
    margin-top: 18px;
    font-size: clamp(1.5rem, 1.8vw, 2.8rem);
    line-height: 0.98;
    letter-spacing: -0.9px;
}

.how-hero-body[b-jtqf90le6a] {
    margin-top: 18px;
    max-width: 34rem;
    font-size: clamp(1rem, 1.08vw, 1.12rem);
}

.how-hero-actions[b-jtqf90le6a] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.how-hero-meta[b-jtqf90le6a] {
    margin: 14px 0 0;
    max-width: 34rem;
    color: rgba(227, 227, 227, 0.82);
    font-size: 14px;
    line-height: 1.4;
}

.how-hero-visual[b-jtqf90le6a] {
    flex: 0 1 54%;
    min-width: 0;
    max-width: 680px;
    display: grid;
    gap: 16px;
    align-content: center;
    padding-top: clamp(12px, 2vw, 28px);
    padding-bottom: clamp(12px, 2vw, 28px);
}

.how-flow-panel[b-jtqf90le6a] {
    border-radius: 24px;
    padding: 22px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
}

.how-panel-kicker[b-jtqf90le6a] {
    margin: 0 0 18px;
    color: #c9e94a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.how-flow-list[b-jtqf90le6a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.how-flow-item[b-jtqf90le6a] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.how-flow-number[b-jtqf90le6a] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 233, 74, 0.18);
    color: #c9e94a;
    font-weight: 900;
    font-size: 15px;
}

.how-flow-text strong[b-jtqf90le6a] {
    display: block;
    color: #f4f6f7;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.2px;
}

.how-flow-text p[b-jtqf90le6a] {
    margin: 4px 0 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 14px;
    line-height: 1.35;
}

.how-status-strip[b-jtqf90le6a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.how-status-card[b-jtqf90le6a] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.how-status-label[b-jtqf90le6a] {
    color: rgba(227, 227, 227, 0.72);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.how-status-value[b-jtqf90le6a] {
    color: #f4f6f7;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.2px;
}

.how-hero-image-frame[b-jtqf90le6a],
.how-image-frame[b-jtqf90le6a] {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.how-hero-image-frame img[b-jtqf90le6a],
.how-image-frame img[b-jtqf90le6a] {
    width: 100%;
    display: block;
    object-fit: cover;
}

.how-hero-image-frame[b-jtqf90le6a] {
}

.how-hero-image-frame img[b-jtqf90le6a] {
    height: auto;
    aspect-ratio: 16 / 7.5;
    min-height: 0;
}

.how-image-frame img[b-jtqf90le6a] {
    min-height: 340px;
}

.how-section-intro[b-jtqf90le6a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    gap: clamp(26px, 5vw, 72px);
    align-items: start;
}

.how-section-title[b-jtqf90le6a] {
    margin: 0 0 14px;
    font-size: clamp(30px, 2.3vw, 44px);
    font-weight: 800;
    letter-spacing: -0.6px;
}

.how-section-title-center[b-jtqf90le6a] {
    text-align: center;
}

.how-body[b-jtqf90le6a] {
    margin: 0 0 16px;
    color: #e3e3e3;
    font-size: 18px;
    line-height: 1.5;
    max-width: 72ch;
}

.how-body-center[b-jtqf90le6a] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.how-workflow-grid[b-jtqf90le6a] {
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.how-workflow-card[b-jtqf90le6a],
.how-compare-card[b-jtqf90le6a] {
    border-radius: 20px;
    padding: 22px 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.how-workflow-number[b-jtqf90le6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(201, 233, 74, 0.15);
    color: #c9e94a;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.how-workflow-title[b-jtqf90le6a],
.how-compare-title[b-jtqf90le6a],
.how-proof-title[b-jtqf90le6a] {
    margin: 16px 0 10px;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #f4f6f7;
}

.how-workflow-desc[b-jtqf90le6a] {
    margin: 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 16px;
    line-height: 1.45;
}

.how-split[b-jtqf90le6a] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
    gap: clamp(28px, 5vw, 64px);
    align-items: center;
}

.how-split-reverse[b-jtqf90le6a] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
}

.how-split-reverse > :first-child[b-jtqf90le6a] {
    order: 1;
}

.how-split-reverse > :last-child[b-jtqf90le6a] {
    order: 2;
}

.how-list[b-jtqf90le6a] {
    margin: 0;
    padding-left: 18px;
    color: #e3e3e3;
    font-size: 17px;
    line-height: 1.45;
}

.how-list li[b-jtqf90le6a] {
    margin: 0 0 10px;
}

.how-proof-card[b-jtqf90le6a] {
    border-radius: 22px;
    padding: 24px;
    background: rgba(201, 233, 74, 0.08);
    border: 1px solid rgba(201, 233, 74, 0.22);
}

.how-proof-rail[b-jtqf90le6a] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.how-proof-pill[b-jtqf90le6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f4f6f7;
    font-size: 13px;
    font-weight: 700;
}

.how-proof-footnote[b-jtqf90le6a] {
    margin: 14px 0 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.4;
}

.how-compare-grid[b-jtqf90le6a],
.how-results-grid[b-jtqf90le6a] {
    margin-top: 34px;
    display: grid;
    gap: 18px;
}

.how-compare-grid[b-jtqf90le6a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.how-results-grid[b-jtqf90le6a] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.how-cta-text[b-jtqf90le6a] {
    font-size: clamp(38px, 3.2vw, 62px);
    line-height: 1.06;
}

@media (max-width: 1200px) {
    .how-workflow-grid[b-jtqf90le6a],
    .how-results-grid[b-jtqf90le6a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .how-hero[b-jtqf90le6a] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 30px;
    }

    .how-hero-copy[b-jtqf90le6a],
    .how-hero-visual[b-jtqf90le6a] {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .how-section-intro[b-jtqf90le6a],
    .how-split[b-jtqf90le6a],
    .how-split-reverse[b-jtqf90le6a],
    .how-compare-grid[b-jtqf90le6a] {
        grid-template-columns: 1fr;
    }

    .how-split-reverse > :first-child[b-jtqf90le6a],
    .how-split-reverse > :last-child[b-jtqf90le6a] {
        order: initial;
    }

    .how-cta-text[b-jtqf90le6a] {
        font-size: 28px;
        line-height: 1;
    }
}

@media (max-width: 820px) {
    .how-hero[b-jtqf90le6a] {
        padding-top: 72px;
    }

    .how-flow-panel[b-jtqf90le6a],
    .how-proof-card[b-jtqf90le6a],
    .how-workflow-card[b-jtqf90le6a],
    .how-compare-card[b-jtqf90le6a] {
        padding: 20px;
    }

    .how-body[b-jtqf90le6a],
    .how-list[b-jtqf90le6a] {
        font-size: 16px;
    }

    .how-image-frame img[b-jtqf90le6a] {
        min-height: 260px;
    }

    .how-status-strip[b-jtqf90le6a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .how-workflow-grid[b-jtqf90le6a],
    .how-results-grid[b-jtqf90le6a],
    .how-compare-grid[b-jtqf90le6a] {
        grid-template-columns: 1fr;
    }

    .how-section-title[b-jtqf90le6a] {
        font-size: clamp(26px, 8vw, 34px);
    }

    .how-hero-title[b-jtqf90le6a] {
        max-width: none;
        font-size: clamp(2.2rem, 10vw, 3.4rem);
    }

    .how-flow-item[b-jtqf90le6a] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .how-flow-number[b-jtqf90le6a] {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .how-cta-text[b-jtqf90le6a] {
        font-size: 24px;
        line-height: 1;
    }
}

@media (max-width: 399px) {
    .how-flow-panel[b-jtqf90le6a],
    .how-proof-card[b-jtqf90le6a],
    .how-workflow-card[b-jtqf90le6a],
    .how-compare-card[b-jtqf90le6a],
    .how-hero-image-frame[b-jtqf90le6a],
    .how-image-frame[b-jtqf90le6a] {
        border-radius: 16px;
    }
}

/* /Areas/Home/Pages/Home.razor.rz.scp.css */
/* /Areas/Home/Pages/HubLanding.razor.rz.scp.css */
.hub-landing-page[b-uemfgyyn3q] {
    min-height: calc(100vh - 7rem);
    display: grid;
    align-items: center;
    color: #f4f7f2;
}

.hub-landing-hero[b-uemfgyyn3q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 30rem);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
    width: min(100%, 74rem);
    margin: 0 auto;
}

.hub-landing-copy[b-uemfgyyn3q] {
    display: grid;
    gap: 1rem;
}

.hub-landing-kicker[b-uemfgyyn3q] {
    margin: 0;
    color: #c9e94a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hub-landing-copy h1[b-uemfgyyn3q] {
    margin: 0;
    max-width: 15ch;
    color: #ffffff;
    font-size: clamp(2.5rem, 6vw, 5rem);
    line-height: 0.98;
}

.hub-landing-copy p:last-child[b-uemfgyyn3q] {
    max-width: 42rem;
    margin: 0;
    color: rgba(244, 247, 242, 0.78);
    font-size: 1.08rem;
    line-height: 1.65;
}

.hub-landing-actions[b-uemfgyyn3q] {
    display: grid;
    gap: 0.9rem;
}

.hub-landing-card[b-uemfgyyn3q] {
    display: grid;
    gap: 0.35rem;
    padding: 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    color: #f4f7f2;
    text-decoration: none;
    transition: border-color 140ms ease, background 140ms ease;
}

.hub-landing-card:hover[b-uemfgyyn3q],
.hub-landing-card:focus-visible[b-uemfgyyn3q] {
    border-color: rgba(201, 233, 74, 0.7);
    background: rgba(201, 233, 74, 0.08);
    outline: none;
}

.hub-landing-card.primary[b-uemfgyyn3q] {
    background: #c9e94a;
    border-color: #c9e94a;
    color: #101409;
}

.hub-landing-card.primary:hover[b-uemfgyyn3q],
.hub-landing-card.primary:focus-visible[b-uemfgyyn3q] {
    background: #d7f45f;
    border-color: #d7f45f;
}

.hub-landing-card span[b-uemfgyyn3q] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hub-landing-card strong[b-uemfgyyn3q] {
    font-size: 1.15rem;
    line-height: 1.35;
}

@media (max-width: 860px) {
    .hub-landing-page[b-uemfgyyn3q] {
        align-items: start;
        min-height: auto;
        padding: 2rem 0;
    }

    .hub-landing-hero[b-uemfgyyn3q] {
        grid-template-columns: 1fr;
    }

    .hub-landing-copy h1[b-uemfgyyn3q] {
        max-width: 12ch;
    }
}
/* /Areas/Home/Pages/IntelliPermitIntegration.razor.rz.scp.css */
.intellipermit-page[b-6mslubh4qw] {
    padding-top: clamp(48px, 7vw, 96px);
    padding-bottom: clamp(48px, 7vw, 96px);
}

.intellipermit-panel[b-6mslubh4qw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: clamp(28px, 5vw, 64px);
    align-items: center;
    min-height: min(680px, calc(100vh - 160px));
    padding: clamp(24px, 4vw, 56px);
    overflow: hidden;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(20, 38, 31, 0.96), rgba(18, 23, 28, 0.98)),
        var(--ib-primary-dark);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.22);
}

.intellipermit-copy[b-6mslubh4qw] {
    min-width: 0;
}

.intellipermit-kicker[b-6mslubh4qw] {
    margin: 0 0 14px;
    color: var(--ib-green-offcolour);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.intellipermit-copy h1[b-6mslubh4qw] {
    margin: 0 0 20px;
    max-width: 760px;
    color: #f4f6f7;
    font-size: clamp(2.35rem, 4.8vw, 5rem);
    line-height: 1;
    letter-spacing: 0;
}

.intellipermit-lead[b-6mslubh4qw] {
    margin: 0 0 14px;
    max-width: 680px;
    color: #f4f6f7;
    font-size: clamp(1.15rem, 1.7vw, 1.55rem);
    line-height: 1.42;
    font-weight: 650;
}

.intellipermit-body[b-6mslubh4qw] {
    margin: 0;
    max-width: 700px;
    color: rgba(244, 246, 247, 0.82);
    font-size: 17px;
    line-height: 1.58;
}

.intellipermit-values[b-6mslubh4qw] {
    display: grid;
    gap: 0;
    margin: clamp(22px, 3vw, 34px) 0 0;
    max-width: 740px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.intellipermit-value[b-6mslubh4qw] {
    display: grid;
    grid-template-columns: minmax(170px, 0.42fr) minmax(0, 1fr);
    gap: clamp(14px, 2vw, 24px);
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.intellipermit-value h2[b-6mslubh4qw] {
    margin: 0;
    color: #f4f6f7;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: 0;
}

.intellipermit-value p[b-6mslubh4qw] {
    margin: 0;
    color: rgba(244, 246, 247, 0.78);
    font-size: 15px;
    line-height: 1.5;
}

.intellipermit-actions[b-6mslubh4qw] {
    margin-top: clamp(24px, 3vw, 36px);
}

.intellipermit-visual[b-6mslubh4qw] {
    min-width: 0;
    aspect-ratio: 1.05;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.28);
}

.intellipermit-visual img[b-6mslubh4qw] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 980px) {
    .intellipermit-panel[b-6mslubh4qw] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .intellipermit-visual[b-6mslubh4qw] {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 640px) {
    .intellipermit-panel[b-6mslubh4qw] {
        padding: 22px;
    }

    .intellipermit-value[b-6mslubh4qw] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .intellipermit-body[b-6mslubh4qw],
    .intellipermit-value p[b-6mslubh4qw] {
        font-size: 15px;
    }
}
/* /Areas/Home/Pages/PartnersBecome.razor.rz.scp.css */
.partner-enquiry-page[b-5ji3tbutu0] {
    background: var(--ib-primary-dark);
    color: #f4f6f7;
    min-height: 100vh;
}

.partner-enquiry-shell[b-5ji3tbutu0] {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: start;
    padding: clamp(72px, 10vw, 118px) clamp(18px, 7vw, 150px) clamp(70px, 8vw, 92px);
    background:
        radial-gradient(620px 520px at 6% 96%, rgba(201, 233, 74, .34) 0%, rgba(201, 233, 74, .12) 36%, rgba(201, 233, 74, 0) 72%),
        radial-gradient(960px 740px at 90% 10%, rgba(120, 231, 214, .13) 0%, rgba(120, 231, 214, .04) 42%, rgba(120, 231, 214, 0) 74%),
        var(--ib-primary-dark);
}

.partner-enquiry-intro[b-5ji3tbutu0] {
    display: grid;
    gap: 1.15rem;
    position: sticky;
    top: 110px;
}

.partner-enquiry-kicker[b-5ji3tbutu0] {
    color: var(--ib-green-offcolour);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0;
    text-transform: uppercase;
}

.partner-enquiry-intro h1[b-5ji3tbutu0] {
    color: #f4f6f7;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    letter-spacing: 0;
    line-height: 1.04;
    margin: 0;
}

.partner-enquiry-intro p[b-5ji3tbutu0] {
    color: rgba(227, 227, 227, .92);
    font-size: 1.08rem;
    line-height: 1.55;
    margin: 0;
}

.partner-enquiry-points[b-5ji3tbutu0] {
    display: grid;
    gap: .7rem;
}

.partner-enquiry-points span[b-5ji3tbutu0] {
    border: 1px solid rgba(201, 233, 74, .22);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    color: rgba(244, 246, 247, .9);
    font-weight: 800;
    padding: .8rem .9rem;
}

.partner-form-card[b-5ji3tbutu0] {
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .4);
    padding: clamp(1.35rem, 3vw, 2rem);
}

.partner-form-header[b-5ji3tbutu0] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
}

.partner-form-header h2[b-5ji3tbutu0] {
    color: #f4f6f7;
    font-size: clamp(1.65rem, 3vw, 2rem);
    letter-spacing: 0;
    margin: 0 0 .6rem;
}

.partner-form-header p[b-5ji3tbutu0],
.partner-submit-row p[b-5ji3tbutu0] {
    color: rgba(227, 227, 227, .9);
    line-height: 1.45;
    margin: 0;
}

.partner-alert[b-5ji3tbutu0] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: rgba(244, 246, 247, .96);
    margin-bottom: 1rem;
    padding: .9rem;
}

.partner-alert strong[b-5ji3tbutu0] {
    display: block;
    margin-bottom: .35rem;
}

.partner-alert-error[b-5ji3tbutu0] {
    border-color: rgba(255, 116, 116, .45);
    background: rgba(255, 116, 116, .1);
}

.partner-alert-success[b-5ji3tbutu0] {
    border-color: rgba(201, 233, 74, .45);
    background: rgba(201, 233, 74, .1);
}

.partner-success-actions[b-5ji3tbutu0] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .9rem;
}

.partner-pill[b-5ji3tbutu0] {
    align-items: center;
    background: #f4f6f7;
    border-radius: 999px;
    color: #0e0f10;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    padding: .62rem .9rem;
    text-decoration: none;
}

.partner-pill-ghost[b-5ji3tbutu0] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    color: #f4f6f7;
}

.partner-validation-summary[b-5ji3tbutu0] {
    color: rgba(255, 116, 116, .95);
    font-size: .9rem;
    margin: 0 0 .9rem;
}

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

.partner-field[b-5ji3tbutu0] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
}

.partner-field-full[b-5ji3tbutu0] {
    grid-column: 1 / -1;
}

.partner-label[b-5ji3tbutu0] {
    color: rgba(244, 246, 247, .85);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.req[b-5ji3tbutu0] {
    color: var(--ib-green-offcolour);
    font-weight: 900;
}

.partner-input[b-5ji3tbutu0],
.partner-textarea[b-5ji3tbutu0] {
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    box-sizing: border-box;
    color: #f4f6f7;
    font-size: 1rem;
    line-height: 1.3;
    outline: none;
    padding: .78rem;
    width: 100%;
}

.partner-textarea[b-5ji3tbutu0] {
    min-height: 170px;
    resize: vertical;
}

.partner-input:focus[b-5ji3tbutu0],
.partner-textarea:focus[b-5ji3tbutu0] {
    border-color: rgba(201, 233, 74, .7);
    box-shadow: 0 0 0 3px rgba(201, 233, 74, .18);
}

.partner-form-card .validation-message[b-5ji3tbutu0] {
    color: rgba(255, 116, 116, .95);
    font-size: .82rem;
}

.partner-check[b-5ji3tbutu0] {
    align-items: center;
    flex-direction: row;
    gap: .65rem;
    padding-top: .35rem;
}

.partner-checkbox[b-5ji3tbutu0] {
    accent-color: var(--ib-green-offcolour);
    height: 18px;
    width: 18px;
}

.partner-check-label[b-5ji3tbutu0] {
    color: rgba(227, 227, 227, .92);
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.35;
}

.partner-extra-field[b-5ji3tbutu0] {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.partner-submit-row[b-5ji3tbutu0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    margin-top: 1.15rem;
}

@media (max-width: 1020px) {
    .partner-enquiry-shell[b-5ji3tbutu0] {
        grid-template-columns: 1fr;
    }

    .partner-enquiry-intro[b-5ji3tbutu0] {
        position: static;
    }
}

@media (max-width: 720px) {
    .partner-enquiry-shell[b-5ji3tbutu0] {
        padding-top: 4.5rem;
    }

    .partner-fields-grid[b-5ji3tbutu0] {
        grid-template-columns: 1fr;
    }

    .partner-submit-row[b-5ji3tbutu0] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Areas/Home/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-deqdqtu2my] {
    background: var(--ib-primary-dark);
    color: #f4f6f7;
    min-height: 100vh;
}

.pricing-hero[b-deqdqtu2my] {
    align-items: center;
    background:
        radial-gradient(520px 520px at 6% 96%, rgba(201, 233, 74, .38) 0%, rgba(201, 233, 74, .16) 34%, rgba(201, 233, 74, 0) 70%),
        radial-gradient(1100px 900px at 78% 90%, rgba(201, 233, 74, .16) 0%, rgba(201, 233, 74, .06) 35%, rgba(201, 233, 74, 0) 70%),
        var(--ib-primary-dark);
    color: #f4f6f7;
    display: grid;
    gap: clamp(2rem, 5vw, 4rem);
    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
    padding: clamp(4rem, 9vw, 7rem) clamp(1rem, 7vw, 8rem) clamp(2.75rem, 6vw, 5rem);
}

.pricing-hero-copy[b-deqdqtu2my] {
    display: grid;
    gap: 1.2rem;
}

.pricing-kicker[b-deqdqtu2my] {
    color: var(--ib-green-offcolour);
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: .08em;
    margin: 0;
    text-transform: uppercase;
}

.pricing-hero .pricing-kicker[b-deqdqtu2my],
.pricing-final-cta .pricing-kicker[b-deqdqtu2my] {
    color: var(--ib-green-offcolour);
}

.pricing-hero h1[b-deqdqtu2my] {
    color: #f4f6f7;
    font-size: clamp(3rem, 5.8vw, 5.7rem);
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

.pricing-lede[b-deqdqtu2my] {
    color: rgba(244, 246, 247, .88);
    font-size: clamp(1.05rem, 1.8vw, 1.22rem);
    line-height: 1.55;
    margin: 0;
    max-width: 68ch;
}

.pricing-actions[b-deqdqtu2my] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    margin-top: .4rem;
}

.pricing-text-button[b-deqdqtu2my] {
    color: #f4f6f7;
    font-weight: 850;
    padding: .75rem .85rem;
    text-decoration-color: rgba(201, 233, 74, .42);
    text-underline-offset: .22rem;
}

.pricing-text-button:hover[b-deqdqtu2my],
.pricing-text-button:focus-visible[b-deqdqtu2my] {
    color: var(--ib-green-offcolour);
    text-decoration-color: var(--ib-green-offcolour);
}

.pricing-hero-media[b-deqdqtu2my] {
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    background: rgba(244, 246, 247, .95);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .42);
    overflow: hidden;
}

.pricing-hero-media img[b-deqdqtu2my] {
    aspect-ratio: 16 / 10;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.pricing-section[b-deqdqtu2my],
.pricing-process[b-deqdqtu2my],
.pricing-final-cta[b-deqdqtu2my] {
    margin: 0 auto;
    max-width: 1180px;
    padding: clamp(3rem, 7vw, 5rem) 1rem;
}

.pricing-section-heading[b-deqdqtu2my] {
    display: grid;
    gap: .8rem;
    margin-bottom: 1.5rem;
    max-width: 820px;
}

.pricing-section-heading h2[b-deqdqtu2my],
.pricing-final-cta h2[b-deqdqtu2my] {
    color: #f4f6f7;
    font-size: clamp(2rem, 4vw, 3.3rem);
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0;
}

.pricing-section-heading p[b-deqdqtu2my],
.pricing-final-cta p[b-deqdqtu2my] {
    color: rgba(227, 227, 227, .92);
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0;
}

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

.pricing-card[b-deqdqtu2my],
.pricing-faq-list article[b-deqdqtu2my] {
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .32);
}

.pricing-card[b-deqdqtu2my] {
    display: grid;
    gap: .85rem;
    padding: 1.2rem;
}

.pricing-card-label[b-deqdqtu2my] {
    color: var(--ib-green-offcolour);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pricing-card h3[b-deqdqtu2my],
.pricing-faq-list h3[b-deqdqtu2my],
.pricing-process-list h3[b-deqdqtu2my] {
    color: #f4f6f7;
    font-size: 1.18rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.pricing-card p[b-deqdqtu2my],
.pricing-faq-list p[b-deqdqtu2my],
.pricing-process-list p[b-deqdqtu2my] {
    color: rgba(227, 227, 227, .9);
    line-height: 1.55;
    margin: 0;
}

.pricing-process[b-deqdqtu2my] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.pricing-process-list[b-deqdqtu2my] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing-process-list li[b-deqdqtu2my] {
    align-content: start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    min-height: 100%;
    padding: 1rem;
}

.pricing-process-list span[b-deqdqtu2my] {
    align-items: center;
    background: rgba(201, 233, 74, .14);
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 999px;
    color: var(--ib-green-offcolour);
    display: inline-flex;
    font-weight: 900;
    height: 2.15rem;
    justify-content: center;
    width: 2.15rem;
}

.pricing-process-list div[b-deqdqtu2my] {
    display: grid;
    gap: .55rem;
}

.pricing-faq-list[b-deqdqtu2my] {
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
}

.pricing-faq-list article[b-deqdqtu2my] {
    display: grid;
    gap: .6rem;
    padding: 1rem;
}

.pricing-final-cta[b-deqdqtu2my] {
    align-items: center;
    background:
        radial-gradient(760px 420px at 0% 120%, rgba(201, 233, 74, .16) 0%, rgba(201, 233, 74, 0) 68%),
        rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 8px;
    color: #f4f6f7;
    display: flex;
    gap: 1.4rem;
    justify-content: space-between;
    margin-bottom: clamp(3rem, 6vw, 5rem);
    padding: clamp(1.35rem, 4vw, 2.2rem);
}

.pricing-final-cta h2[b-deqdqtu2my] {
    color: #f4f6f7;
}

.pricing-final-cta p[b-deqdqtu2my] {
    color: rgba(244, 246, 247, .88);
    max-width: 72ch;
}

.pricing-final-cta > div[b-deqdqtu2my] {
    display: grid;
    gap: .75rem;
}

@media (max-width: 1120px) {
    .pricing-hero[b-deqdqtu2my],
    .pricing-card-grid[b-deqdqtu2my],
    .pricing-process-list[b-deqdqtu2my] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pricing-hero-copy[b-deqdqtu2my] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .pricing-hero[b-deqdqtu2my],
    .pricing-card-grid[b-deqdqtu2my],
    .pricing-process-list[b-deqdqtu2my],
    .pricing-faq-list[b-deqdqtu2my] {
        grid-template-columns: 1fr;
    }

    .pricing-hero[b-deqdqtu2my] {
        padding-top: 4.5rem;
    }

    .pricing-hero h1[b-deqdqtu2my] {
        font-size: clamp(2.55rem, 14vw, 4rem);
    }

    .pricing-hero-media img[b-deqdqtu2my] {
        aspect-ratio: 4 / 3;
    }

    .pricing-final-cta[b-deqdqtu2my] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Areas/Home/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-e7jslhfl6w] {
    background: #f5f7f4;
    color: #17242b;
    min-height: 100vh;
}

.privacy-hero[b-e7jslhfl6w] {
    background: #10222c;
    color: #f4f6f7;
    padding: 4rem 1rem 3.5rem;
}

.privacy-hero-inner[b-e7jslhfl6w] {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 1040px;
}

.privacy-kicker[b-e7jslhfl6w],
.privacy-effective[b-e7jslhfl6w] {
    color: #c9e94a;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.privacy-hero h1[b-e7jslhfl6w] {
    color: #f4f6f7;
    font-size: 3.2rem;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0;
    max-width: 780px;
}

.privacy-hero p[b-e7jslhfl6w] {
    color: rgba(244, 246, 247, .86);
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;
    max-width: 860px;
}

.privacy-layout[b-e7jslhfl6w] {
    align-items: start;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1180px;
    padding: 2.5rem 1rem 4rem;
}

.privacy-toc[b-e7jslhfl6w] {
    background: #ffffff;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    padding: 1rem;
    position: sticky;
    top: 96px;
}

.privacy-toc h2[b-e7jslhfl6w] {
    color: #10222c;
    font-size: 1rem;
    letter-spacing: 0;
    margin: 0 0 .75rem;
}

.privacy-toc ol[b-e7jslhfl6w] {
    display: grid;
    gap: .45rem;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.privacy-toc li[b-e7jslhfl6w] {
    color: #59676c;
    font-size: .92rem;
    line-height: 1.35;
}

.privacy-toc a[b-e7jslhfl6w] {
    color: #21424c;
    font-weight: 700;
    text-decoration-color: rgba(33, 66, 76, .32);
}

.privacy-toc a:hover[b-e7jslhfl6w],
.privacy-toc a:focus-visible[b-e7jslhfl6w] {
    color: #466000;
    text-decoration-color: #c9e94a;
}

.privacy-document[b-e7jslhfl6w] {
    background: #ffffff;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    display: grid;
    gap: 2rem;
    padding: 2rem;
}

.privacy-section[b-e7jslhfl6w] {
    border-top: 1px solid #e5ebe7;
    display: grid;
    gap: 1rem;
    padding-top: 2rem;
    scroll-margin-top: 108px;
}

.privacy-section:first-child[b-e7jslhfl6w] {
    border-top: 0;
    padding-top: 0;
}

.privacy-section h2[b-e7jslhfl6w] {
    color: #10222c;
    font-size: 1.45rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.privacy-section p[b-e7jslhfl6w],
.privacy-section li[b-e7jslhfl6w] {
    color: #34464d;
    font-size: 1rem;
    line-height: 1.65;
}

.privacy-section p[b-e7jslhfl6w],
.privacy-section ul[b-e7jslhfl6w] {
    margin: 0;
}

.privacy-section ul[b-e7jslhfl6w] {
    display: grid;
    gap: .65rem;
    padding-left: 1.2rem;
}

.privacy-section a[b-e7jslhfl6w] {
    color: #365000;
    font-weight: 800;
    text-decoration-color: rgba(54, 80, 0, .35);
}

.privacy-section a:hover[b-e7jslhfl6w],
.privacy-section a:focus-visible[b-e7jslhfl6w] {
    color: #10222c;
    text-decoration-color: #c9e94a;
}

.privacy-preferences-button[b-e7jslhfl6w] {
    background: #c9e94a;
    border: 1px solid #a8c935;
    border-radius: 8px;
    color: #10222c;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    letter-spacing: 0;
    justify-self: start;
    min-height: 42px;
    padding: .65rem 1rem;
}

.privacy-preferences-button:hover[b-e7jslhfl6w],
.privacy-preferences-button:focus-visible[b-e7jslhfl6w] {
    background: #d8f35c;
    border-color: #7f9c1f;
}

.privacy-table-wrap[b-e7jslhfl6w] {
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    overflow-x: auto;
}

.privacy-table[b-e7jslhfl6w] {
    border-collapse: collapse;
    min-width: 680px;
    width: 100%;
}

.privacy-table caption[b-e7jslhfl6w] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.privacy-table th[b-e7jslhfl6w],
.privacy-table td[b-e7jslhfl6w] {
    border-bottom: 1px solid #e5ebe7;
    line-height: 1.55;
    padding: .9rem 1rem;
    text-align: left;
    vertical-align: top;
}

.privacy-table th[b-e7jslhfl6w] {
    background: #eef3ee;
    color: #10222c;
    font-size: .9rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.privacy-table td[b-e7jslhfl6w] {
    color: #34464d;
    font-size: .95rem;
}

.privacy-table tr:last-child td[b-e7jslhfl6w] {
    border-bottom: 0;
}

@media (max-width: 860px) {
    .privacy-hero[b-e7jslhfl6w] {
        padding: 3rem 1rem 2.5rem;
    }

    .privacy-hero h1[b-e7jslhfl6w] {
        font-size: 2.3rem;
    }

    .privacy-layout[b-e7jslhfl6w] {
        grid-template-columns: 1fr;
        padding-top: 1.25rem;
    }

    .privacy-toc[b-e7jslhfl6w] {
        position: static;
    }

    .privacy-document[b-e7jslhfl6w] {
        padding: 1.25rem;
    }
}
/* /Areas/Home/Pages/Sitemap.razor.rz.scp.css */
.sitemap-page[b-tkceafa3h2] {
    background: #f5f7f4;
    color: #17242b;
    min-height: 100vh;
}

.sitemap-hero[b-tkceafa3h2] {
    background: #10222c;
    color: #f4f6f7;
    padding: 4rem 1rem 3.5rem;
}

.sitemap-hero-inner[b-tkceafa3h2] {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 1040px;
}

.sitemap-kicker[b-tkceafa3h2] {
    color: #c9e94a;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.sitemap-hero h1[b-tkceafa3h2] {
    color: #f4f6f7;
    font-size: 3.2rem;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0;
}

.sitemap-hero p[b-tkceafa3h2] {
    color: rgba(244, 246, 247, .86);
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;
    max-width: 860px;
}

.sitemap-content[b-tkceafa3h2] {
    display: grid;
    gap: 1.25rem;
    margin: 0 auto;
    max-width: 1180px;
    padding: 2.5rem 1rem 4rem;
}

.sitemap-group[b-tkceafa3h2] {
    background: #ffffff;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}

.sitemap-group h2[b-tkceafa3h2] {
    color: #10222c;
    font-size: 1.35rem;
    letter-spacing: 0;
    margin: 0;
}

.sitemap-link-grid[b-tkceafa3h2] {
    display: grid;
    gap: .7rem 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap-link-grid a[b-tkceafa3h2] {
    color: #365000;
    font-weight: 800;
    line-height: 1.4;
    overflow-wrap: anywhere;
    text-decoration-color: rgba(54, 80, 0, .35);
}

.sitemap-link-grid a:hover[b-tkceafa3h2],
.sitemap-link-grid a:focus-visible[b-tkceafa3h2] {
    color: #10222c;
    text-decoration-color: #c9e94a;
}

@media (max-width: 760px) {
    .sitemap-hero[b-tkceafa3h2] {
        padding: 3rem 1rem 2.5rem;
    }

    .sitemap-hero h1[b-tkceafa3h2] {
        font-size: 2.3rem;
    }

    .sitemap-content[b-tkceafa3h2] {
        padding-top: 1.25rem;
    }

    .sitemap-group[b-tkceafa3h2] {
        padding: 1.25rem;
    }

    .sitemap-link-grid[b-tkceafa3h2] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/Home/Pages/Trust.razor.rz.scp.css */
.trust-page[b-zr51eas5kz] {
    background:
        radial-gradient(720px 520px at 8% 100%, rgba(201, 233, 74, .28) 0%, rgba(201, 233, 74, .11) 36%, rgba(201, 233, 74, 0) 72%),
        radial-gradient(980px 760px at 86% 0%, rgba(201, 233, 74, .16) 0%, rgba(201, 233, 74, .06) 38%, rgba(201, 233, 74, 0) 70%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 28%),
        var(--ib-primary-dark);
    color: #f4f6f7;
    min-height: 100vh;
    padding: clamp(24px, 4vw, 44px) 1rem 4rem;
}

.trust-shell[b-zr51eas5kz] {
    display: grid;
    gap: 1.5rem;
    margin: 0 auto;
    max-width: 1180px;
}

.trust-search[b-zr51eas5kz] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
    display: flex;
    gap: .7rem;
    padding: .7rem 1rem;
}

.trust-search span[b-zr51eas5kz] {
    color: var(--ib-green-offcolour);
    font-size: 1.2rem;
}

.trust-search input[b-zr51eas5kz] {
    border: 0;
    background: transparent;
    color: #f4f6f7;
    flex: 1;
    font-size: 1rem;
    min-width: 0;
    outline: 0;
}

.trust-search input[b-zr51eas5kz]::placeholder {
    color: rgba(227, 227, 227, .72);
}

.trust-search kbd[b-zr51eas5kz] {
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 4px;
    background: rgba(201, 233, 74, .1);
    color: #c9e94a;
    font-size: .78rem;
    padding: .12rem .35rem;
}

.trust-top-grid[b-zr51eas5kz],
.trust-category-grid[b-zr51eas5kz] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trust-category-grid[b-zr51eas5kz] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trust-card[b-zr51eas5kz],
.trust-footer-card[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 24px 56px rgba(0, 0, 0, .22);
}

.trust-card[b-zr51eas5kz] {
    padding: 1.25rem;
}

.trust-card header[b-zr51eas5kz],
.trust-documents-panel > header[b-zr51eas5kz] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.trust-card h1[b-zr51eas5kz],
.trust-card h2[b-zr51eas5kz] {
    color: #f4f6f7;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.22;
    margin: 0;
}

.trust-card p[b-zr51eas5kz],
.trust-footer-card p[b-zr51eas5kz],
.trust-access-modal p[b-zr51eas5kz] {
    color: rgba(227, 227, 227, .9);
    line-height: 1.48;
}

.trust-card-icon[b-zr51eas5kz] {
    align-items: center;
    color: var(--ib-green-offcolour);
    display: inline-flex;
    font-size: 1.15rem;
    justify-content: center;
    line-height: 1;
}

.trust-overview-card[b-zr51eas5kz] {
    min-height: 23rem;
}

.trust-overview-card a[b-zr51eas5kz],
.trust-terms-check a[b-zr51eas5kz],
.trust-footer-card a[b-zr51eas5kz] {
    color: #c9e94a;
    font-weight: 700;
    text-decoration-color: rgba(201, 233, 74, .55);
}

.trust-compliance-card[b-zr51eas5kz] {
    align-content: start;
    display: grid;
    gap: 1rem;
}

.trust-compliance-note[b-zr51eas5kz] {
    background:
        linear-gradient(135deg, rgba(201, 233, 74, .14), rgba(201, 233, 74, .04)),
        rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: .85rem;
    color: rgba(244, 246, 247, .92);
    line-height: 1.45;
    margin: 0;
    padding: .9rem 1rem;
}

.trust-profile-list[b-zr51eas5kz] {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.trust-profile-list div[b-zr51eas5kz] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.trust-profile-list dt[b-zr51eas5kz] {
    color: rgba(227, 227, 227, .7);
    font-weight: 700;
}

.trust-profile-list dd[b-zr51eas5kz] {
    color: #f4f6f7;
    font-weight: 700;
    margin: 0;
    text-align: right;
}

.trust-status-list[b-zr51eas5kz] {
    gap: .7rem;
}

.trust-status-list div[b-zr51eas5kz] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: .75rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .7rem .85rem;
}

.trust-status-list .trust-status-highlight[b-zr51eas5kz] {
    background:
        linear-gradient(135deg, rgba(201, 233, 74, .16), rgba(201, 233, 74, .045)),
        rgba(255, 255, 255, .035);
    border-color: rgba(201, 233, 74, .3);
}

.trust-status-list .trust-status-highlight dd[b-zr51eas5kz] {
    color: #c9e94a;
}

.trust-documents-panel > header[b-zr51eas5kz] {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.trust-documents-panel > header > div[b-zr51eas5kz] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.trust-access-button[b-zr51eas5kz],
.trust-secondary-button[b-zr51eas5kz],
.trust-view-all[b-zr51eas5kz] {
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
    min-height: 2.35rem;
}

.trust-access-button[b-zr51eas5kz] {
    border: 1px solid rgba(201, 233, 74, .7);
    background: var(--ib-green-offcolour);
    color: #000;
    padding: .55rem 1rem;
}

.trust-access-button:hover[b-zr51eas5kz],
.trust-access-button:focus-visible[b-zr51eas5kz] {
    border-color: #f4f6f7;
    outline: 0;
}

.trust-access-button:disabled[b-zr51eas5kz] {
    cursor: not-allowed;
    opacity: .55;
}

.trust-secondary-button[b-zr51eas5kz],
.trust-view-all[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .04);
    color: #f4f6f7;
    padding: .55rem .9rem;
}

.trust-secondary-button:hover[b-zr51eas5kz],
.trust-view-all:hover[b-zr51eas5kz],
.trust-secondary-button:focus-visible[b-zr51eas5kz],
.trust-view-all:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .7);
    outline: 0;
}

.trust-document-grid[b-zr51eas5kz] {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trust-document-card[b-zr51eas5kz] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    color: #f4f6f7;
    cursor: default;
    display: flex;
    gap: .7rem;
    min-width: 0;
    padding: .55rem;
    text-align: left;
}

.trust-document-card.locked[b-zr51eas5kz] {
    cursor: pointer;
}

.trust-document-card.locked:hover[b-zr51eas5kz],
.trust-document-card.locked:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .74);
    outline: 0;
}

.trust-document-icon[b-zr51eas5kz] {
    align-items: center;
    border-radius: 4px;
    background: rgba(201, 233, 74, .12);
    color: #c9e94a;
    display: inline-flex;
    flex: 0 0 3.45rem;
    font-size: 1.2rem;
    height: 3.45rem;
    justify-content: center;
}

.trust-document-copy[b-zr51eas5kz] {
    display: grid;
    flex: 1;
    gap: .2rem;
    min-width: 0;
}

.trust-document-copy span[b-zr51eas5kz] {
    color: rgba(227, 227, 227, .66);
    font-size: .75rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trust-document-copy strong[b-zr51eas5kz] {
    color: #f4f6f7;
    font-size: .92rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trust-lock[b-zr51eas5kz],
.trust-open[b-zr51eas5kz] {
    align-items: center;
    color: rgba(227, 227, 227, .72);
    display: inline-flex;
    flex: 0 0 1.3rem;
    font-size: .72rem;
    justify-content: center;
}

.trust-open[b-zr51eas5kz] {
    color: var(--ib-secondary-green);
    font-size: .95rem;
}

.trust-view-all[b-zr51eas5kz] {
    display: flex;
    gap: .35rem;
    margin: 1.25rem auto 0;
}

.trust-empty[b-zr51eas5kz] {
    color: rgba(227, 227, 227, .72);
    margin: 0;
}

.trust-category-card[b-zr51eas5kz] {
    display: grid;
    gap: 1.2rem;
    min-height: 17rem;
}

.trust-risk-profile-card[b-zr51eas5kz] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025)),
        rgba(255, 255, 255, .035);
    gap: 1.05rem;
}

.trust-security-grades-card[b-zr51eas5kz] {
    gap: 1.05rem;
}

.trust-risk-profile-list[b-zr51eas5kz] {
    display: grid;
    gap: .3rem;
}

.trust-security-grade-list[b-zr51eas5kz] {
    display: grid;
    gap: .8rem;
}

.trust-risk-profile-row[b-zr51eas5kz] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #f4f6f7;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-inline: -.45rem;
    min-height: 2.65rem;
    padding: .45rem;
    text-align: left;
    width: calc(100% + .9rem);
}

.trust-risk-profile-row:hover[b-zr51eas5kz],
.trust-risk-profile-row:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .45);
    background: rgba(201, 233, 74, .07);
    outline: 0;
}

.trust-risk-profile-row span[b-zr51eas5kz] {
    color: rgba(244, 246, 247, .82);
    min-width: 0;
}

.trust-risk-profile-row strong[b-zr51eas5kz] {
    color: #f4f6f7;
    font-size: .95rem;
    font-weight: 800;
    text-align: right;
}

.trust-security-grade-row[b-zr51eas5kz] {
    align-items: flex-start;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #f4f6f7;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: -.35rem;
    min-height: 3rem;
    padding: .35rem;
    text-align: left;
    width: calc(100% + .7rem);
}

.trust-security-grade-row:hover[b-zr51eas5kz],
.trust-security-grade-row:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .45);
    background: rgba(201, 233, 74, .07);
    outline: 0;
}

.trust-security-grade-copy[b-zr51eas5kz] {
    display: grid;
    flex: 1;
    gap: .25rem;
    min-width: 0;
}

.trust-security-grade-copy strong[b-zr51eas5kz],
.trust-security-grade-copy span[b-zr51eas5kz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trust-security-grade-copy strong[b-zr51eas5kz] {
    color: #f4f6f7;
    font-size: .95rem;
    font-weight: 700;
}

.trust-security-grade-copy span[b-zr51eas5kz] {
    color: rgba(244, 246, 247, .68);
    font-size: .85rem;
}

.trust-security-grade-value[b-zr51eas5kz] {
    color: #c9e94a;
    flex: 0 0 auto;
    font-size: .96rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 1.45rem;
}

.trust-risk-profile-more[b-zr51eas5kz] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #c9e94a;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    gap: .45rem;
    justify-self: center;
    margin-top: .2rem;
    min-height: 2.35rem;
    padding: .35rem .6rem;
}

.trust-risk-profile-more:hover[b-zr51eas5kz],
.trust-risk-profile-more:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .5);
    background: rgba(201, 233, 74, .07);
    outline: 0;
}

.trust-category-card ul[b-zr51eas5kz] {
    display: grid;
    gap: 1.2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.trust-category-card li[b-zr51eas5kz] {
    color: #e3e3e3;
    line-height: 1.35;
}

.trust-category-static-item[b-zr51eas5kz],
.trust-category-item-button[b-zr51eas5kz] {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    text-align: left;
    width: 100%;
}

.trust-category-item-button[b-zr51eas5kz] {
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #e3e3e3;
    cursor: pointer;
    font: inherit;
    margin: -.35rem;
    padding: .35rem;
}

.trust-category-item-button:hover[b-zr51eas5kz],
.trust-category-item-button:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .45);
    background: rgba(201, 233, 74, .07);
    color: #f4f6f7;
    outline: 0;
}

.trust-category-check[b-zr51eas5kz] {
    align-items: center;
    border-radius: 999px;
    background: var(--ib-secondary-green);
    color: #000;
    display: inline-flex;
    flex: 0 0 1rem;
    font-size: .7rem;
    font-weight: 900;
    height: 1rem;
    justify-content: center;
    margin-top: .1rem;
}

.trust-category-label[b-zr51eas5kz] {
    flex: 1;
    min-width: 0;
}

.trust-footer-card[b-zr51eas5kz] {
    padding: 1rem 1.25rem;
}

.trust-footer-card p[b-zr51eas5kz] {
    margin: 0;
}

.trust-category-offcanvas-backdrop[b-zr51eas5kz] {
    background: rgba(0, 0, 0, .68);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 125;
}

.trust-category-offcanvas[b-zr51eas5kz] {
    border-left: 1px solid rgba(255, 255, 255, .12);
    background:
        radial-gradient(720px 520px at 100% 0%, rgba(201, 233, 74, .16), rgba(201, 233, 74, 0) 64%),
        #171717;
    box-shadow: -24px 0 64px rgba(0, 0, 0, .45);
    color: #f4f6f7;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: min(720px, 100vw);
}

.trust-category-offcanvas-header[b-zr51eas5kz] {
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.1rem 1.35rem;
}

.trust-category-offcanvas-header > div[b-zr51eas5kz] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.trust-category-offcanvas-header h2[b-zr51eas5kz] {
    color: #f4f6f7;
    font-size: 1.35rem;
    letter-spacing: 0;
    margin: 0;
}

.trust-category-offcanvas-close[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    color: rgba(244, 246, 247, .82);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 1rem;
    height: 2rem;
    width: 2rem;
}

.trust-category-offcanvas-close:hover[b-zr51eas5kz],
.trust-category-offcanvas-close:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .74);
    color: #c9e94a;
    outline: 0;
}

.trust-category-offcanvas-body[b-zr51eas5kz] {
    display: grid;
    gap: 1rem;
    overflow-y: auto;
    padding: 1.05rem 1.35rem 1.6rem;
}

.trust-category-detail-card[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    display: grid;
    gap: .8rem;
    scroll-margin-top: 1rem;
    padding: 1rem 1.05rem;
}

.trust-category-detail-card.selected[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .76);
    background:
        linear-gradient(0deg, rgba(201, 233, 74, .1), rgba(201, 233, 74, .1)),
        rgba(255, 255, 255, .04);
    box-shadow: 0 0 0 1px rgba(201, 233, 74, .18);
}

.trust-category-detail-card header[b-zr51eas5kz] {
    align-items: flex-start;
    display: flex;
    gap: .55rem;
}

.trust-category-detail-card header span[b-zr51eas5kz] {
    align-items: center;
    border-radius: 999px;
    background: var(--ib-secondary-green);
    color: #000;
    display: inline-flex;
    flex: 0 0 1rem;
    font-size: .7rem;
    font-weight: 900;
    height: 1rem;
    justify-content: center;
    margin-top: .2rem;
}

.trust-category-detail-card h3[b-zr51eas5kz] {
    color: #f4f6f7;
    flex: 1;
    font-size: 1.12rem;
    letter-spacing: 0;
    margin: 0;
}

.trust-category-detail-card small[b-zr51eas5kz] {
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 999px;
    color: #c9e94a;
    font-size: .72rem;
    font-weight: 800;
    padding: .14rem .48rem;
    white-space: nowrap;
}

.trust-category-detail-card p[b-zr51eas5kz] {
    color: rgba(244, 246, 247, .86);
    line-height: 1.55;
    margin: 0;
}

.trust-risk-profile-detail-card[b-zr51eas5kz] {
    gap: 1rem;
}

.trust-risk-profile-detail-card p[b-zr51eas5kz] {
    color: #f4f6f7;
    font-weight: 700;
}

.trust-risk-profile-answer[b-zr51eas5kz] {
    background: rgba(244, 246, 247, .14);
    border: 1px solid rgba(244, 246, 247, .08);
    border-radius: 6px;
    color: #f4f6f7;
    font-weight: 800;
    padding: .8rem .9rem;
}

.trust-security-grade-result[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    display: grid;
    gap: 1.15rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .95rem 1rem;
}

.trust-security-grade-result > span[b-zr51eas5kz] {
    color: rgba(244, 246, 247, .78);
    font-size: .86rem;
    grid-column: 1 / -1;
}

.trust-security-grade-result a[b-zr51eas5kz] {
    align-items: center;
    color: #f4f6f7;
    display: inline-flex;
    gap: .65rem;
    min-width: 0;
    text-decoration: none;
}

.trust-security-grade-result a:hover[b-zr51eas5kz],
.trust-security-grade-result a:focus-visible[b-zr51eas5kz] {
    color: #c9e94a;
    outline: 0;
}

.trust-security-grade-result a span[b-zr51eas5kz] {
    color: #c9e94a;
    flex: 0 0 auto;
    font-weight: 900;
}

.trust-security-grade-result a strong[b-zr51eas5kz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trust-security-grade-result > strong[b-zr51eas5kz] {
    color: #c9e94a;
    font-weight: 900;
}

.trust-category-detail-card footer[b-zr51eas5kz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: space-between;
}

.trust-category-detail-card a[b-zr51eas5kz] {
    color: #c9e94a;
    font-weight: 800;
    text-decoration-color: rgba(201, 233, 74, .55);
}

.trust-modal-backdrop[b-zr51eas5kz] {
    align-items: center;
    background: rgba(0, 0, 0, .68);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 120;
}

.trust-access-modal[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: #171717;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .48);
    color: #f4f6f7;
    display: grid;
    gap: .8rem;
    max-height: min(92vh, 720px);
    overflow: auto;
    padding: 1.25rem;
    position: relative;
    width: min(600px, 100%);
}

.trust-access-modal h2[b-zr51eas5kz] {
    color: #f4f6f7;
    font-size: 1.28rem;
    letter-spacing: 0;
    margin: 0;
    text-align: center;
}

.trust-access-modal p[b-zr51eas5kz] {
    margin: 0;
    text-align: center;
}

.trust-modal-close[b-zr51eas5kz] {
    border: 0;
    background: transparent;
    color: rgba(227, 227, 227, .74);
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1;
    position: absolute;
    right: 1rem;
    top: .9rem;
}

.trust-modal-close:focus-visible[b-zr51eas5kz] {
    color: #c9e94a;
    outline: 2px solid rgba(201, 233, 74, .7);
    outline-offset: 2px;
}

.trust-modal-key[b-zr51eas5kz] {
    align-items: center;
    border: 1px solid rgba(201, 233, 74, .18);
    border-radius: 999px;
    background: rgba(201, 233, 74, .1);
    color: #c9e94a;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    justify-self: center;
    width: 3rem;
}

.trust-modal-key.success[b-zr51eas5kz] {
    color: var(--ib-secondary-green);
}

.trust-modal-form[b-zr51eas5kz],
.trust-details-form[b-zr51eas5kz] {
    display: grid;
    gap: 1rem;
}

.trust-details-form[b-zr51eas5kz] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trust-modal-form label[b-zr51eas5kz],
.trust-details-form label[b-zr51eas5kz] {
    color: rgba(244, 246, 247, .86);
    display: grid;
    gap: .35rem;
    font-size: .9rem;
    font-weight: 600;
}

.trust-modal-form label span[b-zr51eas5kz],
.trust-details-form label > span[b-zr51eas5kz],
.trust-details-form label > span:first-child[b-zr51eas5kz] {
    color: var(--ib-secondary-danger);
}

.trust-modal-form input[b-zr51eas5kz],
.trust-details-form input[b-zr51eas5kz] {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #f4f6f7;
    min-width: 0;
    padding: .75rem .85rem;
}

.trust-modal-form input[b-zr51eas5kz]::placeholder,
.trust-details-form input[b-zr51eas5kz]::placeholder {
    color: rgba(227, 227, 227, .58);
}

.trust-modal-form input:focus-visible[b-zr51eas5kz],
.trust-details-form input:focus-visible[b-zr51eas5kz] {
    border-color: rgba(201, 233, 74, .74);
    outline: 0;
}

.trust-details-form input[readonly][b-zr51eas5kz] {
    background: rgba(255, 255, 255, .045);
    color: rgba(244, 246, 247, .78);
}

.trust-field-full[b-zr51eas5kz],
.trust-modal-form footer[b-zr51eas5kz],
.trust-details-form footer[b-zr51eas5kz] {
    grid-column: 1 / -1;
}

.trust-modal-form footer[b-zr51eas5kz],
.trust-details-form footer[b-zr51eas5kz],
.trust-access-modal > footer[b-zr51eas5kz] {
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    gap: .55rem;
    justify-content: flex-end;
    margin: .2rem -1.25rem -1.25rem;
    padding: 1rem 1.25rem;
}

.trust-terms-check[b-zr51eas5kz] {
    align-items: flex-start;
    display: flex !important;
    gap: .75rem !important;
}

.trust-terms-check input[b-zr51eas5kz] {
    flex: 0 0 auto;
    margin-top: .2rem;
    min-width: auto;
}

.trust-terms-check span[b-zr51eas5kz] {
    color: rgba(244, 246, 247, .86) !important;
}

.trust-terms-check a[b-zr51eas5kz] {
    display: block;
    margin-top: .55rem;
}

.trust-hidden-field[b-zr51eas5kz] {
    display: none !important;
}

.trust-modal-error[b-zr51eas5kz] {
    border: 1px solid rgba(255, 116, 116, .42);
    border-radius: 8px;
    background: rgba(255, 116, 116, .14);
    color: #ffd6d6 !important;
    font-weight: 700;
    padding: .75rem;
    text-align: left !important;
}

.trust-selected-documents[b-zr51eas5kz] {
    color: rgba(227, 227, 227, .72) !important;
    font-size: .9rem;
}

@media (max-width: 980px) {
    .trust-top-grid[b-zr51eas5kz],
    .trust-category-grid[b-zr51eas5kz],
    .trust-document-grid[b-zr51eas5kz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .trust-page[b-zr51eas5kz] {
        padding-inline: .75rem;
    }

    .trust-search kbd[b-zr51eas5kz] {
        display: none;
    }

    .trust-top-grid[b-zr51eas5kz],
    .trust-category-grid[b-zr51eas5kz],
    .trust-document-grid[b-zr51eas5kz],
    .trust-details-form[b-zr51eas5kz] {
        grid-template-columns: 1fr;
    }

    .trust-documents-panel > header[b-zr51eas5kz],
    .trust-profile-list div[b-zr51eas5kz],
    .trust-modal-form footer[b-zr51eas5kz],
    .trust-details-form footer[b-zr51eas5kz],
    .trust-access-modal > footer[b-zr51eas5kz] {
        align-items: stretch;
        display: grid;
    }

    .trust-profile-list dd[b-zr51eas5kz] {
        text-align: left;
    }

    .trust-category-offcanvas[b-zr51eas5kz] {
        width: 100vw;
    }

    .trust-category-detail-card header[b-zr51eas5kz],
    .trust-category-detail-card footer[b-zr51eas5kz] {
        display: grid;
        justify-content: stretch;
    }

    .trust-risk-profile-row[b-zr51eas5kz] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .trust-risk-profile-row strong[b-zr51eas5kz] {
        text-align: left;
    }
}
/* /Areas/Home/Pages/TrustTerms.razor.rz.scp.css */
.trust-terms-page[b-pnpndy5rvt] {
    background:
        radial-gradient(720px 520px at 8% 100%, rgba(201, 233, 74, .28) 0%, rgba(201, 233, 74, .11) 36%, rgba(201, 233, 74, 0) 72%),
        radial-gradient(980px 760px at 86% 0%, rgba(201, 233, 74, .16) 0%, rgba(201, 233, 74, .06) 38%, rgba(201, 233, 74, 0) 70%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 28%),
        var(--ib-primary-dark);
    color: #f4f6f7;
    min-height: 100vh;
    padding: clamp(32px, 5vw, 72px) 1rem;
}

.trust-terms-card[b-pnpndy5rvt] {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 24px 56px rgba(0, 0, 0, .22);
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    max-width: 760px;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.trust-terms-kicker[b-pnpndy5rvt],
.trust-terms-version[b-pnpndy5rvt] {
    color: #c9e94a;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0;
    text-transform: uppercase;
}

.trust-terms-card h1[b-pnpndy5rvt] {
    color: #f4f6f7;
    font-size: clamp(2rem, 4vw, 3.25rem);
    letter-spacing: 0;
    margin: 0;
}

.trust-terms-card p[b-pnpndy5rvt] {
    color: rgba(227, 227, 227, .9);
    line-height: 1.55;
    margin: 0;
}

.trust-terms-card a[b-pnpndy5rvt] {
    color: #c9e94a;
    font-weight: 800;
    text-decoration-color: rgba(201, 233, 74, .55);
}
/* /Areas/IsoBuilderStaff/Components/AddLeaveRangeModal.razor.rz.scp.css */
.calendar-modal-backdrop[b-ykb6q671ss] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    display: grid;
    place-items: center;
    z-index: 60;
    padding: 1rem;
}

.calendar-details-modal[b-ykb6q671ss] {
    width: min(760px, 96vw);
    max-height: 92vh;
    overflow: hidden;
    background: #0f1d2b;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    color: #f6f9ff;
    display: grid;
    grid-template-rows: auto 1fr;
}

.btn-primary[b-ykb6q671ss],
.btn-ghost[b-ykb6q671ss] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: 0.45rem 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-ykb6q671ss] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-ykb6q671ss] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.calendar-details-header[b-ykb6q671ss] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.calendar-kicker[b-ykb6q671ss] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    background: rgba(118, 196, 108, 0.18);
    color: #c6efbc;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.calendar-details-header h2[b-ykb6q671ss] {
    margin: 0;
}

.calendar-details-header p[b-ykb6q671ss] {
    margin: 0.35rem 0 0;
    color: rgba(246, 249, 255, 0.7);
}

.calendar-details-main[b-ykb6q671ss] {
    min-height: 0;
    overflow-y: auto;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

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

.calendar-form-grid__full[b-ykb6q671ss] {
    grid-column: 1 / -1;
}

.calendar-form-grid label[b-ykb6q671ss] {
    display: grid;
    gap: 0.32rem;
    color: rgba(246, 249, 255, 0.86);
}

.calendar-form-grid input[b-ykb6q671ss],
.calendar-form-grid select[b-ykb6q671ss],
.calendar-form-grid textarea[b-ykb6q671ss] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    padding: 0.5rem 0.6rem;
}

.calendar-form-grid textarea[b-ykb6q671ss] {
    resize: vertical;
}

.calendar-sidebar-actions[b-ykb6q671ss] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

@media (max-width: 720px) {
    .calendar-form-grid[b-ykb6q671ss] {
        grid-template-columns: 1fr;
    }

    .calendar-details-header[b-ykb6q671ss],
    .calendar-details-main[b-ykb6q671ss] {
        padding: 0.85rem;
    }

    .calendar-sidebar-actions[b-ykb6q671ss] {
        justify-content: stretch;
    }
}
/* /Areas/IsoBuilderStaff/Components/BudgetWorkspace.razor.rz.scp.css */
.budget-section-tabs[b-uzx697xua2] { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
.budget-section-tabs button[b-uzx697xua2] { min-height: 2.6rem; padding: .5rem 1rem; border-radius: 999px; border: 1px solid #859ab33d; color: #f4f7fb; background: #ffffff0d; font-weight: 700; cursor: pointer; }
.budget-section-tabs button.active[b-uzx697xua2] { color: #13210f; background: #d7ec71; border-color: #d7ec71; }
.budget-tab-panel[b-uzx697xua2] { display: grid; gap: 1.25rem; min-width: 0; margin-top: 1.25rem; }
.budget-kpis[b-uzx697xua2], .budget-chart-panel[b-uzx697xua2], .budget-table-panel[b-uzx697xua2] { border-radius: 16px; border: 1px solid #859ab32e; background: linear-gradient(180deg, #131f30f5, #0b1420f5); padding: 1.25rem; min-width: 0; }
.budget-kpis[b-uzx697xua2] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.budget-kpis article[b-uzx697xua2] { display: grid; gap: .25rem; min-width: 0; padding: .85rem; border-radius: 12px; background: #ffffff0d; }
.budget-kpis span[b-uzx697xua2], .section-kicker[b-uzx697xua2] { color: #d7ec71; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.budget-kpis strong[b-uzx697xua2] { font-size: 1.28rem; overflow-wrap: anywhere; }
.budget-tab-panel small[b-uzx697xua2] { display: block; color: #a9b7cb; font-size: .8rem; margin-top: .25rem; }
.budget-tab-panel h2[b-uzx697xua2] { margin: 0; }
.panel-title-row[b-uzx697xua2] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.panel-title-row p[b-uzx697xua2], .muted[b-uzx697xua2] { color: #a9b7cb; }
.panel-title-row p[b-uzx697xua2] { margin: .55rem 0 0; }
.budget-view-toggle[b-uzx697xua2] { display: inline-flex; align-self: flex-start; flex-shrink: 0; gap: .25rem; padding: .25rem; border: 1px solid #859ab33d; border-radius: 999px; background: #ffffff0d; }
.budget-view-toggle button[b-uzx697xua2] { min-height: 2.2rem; padding: .35rem .9rem; border: 0; border-radius: 999px; background: transparent; color: #f4f7fb; font-weight: 700; cursor: pointer; }
.budget-view-toggle button.active[b-uzx697xua2] { background: #d7ec71; color: #13210f; }
.budget-view-toggle button:focus-visible[b-uzx697xua2] { outline: 2px solid #38bdf8; outline-offset: 2px; }
.series-swatch[b-uzx697xua2] { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .4rem; }
.positive[b-uzx697xua2] { color: #d7ec71; }
.negative[b-uzx697xua2] { color: #fecaca; }
.summary-row[b-uzx697xua2] { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid #859ab324; }
.summary-row span[b-uzx697xua2] { min-width: 0; overflow-wrap: anywhere; }
.budget-table-scroll[b-uzx697xua2] { overflow-x: auto; }
.known-budget-table[b-uzx697xua2] { width: 100%; border-collapse: collapse; }
.known-budget-table th[b-uzx697xua2], .known-budget-table td[b-uzx697xua2] { padding: .8rem; border-bottom: 1px solid #ffffff20; text-align: right; white-space: nowrap; }
.known-budget-table th:first-child[b-uzx697xua2] { text-align: left; }
.budget-pagination[b-uzx697xua2] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.secondary-link[b-uzx697xua2] { min-height: 2.5rem; padding: .4rem 1rem; border-radius: 999px; color: #f4f7fb; border: 1px solid #859ab33d; background: #ffffff12; font-weight: 700; cursor: pointer; }
.secondary-link:disabled[b-uzx697xua2] { opacity: .45; cursor: default; }
@media (max-width: 1100px) { .budget-kpis[b-uzx697xua2] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .budget-kpis[b-uzx697xua2] { grid-template-columns: 1fr; } .budget-kpis[b-uzx697xua2], .budget-chart-panel[b-uzx697xua2], .budget-table-panel[b-uzx697xua2] { padding: 1rem; } .panel-title-row[b-uzx697xua2] { flex-wrap: wrap; } }
/* /Areas/IsoBuilderStaff/Components/ComplianceHelpButton.razor.rz.scp.css */
.compliance-help[b-0ecidnvdyk] {
    align-items: end;
    display: inline-flex;
    justify-items: end;
    min-width: 0;
    position: relative;
}

.compliance-help-button[b-0ecidnvdyk] {
    align-items: center;
    border: 1px solid rgba(201, 233, 74, .38);
    border-radius: 999px;
    background: rgba(201, 233, 74, .14);
    color: #f8ffd7;
    cursor: pointer;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 900;
    height: 1.65rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 1.65rem;
}

.compliance-help-button:hover[b-0ecidnvdyk],
.compliance-help-button:focus-visible[b-0ecidnvdyk] {
    background: rgba(201, 233, 74, .24);
    box-shadow: 0 0 0 3px rgba(201, 233, 74, .14);
    outline: none;
}

.compliance-help-tooltip[b-0ecidnvdyk] {
    border: 1px solid rgba(201, 233, 74, .22);
    border-radius: 8px;
    background: #07121c;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .32);
    color: rgba(246, 249, 255, .86);
    display: none;
    gap: .45rem;
    line-height: 1.45;
    max-width: min(30rem, calc(100vw - 2rem));
    opacity: 0;
    padding: .75rem .8rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: left;
    top: calc(100% + .5rem);
    width: 28rem;
    z-index: 20;
}

.compliance-help:hover .compliance-help-tooltip[b-0ecidnvdyk],
.compliance-help:focus-within .compliance-help-tooltip[b-0ecidnvdyk] {
    display: grid;
    opacity: 1;
}

.compliance-help-tooltip[b-0ecidnvdyk]::before {
    border: .42rem solid transparent;
    border-bottom-color: rgba(201, 233, 74, .22);
    content: "";
    position: absolute;
    right: .42rem;
    top: -.84rem;
}

.compliance-help-tooltip strong[b-0ecidnvdyk] {
    color: #f6f9ff;
    font-size: .9rem;
}

.compliance-help-tooltip span[b-0ecidnvdyk] {
    font-size: .82rem;
}

@media (max-width: 760px) {
    .compliance-help[b-0ecidnvdyk] {
        justify-items: start;
    }

    .compliance-help-tooltip[b-0ecidnvdyk] {
        left: 0;
        max-width: 100%;
        right: auto;
        width: 100%;
    }

    .compliance-help-tooltip[b-0ecidnvdyk]::before {
        left: .42rem;
        right: auto;
    }
}
/* /Areas/IsoBuilderStaff/Components/ContactManagerModal.razor.rz.scp.css */
.contact-modal-backdrop[b-ge79izyq5e] { position:fixed; inset:0; background:rgba(2,6,23,.76); display:flex; align-items:center; justify-content:center; z-index:1200; padding:1rem; }
.contact-modal[b-ge79izyq5e] { width:min(900px,100%); max-height:85vh; overflow:hidden; border-radius:14px; border:1px solid rgba(201,233,74,.28); background:#0b1a35; color:#f6f9ff; display:grid; grid-template-rows:auto auto auto 1fr; }
.contact-modal-header[b-ge79izyq5e] { display:flex; justify-content:space-between; align-items:center; padding:.9rem 1rem; border-bottom:1px solid rgba(255,255,255,.14); }
.close[b-ge79izyq5e] { border:1px solid rgba(255,255,255,.25); border-radius:999px; width:2rem; height:2rem; background:transparent; color:#fff; cursor:pointer; }
.toolbar[b-ge79izyq5e] { display:flex; gap:.7rem; align-items:center; padding:.75rem 1rem; }
.form-panel[b-ge79izyq5e] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; padding:0 1rem .75rem; }
.form-panel label[b-ge79izyq5e] { display:grid; gap:.2rem; }
.form-panel input[b-ge79izyq5e],.form-panel select[b-ge79izyq5e] { background:#0f2141; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:.45rem .5rem; }
.checkbox-row[b-ge79izyq5e] { display:flex !important; gap:.55rem; align-items:center; min-height:2.5rem; padding-top:.35rem; }
.checkbox-row input[type="checkbox"][b-ge79izyq5e] { width:1rem; height:1rem; accent-color:#c9e94a; }
.checkbox-row span[b-ge79izyq5e] { color:#f6f9ff; line-height:1.35; }
.actions[b-ge79izyq5e] { display:flex; gap:.45rem; align-items:end; }
.table-wrap[b-ge79izyq5e] { overflow:auto; padding:0 1rem 1rem; }
.table-wrap table[b-ge79izyq5e] { width:100%; border-collapse:collapse; }
.table-wrap th[b-ge79izyq5e],.table-wrap td[b-ge79izyq5e] { border-bottom:1px solid rgba(255,255,255,.1); text-align:left; padding:.55rem; }
.table-wrap td[b-ge79izyq5e] { overflow-wrap:anywhere; vertical-align:top; }
.table-wrap td:last-child[b-ge79izyq5e] { white-space:nowrap; }
.primary[b-ge79izyq5e],.secondary[b-ge79izyq5e],.danger[b-ge79izyq5e] { border:0; border-radius:999px; padding:.35rem .65rem; font-weight:700; cursor:pointer; }
.primary[b-ge79izyq5e] { background:#c9e94a; color:#0f2141; }
.secondary[b-ge79izyq5e] { background:rgba(255,255,255,.2); color:#fff; }
.danger[b-ge79izyq5e] { background:#b91c1c; color:#fff; }
@media (max-width:900px){ .form-panel[b-ge79izyq5e] { grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Components/CorrespondenceAllocationModal.razor.rz.scp.css */
.calendar-modal-backdrop[b-zkrop753wq] {
    position: fixed;
    inset: 0;
    background: rgba(7, 12, 18, 0.72);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    z-index: 1400;
}

.calendar-details-modal[b-zkrop753wq] {
    width: min(1080px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0f1722;
    color: #f6f9ff;
}

.calendar-details-header[b-zkrop753wq] {
    display: flex;
    justify-content: space-between;
    gap: 0.85rem;
    align-items: flex-start;
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.calendar-details-header h2[b-zkrop753wq] {
    margin: 0.35rem 0 0;
}

.calendar-kicker[b-zkrop753wq] {
    display: inline-flex;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    background: rgba(86, 182, 139, 0.18);
    color: #9ae4bf;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.calendar-details-main[b-zkrop753wq] {
    min-height: 0;
    overflow-y: auto;
    padding: 1.25rem 1.4rem 1.4rem;
}

.correspondence-layout[b-zkrop753wq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1rem;
    align-items: start;
}

.correspondence-main[b-zkrop753wq] {
    display: grid;
    gap: 1rem;
}

.calendar-form-grid[b-zkrop753wq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.calendar-form-grid label[b-zkrop753wq],
.customer-search[b-zkrop753wq],
.notes-field[b-zkrop753wq] {
    display: grid;
    gap: 0.35rem;
    color: rgba(246, 249, 255, 0.84);
}

.calendar-form-grid input[b-zkrop753wq],
.calendar-form-grid select[b-zkrop753wq],
.customer-search input[b-zkrop753wq],
.notes-field textarea[b-zkrop753wq] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(8, 14, 24, 0.88);
    color: #f6f9ff;
    padding: 0.7rem 0.8rem;
}

.notes-field textarea[b-zkrop753wq] {
    resize: vertical;
}

.customer-checkbox-grid[b-zkrop753wq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 0.7rem;
    max-height: 330px;
    overflow: auto;
    padding-right: 0.25rem;
}

.customer-check[b-zkrop753wq] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-height: 72px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    padding: 0.75rem;
}

.customer-check input[b-zkrop753wq] {
    flex: 0 0 auto;
    margin-top: 0.18rem;
}

.customer-check span[b-zkrop753wq] {
    min-width: 0;
    display: grid;
    gap: 0.2rem;
}

.customer-check strong[b-zkrop753wq],
.preview-row span[b-zkrop753wq] {
    overflow-wrap: anywhere;
}

.customer-check small[b-zkrop753wq] {
    color: rgba(246, 249, 255, 0.62);
}

.split-preview[b-zkrop753wq] {
    display: grid;
    gap: 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.045);
    padding: 1rem;
}

.preview-header[b-zkrop753wq],
.preview-row[b-zkrop753wq],
.calendar-sidebar-actions[b-zkrop753wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.preview-header span[b-zkrop753wq] {
    color: rgba(246, 249, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.74rem;
}

.preview-header strong[b-zkrop753wq] {
    color: #d6f06d;
}

.preview-list[b-zkrop753wq] {
    display: grid;
    gap: 0.55rem;
}

.preview-row[b-zkrop753wq] {
    border-radius: 10px;
    background: rgba(8, 14, 24, 0.66);
    padding: 0.65rem 0.75rem;
}

.empty-state[b-zkrop753wq] {
    color: rgba(246, 249, 255, 0.7);
    margin: 0;
}

.staff-status.error[b-zkrop753wq] {
    color: #fecaca;
    margin: 0;
}

.btn-primary[b-zkrop753wq],
.btn-ghost[b-zkrop753wq] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: 0.6rem 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.btn-primary[b-zkrop753wq] {
    background: #d6f06d;
    color: #16200e;
}

.btn-ghost[b-zkrop753wq] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.btn-primary:disabled[b-zkrop753wq],
.btn-ghost:disabled[b-zkrop753wq] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .correspondence-layout[b-zkrop753wq],
    .calendar-form-grid[b-zkrop753wq] {
        grid-template-columns: 1fr;
    }

    .calendar-sidebar-actions[b-zkrop753wq] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Areas/IsoBuilderStaff/Components/CreateTestingPackModal.razor.rz.scp.css */
.modal-backdrop[b-slyqp7ngpo] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-slyqp7ngpo] { width:min(920px,96vw); background:#0f1d2b; border:1px solid rgba(255,255,255,.18); border-radius:14px; color:#f6f9ff; padding:1rem; }
.create-modal header[b-slyqp7ngpo],.create-modal footer[b-slyqp7ngpo] { display:flex; justify-content:space-between; align-items:center; }
.modal-grid[b-slyqp7ngpo] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-slyqp7ngpo] { display:grid; gap:.35rem; }
.templates-field[b-slyqp7ngpo] { display:grid; gap:.35rem; grid-column:1/-1; }
.modal-grid textarea[b-slyqp7ngpo] { min-height:100px; }
.modal-grid input[b-slyqp7ngpo],.modal-grid select[b-slyqp7ngpo],.modal-grid textarea[b-slyqp7ngpo] { border-radius:8px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; padding:.45rem .55rem; }
.template-choice-grid[b-slyqp7ngpo] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem .75rem; max-height:260px; overflow-y:auto; padding:.55rem; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.04); }
.template-choice[b-slyqp7ngpo] { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:.45rem; padding:.25rem .15rem; line-height:1.35; }
.template-choice input[b-slyqp7ngpo] { margin-top:.15rem; }
.template-choice span[b-slyqp7ngpo] { overflow-wrap:anywhere; }
.btn-primary[b-slyqp7ngpo],.btn-ghost[b-slyqp7ngpo] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-slyqp7ngpo] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-slyqp7ngpo] { background:rgba(7,18,28,.5); color:#f6f9ff; }

.btn-ghost.danger[b-slyqp7ngpo] { border-color: rgba(248,113,113,.5); color: #fecaca; }

@media (max-width: 720px) {
    .modal-grid[b-slyqp7ngpo] { grid-template-columns:1fr; }
    .template-choice-grid[b-slyqp7ngpo] { grid-template-columns:1fr; max-height:220px; }
}
/* /Areas/IsoBuilderStaff/Components/CreditPricingEstimator.razor.rz.scp.css */
.credit-estimator[b-q1v8dthm0t] { --lime: #cadb2a; --border: #3b3d40; width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: #171717; color: #f4f6f7; font-family: BeVietnam, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; box-shadow: 0 20px 55px rgba(0,0,0,.24); }
.credit-header[b-q1v8dthm0t] { display: flex; align-items: center; gap: 2rem; padding: 1.6rem 1.75rem; border-bottom: 1px solid var(--border); background: radial-gradient(ellipse at 85% 0%, rgba(202,219,42,.12), transparent 55%); }
.credit-header img[b-q1v8dthm0t] { width: 170px; height: auto; flex: 0 0 auto; }
.credit-heading[b-q1v8dthm0t] { flex: 1; }
.eyebrow[b-q1v8dthm0t] { display: block; color: var(--lime); font-size: .65rem; line-height: 1.4; font-weight: 700; letter-spacing: .14em; }
.credit-header h2[b-q1v8dthm0t] { margin: .4rem 0 .35rem; color: #f4f6f7; font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.2; letter-spacing: -.03em; }
.credit-header p[b-q1v8dthm0t] { margin: 0; color: #aeb8bd; font-size: .8rem; }
.preview-badge[b-q1v8dthm0t] { flex: 0 0 auto; border: 1px solid #4c532d; border-radius: 30px; padding: .45rem .7rem; color: #d5e399; background: rgba(202,219,42,.05); font-size: .63rem; }
.calculator-body[b-q1v8dthm0t] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.usage-panel[b-q1v8dthm0t] { padding: 1.8rem; min-width: 0; }
.section-heading[b-q1v8dthm0t] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
h3[b-q1v8dthm0t] { margin: .45rem 0 0; color: #f4f6f7; font-size: 1.16rem; letter-spacing: -.025em; }
.section-copy[b-q1v8dthm0t] { margin: .6rem 0 1.2rem; color: #aeb8bd; font-size: .75rem; line-height: 1.7; }
.text-button[b-q1v8dthm0t] { flex: 0 0 auto; padding: .3rem 0; border: 0; background: transparent; color: #b8c29a; font: inherit; font-size: .65rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.usage-grid[b-q1v8dthm0t] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.15rem 1.3rem; }
.usage-field[b-q1v8dthm0t] { min-width: 0; }
.usage-field.wide[b-q1v8dthm0t] { grid-column: 1 / -1; }
.usage-field label[b-q1v8dthm0t] { display: block; color: #eef0ef; font-size: .76rem; font-weight: 600; }
.usage-field p[b-q1v8dthm0t] { margin: .35rem 0 .65rem; min-height: 2.5em; color: #9ca7ac; font-size: .64rem; line-height: 1.5; }
.usage-field.wide p[b-q1v8dthm0t] { min-height: 0; }
.number-entry[b-q1v8dthm0t] { display: flex; align-items: center; gap: .3rem; padding: .65rem .85rem; border: 1px solid #45484c; border-radius: 9px; background: #242528; transition: border-color .15s, box-shadow .15s; }
.number-entry:focus-within[b-q1v8dthm0t] { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(202,219,42,.1); }
.number-entry input[b-q1v8dthm0t] { min-width: 0; width: 100%; padding: 0; border: 0; background: transparent; color: #fff; font: inherit; font-size: 1.3rem; font-weight: 600; font-variant-numeric: tabular-nums; outline: none; }
.number-entry span[b-q1v8dthm0t] { flex: 0 0 auto; color: #aeb8bd; font-size: .65rem; }
.usage-slider[b-q1v8dthm0t] { display: block; width: 100%; height: 20px; margin: .55rem 0 0; padding: 0; accent-color: var(--lime); cursor: pointer; background: transparent; }
.sheet-slider[b-q1v8dthm0t] { display: flex; align-items: center; gap: 1rem; }
.sheet-slider input[b-q1v8dthm0t] { flex: 1; min-width: 0; }
.sheet-slider span[b-q1v8dthm0t] { flex: 0 0 auto; color: #c5cda5; font-size: .65rem; margin-top: .5rem; }
.flex-note[b-q1v8dthm0t] { display: flex; align-items: center; gap: .8rem; margin-top: 1.2rem; padding: .9rem; border: 1px solid #373a2b; border-radius: 10px; background: rgba(202,219,42,.03); }
.flex-symbol[b-q1v8dthm0t] { color: var(--lime); font-size: 1.6rem; }
.flex-note p[b-q1v8dthm0t] { margin: 0; color: #aeb8bd; font-size: .66rem; line-height: 1.7; }
.flex-note strong[b-q1v8dthm0t] { display: block; color: #dce1c8; font-weight: 600; }
.recommendation-panel[b-q1v8dthm0t] { min-width: 0; padding: 1.8rem; border-left: 1px solid var(--border); background: radial-gradient(ellipse at 100% 0%, rgba(202,219,42,.08), transparent 60%), #202124; }
.recommendation-label[b-q1v8dthm0t] { display: inline-flex; align-items: center; gap: .4rem; margin: 1rem 0 .35rem; color: #d5e399; font-size: .7rem; }
.recommendation-label > span[b-q1v8dthm0t] { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--lime); color: #202124; font-size: .7rem; font-weight: 700; }
.recommended-name[b-q1v8dthm0t] { margin: .3rem 0 .7rem; color: #f4f6f7; font-size: 1.8rem; line-height: 1.15; }
.annual-price[b-q1v8dthm0t] { color: #fff; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; line-height: 1.2; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.annual-price > span[b-q1v8dthm0t] { margin-left: .5rem; color: #aeb8bd; font-size: .8rem; font-weight: 400; letter-spacing: 0; white-space: nowrap; }
.monthly-equivalent[b-q1v8dthm0t] { margin: .45rem 0 .9rem; color: #d0d7bc; font-size: .74rem; }
.recommendation-copy[b-q1v8dthm0t] { margin: .75rem 0 1.15rem; color: #aeb8bd; font-size: .71rem; line-height: 1.7; }
.capacity-summary[b-q1v8dthm0t] { display: flex; justify-content: space-between; gap: 1rem; }
.capacity-summary div[b-q1v8dthm0t] { display: flex; flex-direction: column; gap: .35rem; }
.capacity-summary span[b-q1v8dthm0t] { color: #aeb8bd; font-size: .65rem; }
.capacity-summary strong[b-q1v8dthm0t] { color: #f4f6f7; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.capacity-summary small[b-q1v8dthm0t] { font-size: .65rem; font-weight: 400; color: #aeb8bd; }
.allowance-value[b-q1v8dthm0t] { text-align: right; }
.capacity-track[b-q1v8dthm0t] { height: 7px; margin-top: .85rem; overflow: hidden; border-radius: 20px; background: #3b3d40; }
.capacity-track span[b-q1v8dthm0t] { display: block; height: 100%; border-radius: inherit; background: var(--lime); transition: width .2s ease; }
.capacity-caption[b-q1v8dthm0t] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; font-size: .6rem; color: #aeb8bd; }
.capacity-caption strong[b-q1v8dthm0t] { color: #d5e399; font-weight: 500; }
.credit-breakdown[b-q1v8dthm0t] { margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--border); }
.credit-breakdown h4[b-q1v8dthm0t] { margin: 0 0 .75rem; color: #eef0ef; font-size: .76rem; font-weight: 600; }
.mix-track[b-q1v8dthm0t] { display: flex; gap: 3px; height: 7px; overflow: hidden; border-radius: 20px; background: #3b3d40; }
.mix-track span[b-q1v8dthm0t] { min-width: 1px; }
.mix-0[b-q1v8dthm0t] { background: #cadb2a; }.mix-1[b-q1v8dthm0t] { background: #83bda5; }.mix-2[b-q1v8dthm0t] { background: #85aee0; }.mix-3[b-q1v8dthm0t] { background: #b7a0d9; }.mix-4[b-q1v8dthm0t] { background: #d8b56b; }
.mix-legend[b-q1v8dthm0t] { display: grid; gap: .65rem; margin: 1rem 0 0; }
.mix-legend > div[b-q1v8dthm0t] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.mix-legend dt[b-q1v8dthm0t] { display: flex; align-items: center; gap: .55rem; color: #dce1e3; font-size: .65rem; }
.mix-dot[b-q1v8dthm0t] { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; }
.mix-legend small[b-q1v8dthm0t] { display: block; margin-top: .15rem; color: #949fa5; font-size: .58rem; }
.mix-legend dd[b-q1v8dthm0t] { margin: 0; color: #eef0ef; font-size: .75rem; font-variant-numeric: tabular-nums; }
.contact-link[b-q1v8dthm0t] { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: .8rem 1rem; border-radius: 8px; background: var(--lime); color: #171717; font-size: .75rem; font-weight: 700; text-decoration: none; }
.validation-errors[b-q1v8dthm0t] { padding-left: 1.1rem; color: #f3c5a2; font-size: .8rem; line-height: 1.8; }
.band-section[b-q1v8dthm0t] { padding: 1.6rem 1.8rem; border-top: 1px solid var(--border); }
.band-section .section-heading > p[b-q1v8dthm0t] { margin: 0; color: #aeb8bd; font-size: .65rem; }
.band-grid[b-q1v8dthm0t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: .8rem; margin-top: 1.1rem; }
.credit-band[b-q1v8dthm0t] { display: flex; flex-direction: column; min-width: 0; padding: 1rem; border: 1px solid var(--border); border-radius: 12px; background: #202124; }
.recommended-band[b-q1v8dthm0t] { border-color: var(--lime); background: linear-gradient(150deg, rgba(202,219,42,.07), transparent), #22251b; }
.band-top[b-q1v8dthm0t] { display: flex; align-items: flex-start; flex-wrap: wrap; gap: .35rem; justify-content: space-between; min-height: 1.8rem; }
.band-top h4[b-q1v8dthm0t] { margin: 0; color: #eef0ef; font-size: .75rem; overflow-wrap: anywhere; }
.band-top > span[b-q1v8dthm0t] { padding: .2rem .4rem; border-radius: 4px; background: var(--lime); color: #171717; font-size: .5rem; font-weight: 700; }
.band-price[b-q1v8dthm0t] { display: block; margin-top: .7rem; color: #fff; font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.band-price small[b-q1v8dthm0t] { margin-left: .35rem; color: #aeb8bd; font-size: .6rem; font-weight: 400; white-space: nowrap; }
.credit-band > p[b-q1v8dthm0t] { margin: .35rem 0 1rem; color: #aeb8bd; font-size: .58rem; }
.band-allowance[b-q1v8dthm0t] { display: flex; align-items: baseline; gap: .45rem; margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--border); }
.band-allowance strong[b-q1v8dthm0t] { color: var(--lime); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.band-allowance span[b-q1v8dthm0t] { color: #b8c29a; font-size: .6rem; }
.band-fit[b-q1v8dthm0t] { display: block; min-height: 1.4em; margin-top: .55rem; color: #aeb8bd; font-size: .56rem; }
.recommended-band .band-fit[b-q1v8dthm0t] { color: #d5e399; }
footer[b-q1v8dthm0t] { padding: .9rem 1.5rem; border-top: 1px solid var(--border); color: #9ca7ac; text-align: center; font-size: .6rem; line-height: 1.7; }
button:focus-visible[b-q1v8dthm0t], a:focus-visible[b-q1v8dthm0t], input[type=range]:focus-visible[b-q1v8dthm0t] { outline: 2px solid var(--lime); outline-offset: 4px; }
@media (max-width: 1100px) { .credit-header[b-q1v8dthm0t] { flex-wrap: wrap; gap: 1rem; }.preview-badge[b-q1v8dthm0t] { margin-left: auto; }.credit-header img[b-q1v8dthm0t] { width: 140px; }.usage-panel[b-q1v8dthm0t], .recommendation-panel[b-q1v8dthm0t] { padding: 1.3rem; }.band-section[b-q1v8dthm0t] { padding: 1.3rem; }.usage-grid[b-q1v8dthm0t] { gap: 1rem; } }
@media (max-width: 800px) { .calculator-body[b-q1v8dthm0t] { grid-template-columns: minmax(0, 1fr); }.recommendation-panel[b-q1v8dthm0t] { border-left: 0; border-top: 1px solid var(--border); }.section-heading[b-q1v8dthm0t] { flex-wrap: wrap; }.credit-header[b-q1v8dthm0t] { padding: 1.3rem; }.credit-heading[b-q1v8dthm0t] { flex: 1 1 100%; order: 1; }.preview-badge[b-q1v8dthm0t] { margin-left: auto; }.annual-price[b-q1v8dthm0t] { font-size: 2.7rem; }.band-grid[b-q1v8dthm0t] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 440px) { .usage-grid[b-q1v8dthm0t], .band-grid[b-q1v8dthm0t] { grid-template-columns: minmax(0, 1fr); }.usage-field.wide[b-q1v8dthm0t] { grid-column: auto; }.usage-field p[b-q1v8dthm0t] { min-height: 0; }.sheet-slider[b-q1v8dthm0t] { flex-wrap: wrap; gap: 0; }.sheet-slider input[b-q1v8dthm0t] { flex-basis: 100%; }.sheet-slider span[b-q1v8dthm0t] { margin-top: .2rem; }.credit-header img[b-q1v8dthm0t] { width: 120px; }.preview-badge[b-q1v8dthm0t] { font-size: .55rem; }.capacity-summary strong[b-q1v8dthm0t] { font-size: 1rem; } }
@media (prefers-reduced-motion: reduce) { .capacity-track span[b-q1v8dthm0t], .number-entry[b-q1v8dthm0t] { transition: none; } }
/* /Areas/IsoBuilderStaff/Components/CreditPricingWorkspace.razor.rz.scp.css */
.credit-workspace[b-sxhfm2jeza] { min-width: 0; }
.calculator-container[b-sxhfm2jeza] { outline: none; }
.presentation-panel[b-sxhfm2jeza] { width: 100%; min-width: 0; }
.load-error[b-sxhfm2jeza] { padding: 1rem; border: 1px solid #7f3b42; border-radius: 10px; background: #341f23; color: #fecaca; }
.load-error p[b-sxhfm2jeza] { margin: 0 0 .8rem; }
.empty-state[b-sxhfm2jeza] { padding: 1.25rem; border: 1px dashed #4b575a; border-radius: 10px; color: #b4c3ca; }
.model-settings[b-sxhfm2jeza] { margin-top: 1.1rem; padding: 1rem 1.2rem; border: 1px solid #3b3d40; border-radius: 12px; background: #202124; color: #e7ebed; }
.model-settings summary[b-sxhfm2jeza] { cursor: pointer; font-size: .8rem; font-weight: 600; }
.model-settings summary span[b-sxhfm2jeza] { margin-left: .7rem; color: #aeb8bd; font-size: .65rem; font-weight: 400; }
.model-body[b-sxhfm2jeza] { padding-top: 1rem; }
.model-body fieldset[b-sxhfm2jeza] { padding: 0; margin: 0; border: 0; min-width: 0; }
.visually-hidden[b-sxhfm2jeza] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.model-actions[b-sxhfm2jeza] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .7rem; }
.model-actions p[b-sxhfm2jeza] { flex: 1 1 240px; margin: 0; }
.model-error[b-sxhfm2jeza] { padding: .8rem; margin: .6rem 0; border: 1px solid #7f3b42; border-radius: 8px; color: #fecaca; background: #341f23; font-size: .8rem; }
.model-body .model-success[b-sxhfm2jeza] { color: #cadb2a; }
.weight-grid input:disabled[b-sxhfm2jeza] { opacity: 1; color: #b6bfc3; background: #252629; }
.model-heading[b-sxhfm2jeza] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.model-body h3[b-sxhfm2jeza] { margin: .4rem 0; color: #f4f6f7; font-size: .9rem; }
.model-body p[b-sxhfm2jeza] { margin: .4rem 0 .9rem; color: #aeb8bd; font-size: .72rem; line-height: 1.6; }
.weight-grid[b-sxhfm2jeza] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8rem; margin: .8rem 0 1.25rem; }
.weight-grid label[b-sxhfm2jeza] { display: flex; flex-direction: column; gap: .4rem; color: #dce1e3; font-size: .7rem; }
.weight-grid input[b-sxhfm2jeza] { box-sizing: border-box; width: 100%; min-width: 0; padding: .6rem; border: 1px solid #45484c; border-radius: 8px; background: #292b2f; color: #fff; font: inherit; font-size: .85rem; }
.weight-grid input:focus-visible[b-sxhfm2jeza], .model-settings summary:focus-visible[b-sxhfm2jeza] { outline: 2px solid #cadb2a; outline-offset: 3px; }
.presentation-overlay[b-sxhfm2jeza] { position: fixed; inset: 0; z-index: 3000; display: flex; flex-direction: column; align-items: center; overflow: auto; padding: 1rem; box-sizing: border-box; background: #070809; }
.presentation-overlay:focus[b-sxhfm2jeza] { outline: none; }
.presentation-overlay .presentation-panel[b-sxhfm2jeza], .presentation-toolbar[b-sxhfm2jeza] { width: min(1160px, 100%); flex: 0 0 auto; }
.presentation-toolbar[b-sxhfm2jeza] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; color: #aeb8bd; font-size: .7rem; }
.presentation-toolbar button[b-sxhfm2jeza] { border: 1px solid #596366; border-radius: 8px; padding: .45rem .9rem; background: #363b3d; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.presentation-toolbar button:focus-visible[b-sxhfm2jeza] { outline: 2px solid #cadb2a; outline-offset: 2px; }
@media (max-width: 600px) { .model-settings summary span[b-sxhfm2jeza] { display: block; margin: .4rem 0 0; }.model-heading[b-sxhfm2jeza] { flex-wrap: wrap; }.presentation-overlay[b-sxhfm2jeza] { padding: .65rem; }.presentation-toolbar > span[b-sxhfm2jeza] { font-size: .6rem; } }
/* /Areas/IsoBuilderStaff/Components/CustomerPricingTable.razor.rz.scp.css */
.customer-pricing-card[b-gjkmdmrszl] {
    --brand-lime: #cadb2a;
    --brand-bg: #171717;
    --brand-panel: #202124;
    --brand-border: #3b3d40;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--brand-border);
    border-radius: 18px;
    background: var(--brand-bg);
    color: #f4f6f7;
    font-family: BeVietnam, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .24);
}

.customer-pricing-header[b-gjkmdmrszl] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem 1.75rem 1.35rem;
    border-bottom: 1px solid var(--brand-border);
    background: radial-gradient(circle at 85% 0%, rgba(202, 219, 42, .11), transparent 37%), #171717;
}

.customer-pricing-header img[b-gjkmdmrszl] { width: 190px; height: auto; flex: 0 0 auto; }
.customer-pricing-header span[b-gjkmdmrszl] { color: var(--brand-lime); font-size: .7rem; font-weight: 700; letter-spacing: .14em; }
.customer-pricing-header h2[b-gjkmdmrszl] { margin: .25rem 0 .2rem; color: #f4f6f7; font-size: 1.6rem; line-height: 1.18; }
.customer-pricing-header p[b-gjkmdmrszl] { margin: 0; color: #aeb8bd; font-size: .82rem; }
.customer-pricing-table-wrap[b-gjkmdmrszl] { overflow-x: auto; }
.customer-pricing-table[b-gjkmdmrszl] { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; }
.customer-pricing-table th[b-gjkmdmrszl], .customer-pricing-table td[b-gjkmdmrszl] { border-right: 1px solid var(--brand-border); border-bottom: 1px solid var(--brand-border); }
.customer-pricing-table tr > :last-child[b-gjkmdmrszl] { border-right: 0; }
.customer-pricing-table thead th[b-gjkmdmrszl] { width: 18%; padding: 1rem .65rem; background: #202124; text-align: center; vertical-align: top; }
.customer-pricing-table thead th:first-child[b-gjkmdmrszl] { width: 22%; color: #aeb8bd; text-align: left; vertical-align: bottom; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.band-name[b-gjkmdmrszl] { display: block; min-height: 2.2em; color: var(--brand-lime); font-size: .78rem; font-weight: 700; }
.customer-pricing-table thead strong[b-gjkmdmrszl] { display: block; margin-top: .32rem; color: #fff; font-size: 1.12rem; white-space: nowrap; }
.customer-pricing-table thead strong small[b-gjkmdmrszl] { color: #aeb8bd; font-size: .62rem; font-weight: 500; }
.monthly-price[b-gjkmdmrszl] { display: block; margin-top: .28rem; color: #c7d0d4; font-size: .68rem; white-space: nowrap; }
.customer-pricing-table tbody th[b-gjkmdmrszl] { padding: .63rem 1rem; background: #1c1c1d; color: #f4f6f7; text-align: left; font-size: .72rem; font-weight: 600; }
.customer-pricing-table tbody th small[b-gjkmdmrszl] { display: block; color: #8f9a9f; font-size: .61rem; font-weight: 500; }
.customer-pricing-table tbody td[b-gjkmdmrszl] { padding: .63rem .45rem; background: #242528; color: #e7ebed; text-align: center; font-size: .74rem; font-variant-numeric: tabular-nums; }
.customer-pricing-table tbody tr:nth-child(even) td[b-gjkmdmrszl] { background: #212225; }
.customer-pricing-table .additional-site-row th[b-gjkmdmrszl], .customer-pricing-table .additional-site-row td[b-gjkmdmrszl] { border-bottom: 0; }
.additional-site-row td strong[b-gjkmdmrszl] { display: block; color: #fff; font-size: .78rem; }
.additional-site-row td small[b-gjkmdmrszl] { display: block; color: #9ca7ac; font-size: .59rem; }
.customer-pricing-card footer[b-gjkmdmrszl] { padding: .85rem 1.25rem; border-top: 1px solid var(--brand-border); color: #9ca7ac; text-align: center; font-size: .63rem; }
.screenshot-card[b-gjkmdmrszl] { max-width: 1160px; box-shadow: none; }

@media (max-width: 700px) {
    .customer-pricing-header[b-gjkmdmrszl] { align-items: flex-start; flex-direction: column; gap: .9rem; padding: 1.2rem; }
    .customer-pricing-header img[b-gjkmdmrszl] { width: 165px; }
    .customer-pricing-header h2[b-gjkmdmrszl] { font-size: 1.25rem; }
    .customer-pricing-table[b-gjkmdmrszl] { min-width: 880px; }
}
/* /Areas/IsoBuilderStaff/Components/CustomerPricingWorkspace.razor.rz.scp.css */
.customer-pricing-workspace[b-4ncwhp48ko] { min-width: 0; }
.load-error[b-4ncwhp48ko] { padding: 1rem; border: 1px solid #7f3b42; border-radius: 10px; background: #341f23; color: #fecaca; }
.load-error p[b-4ncwhp48ko] { margin: 0 0 .8rem; }
.empty-state[b-4ncwhp48ko] { padding: 1.25rem; border: 1px dashed #4b575a; border-radius: 10px; color: #b4c3ca; }
.screenshot-overlay[b-4ncwhp48ko] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: auto;
    padding: 1rem;
    box-sizing: border-box;
    background: #070809;
}
.screenshot-overlay:focus[b-4ncwhp48ko] { outline: none; }
.screenshot-toolbar[b-4ncwhp48ko] { display: flex; align-items: center; justify-content: space-between; width: min(1160px, 100%); margin-bottom: .7rem; color: #aeb8bd; font-size: .75rem; }
.screenshot-toolbar button[b-4ncwhp48ko] { border: 1px solid #596366; border-radius: 8px; padding: .45rem .9rem; background: #363b3d; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.screenshot-toolbar button:focus-visible[b-4ncwhp48ko] { outline: 2px solid #cadb2a; outline-offset: 2px; }
.screenshot-capture-panel[b-4ncwhp48ko] { width: min(1160px, 100%); }

@media (max-width: 700px) {
    .screenshot-overlay[b-4ncwhp48ko] { align-items: flex-start; }
    .screenshot-toolbar[b-4ncwhp48ko], .screenshot-capture-panel[b-4ncwhp48ko] { min-width: 880px; }
}
/* /Areas/IsoBuilderStaff/Components/EditTestingTemplateModal.razor.rz.scp.css */
.modal-backdrop[b-zr16ddrz0m] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-zr16ddrz0m] {
    width: min(1080px,96vw);
    max-height: 88vh;
    overflow: auto;
    background: #0f1d2b;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1rem;
}
.create-modal header[b-zr16ddrz0m],.create-modal footer[b-zr16ddrz0m] { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.modal-grid[b-zr16ddrz0m] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-zr16ddrz0m] { display:grid; gap:.35rem; }
.modal-grid textarea[b-zr16ddrz0m],.step-edit textarea[b-zr16ddrz0m] { min-height:100px; }
.modal-grid input[b-zr16ddrz0m],.modal-grid select[b-zr16ddrz0m],.modal-grid textarea[b-zr16ddrz0m],.step-edit input[b-zr16ddrz0m],.step-edit textarea[b-zr16ddrz0m] { border-radius:8px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; padding:.45rem .55rem; }
.step-edit[b-zr16ddrz0m] {
    border: 1px solid rgba(201,233,74,.2);
    border-radius: 10px;
    padding: .8rem;
    margin: .6rem 0;
    background: rgba(15,29,48,.45);
    display: grid;
    gap: .7rem;
}

.step-row[b-zr16ddrz0m] {
    display: grid;
    gap: .6rem;
    grid-template-columns: auto minmax(180px,1fr) minmax(240px,1.5fr) minmax(180px,1fr) auto;
    align-items: center;
}

.step-row--drag-target[b-zr16ddrz0m] {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(201,233,74,.45);
    background: rgba(201,233,74,.08);
    padding: .45rem;
}

.drag-handle[b-zr16ddrz0m] {
    align-self: stretch;
    border-radius: 10px;
    border: 1px dashed rgba(201,233,74,.35);
    background: rgba(7,18,28,.65);
    color: rgba(246,249,255,.82);
    padding: .45rem .55rem;
    cursor: grab;
    font-weight: 700;
}

.drag-handle:active[b-zr16ddrz0m] {
    cursor: grabbing;
}

    .step-row .btn-ghost[b-zr16ddrz0m] {
        white-space: nowrap;
    }
.btn-primary[b-zr16ddrz0m],.btn-ghost[b-zr16ddrz0m] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-zr16ddrz0m] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-zr16ddrz0m] { background:rgba(7,18,28,.5); color:#f6f9ff; }

.btn-ghost.danger[b-zr16ddrz0m] { border-color: rgba(248,113,113,.5); color: #fecaca; }

@media (max-width: 980px) {
    .create-modal[b-zr16ddrz0m] {
        width: min(960px,96vw);
    }

    .step-row[b-zr16ddrz0m] {
        grid-template-columns: 1fr 1fr;
    }

        .step-row .drag-handle[b-zr16ddrz0m] {
            grid-column: 1 / -1;
            justify-self: start;
            align-self: center;
        }

        .step-row .btn-ghost[b-zr16ddrz0m] {
            grid-column: 2;
            justify-self: end;
        }
}

@media (max-width: 720px) {
    .modal-grid[b-zr16ddrz0m] {
        grid-template-columns: 1fr;
    }

    .step-row[b-zr16ddrz0m] {
        grid-template-columns: 1fr;
    }

        .step-row .drag-handle[b-zr16ddrz0m] {
            grid-column: auto;
        }

        .step-row .btn-ghost[b-zr16ddrz0m] {
            grid-column: auto;
            justify-self: stretch;
        }

    .create-modal footer[b-zr16ddrz0m] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
/* /Areas/IsoBuilderStaff/Components/FeatureRequestDetailsModal.razor.rz.scp.css */
.feature-request-modal-backdrop[b-4l5mpmj95f] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 70;
    padding: 1rem;
}

.feature-request-modal[b-4l5mpmj95f] {
    width: min(1080px, 96vw);
    max-height: 92vh;
    overflow: auto;
    background: #0d1f26;
    border: 1px solid rgba(120, 231, 214, .18);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1rem;
}

.feature-request-state[b-4l5mpmj95f] {
    margin: 0;
    color: rgba(246,249,255,.84);
}

.feature-request-error[b-4l5mpmj95f] {
    color: #fecaca;
}

.feature-request-modal-header[b-4l5mpmj95f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding-bottom: .75rem;
}

.feature-request-modal-header h2[b-4l5mpmj95f] {
    margin: .25rem 0 0;
}

.feature-request-key[b-4l5mpmj95f] {
    font-size: .76rem;
    color: #8fe2d6;
    letter-spacing: .02em;
    font-weight: 700;
}

.feature-request-caption[b-4l5mpmj95f] {
    margin: .35rem 0 0;
    color: rgba(246,249,255,.72);
}

.feature-request-header-actions[b-4l5mpmj95f] {
    display: grid;
    gap: .6rem;
    justify-items: end;
}

.feature-request-badges[b-4l5mpmj95f] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.feature-request-btn-ghost[b-4l5mpmj95f],
.feature-request-btn-danger[b-4l5mpmj95f],
.feature-request-close[b-4l5mpmj95f] {
    border-radius: 10px;
    border: 1px solid rgba(120, 231, 214, .25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.feature-request-btn-danger[b-4l5mpmj95f] {
    border-color: rgba(239, 68, 68, .45);
    background: rgba(127, 29, 29, .45);
}

.feature-request-close[b-4l5mpmj95f] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    font-size: 1.05rem;
    line-height: 1;
}

.feature-request-btn-ghost:disabled[b-4l5mpmj95f],
.feature-request-btn-danger:disabled[b-4l5mpmj95f] {
    opacity: .65;
    cursor: not-allowed;
}

.feature-request-layout[b-4l5mpmj95f] {
    margin-top: .95rem;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 1rem;
}

.feature-request-panel[b-4l5mpmj95f] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .9rem;
}

.feature-request-panel h3[b-4l5mpmj95f] {
    margin: 0 0 .45rem;
    color: #f6f9ff;
}

.feature-request-panel p[b-4l5mpmj95f] {
    margin: 0 0 1rem;
    white-space: pre-wrap;
    color: rgba(246,249,255,.86);
}

.feature-request-details dl[b-4l5mpmj95f] {
    margin: 0;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: .45rem .75rem;
}

.feature-request-details dt[b-4l5mpmj95f] {
    color: rgba(246,249,255,.72);
    font-weight: 600;
}

.feature-request-details dd[b-4l5mpmj95f] {
    margin: 0;
}

.feature-request-action-row[b-4l5mpmj95f] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1rem;
}

.feature-request-linked-tasks[b-4l5mpmj95f] {
    margin-top: 1rem;
}

.feature-request-linked-task-list[b-4l5mpmj95f] {
    display: grid;
    gap: .65rem;
}

.feature-request-linked-task-card[b-4l5mpmj95f] {
    display: grid;
    gap: .3rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: .7rem;
    background: rgba(15, 33, 65, .35);
}

.feature-request-linked-task-top[b-4l5mpmj95f] {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    align-items: center;
}

.feature-request-linked-task-key[b-4l5mpmj95f] {
    font-size: .76rem;
    color: #8fe2d6;
    font-weight: 700;
}

.feature-request-linked-task-status[b-4l5mpmj95f] {
    color: rgba(246,249,255,.72);
    font-size: .76rem;
}

.feature-request-linked-task-card strong[b-4l5mpmj95f] {
    font-size: .95rem;
}

.feature-request-linked-task-card small[b-4l5mpmj95f] {
    color: rgba(246,249,255,.7);
}

.feature-request-linked-task-link[b-4l5mpmj95f] {
    color: #b9fff4;
    text-decoration: underline;
    font-size: .85rem;
}

.feature-request-muted[b-4l5mpmj95f] {
    color: rgba(246,249,255,.72);
}

.feature-request-severity[b-4l5mpmj95f],
.feature-request-status-chip[b-4l5mpmj95f] {
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .72rem;
    font-weight: 700;
}

.status-open[b-4l5mpmj95f] { background: rgba(59, 130, 246, .18); color: #bfdbfe; }
.status-resolved[b-4l5mpmj95f] { background: rgba(34, 197, 94, .18); color: #bbf7d0; }
.severity-low[b-4l5mpmj95f] { background: rgba(148, 163, 184, .2); color: #dbeafe; }
.severity-medium[b-4l5mpmj95f] { background: rgba(201, 233, 74, .18); color: #eef7c3; }
.severity-high[b-4l5mpmj95f] { background: rgba(251, 191, 36, .2); color: #fde68a; }
.severity-critical[b-4l5mpmj95f] { background: rgba(239, 68, 68, .2); color: #fecaca; }

@media (max-width: 920px) {
    .feature-request-layout[b-4l5mpmj95f] {
        grid-template-columns: 1fr;
    }

    .feature-request-details dl[b-4l5mpmj95f] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Components/HintsOffcanvas.razor.rz.scp.css */
.hints-offcanvas-backdrop[b-akg7pvdfuq] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.72);
    z-index: 1100;
    display: flex;
    justify-content: flex-end;
}

.hints-offcanvas-panel[b-akg7pvdfuq] {
    width: min(480px, 100vw);
    height: 100vh;
    background: #07121c;
    color: #f6f9ff;
    border-left: 1px solid rgba(201, 233, 74, 0.24);
    box-shadow: -18px 0 48px rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
}

.hints-offcanvas-header[b-akg7pvdfuq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.15rem 1.1rem .95rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hints-offcanvas-header h2[b-akg7pvdfuq] {
    margin: 0;
    font-size: 1.2rem;
}

.hints-offcanvas-header p[b-akg7pvdfuq] {
    margin: .4rem 0 0;
    color: rgba(246, 249, 255, 0.8);
    line-height: 1.5;
}

.hints-close-button[b-akg7pvdfuq] {
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: transparent;
    color: #f6f9ff;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}

.hints-offcanvas-content[b-akg7pvdfuq] {
    padding: 1rem 1.1rem 1.25rem;
    overflow-y: auto;
    display: grid;
    gap: 1rem;
}

.hint-section[b-akg7pvdfuq] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: rgba(15, 33, 65, 0.34);
    padding: .95rem 1rem;
}

.hint-section h3[b-akg7pvdfuq] {
    margin: 0 0 .65rem;
    color: #d7ec71;
    font-size: 1rem;
}

.hint-section ul[b-akg7pvdfuq] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: .55rem;
}

.hint-section li[b-akg7pvdfuq] {
    line-height: 1.5;
    color: rgba(246, 249, 255, 0.9);
}

@media (max-width: 640px) {
    .hints-offcanvas-panel[b-akg7pvdfuq] {
        width: 100vw;
    }
}
/* /Areas/IsoBuilderStaff/Components/InvoiceAttachments.razor.rz.scp.css */
.invoice-record-panel[b-z95xwi5a7h] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}
.invoice-record-panel h2[b-z95xwi5a7h], .invoice-record-panel p[b-z95xwi5a7h] { margin: 0; }
.staff-toolbar[b-z95xwi5a7h] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
[role="alert"][b-z95xwi5a7h] { color: #fca5a5; }
/* /Areas/IsoBuilderStaff/Components/InvoiceLedgerLinks.razor.rz.scp.css */
.invoice-record-panel[b-460rqxq8i5] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}
.invoice-record-panel h2[b-460rqxq8i5], .invoice-record-panel p[b-460rqxq8i5] { margin: 0; }
.staff-toolbar[b-460rqxq8i5] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.staff-toolbar small[b-460rqxq8i5] { display: block; color: rgba(246, 249, 255, .76); }
.staff-toolbar input[b-460rqxq8i5] { width: min(100%, 26rem); }
[role="alert"][b-460rqxq8i5] { color: #fca5a5; }
/* /Areas/IsoBuilderStaff/Components/InvoiceVisibilityInput.razor.rz.scp.css */
.invoice-visibility-input label[b-i8xgml1bjm] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.invoice-visibility-input input[b-i8xgml1bjm] {
    width: auto;
}

.invoice-visibility-input p[b-i8xgml1bjm] {
    color: rgba(246, 249, 255, .76);
    font-size: .92rem;
    margin: .6rem 0 0;
}
/* /Areas/IsoBuilderStaff/Components/IssueReportDetailsModal.razor.rz.scp.css */
.issue-modal-backdrop[b-gyc0bv3nnz] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 70;
    padding: 1rem;
}

.issue-modal[b-gyc0bv3nnz] {
    width: min(1080px, 96vw);
    max-height: 92vh;
    overflow: auto;
    background: #0f1d2b;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1rem;
}

.issue-state[b-gyc0bv3nnz] {
    margin: 0;
    color: rgba(246,249,255,.84);
}

.issue-error[b-gyc0bv3nnz] {
    color: #fecaca;
}

.issue-modal-header[b-gyc0bv3nnz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding-bottom: .75rem;
}

.issue-modal-header h2[b-gyc0bv3nnz] {
    margin: .25rem 0 0;
}

.issue-key[b-gyc0bv3nnz] {
    font-size: .76rem;
    color: #cabff7;
    letter-spacing: .02em;
    font-weight: 700;
}

.issue-caption[b-gyc0bv3nnz] {
    margin: .35rem 0 0;
    color: rgba(246,249,255,.72);
}

.issue-header-actions[b-gyc0bv3nnz] {
    display: grid;
    gap: .6rem;
    justify-items: end;
}

.issue-badges[b-gyc0bv3nnz] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.btn-ghost[b-gyc0bv3nnz],
.btn-danger[b-gyc0bv3nnz],
.modal-close[b-gyc0bv3nnz] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.btn-danger[b-gyc0bv3nnz] {
    border-color: rgba(239, 68, 68, .45);
    background: rgba(127, 29, 29, .45);
}

.modal-close[b-gyc0bv3nnz] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    font-size: 1.05rem;
    line-height: 1;
}

.btn-ghost:disabled[b-gyc0bv3nnz],
.btn-danger:disabled[b-gyc0bv3nnz] {
    opacity: .65;
    cursor: not-allowed;
}

.issue-layout[b-gyc0bv3nnz] {
    margin-top: .95rem;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 1rem;
}

.issue-panel[b-gyc0bv3nnz] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .9rem;
}

.issue-panel h3[b-gyc0bv3nnz] {
    margin: 0 0 .45rem;
    color: #f6f9ff;
}

.issue-panel p[b-gyc0bv3nnz] {
    margin: 0 0 1rem;
    white-space: pre-wrap;
    color: rgba(246,249,255,.86);
}

.issue-details dl[b-gyc0bv3nnz] {
    margin: 0;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: .45rem .75rem;
}

.issue-details dt[b-gyc0bv3nnz] {
    color: rgba(246,249,255,.72);
    font-weight: 600;
}

.issue-details dd[b-gyc0bv3nnz] {
    margin: 0;
}

.issue-action-row[b-gyc0bv3nnz] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1rem;
}

.linked-tasks-section[b-gyc0bv3nnz] {
    margin-top: 1rem;
}

.linked-task-list[b-gyc0bv3nnz] {
    display: grid;
    gap: .65rem;
}

.linked-task-card[b-gyc0bv3nnz] {
    display: grid;
    gap: .3rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: .7rem;
    background: rgba(15, 33, 65, .35);
}

.linked-task-top[b-gyc0bv3nnz] {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    align-items: center;
}

.linked-task-key[b-gyc0bv3nnz] {
    font-size: .76rem;
    color: #cabff7;
    font-weight: 700;
}

.linked-task-status[b-gyc0bv3nnz] {
    color: rgba(246,249,255,.72);
    font-size: .76rem;
}

.linked-task-card strong[b-gyc0bv3nnz] {
    font-size: .95rem;
}

.linked-task-card small[b-gyc0bv3nnz] {
    color: rgba(246,249,255,.7);
}

.linked-task-link[b-gyc0bv3nnz] {
    color: #b9d8ff;
    text-decoration: underline;
    font-size: .85rem;
}

.issue-muted[b-gyc0bv3nnz] {
    color: rgba(246,249,255,.72);
}

.issue-severity[b-gyc0bv3nnz],
.issue-status-chip[b-gyc0bv3nnz] {
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .72rem;
    font-weight: 700;
}

.status-open[b-gyc0bv3nnz] { background: rgba(59, 130, 246, .18); color: #bfdbfe; }
.status-resolved[b-gyc0bv3nnz] { background: rgba(34, 197, 94, .18); color: #bbf7d0; }
.severity-low[b-gyc0bv3nnz] { background: rgba(148, 163, 184, .2); color: #dbeafe; }
.severity-medium[b-gyc0bv3nnz] { background: rgba(201, 233, 74, .18); color: #eef7c3; }
.severity-high[b-gyc0bv3nnz] { background: rgba(251, 191, 36, .2); color: #fde68a; }
.severity-critical[b-gyc0bv3nnz] { background: rgba(239, 68, 68, .2); color: #fecaca; }

@media (max-width: 920px) {
    .issue-layout[b-gyc0bv3nnz] {
        grid-template-columns: 1fr;
    }

    .issue-details dl[b-gyc0bv3nnz] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Components/LeaveDetailsModal.razor.rz.scp.css */
.calendar-modal-backdrop[b-trb04hpfr5] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    display: grid;
    place-items: center;
    z-index: 60;
    padding: 1rem;
}

.calendar-details-modal[b-trb04hpfr5] {
    width: min(1100px, 96vw);
    max-height: 92vh;
    overflow: hidden;
    background: #0f1d2b;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    color: #f6f9ff;
    display: grid;
    grid-template-rows: auto 1fr;
}

.btn-primary[b-trb04hpfr5],
.btn-ghost[b-trb04hpfr5] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: 0.45rem 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-trb04hpfr5] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-trb04hpfr5] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.calendar-details-header[b-trb04hpfr5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.calendar-kicker[b-trb04hpfr5] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    background: rgba(118, 196, 108, 0.18);
    color: #c6efbc;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.calendar-details-header h2[b-trb04hpfr5],
.calendar-section-header h3[b-trb04hpfr5],
.calendar-activity-header h3[b-trb04hpfr5],
.calendar-summary-card h3[b-trb04hpfr5] {
    margin: 0;
}

.calendar-details-header p[b-trb04hpfr5],
.calendar-section-header p[b-trb04hpfr5],
.calendar-activity-header p[b-trb04hpfr5] {
    margin: 0.35rem 0 0;
    color: rgba(246, 249, 255, 0.7);
}

.calendar-details-layout[b-trb04hpfr5] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 320px);
    gap: 1rem;
    padding: 1rem;
    min-height: 0;
}

.calendar-details-main[b-trb04hpfr5] {
    min-height: 0;
    overflow-y: auto;
    display: grid;
    gap: 1rem;
    padding-right: 0.15rem;
}

.calendar-details-sidebar[b-trb04hpfr5] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.calendar-form-card[b-trb04hpfr5],
.calendar-activity-card[b-trb04hpfr5],
.calendar-summary-card[b-trb04hpfr5] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.9rem;
}

.calendar-section-header[b-trb04hpfr5] {
    margin-bottom: 0.85rem;
}

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

.calendar-form-grid__full[b-trb04hpfr5],
.calendar-entry-form__full[b-trb04hpfr5] {
    grid-column: 1 / -1;
}

.calendar-form-grid label[b-trb04hpfr5],
.calendar-entry-form label[b-trb04hpfr5] {
    display: grid;
    gap: 0.32rem;
    color: rgba(246, 249, 255, 0.86);
}

.calendar-form-grid input[b-trb04hpfr5],
.calendar-form-grid select[b-trb04hpfr5],
.calendar-form-grid textarea[b-trb04hpfr5],
.calendar-entry-form input[b-trb04hpfr5],
.calendar-entry-form select[b-trb04hpfr5],
.calendar-entry-form textarea[b-trb04hpfr5] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    padding: 0.5rem 0.6rem;
}

.calendar-form-grid textarea[b-trb04hpfr5],
.calendar-entry-form textarea[b-trb04hpfr5] {
    resize: vertical;
}

.calendar-activity-header[b-trb04hpfr5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.calendar-entry-form[b-trb04hpfr5] {
    margin-top: 0.9rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.calendar-entry-form__actions[b-trb04hpfr5] {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.calendar-activity-list[b-trb04hpfr5] {
    margin-top: 0.9rem;
    display: grid;
    gap: 0.7rem;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.calendar-activity-item[b-trb04hpfr5] {
    display: grid;
    gap: 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.03);
}

.calendar-activity-item p[b-trb04hpfr5],
.calendar-empty-state[b-trb04hpfr5] {
    margin: 0;
    white-space: pre-wrap;
    color: rgba(246, 249, 255, 0.85);
}

.calendar-activity-item small[b-trb04hpfr5] {
    color: rgba(246, 249, 255, 0.62);
}

.calendar-inline-actions[b-trb04hpfr5],
.calendar-sidebar-actions[b-trb04hpfr5] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.calendar-summary-card dl[b-trb04hpfr5] {
    margin: 0;
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.55rem 0.8rem;
}

.calendar-summary-card dt[b-trb04hpfr5] {
    color: rgba(246, 249, 255, 0.68);
    font-weight: 600;
}

.calendar-summary-card dd[b-trb04hpfr5] {
    margin: 0;
}

.calendar-sidebar-actions[b-trb04hpfr5] {
    flex-direction: column;
}

.calendar-sidebar-actions .btn-primary[b-trb04hpfr5],
.calendar-sidebar-actions .btn-ghost[b-trb04hpfr5] {
    width: 100%;
}

@media (max-width: 960px) {
    .calendar-details-layout[b-trb04hpfr5] {
        grid-template-columns: 1fr;
    }

    .calendar-entry-form[b-trb04hpfr5] {
        grid-template-columns: 1fr;
    }

    .calendar-sidebar-actions[b-trb04hpfr5] {
        flex-direction: row;
    }

    .calendar-sidebar-actions .btn-primary[b-trb04hpfr5],
    .calendar-sidebar-actions .btn-ghost[b-trb04hpfr5] {
        width: auto;
    }
}

@media (max-width: 720px) {
    .calendar-details-header[b-trb04hpfr5],
    .calendar-details-layout[b-trb04hpfr5] {
        padding: 0.85rem;
    }

    .calendar-form-grid[b-trb04hpfr5],
    .calendar-activity-header[b-trb04hpfr5] {
        grid-template-columns: 1fr;
        display: grid;
    }
}
/* /Areas/IsoBuilderStaff/Components/MeetingDetailsModal.razor.rz.scp.css */
.calendar-modal-backdrop[b-n8jmhw49u2] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    display: grid;
    place-items: center;
    z-index: 60;
    padding: 1rem;
}

.calendar-details-modal[b-n8jmhw49u2] {
    width: min(1100px, 96vw);
    max-height: 92vh;
    overflow: hidden;
    background: #0f1d2b;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    color: #f6f9ff;
    display: grid;
    grid-template-rows: auto 1fr;
}

.btn-primary[b-n8jmhw49u2],
.btn-ghost[b-n8jmhw49u2],
.tab-link[b-n8jmhw49u2] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: 0.45rem 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-n8jmhw49u2] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-n8jmhw49u2],
.tab-link[b-n8jmhw49u2] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.calendar-details-header[b-n8jmhw49u2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.calendar-kicker[b-n8jmhw49u2] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    background: rgba(103, 164, 255, 0.16);
    color: #bad4ff;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.calendar-details-header h2[b-n8jmhw49u2],
.calendar-section-header h3[b-n8jmhw49u2],
.calendar-activity-header h3[b-n8jmhw49u2],
.calendar-summary-card h3[b-n8jmhw49u2] {
    margin: 0;
}

.calendar-details-header p[b-n8jmhw49u2],
.calendar-section-header p[b-n8jmhw49u2],
.calendar-activity-header p[b-n8jmhw49u2] {
    margin: 0.35rem 0 0;
    color: rgba(246, 249, 255, 0.7);
}

.calendar-details-layout[b-n8jmhw49u2] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 320px);
    gap: 1rem;
    padding: 1rem;
    min-height: 0;
}

.calendar-details-main[b-n8jmhw49u2] {
    min-height: 0;
    overflow-y: auto;
    display: grid;
    gap: 1rem;
    padding-right: 0.15rem;
}

.calendar-details-sidebar[b-n8jmhw49u2] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.calendar-form-card[b-n8jmhw49u2],
.calendar-activity-card[b-n8jmhw49u2],
.calendar-summary-card[b-n8jmhw49u2] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.9rem;
}

.calendar-section-header[b-n8jmhw49u2] {
    margin-bottom: 0.85rem;
}

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

.calendar-form-grid__full[b-n8jmhw49u2],
.calendar-entry-form__full[b-n8jmhw49u2] {
    grid-column: 1 / -1;
}

.calendar-form-grid label[b-n8jmhw49u2],
.calendar-entry-form label[b-n8jmhw49u2] {
    display: grid;
    gap: 0.32rem;
    color: rgba(246, 249, 255, 0.86);
}

.calendar-form-grid input[b-n8jmhw49u2],
.calendar-form-grid select[b-n8jmhw49u2],
.calendar-form-grid textarea[b-n8jmhw49u2],
.calendar-entry-form input[b-n8jmhw49u2],
.calendar-entry-form select[b-n8jmhw49u2],
.calendar-entry-form textarea[b-n8jmhw49u2] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    padding: 0.5rem 0.6rem;
}

.calendar-form-grid select option[b-n8jmhw49u2],
.calendar-entry-form select option[b-n8jmhw49u2] {
    background: #0f1d2b;
    color: #f6f9ff;
}

.calendar-validation[b-n8jmhw49u2] {
    color: #ffd2d2;
    font-weight: 700;
}

.calendar-form-grid textarea[b-n8jmhw49u2],
.calendar-entry-form textarea[b-n8jmhw49u2] {
    resize: vertical;
}

.calendar-checkbox[b-n8jmhw49u2] {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    align-self: end;
}

.calendar-checkbox input[b-n8jmhw49u2] {
    width: auto;
}

.calendar-activity-header[b-n8jmhw49u2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.calendar-activity-tabs[b-n8jmhw49u2] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.tab-link.active[b-n8jmhw49u2] {
    border-color: rgba(201, 233, 74, 0.6);
    background: rgba(201, 233, 74, 0.16);
    color: #f9ffcf;
}

.calendar-entry-form[b-n8jmhw49u2] {
    margin-top: 0.9rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.calendar-entry-form__actions[b-n8jmhw49u2] {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.calendar-activity-list[b-n8jmhw49u2] {
    margin-top: 0.9rem;
    display: grid;
    gap: 0.7rem;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.calendar-activity-item[b-n8jmhw49u2] {
    display: grid;
    gap: 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.03);
}

.calendar-activity-item p[b-n8jmhw49u2],
.calendar-empty-state[b-n8jmhw49u2] {
    margin: 0;
    white-space: pre-wrap;
    color: rgba(246, 249, 255, 0.85);
}

.calendar-activity-item small[b-n8jmhw49u2] {
    color: rgba(246, 249, 255, 0.62);
}

.calendar-inline-actions[b-n8jmhw49u2],
.calendar-sidebar-actions[b-n8jmhw49u2] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.calendar-summary-card dl[b-n8jmhw49u2] {
    margin: 0;
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.55rem 0.8rem;
}

.calendar-summary-card dt[b-n8jmhw49u2] {
    color: rgba(246, 249, 255, 0.68);
    font-weight: 600;
}

.calendar-summary-card dd[b-n8jmhw49u2] {
    margin: 0;
}

.calendar-sidebar-actions[b-n8jmhw49u2] {
    flex-direction: column;
}

.calendar-sidebar-actions .btn-primary[b-n8jmhw49u2],
.calendar-sidebar-actions .btn-ghost[b-n8jmhw49u2] {
    width: 100%;
}

@media (max-width: 960px) {
    .calendar-details-layout[b-n8jmhw49u2] {
        grid-template-columns: 1fr;
    }

    .calendar-entry-form[b-n8jmhw49u2] {
        grid-template-columns: 1fr;
    }

    .calendar-sidebar-actions[b-n8jmhw49u2] {
        flex-direction: row;
    }

    .calendar-sidebar-actions .btn-primary[b-n8jmhw49u2],
    .calendar-sidebar-actions .btn-ghost[b-n8jmhw49u2] {
        width: auto;
    }
}

@media (max-width: 720px) {
    .calendar-details-header[b-n8jmhw49u2],
    .calendar-details-layout[b-n8jmhw49u2] {
        padding: 0.85rem;
    }

    .calendar-form-grid[b-n8jmhw49u2],
    .calendar-activity-header[b-n8jmhw49u2] {
        grid-template-columns: 1fr;
        display: grid;
    }
}
/* /Areas/IsoBuilderStaff/Components/ModalErrorMessage.razor.rz.scp.css */
.modal-error-message[b-tes77iw3x9] {
    grid-column: 1 / -1;
    flex-shrink: 0;
    margin: 0.75rem 0;
    padding: 0.85rem 1rem;
    border: 1px solid #a64b55;
    border-radius: 8px;
    background: #381e27;
    color: #ffd9de;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.modal-error-message:focus-visible[b-tes77iw3x9] {
    outline: 2px solid #ffd9de;
    outline-offset: 2px;
}
/* /Areas/IsoBuilderStaff/Components/NotesPanel.razor.rz.scp.css */
.notes-panel-shell[b-6n2apqbfg7] {
    min-height: 0;
}

.notes-inline-panel[b-6n2apqbfg7],
.notes-modal[b-6n2apqbfg7] {
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.28);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(8, 16, 24, 0.96);
    color: #f6f9ff;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.notes-inline-panel[b-6n2apqbfg7] {
    height: 100%;
    min-height: 320px;
}

.notes-modal-backdrop[b-6n2apqbfg7] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.76);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 1rem;
}

.notes-modal[b-6n2apqbfg7] {
    width: min(720px, 100%);
    max-height: min(80vh, 780px);
    overflow: hidden;
}

.notes-panel-header[b-6n2apqbfg7] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
    padding: 1rem 1rem .65rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.notes-panel-header h2[b-6n2apqbfg7] {
    margin: 0;
    font-size: 1.15rem;
}

.notes-entity-caption[b-6n2apqbfg7] {
    margin: .25rem 0 0;
    color: rgba(246, 249, 255, .78);
    font-size: .86rem;
}

.notes-close-button[b-6n2apqbfg7] {
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #f6f9ff;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    cursor: pointer;
}

.notes-toolbar[b-6n2apqbfg7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .8rem 1rem .3rem;
    flex-wrap: wrap;
}

.add-note-button[b-6n2apqbfg7],
.save-note-button[b-6n2apqbfg7],
.edit-note-button[b-6n2apqbfg7],
.cancel-note-button[b-6n2apqbfg7] {
    border: 1px solid rgba(201,233,74,.35);
    border-radius: 999px;
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    font-weight: 700;
    padding: .35rem .8rem;
    cursor: pointer;
}

.edit-note-button[b-6n2apqbfg7],
.cancel-note-button[b-6n2apqbfg7] {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: #f6f9ff;
}

.notes-action-message[b-6n2apqbfg7] {
    color: #c9e94a;
    font-size: .86rem;
}

.note-create-panel[b-6n2apqbfg7] {
    padding: 0 1rem .4rem;
    display: grid;
    gap: .45rem;
}

.note-create-panel textarea[b-6n2apqbfg7] {
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    padding: .55rem .6rem;
    resize: vertical;
}

.note-create-actions[b-6n2apqbfg7] {
    display: flex;
    justify-content: flex-end;
}

.notes-state[b-6n2apqbfg7] {
    padding: 1rem;
    margin: 0;
}

.notes-error[b-6n2apqbfg7] {
    color: #ffb4b4;
}

.notes-list[b-6n2apqbfg7] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    overflow: auto;
}

.notes-list-inline[b-6n2apqbfg7] {
    flex: 1;
    min-height: 0;
}

.note-item[b-6n2apqbfg7] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: .8rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
        rgba(255, 255, 255, 0.02);
}

.note-item p[b-6n2apqbfg7] {
    margin: .45rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.55;
}

.note-meta[b-6n2apqbfg7] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    color: rgba(246, 249, 255, .8);
    font-size: .82rem;
}

.note-row-actions[b-6n2apqbfg7] {
    display: flex;
    justify-content: flex-end;
    margin-top: .35rem;
    gap: .4rem;
}

.delete-note-button[b-6n2apqbfg7] {
    border: 0;
    border-radius: 999px;
    padding: .3rem .65rem;
    font-weight: 700;
    cursor: pointer;
    background: #b91c1c;
    color: #fff;
}

.note-edit-panel[b-6n2apqbfg7] {
    margin-top: .55rem;
}

.note-edit-panel textarea[b-6n2apqbfg7] {
    width: 100%;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    padding: .55rem .6rem;
    resize: vertical;
    min-height: 110px;
}

@media (max-width: 768px) {
    .notes-inline-panel[b-6n2apqbfg7] {
        min-height: 280px;
    }
}
/* /Areas/IsoBuilderStaff/Components/NotesViewerModal.razor.rz.scp.css */

/* /Areas/IsoBuilderStaff/Components/PayrollHistoryFields.razor.rz.scp.css */
.settings-grid[b-s736vdrnb4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.settings-grid label[b-s736vdrnb4] { display: flex; flex-direction: column; gap: .35rem; }
/* /Areas/IsoBuilderStaff/Components/PricingBandTable.razor.rz.scp.css */
.pricing-band-table-wrap[b-3r9y3wu8ii] { width: 100%; max-width: 100%; overflow-x: auto; margin-top: 1rem; }
.pricing-band-table[b-3r9y3wu8ii] { width: 100%; table-layout: fixed; border-collapse: collapse; background: #182125; }
th[b-3r9y3wu8ii], td[b-3r9y3wu8ii] { border-bottom: 1px solid #3b484b; padding: .55rem .2rem; vertical-align: middle; }
th[b-3r9y3wu8ii] { background: #142023; text-align: left; font-size: .7rem; line-height: 1.35; overflow-wrap: normal; hyphens: none; }
td[b-3r9y3wu8ii]  .text-input { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; min-height: 2.1rem; padding: .35rem .2rem; font: inherit; font-size: .76rem; border: 1px solid #526066; border-radius: 5px; background: #293438; color: #f6f9ff; }
td[b-3r9y3wu8ii]  input[type=number] { appearance: textfield; text-align: right; }
td[b-3r9y3wu8ii]  input::-webkit-inner-spin-button, td[b-3r9y3wu8ii]  input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
td[b-3r9y3wu8ii]  input:focus-visible { outline: 2px solid #c9e94a; outline-offset: 1px; }
.band-state[b-3r9y3wu8ii] { font-size: .72rem; padding: .45rem .35rem; width: 100%; }
.archived-band[b-3r9y3wu8ii] { opacity: .7; }
tbody tr:hover[b-3r9y3wu8ii] { background: #223035; }
@media (max-width: 1279px) { .pricing-band-table[b-3r9y3wu8ii] { min-width: 820px; } }
/* /Areas/IsoBuilderStaff/Components/PricingEstimateCalculator.razor.rz.scp.css */
.estimate-layout[b-7kta6gwiy6] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1.2rem; align-items: start; }
.estimate-inputs[b-7kta6gwiy6], .estimate-output[b-7kta6gwiy6] { min-width: 0; padding: 1.1rem; border: 1px solid #3c494d; border-radius: 10px; background: #1c2527; }
h3[b-7kta6gwiy6] { margin: 0 0 .8rem; } h4[b-7kta6gwiy6] { margin: 1.25rem 0 .65rem; }
.estimate-site[b-7kta6gwiy6] { border-top: 1px solid #3c494d; padding: .8rem 0; }
.estimate-fields[b-7kta6gwiy6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
label[b-7kta6gwiy6] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; font-size: .82rem; }
.wide[b-7kta6gwiy6] { grid-column: 1 / -1; }
input:not([type=checkbox])[b-7kta6gwiy6], select[b-7kta6gwiy6] { box-sizing: border-box; width: 100%; min-width: 0; font: inherit; padding: .55rem; border: 1px solid #526066; border-radius: 6px; background: #293438; color: #f6f9ff; }
.check[b-7kta6gwiy6] { flex-direction: row; align-items: center; }
.site-footer[b-7kta6gwiy6] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; margin-top: .6rem; }
.site-footer button[b-7kta6gwiy6] { font-size: .76rem; min-height: 1.9rem; }
.muted[b-7kta6gwiy6] { color: #b9c5ca; font-size: .8rem; font-weight: 400; }
.result-grid[b-7kta6gwiy6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.result-grid article[b-7kta6gwiy6] { display: flex; flex-direction: column; gap: .4rem; padding: .65rem; border-radius: 7px; background: #263237; }
.result-grid span[b-7kta6gwiy6] { font-size: .76rem; color: #c2cdd3; }
.result-grid strong[b-7kta6gwiy6] { font-size: 1rem; font-variant-numeric: tabular-nums; }
.headline-results strong[b-7kta6gwiy6] { font-size: 1.45rem; color: #d7ec71; }
.proposed-price[b-7kta6gwiy6] { margin-top: 1rem; padding: .8rem; border: 1px solid #789144; border-radius: 8px; }
.margin-floors[b-7kta6gwiy6] { margin: 0; } .margin-floors div[b-7kta6gwiy6] { display: flex; justify-content: space-between; padding: .25rem 0; } dd[b-7kta6gwiy6] { margin: 0; font-variant-numeric: tabular-nums; }
.estimate-warnings[b-7kta6gwiy6] { padding-left: 1.1rem; color: #e5c88b; font-size: .8rem; }
.create-proposal[b-7kta6gwiy6] { margin-top: 1rem; }
@media (max-width: 1000px) { .estimate-layout[b-7kta6gwiy6] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .estimate-fields[b-7kta6gwiy6], .result-grid[b-7kta6gwiy6] { grid-template-columns: minmax(0, 1fr); } }
/* /Areas/IsoBuilderStaff/Components/PricingSettingsWorkspace.razor.rz.scp.css */
.pricing-settings-workspace[b-4z2kbjce45] { display:flex; flex-direction:column; gap:1rem; container:pricing / inline-size; }
.pricing-settings-workspace[b-4z2kbjce45]  *, .pricing-settings-workspace[b-4z2kbjce45]  *::before, .pricing-settings-workspace[b-4z2kbjce45]  *::after { box-sizing:border-box; }
.staff-panel[b-4z2kbjce45] { min-width:0; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:1rem; }
.panel-title-row[b-4z2kbjce45], .card-title-row[b-4z2kbjce45] { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.panel-title-row h2[b-4z2kbjce45], .card-title-row h3[b-4z2kbjce45] { margin:0; }
.panel-title-row p[b-4z2kbjce45], .card-title-row p[b-4z2kbjce45] { margin:.4rem 0 0; color:rgba(246,249,255,.78); line-height:1.55; }
.quote-settings-card[b-4z2kbjce45] { min-width:0; border:1px solid rgba(255,255,255,.12); background:#1c2527; border-radius:10px; padding:1rem; }
.pricing-settings[b-4z2kbjce45] { margin-top: 1.25rem; min-width: 0; }

.quote-settings-layout[b-4z2kbjce45] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.quote-form-grid[b-4z2kbjce45] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.field.wide[b-4z2kbjce45] { grid-column: span 2; }

.field[b-4z2kbjce45],
.toggle-card[b-4z2kbjce45] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: .45rem;
    color: #e1e7ec;
    font-size: .9rem;
    line-height: 1.4;
}

.toggle-card[b-4z2kbjce45] {
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    gap: .65rem;
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
}

.toggle-card[b-4z2kbjce45]  input[type="checkbox"] {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
    flex-shrink: 0;
    accent-color: #c9e94a;
}

.toggle-card span[b-4z2kbjce45] { display: grid; gap: .15rem; }
.toggle-card small[b-4z2kbjce45] { color: rgba(246, 249, 255, .75); }

.pricing-band-editor[b-4z2kbjce45] { margin-top: 1.5rem; }
.band-count[b-4z2kbjce45] { margin-left: .4rem; color: #c9e94a; font-size: .9rem; }
.input-with-prefix[b-4z2kbjce45],
.input-with-suffix[b-4z2kbjce45] {
    display: grid;
    min-width: 0;
    align-items: center;
    border: 1px solid #526066;
    border-radius: 8px;
    background: #293438;
}

.input-with-prefix[b-4z2kbjce45] { grid-template-columns: auto minmax(0, 1fr); }
.input-with-suffix[b-4z2kbjce45] { grid-template-columns: minmax(0, 1fr) auto; }
.input-with-prefix > span[b-4z2kbjce45], .input-with-suffix > span[b-4z2kbjce45] { padding: 0 .7rem; color: #cbd5dc; font-weight: 700; }

/* Blazor form controls render in child components, so their input styles need ::deep. */
input[b-4z2kbjce45],
select[b-4z2kbjce45],
.quote-settings-layout[b-4z2kbjce45]  .text-input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 2.6rem;
    border: 1px solid #526066;
    border-radius: 8px;
    background: #293438;
    color: #f8fafc;
    padding: .6rem .7rem;
    font: inherit;
    line-height: 1.35;
    color-scheme: dark;
}

.quote-settings-layout[b-4z2kbjce45]  .input-with-prefix .text-input,
.quote-settings-layout[b-4z2kbjce45]  .input-with-suffix .text-input {
    border: 0;
    background: transparent;
}

input:focus-visible[b-4z2kbjce45],
select:focus-visible[b-4z2kbjce45],
.quote-settings-layout[b-4z2kbjce45]  .text-input:focus-visible,
button:focus-visible[b-4z2kbjce45],
a:focus-visible[b-4z2kbjce45] {
    outline: 2px solid #c9e94a;
    outline-offset: 2px;
}

.quote-settings-layout[b-4z2kbjce45]  .text-input::placeholder { color: #b1bec6; opacity: 1; }
.pricing-settings[b-4z2kbjce45]  .validation-message { color: #fecaca; font-size: .85rem; }
.pricing-settings[b-4z2kbjce45]  .invalid { outline: 1px solid #fda4af; }

.action-row[b-4z2kbjce45] { display: flex; justify-content: flex-end; margin-top: 1.25rem; }

.primary[b-4z2kbjce45],
.secondary[b-4z2kbjce45],
.details-button[b-4z2kbjce45] {
    border: 0;
    border-radius: 999px;
    padding: .55rem .9rem;
    font: inherit;
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
    width: fit-content;
    flex-shrink: 0;
}

.primary[b-4z2kbjce45], .details-button[b-4z2kbjce45] { background: #c9e94a; color: #0f2141; }
.secondary[b-4z2kbjce45] { background: #455050; color: #fff; }
.secondary:hover[b-4z2kbjce45] { background: #536161; }
.primary:disabled[b-4z2kbjce45] { opacity: .6; cursor: wait; }
.quote-link[b-4z2kbjce45] { text-decoration: none; }
.delta-positive[b-4z2kbjce45] { color: #fda4af; }
.delta-negative[b-4z2kbjce45] { color: #86efac; }
.empty-state[b-4z2kbjce45], .staff-status[b-4z2kbjce45] { margin: 0; }
.staff-status.error[b-4z2kbjce45] { color: #fecaca; }
.staff-status.success[b-4z2kbjce45] { color: #bbf7d0; }

@container pricing (max-width: 65rem) {
    .quote-settings-layout[b-4z2kbjce45] { grid-template-columns: minmax(0, 1fr); }
}


@container pricing (max-width:38rem) {
 .quote-form-grid[b-4z2kbjce45] { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .panel-title-row[b-4z2kbjce45],.card-title-row[b-4z2kbjce45] { flex-wrap:wrap; }
}
@container pricing (max-width:25rem) {
 .staff-panel[b-4z2kbjce45] { padding:.75rem; }
 .quote-form-grid[b-4z2kbjce45] { grid-template-columns:minmax(0,1fr); }
 .field.wide[b-4z2kbjce45] { grid-column:auto; }
}
/* /Areas/IsoBuilderStaff/Components/SiteAzureResourcesForm.razor.rz.scp.css */
.site-details-backdrop[b-y8b3f8ha3g] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 2vh 2vw;
    background: rgba(2, 10, 24, .78);
    backdrop-filter: blur(3px);
}

.site-details-dialog[b-y8b3f8ha3g] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(96vw, 1440px);
    height: 92vh;
    max-height: 92vh;
    overflow: hidden;
    color: var(--staff-text, #edf5ff);
    background: #07162b;
    border: 1px solid #2a4565;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .5);
}

.site-details-dialog:focus[b-y8b3f8ha3g] { outline: 2px solid #9abe4b; outline-offset: 2px; }

.site-details-header[b-y8b3f8ha3g],
.site-details-footer[b-y8b3f8ha3g] {
    position: sticky;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.4rem;
    background: #091a31;
}

.site-details-header[b-y8b3f8ha3g] {
    top: 0;
    justify-content: space-between;
    border-bottom: 1px solid #28415f;
}

.site-details-footer[b-y8b3f8ha3g] {
    bottom: 0;
    border-top: 1px solid #28415f;
}

.site-details-header h2[b-y8b3f8ha3g],
.azure-manifest h3[b-y8b3f8ha3g],
.azure-resource-card h4[b-y8b3f8ha3g] { margin: 0; }

.site-details-kicker[b-y8b3f8ha3g] {
    margin: 0 0 .2rem;
    color: #9abe4b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.site-details-close[b-y8b3f8ha3g] {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    color: #e9f1fb;
    background: transparent;
    border: 1px solid #3d5775;
    border-radius: 50%;
    font-size: 1.55rem;
    line-height: 1;
}

.site-details-body[b-y8b3f8ha3g] {
    overflow: auto;
    padding: 1.25rem 1.4rem 2rem;
}

.site-details-upper-grid[b-y8b3f8ha3g],
.azure-scope-grid[b-y8b3f8ha3g],
.azure-resource-grid[b-y8b3f8ha3g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.site-details-panel[b-y8b3f8ha3g],
.azure-scope-card[b-y8b3f8ha3g],
.azure-resource-card[b-y8b3f8ha3g] {
    min-width: 0;
    margin: 0;
    padding: 1rem;
    border: 1px solid #294663;
    border-radius: 12px;
    background: #0a1d37;
}

.site-details-panel legend[b-y8b3f8ha3g],
.azure-scope-card legend[b-y8b3f8ha3g] {
    padding: 0 .4rem;
    font-size: 1rem;
    font-weight: 800;
}

.site-details-dialog label[b-y8b3f8ha3g] {
    display: grid;
    gap: .35rem;
    margin-bottom: .85rem;
    font-weight: 700;
}

.site-details-dialog input[b-y8b3f8ha3g],
.site-details-dialog select[b-y8b3f8ha3g],
.site-details-dialog textarea[b-y8b3f8ha3g] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.55rem;
    padding: .55rem .7rem;
    color: #f2f7fc;
    background: #102646;
    border: 1px solid #45627f;
    border-radius: 8px;
    font: inherit;
}

.site-details-dialog input:focus[b-y8b3f8ha3g],
.site-details-dialog select:focus[b-y8b3f8ha3g],
.site-details-dialog textarea:focus[b-y8b3f8ha3g] {
    outline: 2px solid #9abe4b;
    outline-offset: 1px;
}

.site-details-inline-grid[b-y8b3f8ha3g],
.azure-token-grid[b-y8b3f8ha3g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.azure-token-grid[b-y8b3f8ha3g] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.site-details-note[b-y8b3f8ha3g],
.site-details-dialog small[b-y8b3f8ha3g] {
    color: #aebfd2;
    font-size: .78rem;
    font-weight: 400;
}

.site-details-warning[b-y8b3f8ha3g],
.site-details-error[b-y8b3f8ha3g],
.azure-readiness-list[b-y8b3f8ha3g] {
    padding: .7rem .85rem;
    color: #ffd17a;
    background: rgba(133, 86, 0, .2);
    border: 1px solid rgba(255, 184, 62, .45);
    border-radius: 8px;
}

.site-details-error[b-y8b3f8ha3g] { color: #ffb7b7; border-color: rgba(255, 104, 104, .5); background: rgba(133, 25, 25, .24); }

.site-details-guidance[b-y8b3f8ha3g] {
    min-height: 7rem;
    padding: 1rem;
    color: #bed0e2;
    background: #0d294a;
    border-left: 4px solid #9abe4b;
    border-radius: 8px;
}

.site-details-guidance p[b-y8b3f8ha3g] { margin-bottom: 0; }

.azure-manifest[b-y8b3f8ha3g] {
    margin-top: 1.2rem;
    padding: 1.15rem;
    border: 1px solid #2b4b6d;
    border-radius: 14px;
    background: #071a32;
}

.azure-manifest-title-row[b-y8b3f8ha3g],
.azure-resource-card header[b-y8b3f8ha3g],
.azure-additional-row[b-y8b3f8ha3g],
.azure-row-actions[b-y8b3f8ha3g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.azure-manifest-title-row p[b-y8b3f8ha3g] { margin: .25rem 0 0; color: #aec0d4; }

.azure-status[b-y8b3f8ha3g],
.azure-collection-state[b-y8b3f8ha3g] {
    flex: 0 0 auto;
    padding: .3rem .6rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
}

.azure-status.ready[b-y8b3f8ha3g],
.azure-collection-state.ready[b-y8b3f8ha3g] { color: #b7dc64; }
.azure-status.warning[b-y8b3f8ha3g],
.azure-collection-state.warning[b-y8b3f8ha3g] { color: #ffc45a; }
.azure-status.neutral[b-y8b3f8ha3g],
.azure-collection-state.neutral[b-y8b3f8ha3g] { color: #b5c3d2; }

.azure-management-banner[b-y8b3f8ha3g] {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
    padding: .9rem 1rem;
    background: rgba(91, 128, 40, .13);
    border: 1px solid rgba(154, 190, 75, .5);
    border-radius: 10px;
}

.azure-management-banner.disabled[b-y8b3f8ha3g] { background: rgba(105, 119, 135, .13); border-color: #526477; }

.site-details-dialog .site-details-checkbox[b-y8b3f8ha3g] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: 0;
}

.site-details-checkbox input[b-y8b3f8ha3g] { width: 1.1rem; min-height: 1.1rem; margin-top: .15rem; }
.site-details-checkbox span[b-y8b3f8ha3g] { display: grid; gap: .2rem; }

.azure-readiness-list[b-y8b3f8ha3g] { margin: 0 0 1rem; }
.azure-scope-grid[b-y8b3f8ha3g] { margin: 1rem 0; }
.azure-resource-grid[b-y8b3f8ha3g] { align-items: start; }

.azure-resource-card header span[b-y8b3f8ha3g] {
    display: block;
    margin-top: .2rem;
    color: #9fb3c8;
    font-size: .76rem;
}

.azure-input-action[b-y8b3f8ha3g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem;
}

.azure-input-action button[b-y8b3f8ha3g] { white-space: nowrap; }

.azure-derived-id[b-y8b3f8ha3g] {
    display: grid;
    gap: .3rem;
    margin: .2rem 0 .8rem;
    color: #9fb3c8;
    font-size: .76rem;
}

.azure-derived-id code[b-y8b3f8ha3g],
.azure-additional-row code[b-y8b3f8ha3g],
.azure-readonly-resource code[b-y8b3f8ha3g] {
    display: block;
    overflow-wrap: anywhere;
    color: #bdd5ed;
    font-size: .72rem;
}

.site-details-dialog details[b-y8b3f8ha3g] {
    padding: .65rem .75rem;
    border: 1px solid #2d4966;
    border-radius: 8px;
}

.site-details-dialog summary[b-y8b3f8ha3g] { cursor: pointer; font-weight: 800; }
.azure-advanced-fields[b-y8b3f8ha3g] { display: grid; gap: .65rem; margin-top: .8rem; }
.azure-advanced-fields .azure-notes[b-y8b3f8ha3g] { grid-column: 1 / -1; }

.azure-additional-resources[b-y8b3f8ha3g] { margin-top: 1rem; }
.azure-additional-row[b-y8b3f8ha3g],
.azure-readonly-resource[b-y8b3f8ha3g] { margin-top: .75rem; padding: .8rem; background: #0b213d; border-radius: 8px; }
.azure-additional-row > div:first-child[b-y8b3f8ha3g] { min-width: 0; }
.azure-additional-row span[b-y8b3f8ha3g] { display: block; color: #9fb3c8; font-size: .78rem; }
.azure-add-form[b-y8b3f8ha3g] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #294663; }

.site-details-dialog button[b-y8b3f8ha3g] {
    min-height: 2.35rem;
    padding: .45rem .85rem;
    border: 0;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.site-details-dialog button:disabled[b-y8b3f8ha3g] { cursor: not-allowed; opacity: .55; }
.site-details-dialog button.primary[b-y8b3f8ha3g] { color: #071423; background: #b8db55; }
.site-details-dialog button.secondary[b-y8b3f8ha3g],
.site-details-dialog .azure-input-action button[b-y8b3f8ha3g],
.site-details-dialog .azure-additional-resources button[b-y8b3f8ha3g] { color: #eaf2fb; background: #38506d; }
.site-details-dialog button.danger[b-y8b3f8ha3g] { color: #fff; background: #bd2d35; }

@media (max-width: 1100px) {
    .site-details-backdrop[b-y8b3f8ha3g] { padding: 0; }
    .site-details-dialog[b-y8b3f8ha3g] { width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; }
    .site-details-upper-grid[b-y8b3f8ha3g],
    .azure-scope-grid[b-y8b3f8ha3g],
    .azure-resource-grid[b-y8b3f8ha3g] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
    .site-details-body[b-y8b3f8ha3g],
    .site-details-header[b-y8b3f8ha3g],
    .site-details-footer[b-y8b3f8ha3g] { padding-left: .8rem; padding-right: .8rem; }
    .site-details-inline-grid[b-y8b3f8ha3g],
    .azure-token-grid[b-y8b3f8ha3g] { grid-template-columns: minmax(0, 1fr); }
    .azure-manifest-title-row[b-y8b3f8ha3g],
    .azure-additional-row[b-y8b3f8ha3g] { flex-direction: column; }
    .site-details-footer[b-y8b3f8ha3g] { flex-wrap: wrap; }
}
/* /Areas/IsoBuilderStaff/Components/SiteCard.razor.rz.scp.css */
.mini-site-card[b-er03nsclc5] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .2rem .5rem;
    align-items: center;
    align-self: start;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    padding: .55rem .65rem;
    background: rgba(15,33,65,.35);
    cursor: pointer;
}

.mini-site-card strong[b-er03nsclc5] { font-size: .9rem; }
.mini-site-card em[b-er03nsclc5] { color: #c9e94a; font-style: normal; font-weight: 700; justify-self: end; }
.mini-site-card span[b-er03nsclc5] { font-size: .75rem; opacity: .9; }

.mini-site-card-status[b-er03nsclc5] {
    justify-self: end;
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.site-card-warning[b-er03nsclc5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .12rem .45rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 208, 74, .45);
    background: rgba(255, 208, 74, .16);
    color: #ffe08a;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.site-card-warning-critical[b-er03nsclc5] {
    border-color: rgba(248, 113, 113, .5);
    background: rgba(248, 113, 113, .18);
    color: #fecaca;
}

.mini-site-card-actions[b-er03nsclc5] {
    justify-self: end;
    display: flex;
    gap: .35rem;
    align-items: center;
}

.site-card-action[b-er03nsclc5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(201,233,74,.35);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    border-radius: 999px;
    padding: .15rem .5rem;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    font-family: inherit;
}

.site-card-action:hover[b-er03nsclc5],
.site-card-action:focus-visible[b-er03nsclc5] {
    background: rgba(201, 233, 74, 0.22);
}

.site-card-action:disabled[b-er03nsclc5] {
    opacity: .88;
    cursor: default;
}

.site-card-action-copied[b-er03nsclc5],
.site-card-action-copied:hover[b-er03nsclc5],
.site-card-action-copied:focus-visible[b-er03nsclc5] {
    border-color: rgba(120, 231, 214, .42);
    background: rgba(120, 231, 214, .18);
    color: #bafff4;
}
/* /Areas/IsoBuilderStaff/Components/SiteDetailsModal.razor.rz.scp.css */
.site-details-backdrop[b-yh1w18010l] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 2vh 2vw;
    background: rgba(2, 10, 24, .78);
    backdrop-filter: blur(3px);
}

.site-details-dialog[b-yh1w18010l] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(96vw, 1440px);
    height: 92vh;
    max-height: 92vh;
    overflow: hidden;
    color: var(--staff-text, #edf5ff);
    background: #07162b;
    border: 1px solid #2a4565;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .5);
}

.site-details-dialog:focus[b-yh1w18010l] { outline: 2px solid #9abe4b; outline-offset: 2px; }

.site-details-header[b-yh1w18010l],
.site-details-footer[b-yh1w18010l] {
    position: sticky;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.4rem;
    background: #091a31;
}

.site-details-header[b-yh1w18010l] {
    top: 0;
    justify-content: space-between;
    border-bottom: 1px solid #28415f;
}

.site-details-footer[b-yh1w18010l] {
    bottom: 0;
    border-top: 1px solid #28415f;
}

.site-details-header h2[b-yh1w18010l],
.azure-manifest h3[b-yh1w18010l],
.azure-resource-card h4[b-yh1w18010l] { margin: 0; }

.site-details-kicker[b-yh1w18010l] {
    margin: 0 0 .2rem;
    color: #9abe4b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.site-details-close[b-yh1w18010l] {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    color: #e9f1fb;
    background: transparent;
    border: 1px solid #3d5775;
    border-radius: 50%;
    font-size: 1.55rem;
    line-height: 1;
}

.site-details-body[b-yh1w18010l] {
    overflow: auto;
    padding: 1.25rem 1.4rem 2rem;
}

.site-details-upper-grid[b-yh1w18010l],
.azure-scope-grid[b-yh1w18010l],
.azure-resource-grid[b-yh1w18010l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.site-details-panel[b-yh1w18010l],
.azure-scope-card[b-yh1w18010l],
.azure-resource-card[b-yh1w18010l] {
    min-width: 0;
    margin: 0;
    padding: 1rem;
    border: 1px solid #294663;
    border-radius: 12px;
    background: #0a1d37;
}

.site-details-panel legend[b-yh1w18010l],
.azure-scope-card legend[b-yh1w18010l] {
    padding: 0 .4rem;
    font-size: 1rem;
    font-weight: 800;
}

.site-details-dialog label[b-yh1w18010l] {
    display: grid;
    gap: .35rem;
    margin-bottom: .85rem;
    font-weight: 700;
}

.site-details-dialog input[b-yh1w18010l],
.site-details-dialog select[b-yh1w18010l],
.site-details-dialog textarea[b-yh1w18010l] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.55rem;
    padding: .55rem .7rem;
    color: #f2f7fc;
    background: #102646;
    border: 1px solid #45627f;
    border-radius: 8px;
    font: inherit;
}

.site-details-dialog input:focus[b-yh1w18010l],
.site-details-dialog select:focus[b-yh1w18010l],
.site-details-dialog textarea:focus[b-yh1w18010l] {
    outline: 2px solid #9abe4b;
    outline-offset: 1px;
}

.site-details-inline-grid[b-yh1w18010l],
.azure-token-grid[b-yh1w18010l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.azure-token-grid[b-yh1w18010l] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.site-details-note[b-yh1w18010l],
.site-details-dialog small[b-yh1w18010l] {
    color: #aebfd2;
    font-size: .78rem;
    font-weight: 400;
}

.site-details-warning[b-yh1w18010l],
.site-details-error[b-yh1w18010l],
.azure-readiness-list[b-yh1w18010l] {
    padding: .7rem .85rem;
    color: #ffd17a;
    background: rgba(133, 86, 0, .2);
    border: 1px solid rgba(255, 184, 62, .45);
    border-radius: 8px;
}

.site-details-error[b-yh1w18010l] { color: #ffb7b7; border-color: rgba(255, 104, 104, .5); background: rgba(133, 25, 25, .24); }

.site-details-guidance[b-yh1w18010l] {
    min-height: 7rem;
    padding: 1rem;
    color: #bed0e2;
    background: #0d294a;
    border-left: 4px solid #9abe4b;
    border-radius: 8px;
}

.site-details-guidance p[b-yh1w18010l] { margin-bottom: 0; }

.azure-manifest[b-yh1w18010l] {
    margin-top: 1.2rem;
    padding: 1.15rem;
    border: 1px solid #2b4b6d;
    border-radius: 14px;
    background: #071a32;
}

.azure-manifest-title-row[b-yh1w18010l],
.azure-resource-card header[b-yh1w18010l],
.azure-additional-row[b-yh1w18010l],
.azure-row-actions[b-yh1w18010l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.azure-manifest-title-row p[b-yh1w18010l] { margin: .25rem 0 0; color: #aec0d4; }

.azure-status[b-yh1w18010l],
.azure-collection-state[b-yh1w18010l] {
    flex: 0 0 auto;
    padding: .3rem .6rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
}

.azure-status.ready[b-yh1w18010l],
.azure-collection-state.ready[b-yh1w18010l] { color: #b7dc64; }
.azure-status.warning[b-yh1w18010l],
.azure-collection-state.warning[b-yh1w18010l] { color: #ffc45a; }
.azure-status.neutral[b-yh1w18010l],
.azure-collection-state.neutral[b-yh1w18010l] { color: #b5c3d2; }

.azure-management-banner[b-yh1w18010l] {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
    padding: .9rem 1rem;
    background: rgba(91, 128, 40, .13);
    border: 1px solid rgba(154, 190, 75, .5);
    border-radius: 10px;
}

.azure-management-banner.disabled[b-yh1w18010l] { background: rgba(105, 119, 135, .13); border-color: #526477; }

.site-details-dialog .site-details-checkbox[b-yh1w18010l] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: 0;
}

.site-details-checkbox input[b-yh1w18010l] { width: 1.1rem; min-height: 1.1rem; margin-top: .15rem; }
.site-details-checkbox span[b-yh1w18010l] { display: grid; gap: .2rem; }

.azure-readiness-list[b-yh1w18010l] { margin: 0 0 1rem; }
.azure-scope-grid[b-yh1w18010l] { margin: 1rem 0; }
.azure-resource-grid[b-yh1w18010l] { align-items: start; }

.azure-resource-card header span[b-yh1w18010l] {
    display: block;
    margin-top: .2rem;
    color: #9fb3c8;
    font-size: .76rem;
}

.azure-input-action[b-yh1w18010l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem;
}

.azure-input-action button[b-yh1w18010l] { white-space: nowrap; }

.azure-derived-id[b-yh1w18010l] {
    display: grid;
    gap: .3rem;
    margin: .2rem 0 .8rem;
    color: #9fb3c8;
    font-size: .76rem;
}

.azure-derived-id code[b-yh1w18010l],
.azure-additional-row code[b-yh1w18010l],
.azure-readonly-resource code[b-yh1w18010l] {
    display: block;
    overflow-wrap: anywhere;
    color: #bdd5ed;
    font-size: .72rem;
}

.site-details-dialog details[b-yh1w18010l] {
    padding: .65rem .75rem;
    border: 1px solid #2d4966;
    border-radius: 8px;
}

.site-details-dialog summary[b-yh1w18010l] { cursor: pointer; font-weight: 800; }
.azure-advanced-fields[b-yh1w18010l] { display: grid; gap: .65rem; margin-top: .8rem; }
.azure-advanced-fields .azure-notes[b-yh1w18010l] { grid-column: 1 / -1; }

.azure-additional-resources[b-yh1w18010l] { margin-top: 1rem; }
.azure-additional-row[b-yh1w18010l],
.azure-readonly-resource[b-yh1w18010l] { margin-top: .75rem; padding: .8rem; background: #0b213d; border-radius: 8px; }
.azure-additional-row > div:first-child[b-yh1w18010l] { min-width: 0; }
.azure-additional-row span[b-yh1w18010l] { display: block; color: #9fb3c8; font-size: .78rem; }
.azure-add-form[b-yh1w18010l] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #294663; }

.site-details-dialog button[b-yh1w18010l] {
    min-height: 2.35rem;
    padding: .45rem .85rem;
    border: 0;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.site-details-dialog button:disabled[b-yh1w18010l] { cursor: not-allowed; opacity: .55; }
.site-details-dialog button.primary[b-yh1w18010l] { color: #071423; background: #b8db55; }
.site-details-dialog button.secondary[b-yh1w18010l],
.site-details-dialog .azure-input-action button[b-yh1w18010l],
.site-details-dialog .azure-additional-resources button[b-yh1w18010l] { color: #eaf2fb; background: #38506d; }
.site-details-dialog button.danger[b-yh1w18010l] { color: #fff; background: #bd2d35; }

@media (max-width: 1100px) {
    .site-details-backdrop[b-yh1w18010l] { padding: 0; }
    .site-details-dialog[b-yh1w18010l] { width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; }
    .site-details-upper-grid[b-yh1w18010l],
    .azure-scope-grid[b-yh1w18010l],
    .azure-resource-grid[b-yh1w18010l] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
    .site-details-body[b-yh1w18010l],
    .site-details-header[b-yh1w18010l],
    .site-details-footer[b-yh1w18010l] { padding-left: .8rem; padding-right: .8rem; }
    .site-details-inline-grid[b-yh1w18010l],
    .azure-token-grid[b-yh1w18010l] { grid-template-columns: minmax(0, 1fr); }
    .azure-manifest-title-row[b-yh1w18010l],
    .azure-additional-row[b-yh1w18010l] { flex-direction: column; }
    .site-details-footer[b-yh1w18010l] { flex-wrap: wrap; }
}
/* /Areas/IsoBuilderStaff/Components/SiteMetricsPanel.razor.rz.scp.css */
.metrics-panel[b-jthihhipuq] {
    min-width: 0;
    padding: 1.25rem;
    margin: 1rem 0;
    border: 1px solid #294663;
    border-radius: 12px;
    background: #0a1d37;
    color: #edf5ff;
    color-scheme: dark;
}

.metrics-panel h3[b-jthihhipuq] { margin-top: 0; }
.metrics-panel p[b-jthihhipuq] { color: #aebfd2; }
.metrics-panel fieldset[b-jthihhipuq] { min-width: 0; border: 0; padding: 0; margin: 0; }
.metrics-panel legend[b-jthihhipuq] { font-weight: 700; margin-bottom: .75rem; }

.metrics-toggle[b-jthihhipuq] { display: flex; gap: .6rem; align-items: center; margin-bottom: .85rem; }
.metrics-toggle input[b-jthihhipuq] { width: 1.1rem; height: 1.1rem; margin: 0; accent-color: #c9e94a; }

.metrics-settings[b-jthihhipuq] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(130px, 1fr);
    gap: 1rem;
    margin: 1rem 0;
}

.metrics-settings label[b-jthihhipuq],
.metrics-existing[b-jthihhipuq] { display: flex; flex-direction: column; gap: .4rem; font-weight: 700; }
.metrics-connection[b-jthihhipuq] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.metrics-settings small[b-jthihhipuq] { color: #aebfd2; font-weight: 400; line-height: 1.5; }
.metrics-setup[b-jthihhipuq] { margin: 1rem 0 1.5rem; padding: .85rem; border: 1px solid #294663; border-radius: 8px; }
.metrics-setup summary[b-jthihhipuq] { cursor: pointer; font-weight: 700; }
.metrics-setup li[b-jthihhipuq] { margin: .65rem 0; color: #aebfd2; line-height: 1.5; }
.metrics-setup code[b-jthihhipuq] { color: #edf5ff; overflow-wrap: anywhere; }
.metrics-setup a[b-jthihhipuq] { color: #c9e94a; }
.metrics-existing select[b-jthihhipuq],
.metrics-settings select[b-jthihhipuq],
.metrics-settings input[b-jthihhipuq] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 2.55rem;
    padding: .55rem .7rem;
    border: 1px solid #45627f;
    border-radius: 8px;
    background: #102646;
    color: #f2f7fc;
    font: inherit;
}

.metrics-actions[b-jthihhipuq] { display: flex; gap: .6rem; flex-wrap: wrap; }
.metrics-panel button[b-jthihhipuq] {
    border: 1px solid #45627f;
    border-radius: 999px;
    padding: .55rem .85rem;
    background: #203953;
    color: #edf5ff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.metrics-actions button:first-child[b-jthihhipuq] { background: #c9e94a; border-color: #c9e94a; color: #101820; }
.metrics-panel button:hover:enabled[b-jthihhipuq] { filter: brightness(1.12); }
.metrics-panel button:disabled[b-jthihhipuq] { opacity: .55; cursor: not-allowed; }
.metrics-panel :is(button, input, select):focus-visible[b-jthihhipuq] { outline: 2px solid #c9e94a; outline-offset: 2px; }

.metrics-status[b-jthihhipuq],
.metrics-counts[b-jthihhipuq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin: 1.25rem 0;
}

.metrics-status dt[b-jthihhipuq],
.metrics-counts dt[b-jthihhipuq] { font-size: .85rem; color: #aebfd2; }
.metrics-status dd[b-jthihhipuq],
.metrics-counts dd[b-jthihhipuq] { margin: .25rem 0 0; overflow-wrap: anywhere; }
.metrics-counts dd[b-jthihhipuq] { font-size: 1.5rem; font-weight: 700; }
.metrics-panel .metrics-warning[b-jthihhipuq] { color: #ffd17a; background: rgba(133, 86, 0, .2); border: 1px solid rgba(255, 184, 62, .45); padding: .7rem .85rem; border-radius: 8px; }
.metrics-panel .metrics-error[b-jthihhipuq] { color: #ffb7b7; overflow-wrap: anywhere; }

.metrics-history[b-jthihhipuq] { overflow-x: auto; }
.metrics-history table[b-jthihhipuq] { width: 100%; border-collapse: collapse; text-align: left; }
.metrics-history caption[b-jthihhipuq] { text-align: left; font-weight: 700; margin-bottom: .6rem; color: #edf5ff; }
.metrics-history th[b-jthihhipuq],
.metrics-history td[b-jthihhipuq] { padding: .6rem; border-bottom: 1px solid #294663; font-size: .9rem; }
.metrics-history th[b-jthihhipuq] { background: #102646; color: #aebfd2; }

@media (max-width: 650px) {
    .metrics-settings[b-jthihhipuq] { grid-template-columns: 1fr; }
    .metrics-panel[b-jthihhipuq] { padding: 1rem; }
}
/* /Areas/IsoBuilderStaff/Components/SiteStatusDot.razor.rz.scp.css */
.site-status-dot[b-nry7v73x7k] { display:inline-block; width:8px; height:8px; margin-left:8px; border-radius:50%; background:#ef4444; vertical-align:middle; flex-shrink:0; }
/* /Areas/IsoBuilderStaff/Components/SiteStatusPanel.razor.rz.scp.css */
.site-status-heading[b-nkbqgrj47t] { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:24px; }.site-status-heading h2[b-nkbqgrj47t] { margin-top:0; }.site-status-heading p[b-nkbqgrj47t] { color:#aab9c8; font-size:13px; margin:6px 0; }.site-status-incidents[b-nkbqgrj47t] { margin-top:28px; }.site-status-incidents article[b-nkbqgrj47t] { padding:14px 0; border-top:1px solid #2c3947; }.site-status-incidents p[b-nkbqgrj47t] { margin:6px 0; }.site-status-incidents article p:first-of-type[b-nkbqgrj47t] { font-size:13px; color:#aab9c8; }@media(max-width:650px) { .site-status-heading[b-nkbqgrj47t] { flex-direction:column; } }
/* /Areas/IsoBuilderStaff/Components/SiteUptimeChart.razor.rz.scp.css */
.site-uptime[b-esbsn9fb9n] { --ok:#178548; --degraded:#b54708; --partial:#b42318; --major:#912018; --unknown:#667085; --nodata:#d0d5dd; }
.uptime-note[b-esbsn9fb9n] { color:#aab9c8; font-size:14px; margin:0 0 18px; }
.component-heading[b-esbsn9fb9n] { display:flex; justify-content:space-between; gap:16px; margin-bottom:14px; }
.ok[b-esbsn9fb9n] { color:var(--ok); }.degraded[b-esbsn9fb9n],.maintenance[b-esbsn9fb9n] { color:var(--degraded); }.partial[b-esbsn9fb9n] { color:var(--partial); }.major[b-esbsn9fb9n] { color:var(--major); }.unknown[b-esbsn9fb9n] { color:var(--unknown); }
.uptime-bars[b-esbsn9fb9n] { display:grid; grid-template-columns:repeat(90,minmax(2px,1fr)); gap:3px; min-height:34px; }
.uptime-day[b-esbsn9fb9n] { position:relative; min-width:2px; height:34px; }
.uptime-bar[b-esbsn9fb9n] { display:block; width:100%; min-width:2px; height:34px; border:0; border-radius:0; padding:0; background:var(--nodata); cursor:pointer; }
.uptime-bar.unknown[b-esbsn9fb9n] { background:var(--unknown); }.uptime-bar.ok[b-esbsn9fb9n] { background:var(--ok); }.uptime-bar.degraded[b-esbsn9fb9n],.uptime-bar.maintenance[b-esbsn9fb9n] { background:var(--degraded); }.uptime-bar.partial[b-esbsn9fb9n] { background:var(--partial); }.uptime-bar.major[b-esbsn9fb9n] { background:var(--major); }.uptime-bar.no-data[b-esbsn9fb9n] { background:var(--nodata); }
.uptime-bar.incomplete[b-esbsn9fb9n] { background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(255,255,255,.55) 4px 7px); }
.uptime-bar:focus-visible[b-esbsn9fb9n] { outline:2px solid #c9e94a; outline-offset:2px; }
.uptime-popover[b-esbsn9fb9n] { display:none; position:absolute; left:50%; bottom:calc(100% + .65rem); z-index:10; width:min(320px,calc(100vw - 3rem)); transform:translateX(-50%); box-sizing:border-box; background:#fff; border:1px solid #d8dde5; box-shadow:0 12px 28px rgba(16,24,40,.16); padding:.85rem; color:#17212e; }
.uptime-day:not(.is-dismissed):hover .uptime-popover[b-esbsn9fb9n],.uptime-day:not(.is-dismissed):focus-within .uptime-popover[b-esbsn9fb9n],.uptime-day.is-open .uptime-popover[b-esbsn9fb9n] { display:grid; gap:.75rem; }
.uptime-day:nth-child(-n+12) .uptime-popover[b-esbsn9fb9n] { left:0; transform:none; }.uptime-day:nth-last-child(-n+12) .uptime-popover[b-esbsn9fb9n] { left:auto; right:0; transform:none; }
.uptime-popover p[b-esbsn9fb9n] { margin:0; }.uptime-popover-date[b-esbsn9fb9n] { font-weight:600; }.uptime-popover-event[b-esbsn9fb9n] { display:grid; gap:.5rem; }.uptime-popover-event + .uptime-popover-event[b-esbsn9fb9n] { padding-top:.75rem; border-top:1px solid #d8dde5; }.uptime-popover-event-line[b-esbsn9fb9n] { display:flex; justify-content:space-between; gap:.5rem; }.uptime-popover small[b-esbsn9fb9n] { color:#667085; font-size:11px; letter-spacing:.05em; }.uptime-popover a[b-esbsn9fb9n] { color:#175cd3; }
.uptime-scale[b-esbsn9fb9n] { display:flex; justify-content:space-between; gap:10px; font-size:13px; color:#aab9c8; margin-top:10px; }.uptime-scale span:nth-child(2)[b-esbsn9fb9n] { text-align:center; }
@media(max-width:650px) { .uptime-bars[b-esbsn9fb9n] { gap:1px; }.component-heading[b-esbsn9fb9n] { flex-wrap:wrap; }.uptime-scale[b-esbsn9fb9n] { font-size:11px; }.uptime-popover[b-esbsn9fb9n] { width:min(260px,calc(100vw - 3rem)); } }
/* /Areas/IsoBuilderStaff/Components/StaffSidebar.razor.rz.scp.css */
.staff-sidebar[b-kbg2mlhsa7] { width:248px; min-width:248px; box-sizing:border-box; padding:20px 14px; background:#131a22; color:#e8edf3; border-right:1px solid #2c3947; height:100%; overflow-y:auto; }
.staff-nav-identity[b-kbg2mlhsa7] { padding:0 12px 20px; display:grid; gap:6px; }
.staff-nav-identity strong[b-kbg2mlhsa7] { font-size:15px; }
.staff-nav-identity span[b-kbg2mlhsa7] { color:#b8c6d4; font-size:13px; }
.staff-nav-group[b-kbg2mlhsa7] { margin-bottom:12px; }
.staff-nav-group summary[b-kbg2mlhsa7] { cursor:pointer; padding:10px 12px; color:#aab9c8; font-weight:600; font-size:13px; }
.staff-nav-group ul[b-kbg2mlhsa7] { list-style:none; margin:0; padding:0; }
.staff-nav-group a[b-kbg2mlhsa7] { display:flex; align-items:center; min-height:40px; padding:6px 14px; box-sizing:border-box; color:#dce5ef; text-decoration:none; border-radius:7px; font-size:14px; margin:2px 0; }
.staff-nav-group a:hover[b-kbg2mlhsa7] { background:#203040; }
.communication-dot[b-kbg2mlhsa7] { display:inline-block; flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:#ef4444; margin-left:8px; vertical-align:middle; box-shadow:0 0 0 1px #131a22; }
.staff-nav-group a.active[b-kbg2mlhsa7] { background:#283623; color:#dbf485; box-shadow:inset 3px 0 #c9e94a; }
.staff-nav-group a:focus-visible[b-kbg2mlhsa7],.staff-nav-group summary:focus-visible[b-kbg2mlhsa7] { outline:2px solid #c9e94a; outline-offset:2px; }
@media(max-width:1000px) { .staff-sidebar[b-kbg2mlhsa7] { width:100%; min-width:0; max-height:55vh; border-right:0; border-bottom:1px solid #2c3947; } }
/* /Areas/IsoBuilderStaff/Components/StartTestPackRunModal.razor.rz.scp.css */
.modal-backdrop[b-7dw8nkso3d] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-7dw8nkso3d] { width:min(920px,96vw); background:#0f1d2b; border:1px solid rgba(255,255,255,.18); border-radius:14px; color:#f6f9ff; padding:1rem; }
.create-modal header[b-7dw8nkso3d],.create-modal footer[b-7dw8nkso3d] { display:flex; justify-content:space-between; align-items:center; }
.modal-grid[b-7dw8nkso3d] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-7dw8nkso3d] { display:grid; gap:.35rem; }
.modal-grid textarea[b-7dw8nkso3d] { min-height:100px; }
.modal-grid input[b-7dw8nkso3d],.modal-grid select[b-7dw8nkso3d],.modal-grid textarea[b-7dw8nkso3d] { border-radius:8px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; padding:.45rem .55rem; }
.btn-primary[b-7dw8nkso3d],.btn-ghost[b-7dw8nkso3d] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-7dw8nkso3d] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-7dw8nkso3d] { background:rgba(7,18,28,.5); color:#f6f9ff; }
/* /Areas/IsoBuilderStaff/Components/StartTestRunModal.razor.rz.scp.css */
.modal-backdrop[b-lk72wakqwr] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-lk72wakqwr] { width:min(920px,96vw); background:#0f1d2b; border:1px solid rgba(255,255,255,.18); border-radius:14px; color:#f6f9ff; padding:1rem; }
.create-modal header[b-lk72wakqwr],.create-modal footer[b-lk72wakqwr] { display:flex; justify-content:space-between; align-items:center; }
.modal-grid[b-lk72wakqwr] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-lk72wakqwr] { display:grid; gap:.35rem; }
.modal-grid textarea[b-lk72wakqwr] { min-height:100px; }
.modal-grid input[b-lk72wakqwr],.modal-grid select[b-lk72wakqwr],.modal-grid textarea[b-lk72wakqwr] { border-radius:8px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; padding:.45rem .55rem; }
.btn-primary[b-lk72wakqwr],.btn-ghost[b-lk72wakqwr] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-lk72wakqwr] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-lk72wakqwr] { background:rgba(7,18,28,.5); color:#f6f9ff; }
/* /Areas/IsoBuilderStaff/Components/SubscriptionAgreementHistory.razor.rz.scp.css */
.heading[b-xi3xkvouvj]{display:flex;gap:1rem;justify-content:space-between;align-items:start}.agreement[b-xi3xkvouvj],.editor[b-xi3xkvouvj]{border:1px solid #40576b;border-radius:10px;background:#152432;padding:1.25rem;margin:1rem 0}.fields[b-xi3xkvouvj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.fields label[b-xi3xkvouvj]{display:flex;flex-direction:column;gap:.4rem}input:not([type=checkbox])[b-xi3xkvouvj],select[b-xi3xkvouvj],textarea[b-xi3xkvouvj]{background:#101d29;color:#edf4fa;border:1px solid #5c7386;border-radius:6px;padding:.6rem;font:inherit}.actions[b-xi3xkvouvj]{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.file[b-xi3xkvouvj]{display:flex;gap:1rem;align-items:center;margin-top:.8rem}a[b-xi3xkvouvj]{color:#85c7ff}@media(max-width:700px){.heading[b-xi3xkvouvj]{flex-direction:column}}
/* /Areas/IsoBuilderStaff/Components/SubscriptionDetailWorkspace.razor.rz.scp.css */
.subscription-detail-content[b-rkadxd9q6i] {
    background: rgba(201, 233, 74, 0.08);
    border: 1px solid rgba(201, 233, 74, 0.2);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1.5rem;
}

.subscription-hero[b-rkadxd9q6i] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.link-button[b-rkadxd9q6i] {
    background: transparent;
    border: 0;
    color: #c9e94a;
    cursor: pointer;
    font-weight: 800;
    padding: 0;
}

.subscription-title-row[b-rkadxd9q6i],
.hero-actions[b-rkadxd9q6i] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.subscription-title-row h1[b-rkadxd9q6i] {
    margin: .35rem 0 0;
}

.subtitle[b-rkadxd9q6i],
.subscription-meta[b-rkadxd9q6i],
.card-subtitle[b-rkadxd9q6i],
.empty-state[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .72);
}

.status-chip[b-rkadxd9q6i] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    background: rgba(148, 163, 184, .14);
    color: #cbd5e1;
    font-size: .76rem;
    font-weight: 800;
    padding: .22rem .55rem;
    text-transform: uppercase;
}

.status-chip.active[b-rkadxd9q6i] {
    border-color: rgba(34, 197, 94, .35);
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-chip.trial[b-rkadxd9q6i] {
    border-color: rgba(251, 191, 36, .35);
    background: rgba(251, 191, 36, .14);
    color: #fde68a;
}

.status-chip.readiness-ready[b-rkadxd9q6i],
.readiness-ready[b-rkadxd9q6i] {
    color: #86efac;
}

.status-chip.readiness-ready[b-rkadxd9q6i] {
    background: rgba(34, 197, 94, .16);
    border-color: rgba(34, 197, 94, .35);
}

.status-chip.readiness-review[b-rkadxd9q6i],
.readiness-review[b-rkadxd9q6i] {
    color: #fde68a;
}

.status-chip.readiness-review[b-rkadxd9q6i] {
    background: rgba(251, 191, 36, .14);
    border-color: rgba(251, 191, 36, .35);
}

.status-chip.readiness-not-ready[b-rkadxd9q6i],
.readiness-not-ready[b-rkadxd9q6i] {
    color: #fca5a5;
}

.status-chip.readiness-not-ready[b-rkadxd9q6i] {
    background: rgba(248, 113, 113, .12);
    border-color: rgba(248, 113, 113, .32);
}

.primary[b-rkadxd9q6i],
.secondary[b-rkadxd9q6i] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 800;
    padding: .55rem .9rem;
}

.primary[b-rkadxd9q6i] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-rkadxd9q6i] {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.primary.compact[b-rkadxd9q6i],
.secondary.compact[b-rkadxd9q6i] {
    font-size: .76rem;
    padding: .35rem .6rem;
}

.status-banner[b-rkadxd9q6i] {
    color: #c9e94a;
}

.metric-grid[b-rkadxd9q6i] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    margin-bottom: 1rem;
}

.metric-grid article[b-rkadxd9q6i] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    display: grid;
    gap: .25rem;
    min-height: 4.1rem;
    padding: .7rem .8rem;
}

.metric-grid span[b-rkadxd9q6i],
.metric-list dt[b-rkadxd9q6i],
.site-row span[b-rkadxd9q6i],
.file-list span[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .64);
}

.metric-grid strong[b-rkadxd9q6i],
.metric-list dd[b-rkadxd9q6i],
.site-row strong[b-rkadxd9q6i],
.file-list strong[b-rkadxd9q6i] {
    color: #f6f9ff;
}

.subscription-detail-grid[b-rkadxd9q6i] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.card[b-rkadxd9q6i] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.card-title-row[b-rkadxd9q6i] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.card-title-row h2[b-rkadxd9q6i],
.card-title-row p[b-rkadxd9q6i] {
    margin: 0;
}

.metric-list[b-rkadxd9q6i] {
    display: grid;
    gap: .5rem;
    margin: 0;
}

.metric-list.compact[b-rkadxd9q6i] {
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: .75rem;
}

.metric-list div[b-rkadxd9q6i] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.metric-list dd[b-rkadxd9q6i] {
    margin: 0;
    text-align: right;
}

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

.terms-editor label[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .7);
    display: grid;
    font-size: .78rem;
    font-weight: 800;
    gap: .3rem;
    text-transform: uppercase;
}

.terms-editor input[b-rkadxd9q6i],
.terms-editor select[b-rkadxd9q6i],
.terms-editor textarea[b-rkadxd9q6i] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    font: inherit;
    min-width: 0;
    padding: .5rem .55rem;
    text-transform: none;
}

.terms-editor label:has(input[type="checkbox"])[b-rkadxd9q6i] {
    align-items: center;
    display: flex;
    min-height: 2.4rem;
}

.terms-editor input[type="checkbox"][b-rkadxd9q6i] {
    min-width: 1rem;
    width: 1rem;
}

.terms-editor textarea[b-rkadxd9q6i] {
    min-height: 5.5rem;
    resize: vertical;
}

.terms-editor-wide[b-rkadxd9q6i] {
    grid-column: 1 / -1;
}

.terms-actions[b-rkadxd9q6i] {
    display: flex;
    justify-content: flex-end;
}

.warning-list[b-rkadxd9q6i] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: 1rem;
}

.warning-list span[b-rkadxd9q6i] {
    border: 1px solid rgba(251, 191, 36, .35);
    border-radius: 999px;
    background: rgba(251, 191, 36, .12);
    color: #fde68a;
    font-size: .78rem;
    font-weight: 800;
    padding: .3rem .55rem;
}

.allowance-list[b-rkadxd9q6i] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.allowance-list article[b-rkadxd9q6i] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(15, 33, 65, .35);
    display: grid;
    gap: .25rem;
    padding: .75rem;
}

.allowance-list article.over-allowance[b-rkadxd9q6i] {
    border-color: rgba(251, 191, 36, .45);
    background: rgba(251, 191, 36, .12);
}

.allowance-list span[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .66);
    font-size: .8rem;
}

.sheet-count-wrap[b-rkadxd9q6i],
.usage-count-wrap[b-rkadxd9q6i] {
    overflow-x: auto;
}

.period-table-wrap[b-rkadxd9q6i] {
    overflow-x: auto;
}

.period-table[b-rkadxd9q6i] {
    border-collapse: collapse;
    min-width: 920px;
    width: 100%;
}

.period-table th[b-rkadxd9q6i],
.period-table td[b-rkadxd9q6i] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .65rem .55rem;
    text-align: left;
    vertical-align: top;
}

.period-table td[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .84);
}

.period-table td span[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .62);
    display: block;
    font-size: .78rem;
    margin-top: .15rem;
}

.grid-link[b-rkadxd9q6i] {
    color: #c9e94a;
    font-weight: 800;
    text-decoration: none;
}

.sheet-count-table[b-rkadxd9q6i],
.usage-count-table[b-rkadxd9q6i] {
    border-collapse: collapse;
    min-width: 1080px;
    width: 100%;
}

.usage-count-table[b-rkadxd9q6i] {
    min-width: 720px;
}

.sheet-count-table th[b-rkadxd9q6i],
.sheet-count-table td[b-rkadxd9q6i],
.usage-count-table th[b-rkadxd9q6i],
.usage-count-table td[b-rkadxd9q6i] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .55rem;
    text-align: left;
}

.sheet-count-table th[scope="row"][b-rkadxd9q6i],
.usage-count-table th[scope="row"][b-rkadxd9q6i] {
    min-width: 12rem;
}

.sheet-count-table th[scope="row"] strong[b-rkadxd9q6i],
.sheet-count-table th[scope="row"] span[b-rkadxd9q6i],
.usage-count-table th[scope="row"] strong[b-rkadxd9q6i],
.usage-count-table th[scope="row"] span[b-rkadxd9q6i] {
    display: block;
}

.sheet-count-table th[scope="row"] span[b-rkadxd9q6i],
.usage-count-table th[scope="row"] span[b-rkadxd9q6i] {
    color: rgba(246, 249, 255, .62);
    font-size: .78rem;
    margin-top: .15rem;
}

.sheet-count-table input[b-rkadxd9q6i],
.usage-count-table input[b-rkadxd9q6i] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    padding: .45rem .5rem;
    width: 5.5rem;
}

.sheet-count-total[b-rkadxd9q6i],
.sheet-count-total-row[b-rkadxd9q6i],
.usage-count-total-row[b-rkadxd9q6i] {
    color: #f6f9ff;
    font-weight: 800;
}

.sheet-count-total-row[b-rkadxd9q6i],
.usage-count-total-row[b-rkadxd9q6i] {
    background: rgba(201, 233, 74, .08);
}

.site-list[b-rkadxd9q6i],
.file-list[b-rkadxd9q6i] {
    display: grid;
    gap: .55rem;
}

.site-row[b-rkadxd9q6i],
.file-list a[b-rkadxd9q6i] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(15, 33, 65, .35);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .7rem .75rem;
    text-decoration: none;
}

.site-row div[b-rkadxd9q6i],
.file-list a[b-rkadxd9q6i] {
    min-width: 0;
}

.site-row div[b-rkadxd9q6i] {
    display: grid;
    gap: .15rem;
}

.delta-positive[b-rkadxd9q6i] {
    color: #fda4af !important;
}

.delta-negative[b-rkadxd9q6i] {
    color: #86efac !important;
}

@media (max-width: 980px) {
    .subscription-hero[b-rkadxd9q6i],
    .subscription-detail-grid[b-rkadxd9q6i] {
        grid-template-columns: 1fr;
    }

    .subscription-hero[b-rkadxd9q6i] {
        display: grid;
    }

    .metric-grid[b-rkadxd9q6i] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .terms-editor[b-rkadxd9q6i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .metric-grid[b-rkadxd9q6i] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Components/SubscriptionEditor.razor.rz.scp.css */
.subscription-form[b-f7303jqz61]{padding:1.25rem;background:var(--panel-bg,#172331);border:1px solid #35495c;border-radius:12px}.fields[b-f7303jqz61]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.fields label[b-f7303jqz61]{display:flex;flex-direction:column;gap:.4rem;min-width:0}.fields input:not([type=checkbox])[b-f7303jqz61],select[b-f7303jqz61],textarea[b-f7303jqz61]{width:100%;box-sizing:border-box;background:#101b28;color:#edf3fa;border:1px solid #53677a;border-radius:6px;padding:.65rem;font:inherit}.wide[b-f7303jqz61]{grid-column:1/-1}.site[b-f7303jqz61]{display:inline-flex;gap:.5rem;margin:.5rem 1rem .5rem 0}.actions[b-f7303jqz61]{display:flex;gap:.75rem;margin-top:1.2rem}small[b-f7303jqz61]{color:#bbc9d6}h3[b-f7303jqz61]{margin-top:1.5rem}input:focus[b-f7303jqz61],select:focus[b-f7303jqz61],textarea:focus[b-f7303jqz61]{outline:2px solid #67b9ff;outline-offset:2px}
/* /Areas/IsoBuilderStaff/Components/SubscriptionProposalsWorkspace.razor.rz.scp.css */
.proposal-workspace[b-qpyuf1tiei]{min-width:0}.heading[b-qpyuf1tiei]{display:flex;align-items:start;justify-content:space-between;gap:1rem}.heading p[b-qpyuf1tiei]{color:#b8cbdc}.panel[b-qpyuf1tiei]{padding:1.3rem;margin:1rem 0;background:#152431;border:1px solid #395267;border-radius:12px}.fields[b-qpyuf1tiei]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.fields label[b-qpyuf1tiei],.filters label[b-qpyuf1tiei]{display:flex;flex-direction:column;gap:.4rem;min-width:0}input:not([type=checkbox])[b-qpyuf1tiei],select[b-qpyuf1tiei],textarea[b-qpyuf1tiei]{box-sizing:border-box;width:100%;font:inherit;padding:.65rem;border:1px solid #5a7286;border-radius:6px;background:#101d29;color:#edf4fa}input:focus[b-qpyuf1tiei],select:focus[b-qpyuf1tiei],textarea:focus[b-qpyuf1tiei]{outline:2px solid #78bfff;outline-offset:2px}fieldset[b-qpyuf1tiei]{padding:0;border:0;min-width:0}fieldset:disabled[b-qpyuf1tiei]{opacity:.85}.wide[b-qpyuf1tiei]{grid-column:1/-1}.site[b-qpyuf1tiei]{border-top:1px solid #405367;padding:1rem 0;margin-bottom:1rem}.actions[b-qpyuf1tiei]{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.metrics[b-qpyuf1tiei]{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.metrics article[b-qpyuf1tiei]{padding:1rem;background:#1b3243;border:1px solid #476176;border-radius:10px;display:flex;flex-direction:column;gap:.5rem}.metrics strong[b-qpyuf1tiei]{font-size:1.3rem}.proposal-row[b-qpyuf1tiei]{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem;border-bottom:1px solid #3b5368;text-decoration:none}.proposal-row:hover[b-qpyuf1tiei]{background:#203444}small[b-qpyuf1tiei]{display:block;color:#afc3d4;margin-top:.3rem}.filters[b-qpyuf1tiei]{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}a[b-qpyuf1tiei]{color:#8acbff}.site-choice[b-qpyuf1tiei]{display:inline-flex;gap:.5rem;margin:.8rem 1rem .5rem 0}@media(max-width:700px){.heading[b-qpyuf1tiei],.proposal-row[b-qpyuf1tiei]{flex-direction:column}.fields[b-qpyuf1tiei]{grid-template-columns:1fr}.filters[b-qpyuf1tiei]{display:block}}

.filters label[b-qpyuf1tiei] { font-size:.8rem; }
.filters input[b-qpyuf1tiei],.filters select[b-qpyuf1tiei] { padding:.5rem; background:#293438; border-color:#526066; }
/* /Areas/IsoBuilderStaff/Components/SubscriptionReadinessWorkspace.razor.rz.scp.css */
.readiness-workspace[b-t3qvta3kwx] {
    background: #14202b;
    border-color: #334454;
    color: #f6f9ff;
    padding: 1.25rem;
}

.readiness-heading h2[b-t3qvta3kwx],
.readiness-heading p[b-t3qvta3kwx] {
    margin: 0;
}

.readiness-heading p[b-t3qvta3kwx],
.readiness-message[b-t3qvta3kwx],
.readiness-summary-primary p[b-t3qvta3kwx] {
    color: rgba(246, 249, 255, .68);
}

.readiness-heading p[b-t3qvta3kwx] {
    margin-top: .3rem;
}

.readiness-message.error[b-t3qvta3kwx] {
    color: #fecaca;
}

.readiness-summary-list[b-t3qvta3kwx] {
    display: grid;
    gap: .85rem;
    margin-top: 1rem;
}

.readiness-summary-card[b-t3qvta3kwx] {
    align-items: center;
    background: rgba(15, 33, 65, .32);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(16rem, 1.1fr) minmax(28rem, 2fr) auto;
    padding: 1rem 1.1rem;
}

.readiness-summary-primary[b-t3qvta3kwx] {
    min-width: 0;
}

.readiness-title-row[b-t3qvta3kwx] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.readiness-summary-card h3[b-t3qvta3kwx] {
    color: #f6f9ff;
    margin: 0;
}

.readiness-summary-card p[b-t3qvta3kwx] {
    margin: .35rem 0 .55rem;
}

.readiness-summary-card p strong[b-t3qvta3kwx] {
    color: #f6f9ff;
}

.readiness-progress[b-t3qvta3kwx] {
    background: rgba(255, 255, 255, .1);
    border-radius: 999px;
    height: .35rem;
    overflow: hidden;
}

.readiness-progress span[b-t3qvta3kwx] {
    background: #c9e94a;
    border-radius: inherit;
    display: block;
    height: 100%;
}

.readiness-summary-card dl[b-t3qvta3kwx] {
    display: grid;
    gap: .75rem 1.25rem;
    grid-template-columns: repeat(4, minmax(7rem, 1fr));
    margin: 0;
}

.readiness-summary-card dt[b-t3qvta3kwx] {
    color: rgba(246, 249, 255, .52);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.readiness-summary-card dd[b-t3qvta3kwx] {
    color: #f6f9ff;
    font-weight: 700;
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

.readiness-summary-card dd.has-conflicts[b-t3qvta3kwx] {
    color: #fde68a;
}

.readiness-state[b-t3qvta3kwx] {
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 999px;
    color: #cbd5e1;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    padding: .2rem .55rem;
    text-transform: uppercase;
}

.readiness-state.ready[b-t3qvta3kwx] {
    background: rgba(34, 197, 94, .16);
    border-color: rgba(34, 197, 94, .35);
    color: #bbf7d0;
}

.readiness-state.needs-review[b-t3qvta3kwx] {
    background: rgba(251, 191, 36, .14);
    border-color: rgba(251, 191, 36, .35);
    color: #fde68a;
}

.readiness-state.not-ready[b-t3qvta3kwx] {
    background: rgba(248, 113, 113, .12);
    border-color: rgba(248, 113, 113, .32);
    color: #fecaca;
}

.readiness-open-button[b-t3qvta3kwx] {
    justify-content: center;
    min-width: 8.5rem;
    text-decoration: none;
}

@media (max-width: 1180px) {
    .readiness-summary-card[b-t3qvta3kwx] {
        grid-template-columns: minmax(14rem, 1fr) minmax(20rem, 1.6fr);
    }

    .readiness-open-button[b-t3qvta3kwx] {
        grid-column: 1 / -1;
        justify-self: end;
    }
}

@media (max-width: 800px) {
    .readiness-summary-card[b-t3qvta3kwx] {
        grid-template-columns: 1fr;
    }

    .readiness-summary-card dl[b-t3qvta3kwx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .readiness-open-button[b-t3qvta3kwx] {
        justify-self: stretch;
    }
}

@media (max-width: 520px) {
    .readiness-summary-card dl[b-t3qvta3kwx] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Components/SubscriptionsWorkspace.razor.rz.scp.css */
.filters[b-b27rvje5q4] { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.2rem 0 .7rem; }
.filters label[b-b27rvje5q4], .create-panel > label[b-b27rvje5q4] { display: flex; flex-direction: column; gap: .35rem; font-size: .8rem; }
.filters .check[b-b27rvje5q4] { flex-direction: row; align-items: center; }
input:not([type=checkbox])[b-b27rvje5q4], select[b-b27rvje5q4] { box-sizing: border-box; background: #293438; color: #edf4fa; border: 1px solid #526066; padding: .5rem; border-radius: 6px; font: inherit; max-width: 100%; }
.totals[b-b27rvje5q4] { display: flex; flex-wrap: wrap; gap: .75rem; margin: .5rem 0 1rem; }
.totals > div[b-b27rvje5q4] { background: #1c2527; border: 1px solid #3c494d; border-radius: 9px; padding: .8rem 1.1rem; display: flex; flex-direction: column; gap: .3rem; }
.totals span[b-b27rvje5q4] { color: #c2cdd3; font-size: .8rem; } .totals strong[b-b27rvje5q4] { font-size: 1.35rem; }
.subscription-link[b-b27rvje5q4] { display: block; margin-top: .3rem; }
.readiness-badge[b-b27rvje5q4] { border: 1px solid rgba(148,163,184,.3); border-radius: 999px; color: #cbd5e1; display: inline-flex; font-size: .72rem; font-weight: 800; padding: .2rem .5rem; text-transform: uppercase; white-space: nowrap; }
.readiness-badge.ready[b-b27rvje5q4] { background: rgba(34,197,94,.16); border-color: rgba(34,197,94,.35); color: #bbf7d0; }
.readiness-badge.needs-review[b-b27rvje5q4] { background: rgba(251,191,36,.14); border-color: rgba(251,191,36,.35); color: #fde68a; }
.readiness-badge.not-ready[b-b27rvje5q4] { background: rgba(248,113,113,.12); border-color: rgba(248,113,113,.32); color: #fecaca; }
.readiness-badge + small[b-b27rvje5q4] { display: block; margin-top: .25rem; white-space: nowrap; }
.create-panel[b-b27rvje5q4] { margin: 1rem 0; } .create-panel > label[b-b27rvje5q4] { margin-bottom: 1rem; max-width: 350px; }
details ul[b-b27rvje5q4] { padding-left: 1rem; font-size: .8rem; min-width: 160px; max-width: 300px; }
@media(max-width:700px) { .filters label[b-b27rvje5q4] { width: 100%; } .totals > div[b-b27rvje5q4] { flex: 1; } }
/* /Areas/IsoBuilderStaff/Components/TaskCreateModal.razor.rz.scp.css */
.modal-backdrop[b-l4nzh9zpfi] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 50;
    padding: 1rem;
}

.create-modal[b-l4nzh9zpfi] {
    width: min(920px, 96vw);
    background: #0f1d2b;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1rem;
}

.create-modal header[b-l4nzh9zpfi],
.create-modal footer[b-l4nzh9zpfi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-grid[b-l4nzh9zpfi] {
    display: grid;
    gap: .7rem;
    grid-template-columns: 1fr 1fr;
    margin: .8rem 0;
}

.modal-grid label[b-l4nzh9zpfi] { display: grid; gap: .35rem; }
.modal-validation[b-l4nzh9zpfi] {
    grid-column: 1 / -1;
    color: #ffd2d2;
    font-weight: 700;
}
.modal-grid textarea[b-l4nzh9zpfi] { min-height: 100px; }
.modal-grid input[b-l4nzh9zpfi],
.modal-grid select[b-l4nzh9zpfi],
.modal-grid textarea[b-l4nzh9zpfi] {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.06);
    color: #fff;
    padding: .45rem .55rem;
}

.modal-grid select option[b-l4nzh9zpfi] {
    background: #0f1d2b;
    color: #f6f9ff;
}
/* /Areas/IsoBuilderStaff/Components/TaskDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-e2invk3xnu] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 50;
    padding: 1rem;
}

.task-modal[b-e2invk3xnu] {
    width: min(1120px, 96vw);
    max-height: 92vh;
    overflow: hidden;
    background: #0f1d2b;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1rem;
}

.btn-primary[b-e2invk3xnu],
.btn-ghost[b-e2invk3xnu],
.tab-link[b-e2invk3xnu] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-e2invk3xnu] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-e2invk3xnu], .tab-link[b-e2invk3xnu] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.task-modal-header[b-e2invk3xnu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding-bottom: .65rem;
}

.task-key[b-e2invk3xnu] {
    font-size: .76rem;
    color: #cabff7;
    letter-spacing: .02em;
    font-weight: 700;
}

.task-modal-layout[b-e2invk3xnu] {
    margin-top: .9rem;
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 1rem;
    min-height: 0;
    align-items: start;
}

.task-main[b-e2invk3xnu], .task-details[b-e2invk3xnu] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .85rem;
    min-height: 0;
}

    .task-main textarea[b-e2invk3xnu], .task-details input[b-e2invk3xnu], .task-details select[b-e2invk3xnu], .task-details textarea[b-e2invk3xnu], .task-modal input[b-e2invk3xnu], .task-details option[b-e2invk3xnu] {
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,.2);
        background: rgba(255,255,255,.06);
        color: #fff;
        padding: .45rem .55rem;
    }

    .task-details .dropdown option[b-e2invk3xnu] {
        background: #0f1d2b;
    }

    .task-main textarea[b-e2invk3xnu] {
        min-height: 220px;
        width: 100%;
        box-sizing: border-box;
        display: block;
    }

.description-input[b-e2invk3xnu] {
    min-height: 220px;
}

    .task-details[b-e2invk3xnu] {
        display: flex;
        flex-direction: column;
        max-height: min(76vh, 840px);
        overflow: hidden;
    }

    .task-details dl[b-e2invk3xnu] {
        margin: 0;
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: .45rem .75rem;
        min-height: 0;
        overflow-y: auto;
        padding-right: .35rem;
    }

    .task-details dt[b-e2invk3xnu] {
        color: rgba(246,249,255,.72);
        font-weight: 600;
    }

    .task-details dd[b-e2invk3xnu] {
        margin: 0;
    }

    .task-details footer[b-e2invk3xnu] {
        margin-top: .75rem;
        padding-top: .75rem;
        border-top: 1px solid rgba(255,255,255,.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .55rem;
        flex-wrap: wrap;
    }

.delete-confirm[b-e2invk3xnu] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.activity-container[b-e2invk3xnu] {
    margin-top: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    overflow: hidden;
}

.activity-header[b-e2invk3xnu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem .7rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.activity-tabs[b-e2invk3xnu] {
    display: flex;
    gap: .4rem;
}

.tab-link.active[b-e2invk3xnu] {
    border-color: rgba(201,233,74,.65);
    text-decoration: underline;
}

.activity-scroll[b-e2invk3xnu] {
    max-height: 390px;
    overflow-y: auto;
    padding: .65rem;
    display: grid;
    gap: .65rem;
}

.comment-item[b-e2invk3xnu] {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: .6rem;
    display: grid;
    gap: .35rem;
}

.add-comment[b-e2invk3xnu],
.timelog-form[b-e2invk3xnu] {
    display: grid;
    gap: .45rem;
}

    .timelog-form label[b-e2invk3xnu] {
        display: grid;
        gap: .25rem;
    }

.inline-actions[b-e2invk3xnu] {
    display: flex;
    gap: .6rem;
}

.text-action[b-e2invk3xnu] {
    border: none;
    background: transparent;
    color: #b9d8ff;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
    font-size: .85rem;
}


.comment-item p[b-e2invk3xnu] {
    margin: 0;
    white-space: pre-wrap;
}


.pending-pasted-images[b-e2invk3xnu] {
    display: grid;
    gap: .4rem;
}

.pending-pasted-images .inline-comment-image[b-e2invk3xnu] {
    max-height: 140px;
}

.description-attachments[b-e2invk3xnu] {
    margin-top: .8rem;
}

.description-attachments h5[b-e2invk3xnu] {
    margin: 0 0 .45rem;
    font-size: .86rem;
    color: rgba(246,249,255,.82);
}

.attachments-grid[b-e2invk3xnu] {
    margin-top: .45rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: .5rem;
}

.attachment-item[b-e2invk3xnu] {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: .35rem;
    background: rgba(255,255,255,.03);
    display: grid;
    gap: .3rem;
}

.attachment-item img[b-e2invk3xnu] {
    width: 100%;
    height: 68px;
    object-fit: cover;
    border-radius: 6px;
}

.attachment-item small[b-e2invk3xnu] {
    font-size: .7rem;
    color: rgba(246,249,255,.72);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.clickable-image[b-e2invk3xnu] {
    cursor: zoom-in;
}

.image-preview-overlay[b-e2invk3xnu] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .82);
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.image-preview-dialog[b-e2invk3xnu] {
    width: min(1200px, 96vw);
    max-height: 92vh;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: .6rem;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 12px;
    background: rgba(10, 18, 28, .96);
    padding: .75rem;
}

.image-preview-dialog header[b-e2invk3xnu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
}

.image-preview-dialog img[b-e2invk3xnu] {
    max-width: 100%;
    max-height: calc(92vh - 88px);
    object-fit: contain;
    justify-self: center;
    border-radius: 8px;
}

.associated-test-runs[b-e2invk3xnu] {
    margin: 0;
    padding-left: 1rem;
    display: grid;
    gap: .25rem;
}

.associated-test-runs a[b-e2invk3xnu] {
    color: #b9d8ff;
    text-decoration: underline;
}

.associated-test-status[b-e2invk3xnu] {
    color: rgba(246,249,255,.72);
    font-size: .85rem;
}

.build-link-stack[b-e2invk3xnu] {
    display: grid;
    gap: .35rem;
}

.build-link-note[b-e2invk3xnu] {
    color: rgba(246,249,255,.78);
    font-size: .86rem;
}

.build-link-error[b-e2invk3xnu] {
    color: #ffd3d3;
    font-size: .86rem;
}

.build-link-button[b-e2invk3xnu] {
    justify-self: start;
}


.linked-issue-list[b-e2invk3xnu] {
    display: grid;
    gap: .45rem;
    max-height: 208px;
    overflow-y: auto;
    padding-right: .25rem;
}

.linked-issue-card[b-e2invk3xnu] {
    display: grid;
    gap: .25rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: .55rem;
    background: rgba(255,255,255,.03);
}

.linked-issue-top[b-e2invk3xnu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

.linked-issue-key[b-e2invk3xnu] {
    font-size: .75rem;
    color: #cabff7;
    font-weight: 700;
}

.linked-issue-severity[b-e2invk3xnu] {
    color: rgba(246,249,255,.72);
    font-size: .75rem;
}

.checkbox-field[b-e2invk3xnu] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: rgba(246,249,255,.85);
}

.checkbox-field input[b-e2invk3xnu] {
    width: 16px;
    height: 16px;
    accent-color: #c9e94a;
}

.subscriber-list[b-e2invk3xnu] {
    display: grid;
    gap: 8px;
    max-height: 164px;
    overflow-y: auto;
    padding-right: .25rem;
}

.subscriber-stack[b-e2invk3xnu] {
    display: grid;
    gap: .6rem;
}

.subscriber-form[b-e2invk3xnu] {
    display: grid;
    gap: .45rem;
}

.subscriber-form-row[b-e2invk3xnu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .45rem;
}

.subscriber-helper-text[b-e2invk3xnu] {
    color: rgba(246,249,255,.72);
    font-size: .8rem;
}

.subscriber-empty[b-e2invk3xnu] {
    color: rgba(246,249,255,.72);
    font-size: .86rem;
}

.subscriber-card[b-e2invk3xnu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}

.subscriber-card strong[b-e2invk3xnu] {
    color: #f6f9ff;
    font-size: .92rem;
}

.subscriber-card span[b-e2invk3xnu] {
    color: rgba(246,249,255,.72);
    font-size: .82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notify-status[b-e2invk3xnu] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: .9rem;
}

.notify-status-success[b-e2invk3xnu] {
    background: rgba(88, 196, 120, 0.16);
    border: 1px solid rgba(88, 196, 120, 0.32);
    color: #d9f7e3;
}

.notify-status-error[b-e2invk3xnu] {
    background: rgba(220, 92, 92, 0.16);
    border: 1px solid rgba(220, 92, 92, 0.34);
    color: #ffdcdc;
}

@media (max-width: 960px) {
    .task-modal[b-e2invk3xnu] {
        overflow: auto;
    }

    .task-modal-layout[b-e2invk3xnu] {
        grid-template-columns: 1fr;
    }

    .task-details[b-e2invk3xnu] {
        max-height: none;
    }

    .task-details dl[b-e2invk3xnu],
    .linked-issue-list[b-e2invk3xnu],
    .subscriber-list[b-e2invk3xnu] {
        overflow: visible;
        max-height: none;
    }

    .subscriber-card[b-e2invk3xnu] {
        border-radius: 12px;
        align-items: flex-start;
        flex-direction: column;
    }

    .subscriber-form-row[b-e2invk3xnu] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Components/TaskSearchBar.razor.rz.scp.css */
.task-search[b-g10gqw9ltk] {
    position: relative;
    width: min(100%, 31rem);
}

.task-search-label[b-g10gqw9ltk] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.task-search-input-shell[b-g10gqw9ltk] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.55rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: rgba(7, 18, 28, 0.72);
    padding: 0.35rem 0.4rem 0.35rem 0.8rem;
    box-shadow: 0 10px 24px rgba(1, 7, 16, 0.18);
}

.task-search-input-shell.open[b-g10gqw9ltk] {
    border-color: rgba(201, 233, 74, 0.45);
    box-shadow: 0 0 0 3px rgba(201, 233, 74, 0.12);
}

.task-search-input[b-g10gqw9ltk] {
    border: 0;
    background: transparent;
    color: #f6f9ff;
    font: inherit;
    min-width: 0;
    padding: 0.35rem 0;
}

.task-search-input[b-g10gqw9ltk]::placeholder {
    color: rgba(246, 249, 255, 0.6);
}

.task-search-input:focus[b-g10gqw9ltk] {
    outline: none;
}

.task-search-input:disabled[b-g10gqw9ltk] {
    cursor: not-allowed;
    opacity: 0.7;
}

.task-search-clear[b-g10gqw9ltk] {
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f6f9ff;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.task-search-dropdown[b-g10gqw9ltk] {
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    right: 0;
    z-index: 20;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        rgba(8, 16, 24, 0.98);
    box-shadow: 0 18px 38px rgba(1, 7, 16, 0.42);
    overflow: hidden;
}

.task-search-results[b-g10gqw9ltk] {
    list-style: none;
    margin: 0;
    padding: 0.45rem;
    display: grid;
    gap: 0.35rem;
}

.task-search-result[b-g10gqw9ltk] {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #f6f9ff;
    cursor: pointer;
    padding: 0.7rem 0.8rem;
    display: grid;
    gap: 0.28rem;
    text-align: left;
    font: inherit;
}

.task-search-result:hover[b-g10gqw9ltk],
.task-search-result.active[b-g10gqw9ltk] {
    border-color: rgba(201, 233, 74, 0.32);
    background: rgba(201, 233, 74, 0.1);
}

.task-search-result-top[b-g10gqw9ltk] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.task-search-key[b-g10gqw9ltk] {
    color: #c9e94a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.task-search-status[b-g10gqw9ltk] {
    color: rgba(246, 249, 255, 0.72);
    font-size: 0.75rem;
}

.task-search-name[b-g10gqw9ltk] {
    font-weight: 700;
    line-height: 1.3;
}

.task-search-meta[b-g10gqw9ltk] {
    color: rgba(246, 249, 255, 0.68);
    font-size: 0.8rem;
}

.task-search-empty[b-g10gqw9ltk] {
    padding: 0.95rem 1rem;
    display: grid;
    gap: 0.3rem;
}

.task-search-empty strong[b-g10gqw9ltk] {
    font-size: 0.92rem;
}

.task-search-empty span[b-g10gqw9ltk],
.task-search-hint[b-g10gqw9ltk] {
    color: rgba(246, 249, 255, 0.68);
    font-size: 0.8rem;
}

.task-search-hint[b-g10gqw9ltk] {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.7rem 1rem 0.85rem;
}

@media (max-width: 900px) {
    .task-search[b-g10gqw9ltk] {
        width: 100%;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Billing.razor.rz.scp.css */
.staff-page-layout[b-0xp58hvhzl] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-0xp58hvhzl],
.staff-content[b-0xp58hvhzl] {
    background: rgba(10, 19, 31, 0.92);
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    color: #f4f7fb;
    padding: 1.5rem;
    box-shadow: 0 18px 40px rgba(3, 9, 17, 0.24);
}

.billing-pl-content[b-0xp58hvhzl] {
    display: grid;
    gap: 1.15rem;
}

.staff-header[b-0xp58hvhzl] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.16);
}

.staff-header h1[b-0xp58hvhzl],
.panel-title-row h2[b-0xp58hvhzl],
.customer-detail-grid h3[b-0xp58hvhzl] {
    margin: 0;
}

.staff-header p[b-0xp58hvhzl],
.panel-title-row p[b-0xp58hvhzl] {
    margin: 0.55rem 0 0;
    color: rgba(231, 238, 247, 0.76);
}

.staff-status[b-0xp58hvhzl] {
    margin: 0;
}

.staff-status.error[b-0xp58hvhzl],
.negative[b-0xp58hvhzl] {
    color: #fecaca;
}

.staff-status.warning[b-0xp58hvhzl] {
    color: #fde68a;
}

.positive[b-0xp58hvhzl] {
    color: #d7ec71;
}

.muted-metric[b-0xp58hvhzl] {
    color: rgba(231, 238, 247, 0.62);
}

.section-kicker[b-0xp58hvhzl] {
    color: rgba(215, 236, 113, 0.95);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

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

.pl-kpi-card[b-0xp58hvhzl],
.pl-statement-panel[b-0xp58hvhzl],
.profitability-panel[b-0xp58hvhzl],
.customer-pl-card[b-0xp58hvhzl],
.subscription-breakdown-card[b-0xp58hvhzl] {
    border-radius: 12px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: linear-gradient(180deg, rgba(19, 31, 48, 0.96), rgba(11, 20, 32, 0.96));
}

.pl-kpi-card[b-0xp58hvhzl] {
    position: relative;
    min-width: 0;
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
}

.pl-kpi-card.featured[b-0xp58hvhzl] {
    grid-column: span 2;
    background: linear-gradient(135deg, rgba(35, 57, 38, 0.96), rgba(13, 24, 34, 0.98));
    border-color: rgba(215, 236, 113, 0.34);
}

.pl-kpi-card strong[b-0xp58hvhzl] {
    color: #f4f7fb;
    font-size: 1.35rem;
    overflow-wrap: anywhere;
}

.pl-kpi-card.featured strong[b-0xp58hvhzl] {
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
}

.pl-kpi-card strong.positive[b-0xp58hvhzl],
.pl-statement-lines dd.positive[b-0xp58hvhzl],
.customer-cost-lines dd.positive[b-0xp58hvhzl],
.clients-table .positive[b-0xp58hvhzl] {
    color: #d7ec71;
}

.pl-kpi-card strong.negative[b-0xp58hvhzl],
.pl-statement-lines dd.negative[b-0xp58hvhzl],
.customer-cost-lines dd.negative[b-0xp58hvhzl],
.clients-table .negative[b-0xp58hvhzl] {
    color: #fecaca;
}

.pl-kpi-card strong.muted-metric[b-0xp58hvhzl],
.pl-statement-lines dd.muted-metric[b-0xp58hvhzl],
.customer-cost-lines dd.muted-metric[b-0xp58hvhzl],
.clients-table .muted-metric[b-0xp58hvhzl] {
    color: rgba(231, 238, 247, 0.62);
}

.pl-kpi-card small[b-0xp58hvhzl],
.context-tile small[b-0xp58hvhzl],
.muted-cell[b-0xp58hvhzl] {
    color: rgba(231, 238, 247, 0.62);
}

.stat-label-row[b-0xp58hvhzl] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    color: rgba(231, 238, 247, 0.78);
    font-weight: 700;
}

.help-wrap[b-0xp58hvhzl] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.help-icon[b-0xp58hvhzl] {
    display: inline-grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 1px solid rgba(125, 211, 252, 0.62);
    color: #7dd3fc;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: help;
}

.help-tooltip[b-0xp58hvhzl] {
    position: absolute;
    z-index: 4;
    right: 0;
    top: calc(100% + 0.45rem);
    width: min(18rem, 70vw);
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 8px;
    background: #10181f;
    color: #f4f7fb;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    font-size: 0.82rem;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.2rem);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.help-wrap:hover .help-tooltip[b-0xp58hvhzl],
.help-wrap:focus .help-tooltip[b-0xp58hvhzl],
.help-wrap:focus-within .help-tooltip[b-0xp58hvhzl] {
    opacity: 1;
    transform: translateY(0);
}

.pl-statement-panel[b-0xp58hvhzl],
.profitability-panel[b-0xp58hvhzl] {
    padding: 1.25rem;
}

.panel-title-row[b-0xp58hvhzl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.pl-statement-layout[b-0xp58hvhzl] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
    gap: 1rem;
    align-items: start;
}

.pl-statement-lines[b-0xp58hvhzl],
.customer-cost-lines[b-0xp58hvhzl] {
    margin: 0;
    display: grid;
    gap: 0.35rem;
}

.pl-statement-lines div[b-0xp58hvhzl],
.customer-cost-lines div[b-0xp58hvhzl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.pl-statement-lines dt[b-0xp58hvhzl],
.customer-cost-lines dt[b-0xp58hvhzl] {
    color: rgba(231, 238, 247, 0.74);
    font-weight: 700;
}

.pl-statement-lines dd[b-0xp58hvhzl],
.customer-cost-lines dd[b-0xp58hvhzl] {
    margin: 0;
    min-width: 0;
    font-weight: 800;
    text-align: right;
    overflow-wrap: anywhere;
}

.pl-statement-lines .subtle-row[b-0xp58hvhzl] {
    margin-left: 0.8rem;
    background: rgba(255, 255, 255, 0.026);
}

.pl-statement-lines .divider-row[b-0xp58hvhzl],
.customer-cost-lines .total-row[b-0xp58hvhzl] {
    margin-top: 0.35rem;
}

.pl-statement-lines .total-row[b-0xp58hvhzl],
.customer-cost-lines .total-row[b-0xp58hvhzl] {
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: rgba(125, 211, 252, 0.08);
}

.pl-statement-lines .result-row[b-0xp58hvhzl],
.customer-cost-lines .result-row[b-0xp58hvhzl] {
    border: 1px solid rgba(215, 236, 113, 0.22);
    background: rgba(215, 236, 113, 0.08);
}

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

.context-tile[b-0xp58hvhzl] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.context-tile span[b-0xp58hvhzl] {
    color: rgba(215, 236, 113, 0.95);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.context-tile strong[b-0xp58hvhzl] {
    color: #f4f7fb;
    font-size: 1.18rem;
    overflow-wrap: anywhere;
}

.table-wrapper[b-0xp58hvhzl] {
    overflow: auto;
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 12px;
}

.clients-table[b-0xp58hvhzl],
.subscriptions-table[b-0xp58hvhzl],
.sites-table[b-0xp58hvhzl] {
    width: 100%;
    border-collapse: collapse;
}

.clients-table[b-0xp58hvhzl] {
    min-width: 980px;
}

.clients-table th[b-0xp58hvhzl],
.clients-table td[b-0xp58hvhzl],
.subscriptions-table th[b-0xp58hvhzl],
.subscriptions-table td[b-0xp58hvhzl],
.sites-table th[b-0xp58hvhzl],
.sites-table td[b-0xp58hvhzl] {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.13);
    text-align: left;
    vertical-align: top;
}

.clients-table th[b-0xp58hvhzl],
.subscriptions-table th[b-0xp58hvhzl],
.sites-table th[b-0xp58hvhzl] {
    color: rgba(231, 238, 247, 0.78);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.035);
}

.clients-table td[b-0xp58hvhzl],
.subscriptions-table td[b-0xp58hvhzl],
.sites-table td[b-0xp58hvhzl] {
    color: rgba(244, 247, 251, 0.92);
}

.muted-cell[b-0xp58hvhzl] {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.clickable-row[b-0xp58hvhzl] {
    cursor: pointer;
}

.clickable-row:hover[b-0xp58hvhzl] {
    background: rgba(215, 236, 113, 0.07);
}

.profit-row[b-0xp58hvhzl] {
    box-shadow: inset 3px 0 rgba(215, 236, 113, 0.85);
}

.loss-row[b-0xp58hvhzl] {
    box-shadow: inset 3px 0 rgba(251, 113, 133, 0.85);
}

.expand-indicator[b-0xp58hvhzl] {
    display: inline-block;
    width: 1.4rem;
    color: #d7ec71;
    font-weight: 900;
}

.customer-name[b-0xp58hvhzl] {
    font-weight: 800;
}

.details-button[b-0xp58hvhzl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    white-space: nowrap;
    background: #d7ec71;
    color: #13210f;
    border: none;
    border-radius: 8px;
    padding: 0.45rem 0.75rem;
    font-weight: 800;
    cursor: pointer;
}

.details-button:hover[b-0xp58hvhzl] {
    background: #efff8d;
}

.sites-row td[b-0xp58hvhzl] {
    background: rgba(9, 16, 25, 0.78);
    padding: 1rem;
}

.customer-detail-grid[b-0xp58hvhzl] {
    display: grid;
    grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1rem;
}

.customer-pl-card[b-0xp58hvhzl],
.subscription-breakdown-card[b-0xp58hvhzl] {
    min-width: 0;
    padding: 1rem;
}

.customer-detail-grid h3[b-0xp58hvhzl] {
    color: #f4f7fb;
    font-size: 1rem;
}

.customer-cost-lines[b-0xp58hvhzl],
.subscriptions-table[b-0xp58hvhzl] {
    margin-top: 0.8rem;
}

.cost-note[b-0xp58hvhzl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.85rem 0 0;
    color: #fde68a;
    font-size: 0.84rem;
}

.cost-note span[b-0xp58hvhzl] {
    border: 1px solid rgba(253, 230, 138, 0.24);
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    background: rgba(253, 230, 138, 0.08);
}

.subscription-row:hover[b-0xp58hvhzl] {
    background: rgba(125, 211, 252, 0.07);
}

.subscription-sites-row td[b-0xp58hvhzl] {
    background: rgba(255, 255, 255, 0.04);
    padding: 0.65rem 0.85rem 0.85rem;
}

.empty-sites[b-0xp58hvhzl] {
    margin: 0.8rem 0 0;
    color: rgba(231, 238, 247, 0.76);
}

.sr-only[b-0xp58hvhzl] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1100px) {
    .pl-kpi-grid[b-0xp58hvhzl],
    .pl-context-grid[b-0xp58hvhzl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pl-statement-layout[b-0xp58hvhzl],
    .customer-detail-grid[b-0xp58hvhzl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-0xp58hvhzl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .staff-shell[b-0xp58hvhzl],
    .staff-content[b-0xp58hvhzl],
    .pl-statement-panel[b-0xp58hvhzl],
    .profitability-panel[b-0xp58hvhzl] {
        padding: 1rem;
    }

    .pl-kpi-grid[b-0xp58hvhzl],
    .pl-context-grid[b-0xp58hvhzl] {
        grid-template-columns: 1fr;
    }

    .pl-kpi-card.featured[b-0xp58hvhzl] {
        grid-column: auto;
    }

    .panel-title-row[b-0xp58hvhzl] {
        display: grid;
    }

    .pl-statement-lines div[b-0xp58hvhzl],
    .customer-cost-lines div[b-0xp58hvhzl] {
        display: grid;
        gap: 0.25rem;
    }

    .pl-statement-lines dd[b-0xp58hvhzl],
    .customer-cost-lines dd[b-0xp58hvhzl] {
        text-align: left;
    }
}
/* /Areas/IsoBuilderStaff/Pages/BillingCustomerDetails.razor.rz.scp.css */
.staff-page-layout[b-laqis1s0lj] { display:grid; grid-template-columns:minmax(180px,240px) 1fr; gap:1.5rem; align-items:start; }
.staff-shell[b-laqis1s0lj],.staff-content[b-laqis1s0lj] { background: rgba(201,233,74,.08); border-radius:14px; border:1px solid rgba(201,233,74,.2); color:#f6f9ff; padding:1.5rem; }
.details-layout[b-laqis1s0lj] { display:grid; grid-template-columns:70% 30%; gap:1rem; align-items:start; }
.left-column[b-laqis1s0lj] { display:grid; gap:1rem; }
.left-top-grid[b-laqis1s0lj] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.card[b-laqis1s0lj] { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); border-radius:12px; padding:1rem; display:grid; gap:.6rem; }
label[b-laqis1s0lj] { display:grid; gap:.25rem; }
input[b-laqis1s0lj],select[b-laqis1s0lj] { background:#0f2141; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:.45rem .5rem; }
.row-buttons[b-laqis1s0lj] { display:flex; gap:.5rem; }
.primary[b-laqis1s0lj],.secondary[b-laqis1s0lj],.danger[b-laqis1s0lj] { border:none; border-radius:999px; padding:.5rem .9rem; font-weight:700; width:fit-content; cursor:pointer; }
.primary[b-laqis1s0lj] { background:#c9e94a; color:#0f2141; }
.secondary[b-laqis1s0lj] { background:rgba(255,255,255,.2); color:#fff; }
.danger[b-laqis1s0lj] { background:#b91c1c; color:#fff; }
.clients-table[b-laqis1s0lj] { width:100%; border-collapse:collapse; }
.clients-table th[b-laqis1s0lj],.clients-table td[b-laqis1s0lj] { border-bottom:1px solid rgba(255,255,255,.1); text-align:left; padding:.55rem; }
.site-summary-row[b-laqis1s0lj] { display:grid; gap:.35rem; margin-bottom:.4rem; color:#e7f1c2; }
.sites-scroll[b-laqis1s0lj] { max-height:70vh; overflow-y:auto; display:grid; gap:.6rem; }
.site-card[b-laqis1s0lj] { border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:.75rem; background:rgba(15,33,65,.35); }
.site-card h3[b-laqis1s0lj] { margin:0 0 .4rem 0; }
.site-card p[b-laqis1s0lj] { margin:.2rem 0; }
.staff-status.error[b-laqis1s0lj] { color:#fecaca; }
@media (max-width:1200px){ .details-layout[b-laqis1s0lj]{ grid-template-columns:1fr; } .left-top-grid[b-laqis1s0lj]{ grid-template-columns:1fr; } }
@media (max-width:900px){ .staff-page-layout[b-laqis1s0lj]{ grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/Budget.razor.rz.scp.css */
.staff-page-layout[b-xzwem65tvl] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-xzwem65tvl],
.staff-content[b-xzwem65tvl] {
    background: rgba(10, 19, 31, 0.92);
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    color: #f4f7fb;
    padding: 1.5rem;
    box-shadow: 0 18px 40px rgba(3, 9, 17, 0.24);
}

.budget-content[b-xzwem65tvl] {
    display: grid;
    gap: 1.25rem;
}

.budget-header[b-xzwem65tvl] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.16);
}

.staff-header h1[b-xzwem65tvl],
.panel-title-row h2[b-xzwem65tvl],
.summary-grid h3[b-xzwem65tvl] {
    margin: 0;
}

.staff-header p[b-xzwem65tvl],
.panel-title-row p[b-xzwem65tvl] {
    margin: 0.55rem 0 0;
    color: rgba(231, 238, 247, 0.76);
}

.staff-status[b-xzwem65tvl] {
    margin: 0;
}

.staff-status.error[b-xzwem65tvl] {
    color: #fecaca;
}

.staff-status.success[b-xzwem65tvl],
.positive[b-xzwem65tvl] {
    color: #d7ec71;
}

.negative[b-xzwem65tvl] {
    color: #fecaca;
}

.budget-tabs[b-xzwem65tvl] {
    display: inline-flex;
    width: fit-content;
    gap: 0.35rem;
    padding: 0.3rem;
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.budget-tabs button[b-xzwem65tvl] {
    border: 0;
    border-radius: 999px;
    min-height: 2.35rem;
    padding: 0 0.95rem;
    color: rgba(231, 238, 247, 0.76);
    background: transparent;
    font-weight: 700;
    cursor: pointer;
}

.budget-tabs button.active[b-xzwem65tvl] {
    background: #d7ec71;
    color: #13210f;
}

.budget-filter-bar[b-xzwem65tvl],
.budget-category-filter[b-xzwem65tvl],
.budget-kpis[b-xzwem65tvl],
.budget-chart-panel[b-xzwem65tvl],
.budget-chart-card[b-xzwem65tvl],
.budget-table-panel[b-xzwem65tvl] {
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: linear-gradient(180deg, rgba(19, 31, 48, 0.96), rgba(11, 20, 32, 0.96));
    padding: 1.25rem;
}

.budget-filter-bar[b-xzwem65tvl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.budget-filter-bar label[b-xzwem65tvl],
.settings-grid label[b-xzwem65tvl] {
    display: grid;
    gap: 0.4rem;
    color: rgba(231, 238, 247, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.budget-filter-bar input[b-xzwem65tvl],
.budget-filter-bar select[b-xzwem65tvl],
.settings-grid input[b-xzwem65tvl] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0.58rem 0.65rem;
}

.budget-filter-bar option[b-xzwem65tvl] {
    background: #111d2b;
    color: #f4f7fb;
}

.toggle-pill[b-xzwem65tvl] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    min-height: 2.55rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: rgba(255, 255, 255, 0.04);
}

.toggle-pill input[b-xzwem65tvl] {
    width: auto;
}

.budget-category-filter[b-xzwem65tvl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.category-chip[b-xzwem65tvl] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.35rem;
    border: 1px solid rgba(133, 154, 179, 0.2);
    border-radius: 999px;
    padding: 0 0.75rem;
    color: rgba(231, 238, 247, 0.78);
    background: rgba(255, 255, 255, 0.04);
}

.category-chip.active[b-xzwem65tvl] {
    border-color: rgba(215, 236, 113, 0.5);
    background: rgba(215, 236, 113, 0.14);
    color: #f7ffd0;
}

.budget-kpis[b-xzwem65tvl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.budget-kpis article[b-xzwem65tvl] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
}

.budget-kpis span[b-xzwem65tvl],
.section-kicker[b-xzwem65tvl] {
    color: rgba(215, 236, 113, 0.95);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.budget-kpis strong[b-xzwem65tvl] {
    color: #f4f7fb;
    font-size: 1.28rem;
    overflow-wrap: anywhere;
}

.panel-title-row[b-xzwem65tvl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    position: relative;
}

.panel-title-row.compact[b-xzwem65tvl] {
    margin-bottom: 0.4rem;
}

.chart-card-tabs[b-xzwem65tvl] {
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.chart-card-tabs button[b-xzwem65tvl] {
    border: 0;
    border-radius: 999px;
    min-height: 2rem;
    padding: 0 0.75rem;
    color: rgba(231, 238, 247, 0.76);
    background: transparent;
    font-weight: 800;
    cursor: pointer;
}

.chart-card-tabs button.active[b-xzwem65tvl] {
    background: rgba(215, 236, 113, 0.18);
    color: #f7ffd0;
}

.secondary-link[b-xzwem65tvl],
.primary[b-xzwem65tvl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 2.8rem;
    padding: 0 1rem;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
}

.secondary-link[b-xzwem65tvl] {
    color: #f4f7fb;
    border: 1px solid rgba(133, 154, 179, 0.24);
    background: rgba(255, 255, 255, 0.07);
}

.panel-actions[b-xzwem65tvl],
.series-toggle-row[b-xzwem65tvl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.inline-month-filter[b-xzwem65tvl] {
    display: grid;
    gap: 0.25rem;
    color: rgba(231, 238, 247, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
}

.inline-month-filter input[b-xzwem65tvl],
.inline-month-filter select[b-xzwem65tvl] {
    width: 9.5rem;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0.5rem 0.6rem;
}

.inline-month-filter option[b-xzwem65tvl] { background: #111d2b; color: #f4f7fb; }

.filter-button.active[b-xzwem65tvl],
.series-toggle.active[b-xzwem65tvl] {
    border-color: rgba(215, 236, 113, 0.58);
    background: rgba(215, 236, 113, 0.16);
    color: #f7ffd0;
}

.filter-backdrop[b-xzwem65tvl] {
    position: fixed;
    inset: 0;
    z-index: 10;
    border: 0;
    background: transparent;
}

.budget-filter-popover[b-xzwem65tvl] {
    position: absolute;
    right: 1.25rem;
    top: 5.6rem;
    z-index: 11;
    width: min(860px, calc(100vw - 3rem));
    padding: 1rem;
    border-radius: 12px;
    border: 1px solid rgba(133, 154, 179, 0.28);
    background: #0f1b29;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
}

.budget-filter-grid[b-xzwem65tvl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.budget-filter-grid label[b-xzwem65tvl],
.settings-grid label[b-xzwem65tvl] {
    display: grid;
    gap: 0.4rem;
    color: rgba(231, 238, 247, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.budget-filter-grid input[b-xzwem65tvl],
.budget-filter-grid select[b-xzwem65tvl],
.settings-grid input[b-xzwem65tvl] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0.58rem 0.65rem;
}

.budget-filter-grid option[b-xzwem65tvl] {
    background: #111d2b;
    color: #f4f7fb;
}

.budget-filter-popover .budget-category-filter[b-xzwem65tvl] {
    margin-top: 0.9rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.series-toggle-row[b-xzwem65tvl] {
    justify-content: flex-start;
    margin-bottom: 0.8rem;
}

.series-toggle[b-xzwem65tvl] {
    min-height: 2.25rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(133, 154, 179, 0.24);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(231, 238, 247, 0.78);
    font-weight: 800;
    cursor: pointer;
}

.primary[b-xzwem65tvl] {
    border: 0;
    background: #d7ec71;
    color: #13210f;
    cursor: pointer;
}

.primary:disabled[b-xzwem65tvl] {
    opacity: 0.55;
    cursor: not-allowed;
}

.budget-chart-grid[b-xzwem65tvl],
.summary-grid[b-xzwem65tvl],
.settings-grid[b-xzwem65tvl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mix-card[b-xzwem65tvl] {
    grid-column: span 1;
}

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

.mix-chart-grid h3[b-xzwem65tvl] {
    margin: 0 0 0.25rem;
    color: rgba(231, 238, 247, 0.86);
}

.summary-grid h3[b-xzwem65tvl] {
    margin-bottom: 0.65rem;
    color: rgba(231, 238, 247, 0.88);
}

.summary-row[b-xzwem65tvl],
.allocation-preview[b-xzwem65tvl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(133, 154, 179, 0.14);
}

.summary-row span[b-xzwem65tvl],
.allocation-preview span[b-xzwem65tvl] {
    color: rgba(231, 238, 247, 0.72);
}

.input-with-suffix[b-xzwem65tvl] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.input-with-suffix input[b-xzwem65tvl] {
    border: 0;
    background: transparent;
}

.input-with-suffix span[b-xzwem65tvl] {
    padding: 0 0.7rem;
    color: rgba(231, 238, 247, 0.68);
    font-weight: 800;
}

.allocation-preview[b-xzwem65tvl] {
    justify-content: flex-start;
    border-bottom: 0;
    margin: 1rem 0;
}

@media (max-width: 1100px) {
    .budget-kpis[b-xzwem65tvl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .staff-page-layout[b-xzwem65tvl],
    .budget-chart-grid[b-xzwem65tvl],
    .summary-grid[b-xzwem65tvl],
    .settings-grid[b-xzwem65tvl],
    .budget-filter-grid[b-xzwem65tvl],
    .mix-chart-grid[b-xzwem65tvl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .panel-title-row[b-xzwem65tvl] { flex-direction: column; }
    .panel-actions[b-xzwem65tvl] { justify-content: flex-start; }
    .staff-shell[b-xzwem65tvl],
    .staff-content[b-xzwem65tvl],
    .budget-filter-bar[b-xzwem65tvl],
    .budget-category-filter[b-xzwem65tvl],
    .budget-kpis[b-xzwem65tvl],
    .budget-chart-panel[b-xzwem65tvl],
    .budget-chart-card[b-xzwem65tvl],
    .budget-table-panel[b-xzwem65tvl] {
        padding: 1rem;
    }

    .budget-kpis[b-xzwem65tvl] {
        grid-template-columns: 1fr;
    }

    .budget-filter-popover[b-xzwem65tvl] {
        left: 1rem;
        right: 1rem;
        top: 6.4rem;
        width: auto;
    }
}

.budget-table-scroll[b-xzwem65tvl] { overflow-x: auto; }
.known-budget-table[b-xzwem65tvl] { width: 100%; border-collapse: collapse; }
.known-budget-table th[b-xzwem65tvl], .known-budget-table td[b-xzwem65tvl] { padding: .8rem; border-bottom: 1px solid #ffffff20; text-align: right; white-space: nowrap; }
.known-budget-table th:first-child[b-xzwem65tvl] { text-align: left; }
.budget-content small[b-xzwem65tvl] { display: block; color: #a9b7cb; font-size: .8rem; margin-top: .25rem; }
/* /Areas/IsoBuilderStaff/Pages/Calendar.razor.rz.scp.css */
.ib-cal-page .staff-content[b-wsm1ktplh6] {
    background: rgba(201, 233, 74, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #f6f9ff;
    padding: 1.5rem;
}

.ib-cal-content[b-wsm1ktplh6] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.ib-cal-header[b-wsm1ktplh6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.ib-cal-header h1[b-wsm1ktplh6] {
    margin: 0;
}

.ib-cal-header p[b-wsm1ktplh6] {
    margin: 0.4rem 0 0;
    color: rgba(246, 249, 255, 0.78);
}

.ib-cal-chip[b-wsm1ktplh6] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    border: 1px solid rgba(201, 233, 74, 0.28);
    background: rgba(201, 233, 74, 0.12);
    color: #eef7c6;
    font-size: 0.8rem;
    font-weight: 600;
}

.ib-cal-toolbar[b-wsm1ktplh6],
.ib-cal-filters[b-wsm1ktplh6],
.ib-cal-surface[b-wsm1ktplh6] {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.03);
}

.ib-cal-toolbar[b-wsm1ktplh6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.9rem 1rem;
}

.ib-cal-toolbar__left[b-wsm1ktplh6],
.ib-cal-toolbar__right[b-wsm1ktplh6] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-wrap: wrap;
}

.ib-cal-search[b-wsm1ktplh6] {
    width: min(380px, 72vw);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: #f6f9ff;
    padding: 0.55rem 0.75rem;
}

.ib-cal-search:focus[b-wsm1ktplh6] {
    outline: none;
    border-color: rgba(201, 233, 74, 0.45);
    box-shadow: 0 0 0 1px rgba(201, 233, 74, 0.18);
}

.ib-cal-filters[b-wsm1ktplh6] {
    padding: 0.9rem 1rem;
}

.ib-cal-filters > summary[b-wsm1ktplh6] {
    cursor: pointer;
    font-weight: 700;
    color: #f6f9ff;
}

.ib-cal-filters__grid[b-wsm1ktplh6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.ib-cal-filter[b-wsm1ktplh6] {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(9, 17, 26, 0.45);
    padding: 0.75rem;
}

.ib-cal-filter__title[b-wsm1ktplh6] {
    font-weight: 700;
    color: #f6f9ff;
    margin-bottom: 0.45rem;
}

.ib-cal-filter__title--sub[b-wsm1ktplh6] {
    margin-top: 0.8rem;
}

.ib-cal-filter__options[b-wsm1ktplh6] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ib-cal-filter__options--scroll[b-wsm1ktplh6] {
    max-height: 190px;
    overflow: auto;
    padding-right: 0.1rem;
}

.ib-cal-check[b-wsm1ktplh6] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.92rem;
    color: rgba(246, 249, 255, 0.86);
}

.ib-cal-check input[b-wsm1ktplh6] {
    margin: 0;
}

.ib-cal-check--all[b-wsm1ktplh6] {
    padding-bottom: 0.35rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-weight: 600;
}

.ib-cal-muted[b-wsm1ktplh6] {
    color: rgba(246, 249, 255, 0.7);
    font-size: 0.9rem;
}

.ib-cal-color-dot[b-wsm1ktplh6] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
}

.ib-cal-legend[b-wsm1ktplh6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem 0.6rem;
    margin-top: 0.85rem;
}

.ib-cal-legend__item[b-wsm1ktplh6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(246, 249, 255, 0.8);
    font-size: 0.86rem;
}

.ib-legend-swatch[b-wsm1ktplh6] {
    width: 14px;
    height: 10px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.ib-legend-swatch--task[b-wsm1ktplh6] {
    background: rgba(103, 164, 255, 0.34);
}

.ib-legend-swatch--meeting[b-wsm1ktplh6] {
    background: rgba(95, 184, 201, 0.32);
}

.ib-legend-swatch--leave[b-wsm1ktplh6] {
    background: rgba(118, 196, 108, 0.34);
}

.ib-legend-swatch--overdue[b-wsm1ktplh6] {
    background: rgba(255, 107, 107, 0.38);
}

.ib-cal-surface[b-wsm1ktplh6] {
    display: flex;
    flex-direction: column;
    height: clamp(36rem, 72vh, 68rem);
    flex: 0 0 auto;
    padding: 0.25rem;
    overflow: hidden;
}

.ib-cal-surface[b-wsm1ktplh6]  > .e-schedule {
    flex: 1;
    min-height: 0;
}

.ib-appt[b-wsm1ktplh6] {
    display: grid;
    gap: 0.2rem;
}

.ib-appt__top[b-wsm1ktplh6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.35rem;
}

.ib-appt__title[b-wsm1ktplh6] {
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-appt__title--task[b-wsm1ktplh6] {
    display: block;
}

.ib-appt__meta[b-wsm1ktplh6] {
    font-size: 0.78rem;
    color: rgba(246, 249, 255, 0.78);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-badge[b-wsm1ktplh6] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.08rem 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ib-badge--task[b-wsm1ktplh6] {
    background: rgba(103, 164, 255, 0.18);
}

.ib-badge--meeting[b-wsm1ktplh6] {
    background: rgba(95, 184, 201, 0.16);
}

.ib-badge--leave[b-wsm1ktplh6] {
    background: rgba(118, 196, 108, 0.18);
}

.ib-badge--danger[b-wsm1ktplh6] {
    background: rgba(255, 107, 107, 0.2);
    border-color: rgba(255, 107, 107, 0.45);
}

.ib-editor[b-wsm1ktplh6] {
    padding: 0.5rem 0.25rem;
}

.ib-editor__grid[b-wsm1ktplh6] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.ib-editor__row[b-wsm1ktplh6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ib-editor__row--two[b-wsm1ktplh6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.ib-editor__label[b-wsm1ktplh6] {
    font-weight: 700;
    font-size: 0.9rem;
}

.ib-editor__hint[b-wsm1ktplh6] {
    font-size: 0.82rem;
    color: rgba(246, 249, 255, 0.68);
}

.ib-editor__hint--danger[b-wsm1ktplh6] {
    color: #ffb0b0;
}

.ib-editor__inline[b-wsm1ktplh6] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.ib-editor__tasklink[b-wsm1ktplh6] {
    color: #d6f06d;
    text-decoration: none;
}

.ib-editor__tasklink:hover[b-wsm1ktplh6] {
    text-decoration: underline;
}

.ib-toast--error .e-toast-message[b-wsm1ktplh6] {
    border-left: 4px solid #ff6b6b;
}

.ib-toast--ok .e-toast-message[b-wsm1ktplh6] {
    border-left: 4px solid #8ed96a;
}

.ib-cal-toolbar[b-wsm1ktplh6]  .e-btn,
.ib-cal-toolbar[b-wsm1ktplh6]  button {
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #f6f9ff !important;
    box-shadow: none !important;
}

.ib-cal-toolbar[b-wsm1ktplh6]  .e-btn.e-primary {
    border-color: rgba(201, 233, 74, 0.3) !important;
    background: #c9e94a !important;
    color: #101820 !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: #0f1d2b !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-toolbar,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-schedule-toolbar,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-date-header-wrap,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-time-cells-wrap,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-resource-column-wrap,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-resource-left-td,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-resource-cells,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-header-cells {
    background: #122131 !important;
    color: #f6f9ff !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-work-cells,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-content-wrap,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-content-table,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-month-view,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-table-wrap,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-schedule-table,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-time-cells,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-time-cells-wrap table td,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-month-view .e-work-cells {
    background: #0f1d2b !important;
    color: #f6f9ff !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-work-cells,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-header-cells,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-time-cells-wrap table td,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-content-table td {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-appointment {
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .ib-item--task {
    background: rgba(103, 164, 255, 0.16) !important;
    box-shadow: inset 3px 0 0 #67a4ff !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .ib-item--meeting {
    background: rgba(95, 184, 201, 0.16) !important;
    box-shadow: inset 3px 0 0 #5fb8c9 !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .ib-item--leave {
    background: rgba(118, 196, 108, 0.18) !important;
    box-shadow: inset 3px 0 0 #76c46c !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .ib-task--overdue {
    outline: 2px solid rgba(255, 107, 107, 0.38);
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .ib-task--done {
    opacity: 0.72;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-quick-popup-wrapper,
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule-dialog {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

@media (max-width: 1100px) {
    .ib-cal-filters__grid[b-wsm1ktplh6] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 900px) {
    .ib-cal-header[b-wsm1ktplh6] {
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .ib-cal-page .staff-content[b-wsm1ktplh6] {
        padding: 1rem;
    }

    .ib-cal-filters__grid[b-wsm1ktplh6],
    .ib-editor__row--two[b-wsm1ktplh6] {
        grid-template-columns: 1fr;
    }

    .ib-cal-legend[b-wsm1ktplh6] {
        grid-template-columns: 1fr;
    }

    .ib-cal-search[b-wsm1ktplh6] {
        width: 100%;
    }
}


/* Syncfusion renders these elements in child components, outside this page's CSS scope. */
.ib-cal-toolbar[b-wsm1ktplh6]  .e-btn {
    padding: .55rem .85rem;
    font-family: inherit;
    font-weight: 700;
}

.ib-cal-toolbar[b-wsm1ktplh6]  .e-btn:hover:enabled { background: #203953 !important; }
.ib-cal-toolbar[b-wsm1ktplh6]  .e-btn.e-primary:hover:enabled { background: #d6f06d !important; }
.ib-cal-toolbar[b-wsm1ktplh6]  .e-btn:focus-visible { outline: 2px solid #c9e94a; outline-offset: 2px; }
.ib-cal-search[b-wsm1ktplh6]::placeholder { color: #aebfd2; opacity: 1; }
.ib-cal-check input[b-wsm1ktplh6] { accent-color: #c9e94a; color-scheme: dark; }

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule {
    font-family: inherit;
    color: #f6f9ff;
    color-scheme: dark;
    scrollbar-color: #45627f #0f1d2b;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-hor-nav, .e-all-day-cells, .e-toolbar-items, .e-toolbar-item, .e-tbar-btn, .e-toolbar-pop, .e-popup, .e-calendar, .e-calendar .e-content, .e-calendar .e-header, .e-agenda-view, .e-month-agenda-view, .e-agenda-cells, .e-date-time, .e-date-column, .e-empty-event, .e-appointment-wrap, .e-resource-tree, .e-list-item) {
    background: #122131 !important;
    color: #f6f9ff !important;
    border-color: #294663 !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-tbar-btn-text, .e-icons, .e-day, .e-date-header, .e-date-header-container, .e-time, .e-subject, .e-location, .e-resource-text, .e-calendar th, .e-calendar .e-title, .e-day-date, .e-day-name, .e-m-date, .e-m-day) {
    color: #f6f9ff !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-disable-dates .e-date-header, .e-other-month .e-date-header, .e-other-month .e-day) {
    color: #aebfd2 !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-work-cells.e-work-days, .e-work-cells.e-work-hours) {
    background: #142638 !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-work-cells.e-selected-cell, .e-work-cells:hover, .e-tbar-btn:hover, .e-calendar .e-cell:hover .e-day) {
    background: #29413c !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-active-view .e-tbar-btn-text, .e-current-day, .e-current-day .e-header-date, .e-current-day .e-header-day, .e-current-time) {
    color: #c9e94a !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-current-date .e-date-header, .e-calendar .e-selected .e-day) {
    background: #c9e94a !important;
    color: #101820 !important;
}

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-previous-timeline, .e-current-timeline) { border-color: #c9e94a !important; }
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-more-indicator { color: #d6f06d !important; background: #122131 !important; }
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-appointment { color: #f6f9ff !important; }
.ib-cal-surface[b-wsm1ktplh6]  .e-schedule :is(.e-appointment:focus, .e-appointment.e-appointment-border) { outline: 2px solid #c9e94a; outline-offset: -2px; }

.ib-cal-surface[b-wsm1ktplh6]  .e-schedule .e-calendar .e-today {
    background: #c9e94a;
    border-color: #c9e94a;
    border-radius: 999px;
    color: #101820;
}
/* /Areas/IsoBuilderStaff/Pages/Clients.razor.rz.scp.css */



.staff-header h1[b-q7g3fd3wha] {
    margin: 0;
}

.subtitle[b-q7g3fd3wha] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.8);
}

.new-client-button[b-q7g3fd3wha] {
    background: #c9e94a;
    color: #0f2141;
    border: 0;
    border-radius: 999px;
    padding: 0.6rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.error-banner[b-q7g3fd3wha] {
    color: #fecaca;
    background: rgba(153, 27, 27, 0.28);
    border: 1px solid rgba(254, 202, 202, 0.35);
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
}

.empty-state[b-q7g3fd3wha] {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    border: 1px dashed rgba(255, 255, 255, 0.25);
    padding: 1rem;
}

.empty-state h2[b-q7g3fd3wha] {
    margin: 0;
}

.empty-state p[b-q7g3fd3wha] {
    margin: 0.5rem 0 0;
}

.table-wrapper[b-q7g3fd3wha] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.clients-table[b-q7g3fd3wha] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.03);
}

.clients-table th[b-q7g3fd3wha],
.clients-table td[b-q7g3fd3wha] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    text-align: left;
}

.clients-table th[b-q7g3fd3wha] {
    color: #c9e94a;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.modal-backdrop[b-q7g3fd3wha] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal[b-q7g3fd3wha] {
    background: #f8fafc;
    color: #0f172a;
    border-radius: 12px;
    padding: 1rem;
    width: min(420px, calc(100vw - 2rem));
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.modal h2[b-q7g3fd3wha] {
    margin: 0 0 0.4rem;
}

.modal label[b-q7g3fd3wha] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-weight: 600;
}

.field-note[b-q7g3fd3wha] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.35;
}

.modal input[b-q7g3fd3wha] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.55rem 0.6rem;
}

.modal-actions[b-q7g3fd3wha] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.modal-actions button[b-q7g3fd3wha] {
    border: 0;
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    cursor: pointer;
}

.modal-actions .primary[b-q7g3fd3wha] {
    background: #0f2141;
    color: white;
}

.modal-actions .secondary[b-q7g3fd3wha] {
    background: #e2e8f0;
    color: #0f172a;
}

.staff-status[b-q7g3fd3wha] {
    margin: 0;
}

.staff-status.error[b-q7g3fd3wha] {
    color: #fecaca;
}

@media (max-width: 900px) {
    .staff-page-layout[b-q7g3fd3wha] {
        grid-template-columns: 1fr;
    }

    .staff-header[b-q7g3fd3wha] {
        flex-direction: column;
    }
}

.clickable-row[b-q7g3fd3wha] { cursor: pointer; transition: background 0.2s ease; }
.clickable-row:hover[b-q7g3fd3wha] { background: rgba(201, 233, 74, 0.14); }

.table-notes-button[b-q7g3fd3wha] {
    border: 1px solid rgba(201,233,74,.35);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}

.table-notes-button:hover[b-q7g3fd3wha] { background: rgba(201, 233, 74, 0.24); }
/* /Areas/IsoBuilderStaff/Pages/Communications.razor.rz.scp.css */
.staff-content[b-kwsfz38f4z] { background: rgba(201, 233, 74, 0.08); border-radius: 14px; border: 1px solid rgba(201, 233, 74, 0.2); color: #f6f9ff; padding: 1.5rem; }
.staff-header[b-kwsfz38f4z] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.staff-header h1[b-kwsfz38f4z] { margin: 0; }
.subtitle[b-kwsfz38f4z] { margin: .5rem 0 0; color: rgba(246,249,255,.8); }
.settings-link[b-kwsfz38f4z] { border: 1px solid rgba(201,233,74,.34); border-radius: 999px; color: #e5f0b5; font-weight: 700; padding: .45rem .8rem; text-decoration: none; white-space: nowrap; }
.communications-grid[b-kwsfz38f4z] { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:1rem; }
.card[b-kwsfz38f4z] { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: 1rem; }
.card-title-row[b-kwsfz38f4z] { display:flex; justify-content:space-between; align-items:flex-start; gap:.7rem; margin-bottom:.75rem; }
.card-title-row h2[b-kwsfz38f4z] { margin: 0; }
.card-subtitle[b-kwsfz38f4z] { margin: .35rem 0 0; color: rgba(246,249,255,.7); font-size: .9rem; }
.status-banner[b-kwsfz38f4z] { color: #c9e94a; }
.status-banner.error[b-kwsfz38f4z] { color: #fecaca; }
.communication-dot[b-kwsfz38f4z] { display:inline-block; width:8px; height:8px; border-radius:50%; background:#ef4444; margin-left:6px; vertical-align:middle; }
.communication-unread[b-kwsfz38f4z] { color:#fecaca; border-color:#ef4444; }
.status-banner.warning[b-kwsfz38f4z] { color: #fde68a; }
.status-banner.warning a[b-kwsfz38f4z] { color: #fff7c2; font-weight: 700; }
.tab-row[b-kwsfz38f4z] { display: flex; gap: .5rem; margin-bottom: .9rem; flex-wrap: wrap; }
.issue-tab-row[b-kwsfz38f4z] { margin-top: -.2rem; }
.tab-button[b-kwsfz38f4z] { border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #fff; border-radius: 999px; padding: .4rem .8rem; font-weight: 700; cursor: pointer; }
.tab-button.active[b-kwsfz38f4z] { border-color: rgba(201,233,74,.35); background: rgba(201, 233, 74, 0.14); color: #e5f0b5; }
.communications-scroll[b-kwsfz38f4z], .issues-scroll[b-kwsfz38f4z] { display: grid; gap: .75rem; max-height: 68vh; overflow-y: auto; }
.enquiry-card[b-kwsfz38f4z] { border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: .85rem; background: rgba(15,33,65,.35); }
.enquiry-card h3[b-kwsfz38f4z] { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; margin: 0; }
.enquiry-card header[b-kwsfz38f4z] { display: flex; justify-content: space-between; gap: .8rem; align-items: center; }
.enquiry-card p[b-kwsfz38f4z] { margin: .45rem 0 0; }
.enquiry-demo-badge[b-kwsfz38f4z] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .18rem .5rem;
    background: rgba(201,233,74,.16);
    color: #d8f477;
    border: 1px solid rgba(201,233,74,.34);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.enquiry-partner-badge[b-kwsfz38f4z] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .18rem .5rem;
    background: rgba(120,231,214,.16);
    color: #9ff0e4;
    border: 1px solid rgba(120,231,214,.34);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.notes-row[b-kwsfz38f4z] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .85rem; }
.primary[b-kwsfz38f4z], .secondary[b-kwsfz38f4z], .danger[b-kwsfz38f4z], .btn-ghost[b-kwsfz38f4z] { border: 0; border-radius: 999px; padding: .45rem .8rem; font-weight: 700; cursor: pointer; }
.primary[b-kwsfz38f4z] { background: #c9e94a; color: #0f2141; }
.secondary[b-kwsfz38f4z] { background: rgba(255,255,255,.2); color: #fff; }
.danger[b-kwsfz38f4z] { background: #b91c1c; color: #fff; }
.btn-ghost[b-kwsfz38f4z] { background: rgba(7,18,28,.55); color: #f6f9ff; border: 1px solid rgba(201,233,74,.24); }
.issue-card[b-kwsfz38f4z] { display: grid; grid-template-rows: auto auto auto auto auto 1fr auto; gap: .45rem; background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)); border: 1px solid rgba(201, 233, 74, .24); border-radius: 12px; padding: .8rem; cursor: pointer; transition: border-color .18s ease, transform .18s ease; }
.issue-card:hover[b-kwsfz38f4z] { border-color: rgba(201, 233, 74, .62); transform: translateY(-1px); }
.issue-card-feature[b-kwsfz38f4z] { border-color: rgba(120, 231, 214, .24); }
.issue-card-feature:hover[b-kwsfz38f4z] { border-color: rgba(120, 231, 214, .62); }
.issue-card-top[b-kwsfz38f4z] { display:flex; justify-content:space-between; align-items:flex-start; gap:.75rem; }
.issue-card-badges[b-kwsfz38f4z] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.issue-key[b-kwsfz38f4z] { font-size: .76rem; color: #cabff7; letter-spacing: .02em; font-weight: 700; }
.issue-key-feature[b-kwsfz38f4z] { color: #8fe2d6; }
.issue-card h3[b-kwsfz38f4z] { margin: 0; font-size: 1rem; line-height: 1.25; }
.issue-card p[b-kwsfz38f4z] { margin: 0; color: rgba(246,249,255,.82); font-size: .88rem; line-height: 1.34; min-height: 2.4em; }
.issue-card small[b-kwsfz38f4z] { color: rgba(246,249,255,.72); font-size: .76rem; line-height: 1.2; }
.issue-severity[b-kwsfz38f4z], .issue-status-chip[b-kwsfz38f4z] { justify-self: start; border-radius: 999px; padding: .18rem .55rem; font-size: .72rem; font-weight: 700; }
.status-open[b-kwsfz38f4z] { background: rgba(59, 130, 246, .18); color: #bfdbfe; }
.status-resolved[b-kwsfz38f4z] { background: rgba(34, 197, 94, .18); color: #bbf7d0; }
.severity-low[b-kwsfz38f4z] { background: rgba(148, 163, 184, .2); color: #dbeafe; }
.severity-medium[b-kwsfz38f4z] { background: rgba(201, 233, 74, .18); color: #eef7c3; }
.severity-high[b-kwsfz38f4z] { background: rgba(251, 191, 36, .2); color: #fde68a; }
.severity-critical[b-kwsfz38f4z] { background: rgba(239, 68, 68, .2); color: #fecaca; }
.issue-task-chips[b-kwsfz38f4z] { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.15rem; }
.task-chip[b-kwsfz38f4z] { border-radius: 999px; padding: .18rem .55rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: rgba(246,249,255,.86); font-size: .72rem; }
.task-chip.more[b-kwsfz38f4z] { color: rgba(246,249,255,.66); }
.issue-actions[b-kwsfz38f4z] { margin-top: .35rem; }
.issue-actions .btn-ghost[disabled][b-kwsfz38f4z] { opacity: .65; cursor: wait; }
@media (max-width: 1100px) { .communications-grid[b-kwsfz38f4z] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .staff-page-layout[b-kwsfz38f4z] { grid-template-columns: 1fr; } .staff-header[b-kwsfz38f4z] { flex-direction: column; } }
/* /Areas/IsoBuilderStaff/Pages/Compliance.razor.rz.scp.css */
.compliance-page .staff-content[b-z2nfcyvnme] {
    gap: 1.2rem;
}

.compliance-header[b-z2nfcyvnme] {
    align-items: center;
}

.compliance-actions[b-z2nfcyvnme],
.table-actions[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.compliance-button[b-z2nfcyvnme] {
    border: 1px solid rgba(201, 233, 74, .34);
    border-radius: 8px;
    background: rgba(201, 233, 74, .2);
    color: #f8ffd7;
    cursor: pointer;
    font-weight: 800;
    padding: .62rem .9rem;
}

.compliance-button.secondary[b-z2nfcyvnme] {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .06);
    color: #f6f9ff;
}

.compliance-button.compact[b-z2nfcyvnme] {
    padding: .42rem .62rem;
    font-size: .86rem;
}

.compliance-button:disabled[b-z2nfcyvnme] {
    cursor: not-allowed;
    opacity: .5;
}

.compliance-page input:not([type="checkbox"])[b-z2nfcyvnme],
.compliance-page select[b-z2nfcyvnme],
.compliance-page textarea[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(3, 9, 15, .72);
    color: #f6f9ff;
    min-width: 0;
    padding: .55rem .62rem;
}

.compliance-page input[readonly][b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
}

.compliance-page select option[b-z2nfcyvnme] {
    background: #0f1d2b;
    color: #f6f9ff;
}

.compliance-page input[type="checkbox"][b-z2nfcyvnme] {
    accent-color: #c9e94a;
}

.staff-status[b-z2nfcyvnme] {
    margin: 0;
    padding: .78rem .95rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
}

.staff-status.error[b-z2nfcyvnme] {
    color: #fecaca;
    background: rgba(127, 29, 29, .28);
}

.staff-status.success[b-z2nfcyvnme] {
    color: #d9f99d;
    background: rgba(63, 98, 18, .22);
}

.staff-status.warning[b-z2nfcyvnme],
.empty-state[b-z2nfcyvnme] {
    color: #fde68a;
}

.compliance-kpis[b-z2nfcyvnme],
.compliance-grid[b-z2nfcyvnme] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.frameworks-portfolio[b-z2nfcyvnme] {
    display: grid;
    gap: 1rem;
}

.frameworks-toolbar[b-z2nfcyvnme],
.framework-detail-header[b-z2nfcyvnme] {
    align-items: center;
    border: 1px solid rgba(201, 233, 74, .18);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(201, 233, 74, .1), rgba(4, 12, 20, .6));
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.frameworks-toolbar h2[b-z2nfcyvnme],
.framework-detail-header h2[b-z2nfcyvnme],
.framework-detail-shell h2[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: 1.25rem;
    letter-spacing: 0;
    margin: .22rem 0;
}

.frameworks-toolbar p[b-z2nfcyvnme],
.framework-detail-header p[b-z2nfcyvnme],
.framework-detail-shell p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.45;
    margin: 0;
}

.readiness-basis-toggle[b-z2nfcyvnme] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.readiness-basis-toggle span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .62);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.readiness-basis-toggle button[b-z2nfcyvnme],
.framework-open-button[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(255, 255, 255, .055);
    color: #f6f9ff;
    cursor: pointer;
    font-weight: 900;
    padding: .52rem .75rem;
}

.readiness-basis-toggle button.active[b-z2nfcyvnme],
.framework-open-button:hover[b-z2nfcyvnme],
.framework-open-button:focus-visible[b-z2nfcyvnme] {
    border-color: rgba(201, 233, 74, .45);
    background: rgba(201, 233, 74, .16);
    color: #f8ffd7;
}

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

.framework-card[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(4, 12, 20, .56);
    display: grid;
    gap: .9rem;
    min-height: 280px;
    padding: 1rem;
}

.framework-card-title[b-z2nfcyvnme] {
    align-items: center;
    display: flex;
    gap: .7rem;
}

.framework-icon[b-z2nfcyvnme] {
    align-items: center;
    border: 1px solid rgba(201, 233, 74, .35);
    border-radius: 999px;
    background: rgba(201, 233, 74, .16);
    color: #c9e94a;
    display: inline-flex;
    font-size: .74rem;
    font-weight: 950;
    height: 2.35rem;
    justify-content: center;
    min-width: 2.35rem;
}

.framework-card h3[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: 1rem;
    letter-spacing: 0;
    margin: 0;
}

.framework-card small[b-z2nfcyvnme],
.framework-card p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .68);
    line-height: 1.45;
}

.framework-gauge[b-z2nfcyvnme] {
    --framework-ready: 0;
    align-items: center;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, rgba(4, 12, 20, .95) 0 54%, transparent 55%),
        conic-gradient(#c9e94a calc(var(--framework-ready) * 1%), rgba(255, 255, 255, .14) 0);
    border-radius: 999px;
    display: grid;
    justify-self: center;
    place-items: center;
    width: 8.2rem;
}

.framework-gauge strong[b-z2nfcyvnme] {
    color: #f6f9ff;
    display: block;
    font-size: 1.85rem;
    line-height: 1;
    text-align: center;
}

.framework-gauge span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .7);
    display: block;
    font-size: .72rem;
    font-weight: 900;
    margin-top: .2rem;
    text-align: center;
    text-transform: uppercase;
}

.framework-card dl[b-z2nfcyvnme],
.framework-detail-meta[b-z2nfcyvnme] {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.framework-card dl div[b-z2nfcyvnme],
.framework-detail-meta div[b-z2nfcyvnme] {
    align-items: center;
    display: flex;
    gap: .7rem;
    justify-content: space-between;
}

.framework-card dt[b-z2nfcyvnme],
.framework-detail-meta dt[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .62);
    font-weight: 800;
}

.framework-card dd[b-z2nfcyvnme],
.framework-detail-meta dd[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-weight: 900;
    margin: 0;
    text-align: right;
}

.framework-shell-state[b-z2nfcyvnme] {
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 8px;
    background: rgba(245, 158, 11, .12);
    color: #fde68a;
    display: grid;
    gap: .25rem;
    padding: .8rem;
}

.framework-shell-state.large[b-z2nfcyvnme] {
    margin: .9rem 0;
}

.framework-shell-state span[b-z2nfcyvnme] {
    color: rgba(255, 247, 207, .8);
}

.framework-detail-score[b-z2nfcyvnme] {
    border: 1px solid rgba(201, 233, 74, .28);
    border-radius: 8px;
    min-width: 120px;
    padding: .65rem .8rem;
    text-align: center;
}

.framework-detail-score strong[b-z2nfcyvnme] {
    color: #c9e94a;
    display: block;
    font-size: 1.55rem;
}

.framework-detail-score span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .68);
    font-size: .76rem;
    font-weight: 800;
}

.compliance-kpis article[b-z2nfcyvnme],
.compliance-panel[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(4, 12, 20, .52);
    padding: 1rem;
}

.kpi-card-header[b-z2nfcyvnme],
.trust-doc-card-header[b-z2nfcyvnme] {
    align-items: flex-start;
    display: flex;
    gap: .65rem;
    justify-content: space-between;
}

.compliance-kpis span[b-z2nfcyvnme],
.control-key[b-z2nfcyvnme],
.trust-doc-list span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .62);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.compliance-kpis strong[b-z2nfcyvnme] {
    display: block;
    margin-top: .22rem;
    color: #f6f9ff;
    font-size: 2rem;
    line-height: 1;
}

.compliance-kpis small[b-z2nfcyvnme],
.compliance-table small[b-z2nfcyvnme] {
    display: block;
    color: rgba(246, 249, 255, .68);
}

.compliance-cycle-header[b-z2nfcyvnme] {
    align-items: stretch;
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(201, 233, 74, .12), rgba(4, 12, 20, .62));
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.compliance-cycle-header h2[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: 1.2rem;
    margin: .25rem 0;
}

.compliance-cycle-header p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
    margin: 0;
}

.cycle-controls[b-z2nfcyvnme] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
}

.cycle-controls label[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .72);
    display: grid;
    font-size: .78rem;
    font-weight: 800;
    gap: .32rem;
    min-width: 260px;
}

.cycle-controls select[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(4, 12, 20, .8);
    color: #f6f9ff;
    padding: .55rem .65rem;
}

.cycle-score[b-z2nfcyvnme] {
    border: 1px solid rgba(201, 233, 74, .28);
    border-radius: 8px;
    min-width: 96px;
    padding: .5rem .7rem;
    text-align: center;
}

.cycle-score strong[b-z2nfcyvnme] {
    color: #c9e94a;
    display: block;
    font-size: 1.28rem;
}

.cycle-score small[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .64);
}

.compliance-tabs[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.compliance-tabs button[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    color: rgba(246, 249, 255, .82);
    cursor: pointer;
    font-weight: 800;
    padding: .48rem .85rem;
}

.compliance-tabs button.active[b-z2nfcyvnme] {
    border-color: rgba(201, 233, 74, .4);
    background: rgba(201, 233, 74, .18);
    color: #f8ffd7;
}

.compliance-grid[b-z2nfcyvnme] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.compliance-panel[b-z2nfcyvnme] {
    min-width: 0;
}

.compliance-panel header[b-z2nfcyvnme],
.panel-header-actions[b-z2nfcyvnme] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.status-help-group[b-z2nfcyvnme] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.panel-actions[b-z2nfcyvnme] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.compliance-panel h2[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: 1.05rem;
    letter-spacing: 0;
    margin: 0;
}

.compliance-panel p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.45;
    margin: .45rem 0 0;
}

.status-pill[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #e5e7eb;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 900;
    padding: .22rem .55rem;
    white-space: nowrap;
}

.status-healthy[b-z2nfcyvnme],
.status-passing[b-z2nfcyvnme],
.status-implemented[b-z2nfcyvnme],
.status-ready[b-z2nfcyvnme],
.status-automatedready[b-z2nfcyvnme],
.status-evidencepresent[b-z2nfcyvnme],
.status-approved[b-z2nfcyvnme] {
    background: rgba(34, 197, 94, .18);
    color: #bbf7d0;
}

.status-warning[b-z2nfcyvnme],
.status-needsevidence[b-z2nfcyvnme],
.status-needsintegration[b-z2nfcyvnme],
.status-automatedmissing[b-z2nfcyvnme],
.status-integrationrequired[b-z2nfcyvnme],
.status-manualrequired[b-z2nfcyvnme],
.status-manualreviewrequired[b-z2nfcyvnme],
.status-pending[b-z2nfcyvnme],
.status-notconfigured[b-z2nfcyvnme] {
    background: rgba(245, 158, 11, .18);
    color: #fde68a;
}

.status-failing[b-z2nfcyvnme],
.status-exception[b-z2nfcyvnme],
.status-exceptionopen[b-z2nfcyvnme],
.status-rejected[b-z2nfcyvnme],
.status-expired[b-z2nfcyvnme] {
    background: rgba(239, 68, 68, .18);
    color: #fecaca;
}

.status-cycle-accepted[b-z2nfcyvnme] {
    background: rgba(34, 197, 94, .18);
    color: #bbf7d0;
}

.status-cycle-collected[b-z2nfcyvnme],
.status-cycle-needsreview[b-z2nfcyvnme] {
    background: rgba(201, 233, 74, .16);
    color: #ecfccb;
}

.status-cycle-missing[b-z2nfcyvnme],
.status-cycle-rejected[b-z2nfcyvnme],
.status-cycle-stale[b-z2nfcyvnme],
.status-cycle-exceptionopen[b-z2nfcyvnme],
.status-cycle-integrationrequired[b-z2nfcyvnme] {
    background: rgba(245, 158, 11, .18);
    color: #fde68a;
}

.cycle-dashboard-grid[b-z2nfcyvnme] {
    align-items: stretch;
}

.cycle-readiness-card[b-z2nfcyvnme] {
    grid-column: span 2;
}

.cycle-setup-card[b-z2nfcyvnme] {
    grid-column: span 2;
}

.cycle-stats[b-z2nfcyvnme],
.cycle-category-list[b-z2nfcyvnme],
.cycle-evidence-library[b-z2nfcyvnme] {
    display: grid;
    gap: .65rem;
    margin-top: .85rem;
}

.cycle-stats[b-z2nfcyvnme] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cycle-stats span[b-z2nfcyvnme],
.cycle-stats article[b-z2nfcyvnme],
.cycle-category-list div[b-z2nfcyvnme],
.cycle-evidence-library article[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: rgba(246, 249, 255, .78);
    padding: .72rem;
}

.cycle-stats strong[b-z2nfcyvnme],
.cycle-category-list strong[b-z2nfcyvnme],
.cycle-evidence-library strong[b-z2nfcyvnme] {
    display: block;
    color: #f6f9ff;
}

.cycle-stats small[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .68);
    display: block;
    margin-top: .18rem;
}

.cycle-category-list span[b-z2nfcyvnme],
.cycle-evidence-library span[b-z2nfcyvnme],
.cycle-evidence-library small[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .68);
    display: block;
    margin-top: .18rem;
}

.cycle-list[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
    display: grid;
    gap: .55rem;
    margin: .85rem 0 0;
    padding-left: 1.1rem;
}

.cycle-list span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .62);
    display: block;
}

.requirement-status-stack[b-z2nfcyvnme] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.control-meta[b-z2nfcyvnme],
.trust-doc-list[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .8rem 0;
}

.control-meta span[b-z2nfcyvnme] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: rgba(246, 249, 255, .78);
    font-size: .78rem;
    padding: .28rem .55rem;
}

.control-readiness-list[b-z2nfcyvnme] {
    display: grid;
    gap: 1rem;
}

.control-readiness-panel[b-z2nfcyvnme] {
    display: grid;
    gap: .95rem;
}

.control-readiness-panel h3[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: .92rem;
    letter-spacing: 0;
    margin: 0;
}

.next-actions-panel[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    padding: .85rem;
}

.evidence-requirements[b-z2nfcyvnme] {
    display: grid;
    gap: .65rem;
}

.evidence-requirement[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(3, 9, 15, .44);
    display: grid;
    gap: .55rem;
    padding: .82rem;
}

.evidence-requirement header[b-z2nfcyvnme] {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.evidence-requirement strong[b-z2nfcyvnme] {
    color: #f6f9ff;
    display: block;
}

.evidence-requirement header span:not(.status-pill)[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .58);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    margin-top: .2rem;
}

.evidence-requirement ul[b-z2nfcyvnme],
.next-actions-panel ul[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .8);
    line-height: 1.45;
    margin: .55rem 0 0;
    padding-left: 1.1rem;
}

.evidence-upload-guidance[b-z2nfcyvnme] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .72rem;
}

.evidence-info-content div[b-z2nfcyvnme],
.evidence-upload-guidance div[b-z2nfcyvnme],
.evidence-upload-warning[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    padding: .68rem;
}

.evidence-info-content h3[b-z2nfcyvnme],
.evidence-upload-guidance h3[b-z2nfcyvnme] {
    color: #c9e94a;
    font-size: .72rem;
    letter-spacing: .08em;
    margin: 0 0 .32rem;
    text-transform: uppercase;
}

.evidence-info-content p[b-z2nfcyvnme],
.evidence-upload-guidance p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .78);
    font-size: .88rem;
    line-height: 1.45;
    margin: 0;
}

.evidence-info-content ul[b-z2nfcyvnme],
.evidence-upload-guidance ul[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .8);
    font-size: .88rem;
    line-height: 1.45;
    margin: 0;
    padding-left: 1.05rem;
}

.evidence-upload-guidance[b-z2nfcyvnme] {
    margin-top: 0;
}

.evidence-upload-warning[b-z2nfcyvnme] {
    color: #fde68a;
    font-weight: 800;
    grid-column: 1 / -1;
    margin: 0;
}

.requirement-actions[b-z2nfcyvnme] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    margin-top: .55rem;
}

.requirement-actions small[b-z2nfcyvnme] {
    color: #c9e94a;
    display: block;
    flex: 1 1 18rem;
    font-weight: 800;
}

.requirement-actions > div[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.control-assignment-grid[b-z2nfcyvnme],
.control-edit-grid[b-z2nfcyvnme],
.collector-form[b-z2nfcyvnme],
.cycle-edit-grid[b-z2nfcyvnme],
.evidence-filter-row[b-z2nfcyvnme],
.access-review-add-item[b-z2nfcyvnme],
.integration-edit-grid[b-z2nfcyvnme],
.trust-review-grid[b-z2nfcyvnme] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .9rem;
}

.collector-form[b-z2nfcyvnme] {
    align-items: end;
}

.control-assignment-grid[b-z2nfcyvnme] {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.cycle-edit-grid[b-z2nfcyvnme] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trust-governance-form .span-2[b-z2nfcyvnme] {
    grid-column: span 2;
}

.cycle-action-row[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .85rem;
}

.evidence-filter-row[b-z2nfcyvnme] {
    align-items: end;
    grid-template-columns: minmax(0, 1.5fr) minmax(12rem, .5fr);
}

.access-review-workflow[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    display: grid;
    gap: .8rem;
    margin-top: .9rem;
    padding: .85rem;
}

.access-review-add-item[b-z2nfcyvnme] {
    align-items: end;
    grid-template-columns: minmax(8rem, .7fr) minmax(12rem, 1fr) minmax(12rem, 1fr) auto auto;
    margin-top: 0;
}

.control-assignment-grid label[b-z2nfcyvnme],
.control-edit-grid label[b-z2nfcyvnme],
.collector-form label[b-z2nfcyvnme],
.cycle-edit-grid label[b-z2nfcyvnme],
.evidence-filter-row label[b-z2nfcyvnme],
.access-review-workflow label[b-z2nfcyvnme],
.access-review-add-item label[b-z2nfcyvnme],
.integration-edit-grid label[b-z2nfcyvnme],
.trust-review-grid label[b-z2nfcyvnme],
.evidence-upload-grid label[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
    display: grid;
    gap: .28rem;
    font-size: .82rem;
    font-weight: 800;
}

.control-assignment-grid input[b-z2nfcyvnme],
.control-edit-grid input[b-z2nfcyvnme],
.control-edit-grid select[b-z2nfcyvnme],
.collector-form input[b-z2nfcyvnme],
.cycle-edit-grid input[b-z2nfcyvnme],
.cycle-edit-grid select[b-z2nfcyvnme],
.evidence-filter-row input[b-z2nfcyvnme],
.evidence-filter-row select[b-z2nfcyvnme],
.access-review-workflow select[b-z2nfcyvnme],
.access-review-add-item input[b-z2nfcyvnme],
.integration-edit-grid input[b-z2nfcyvnme],
.integration-edit-grid select[b-z2nfcyvnme],
.integration-edit-grid textarea[b-z2nfcyvnme],
.trust-review-grid input[b-z2nfcyvnme],
.trust-review-grid select[b-z2nfcyvnme],
.trust-review-grid textarea[b-z2nfcyvnme],
.evidence-upload-grid input[b-z2nfcyvnme],
.evidence-upload-grid select[b-z2nfcyvnme],
.evidence-upload-grid textarea[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(3, 9, 15, .72);
    color: #f6f9ff;
    min-width: 0;
    padding: .55rem .62rem;
}

.integration-edit-grid textarea[b-z2nfcyvnme] {
    min-height: 5rem;
    resize: vertical;
}

.control-edit-grid select option[b-z2nfcyvnme],
.cycle-edit-grid select option[b-z2nfcyvnme],
.evidence-filter-row select option[b-z2nfcyvnme],
.access-review-workflow select option[b-z2nfcyvnme],
.integration-edit-grid select option[b-z2nfcyvnme],
.trust-review-grid select option[b-z2nfcyvnme] {
    background: #0f1d2b;
}

.trust-review-grid[b-z2nfcyvnme] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.trust-review-grid textarea[b-z2nfcyvnme] {
    min-height: 7rem;
    resize: vertical;
}

.table-wrapper[b-z2nfcyvnme] {
    margin-top: .9rem;
    overflow-x: auto;
}

.compliance-table[b-z2nfcyvnme] {
    border-collapse: collapse;
    min-width: 720px;
    width: 100%;
}

.compliance-table th[b-z2nfcyvnme],
.compliance-table td[b-z2nfcyvnme] {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    color: rgba(246, 249, 255, .82);
    padding: .72rem;
    text-align: left;
    vertical-align: top;
}

.compliance-table th[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .58);
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.source-panel dl[b-z2nfcyvnme] {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: .42rem .75rem;
    margin: 1rem 0 0;
}

.source-panel dt[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .55);
    font-weight: 800;
}

.source-panel dd[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .86);
    margin: 0;
}

.integration-grid[b-z2nfcyvnme] {
    align-items: start;
}

.integration-panel[b-z2nfcyvnme] {
    display: grid;
    gap: .85rem;
}

.integration-edit-grid[b-z2nfcyvnme] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .2rem;
}

.integration-edit-grid .integration-toggle[b-z2nfcyvnme] {
    align-content: center;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding: .55rem .62rem;
}

.integration-toggle input[b-z2nfcyvnme] {
    min-width: auto;
    width: auto;
}

.integration-actions[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.azure-resource-test-details[b-z2nfcyvnme] {
    min-width: 0;
}

.azure-resource-test-details summary[b-z2nfcyvnme] {
    cursor: pointer;
    font-weight: 700;
}

.azure-resource-test-list[b-z2nfcyvnme] {
    list-style: none;
    padding: 0;
}

.azure-resource-test-list li[b-z2nfcyvnme] {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    display: grid;
    gap: .35rem;
    padding: .75rem 0;
    overflow-wrap: anywhere;
}

.azure-resource-test-list code[b-z2nfcyvnme] {
    white-space: normal;
}

.azure-resource-test-list p[b-z2nfcyvnme] {
    margin: 0;
}

.trust-action-strip[b-z2nfcyvnme] {
    align-items: center;
    border: 1px solid rgba(201, 233, 74, .18);
    border-radius: 8px;
    background: rgba(201, 233, 74, .075);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: .9rem;
    padding: .8rem;
}

.trust-action-strip span[b-z2nfcyvnme],
.trust-filter-bar label[b-z2nfcyvnme],
.trust-modal-grid label[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .7);
    font-size: .78rem;
    font-weight: 800;
}

.trust-action-strip strong[b-z2nfcyvnme] {
    color: #f6f9ff;
    display: block;
    margin-top: .16rem;
}

.trust-action-buttons[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.trust-filter-bar[b-z2nfcyvnme] {
    align-items: end;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(4, minmax(8rem, 1fr)) auto;
    margin-top: .85rem;
    padding: .75rem;
}

.trust-filter-bar label[b-z2nfcyvnme],
.trust-modal-grid label[b-z2nfcyvnme] {
    display: grid;
    gap: .28rem;
}

.trust-doc-list[b-z2nfcyvnme] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trust-doc-list article[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    display: grid;
    gap: .65rem;
    padding: .85rem;
}

.trust-doc-list strong[b-z2nfcyvnme] {
    color: #f6f9ff;
    display: block;
}

.trust-doc-list small[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .7);
    font-weight: 800;
}

.trust-policy-chips[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.trust-policy-chips span[b-z2nfcyvnme] {
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 999px;
    background: rgba(201, 233, 74, .1);
    color: #e9fca5;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: 0;
    padding: .18rem .5rem;
    text-transform: none;
}

.trust-doc-version-list[b-z2nfcyvnme] {
    border-top: 1px solid rgba(255, 255, 255, .08);
    display: grid;
    gap: .42rem;
    padding-top: .55rem;
}

.trust-doc-version-list div[b-z2nfcyvnme] {
    align-items: center;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(6rem, .75fr) minmax(7rem, 1fr) auto;
}

.trust-doc-version-list span[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: .82rem;
    font-weight: 900;
    text-transform: none;
}

.trust-doc-card-actions[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.watermark-template-form[b-z2nfcyvnme] {
    align-items: end;
}

.toggle-label[b-z2nfcyvnme] {
    align-items: center;
    display: flex !important;
    flex-direction: row;
    gap: .45rem !important;
}

.toggle-label input[b-z2nfcyvnme] {
    min-width: auto !important;
    width: auto;
}

.traceability-filter-grid[b-z2nfcyvnme] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.evidence-upload-backdrop[b-z2nfcyvnme] {
    align-items: center;
    background: rgba(2, 6, 12, .72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 80;
}

.evidence-upload-modal[b-z2nfcyvnme] {
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 8px;
    background: #07121c;
    box-shadow: 0 24px 56px rgba(0, 0, 0, .42);
    color: #f6f9ff;
    display: grid;
    gap: 1rem;
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1rem;
    width: min(760px, 100%);
}

.trust-workspace-modal[b-z2nfcyvnme] {
    width: min(920px, 100%);
}

.trust-modal-grid[b-z2nfcyvnme] {
    align-items: end;
}

.trust-document-settings-grid[b-z2nfcyvnme] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trust-document-details-grid[b-z2nfcyvnme] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-upload-modal header[b-z2nfcyvnme],
.evidence-upload-actions[b-z2nfcyvnme] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.evidence-upload-modal h2[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: 1.1rem;
    letter-spacing: 0;
    margin: .1rem 0 0;
}

.evidence-upload-modal p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .76);
    line-height: 1.45;
    margin: .4rem 0 0;
}

.evidence-upload-summary[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    display: grid;
    gap: .35rem;
    padding: .85rem;
}

.evidence-upload-summary strong[b-z2nfcyvnme] {
    color: #f6f9ff;
}

.evidence-upload-summary span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .62);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.evidence-upload-summary small[b-z2nfcyvnme],
.evidence-upload-actions span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .68);
}

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

.evidence-upload-grid textarea[b-z2nfcyvnme] {
    min-height: 6rem;
    resize: vertical;
}

.evidence-upload-grid select option[b-z2nfcyvnme] {
    background: #0f1d2b;
}

.modal-wide[b-z2nfcyvnme] {
    grid-column: 1 / -1;
}

.evidence-upload-actions[b-z2nfcyvnme] {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding-top: .85rem;
}

.evidence-upload-actions div[b-z2nfcyvnme] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.evidence-info-backdrop[b-z2nfcyvnme] {
    background: rgba(2, 6, 23, .72);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 1100;
}

.evidence-info-offcanvas[b-z2nfcyvnme] {
    border-left: 1px solid rgba(201, 233, 74, .24);
    background: #07121c;
    box-shadow: -18px 0 48px rgba(0, 0, 0, .35);
    color: #f6f9ff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: min(560px, 100vw);
}

.evidence-info-header[b-z2nfcyvnme] {
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.15rem 1.1rem .95rem;
}

.evidence-info-header h2[b-z2nfcyvnme] {
    color: #f6f9ff;
    font-size: 1.15rem;
    line-height: 1.25;
    margin: .25rem 0 0;
}

.evidence-info-header p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .7);
    font-weight: 800;
    margin: .45rem 0 0;
}

.evidence-info-close-button[b-z2nfcyvnme] {
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: transparent;
    color: #f6f9ff;
    cursor: pointer;
    flex: 0 0 auto;
    height: 2rem;
    width: 2rem;
}

.evidence-info-close-button:focus-visible[b-z2nfcyvnme] {
    outline: 2px solid #c9e94a;
    outline-offset: 2px;
}

.evidence-info-summary[b-z2nfcyvnme] {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    display: grid;
    gap: .4rem;
    padding: .95rem 1.1rem;
}

.evidence-info-summary strong[b-z2nfcyvnme] {
    color: #f6f9ff;
}

.evidence-info-summary span[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .62);
    font-size: .78rem;
    font-weight: 800;
}

.evidence-info-summary p[b-z2nfcyvnme] {
    color: rgba(246, 249, 255, .78);
    line-height: 1.45;
    margin: 0;
}

.evidence-info-content[b-z2nfcyvnme] {
    display: grid;
    gap: .75rem;
    overflow-y: auto;
    padding: 1rem 1.1rem 1.25rem;
}

.iso-workspace-grid[b-z2nfcyvnme] {
    align-items: start;
}

.iso-wide-panel[b-z2nfcyvnme] {
    grid-column: 1 / -1;
}

.cycle-edit-grid label.wide[b-z2nfcyvnme] {
    grid-column: 1 / -1;
}

.cycle-edit-grid textarea[b-z2nfcyvnme],
.soa-table textarea[b-z2nfcyvnme] {
    min-height: 5rem;
    resize: vertical;
}

.soa-table[b-z2nfcyvnme] {
    min-width: 1120px;
}

.soa-table td[b-z2nfcyvnme] {
    vertical-align: top;
}

.soa-table td:nth-child(1)[b-z2nfcyvnme] {
    min-width: 13rem;
}

.soa-table td:nth-child(4)[b-z2nfcyvnme],
.soa-table td:nth-child(5)[b-z2nfcyvnme] {
    min-width: 15rem;
}

.soa-table select[b-z2nfcyvnme],
.soa-table input[b-z2nfcyvnme],
.soa-table textarea[b-z2nfcyvnme] {
    margin-bottom: .45rem;
    width: 100%;
}

@media (max-width: 1180px) {
    .compliance-kpis[b-z2nfcyvnme],
    .compliance-grid[b-z2nfcyvnme],
    .control-assignment-grid[b-z2nfcyvnme],
    .control-edit-grid[b-z2nfcyvnme],
    .collector-form[b-z2nfcyvnme],
    .cycle-edit-grid[b-z2nfcyvnme],
    .traceability-filter-grid[b-z2nfcyvnme],
    .evidence-filter-row[b-z2nfcyvnme],
    .access-review-add-item[b-z2nfcyvnme],
    .integration-edit-grid[b-z2nfcyvnme],
    .trust-review-grid[b-z2nfcyvnme],
    .trust-filter-bar[b-z2nfcyvnme],
    .trust-document-settings-grid[b-z2nfcyvnme],
    .trust-document-details-grid[b-z2nfcyvnme],
    .trust-doc-list[b-z2nfcyvnme],
    .framework-card-grid[b-z2nfcyvnme] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .compliance-header[b-z2nfcyvnme],
    .compliance-panel header[b-z2nfcyvnme],
    .panel-header-actions[b-z2nfcyvnme] {
        display: grid;
    }

    .kpi-card-header[b-z2nfcyvnme],
    .trust-doc-card-header[b-z2nfcyvnme],
    .status-help-group[b-z2nfcyvnme] {
        justify-content: start;
    }

    .compliance-kpis[b-z2nfcyvnme],
    .compliance-grid[b-z2nfcyvnme],
    .control-assignment-grid[b-z2nfcyvnme],
    .evidence-upload-guidance[b-z2nfcyvnme],
    .evidence-upload-grid[b-z2nfcyvnme],
    .control-edit-grid[b-z2nfcyvnme],
    .collector-form[b-z2nfcyvnme],
    .cycle-edit-grid[b-z2nfcyvnme],
    .evidence-filter-row[b-z2nfcyvnme],
    .access-review-add-item[b-z2nfcyvnme],
    .integration-edit-grid[b-z2nfcyvnme],
    .trust-review-grid[b-z2nfcyvnme],
    .trust-filter-bar[b-z2nfcyvnme],
    .trust-doc-list[b-z2nfcyvnme],
    .trust-document-settings-grid[b-z2nfcyvnme],
    .trust-document-details-grid[b-z2nfcyvnme],
    .framework-card-grid[b-z2nfcyvnme],
    .source-panel dl[b-z2nfcyvnme] {
        grid-template-columns: 1fr;
    }

    .trust-action-strip[b-z2nfcyvnme] {
        align-items: stretch;
        display: grid;
    }

    .trust-action-buttons[b-z2nfcyvnme],
    .trust-doc-card-actions[b-z2nfcyvnme],
    .panel-actions[b-z2nfcyvnme] {
        justify-content: stretch;
    }

    .trust-doc-version-list div[b-z2nfcyvnme] {
        grid-template-columns: 1fr;
    }

    .frameworks-toolbar[b-z2nfcyvnme],
    .framework-detail-header[b-z2nfcyvnme] {
        display: grid;
    }

    .evidence-requirement header[b-z2nfcyvnme] {
        display: grid;
    }

    .evidence-upload-modal header[b-z2nfcyvnme],
    .evidence-upload-actions[b-z2nfcyvnme] {
        display: grid;
    }

    .requirement-actions[b-z2nfcyvnme],
    .requirement-actions > div[b-z2nfcyvnme] {
        justify-content: stretch;
    }

    .requirement-actions > div .compliance-button[b-z2nfcyvnme] {
        flex: 1 1 10rem;
    }

    .evidence-info-offcanvas[b-z2nfcyvnme] {
        width: 100vw;
    }
}
/* /Areas/IsoBuilderStaff/Pages/CustomerDetails.razor.rz.scp.css */
.staff-shell[b-yb66jak09j],
.staff-content[b-yb66jak09j] {
    background: rgba(201, 233, 74, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-header[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.subtitle[b-yb66jak09j] {
    color: rgba(246, 249, 255, .8);
    margin: .5rem 0 0;
}

.customer-tabs[b-yb66jak09j] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.tab-button[b-yb66jak09j] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.tab-button.active[b-yb66jak09j] {
    border-color: rgba(201, 233, 74, 0.7);
    background: rgba(201, 233, 74, 0.18);
}

.details-layout[b-yb66jak09j] {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(360px, 1.35fr);
    grid-template-areas: "customer sites";
    gap: 1rem;
    align-items: stretch;
}

.tab-panel[b-yb66jak09j] {
    min-height: 420px;
}

.card[b-yb66jak09j] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    padding: 1rem;
    display: grid;
    gap: .6rem;
}

.customer-column[b-yb66jak09j] {
    grid-area: customer;
    display: grid;
    gap: 1rem;
    align-content: start;
}

.customer-info-card[b-yb66jak09j] { min-width: 0; }
.sites-card[b-yb66jak09j] {
    grid-area: sites;
    grid-template-rows: auto minmax(0, 1fr);
    max-height: 78vh;
    min-height: 0;
}

label[b-yb66jak09j] {
    display: grid;
    gap: .25rem;
    font-weight: 600;
}

.field-note[b-yb66jak09j] {
    color: rgba(226, 232, 240, .72);
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.35;
}

input[b-yb66jak09j],
select[b-yb66jak09j],
textarea[b-yb66jak09j] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    padding: .55rem .6rem;
}

textarea[b-yb66jak09j] {
    min-height: 6rem;
    resize: vertical;
}

.primary[b-yb66jak09j],
.danger[b-yb66jak09j],
.secondary[b-yb66jak09j] {
    border: 0;
    border-radius: 999px;
    padding: .55rem .9rem;
    font-weight: 700;
    cursor: pointer;
    width: fit-content;
}

.primary[b-yb66jak09j] {
    background: #c9e94a;
    color: #0f2141;
}

.danger[b-yb66jak09j] {
    background: #b91c1c;
    color: #fff;
}

.secondary[b-yb66jak09j] {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.primary:disabled[b-yb66jak09j],
.danger:disabled[b-yb66jak09j],
.secondary:disabled[b-yb66jak09j] {
    cursor: not-allowed;
    opacity: .55;
}

.status-banner[b-yb66jak09j] {
    color: #c9e94a;
}

.card-title-row[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.pricing-snapshot-grid[b-yb66jak09j] {
    display: grid;
    gap: .45rem;
}

.pricing-snapshot-grid span[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    color: rgba(246, 249, 255, .78);
}

.pricing-snapshot-grid strong[b-yb66jak09j] {
    color: #fff;
    text-align: right;
}

.pricing-warning-list[b-yb66jak09j] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.pricing-warning-list span[b-yb66jak09j] {
    border: 1px solid rgba(251, 191, 36, .35);
    background: rgba(251, 191, 36, .12);
    color: #fde68a;
    border-radius: 999px;
    padding: .3rem .55rem;
    font-size: .78rem;
}

.pricing-overview-list[b-yb66jak09j] {
    display: grid;
    gap: .45rem;
}

.pricing-overview-row[b-yb66jak09j] {
    display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto minmax(7rem, auto);
    gap: .75rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(15, 33, 65, .35);
    color: #f6f9ff;
    cursor: pointer;
    font: inherit;
    padding: .55rem .6rem;
    text-align: left;
}

.pricing-overview-row:hover[b-yb66jak09j],
.pricing-overview-row:focus-visible[b-yb66jak09j] {
    border-color: rgba(201, 233, 74, .38);
    background: rgba(201, 233, 74, .1);
}

.pricing-overview-row span:first-child[b-yb66jak09j] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.pricing-overview-row strong[b-yb66jak09j] {
    overflow-wrap: anywhere;
}

.pricing-overview-row small[b-yb66jak09j] {
    color: rgba(246, 249, 255, .62);
    font-size: .72rem;
    font-weight: 700;
}

  .pricing-readiness[b-yb66jak09j] {
      display: grid;
      gap: .12rem;
      justify-items: start;
      min-width: 7rem;
  }

  .pricing-readiness strong[b-yb66jak09j] {
      font-size: .8rem;
  }

  .pricing-readiness .readiness-ready[b-yb66jak09j] { color: #86efac; }
  .pricing-readiness .readiness-review[b-yb66jak09j] { color: #fde68a; }
  .pricing-readiness .readiness-not-ready[b-yb66jak09j] { color: #fca5a5; }

.delta-positive[b-yb66jak09j] { color: #fda4af !important; }
.delta-negative[b-yb66jak09j] { color: #86efac !important; }

.sites-scroll[b-yb66jak09j] {
    display: grid;
    gap: .7rem;
    overflow-y: auto;
    min-height: 0;
    padding-right: .15rem;
    align-content: start;
    grid-auto-rows: max-content;
}

.tasks-table[b-yb66jak09j] {
    width: 100%;
    border-collapse: collapse;
}

.tasks-table th[b-yb66jak09j],
.tasks-table td[b-yb66jak09j] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .65rem;
    text-align: left;
}

.tasks-table-wrap[b-yb66jak09j] {
    overflow-x: auto;
}

.contacts-tab-panel[b-yb66jak09j] {
    align-content: start;
}

.contacts-empty-state[b-yb66jak09j] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.contacts-empty-state strong[b-yb66jak09j] {
    color: #f6f9ff;
}

.contacts-list[b-yb66jak09j] {
    display: grid;
    gap: .75rem;
}

.contact-row[b-yb66jak09j] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1.1fr) auto;
    gap: .85rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    padding: .8rem;
}

.contact-identity[b-yb66jak09j] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.contact-identity strong[b-yb66jak09j] {
    color: #f6f9ff;
}

.contact-identity a[b-yb66jak09j] {
    color: rgba(201, 233, 74, .92);
    overflow-wrap: anywhere;
    text-decoration: none;
}

.contact-access-list[b-yb66jak09j],
.contact-actions[b-yb66jak09j] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    align-items: center;
}

.contact-access-chip[b-yb66jak09j] {
    align-items: center;
    border: 1px solid rgba(201, 233, 74, .32);
    border-radius: 999px;
    background: rgba(201, 233, 74, .12);
    color: #d9f99d;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    padding: .22rem .55rem;
    white-space: nowrap;
}

.contact-access-chip.muted[b-yb66jak09j] {
    border-color: rgba(148, 163, 184, .24);
    background: rgba(148, 163, 184, .12);
    color: #cbd5e1;
}

.contact-actions[b-yb66jak09j] {
    justify-content: flex-end;
}

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

.billing-main-column[b-yb66jak09j],
.billing-side-column[b-yb66jak09j],
.document-list[b-yb66jak09j],
.site-finance-list[b-yb66jak09j] {
    display: grid;
    gap: 1rem;
}

.billing-actions[b-yb66jak09j] {
    display: flex;
    gap: .55rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.loading-state[b-yb66jak09j] {
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 10px;
    background: rgba(201, 233, 74, .08);
    color: #d9f99d;
    font-weight: 800;
    margin: 0;
    padding: .65rem .8rem;
}

.billing-stats-grid[b-yb66jak09j] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: .65rem;
}

.billing-stats-grid span[b-yb66jak09j] {
    display: grid;
    gap: .25rem;
    min-height: 4.1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    color: rgba(246, 249, 255, .68);
    padding: .7rem .8rem;
}

.billing-stats-grid strong[b-yb66jak09j] {
    color: #f6f9ff;
    font-size: 1.05rem;
}

.billing-settings-row[b-yb66jak09j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr)) auto;
    gap: .75rem;
    align-items: end;
}

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

.transactions-card[b-yb66jak09j] {
    order: 2;
}

.document-row[b-yb66jak09j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .75rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    padding: .7rem .75rem;
}

.document-row > div[b-yb66jak09j],
.document-meta[b-yb66jak09j] {
    display: grid;
    gap: .18rem;
}

.document-row span[b-yb66jak09j],
.document-row small[b-yb66jak09j],
.quote-muted[b-yb66jak09j] {
    color: rgba(246, 249, 255, .66);
}

.document-meta[b-yb66jak09j] {
    justify-items: end;
    text-align: right;
}

.quote-chip[b-yb66jak09j] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1.25;
    padding: .18rem .55rem;
    white-space: nowrap;
}

.status-draft[b-yb66jak09j],
.status-cancelled[b-yb66jak09j] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.status-published[b-yb66jak09j] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-accepted[b-yb66jak09j] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-rejected[b-yb66jak09j] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.compact[b-yb66jak09j] {
    padding: .32rem .65rem;
    font-size: .78rem;
}

.site-finance-card[b-yb66jak09j] {
    display: grid;
    gap: .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(15, 33, 65, .35);
    padding: .75rem;
}

.site-finance-card > div:first-child[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.site-finance-card span[b-yb66jak09j] {
    color: rgba(246, 249, 255, .64);
}

.site-finance-card dl[b-yb66jak09j] {
    display: grid;
    gap: .4rem;
    margin: 0;
}

.site-finance-card dl div[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.site-finance-card dt[b-yb66jak09j] {
    color: rgba(246, 249, 255, .62);
    font-weight: 700;
}

.site-finance-card dd[b-yb66jak09j] {
    margin: 0;
    text-align: right;
}

.transaction-modal[b-yb66jak09j] {
    width: min(760px, calc(100vw - 2rem));
}

.task-cell[b-yb66jak09j] {
    display: grid;
    gap: .18rem;
}

.task-actions-cell[b-yb66jak09j] {
    white-space: nowrap;
}

.transaction-description[b-yb66jak09j] {
    display: grid;
    gap: .18rem;
}

.transaction-description small[b-yb66jak09j] {
    color: rgba(246, 249, 255, .58);
}

.payment-history-row td[b-yb66jak09j] {
    background: rgba(255, 255, 255, .025);
    padding-top: .45rem;
    padding-bottom: .55rem;
}

.payment-history-list[b-yb66jak09j] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.payment-history-list span[b-yb66jak09j] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: rgba(246, 249, 255, .72);
    display: inline-flex;
    gap: .35rem;
    padding: .25rem .55rem;
}

.payment-history-list strong[b-yb66jak09j] {
    color: #f6f9ff;
}

.payment-history-list em[b-yb66jak09j] {
    color: rgba(246, 249, 255, .56);
    font-style: normal;
}

.empty-state[b-yb66jak09j] {
    color: rgba(246, 249, 255, .72);
    margin: 0;
}

.card-subtitle[b-yb66jak09j] {
    margin: .2rem 0 0;
    color: rgba(246, 249, 255, .72);
    font-size: .92rem;
}

.warning-text[b-yb66jak09j] {
    color: #fde68a;
}

.subscription-warning[b-yb66jak09j] {
    border: 1px solid rgba(251, 191, 36, .35);
    border-radius: 10px;
    background: rgba(251, 191, 36, .12);
    color: #fde68a;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    padding: .65rem .75rem;
}

.subscription-list[b-yb66jak09j] {
    display: grid;
    gap: .7rem;
}

.subscription-summary-card[b-yb66jak09j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem .75rem;
    align-items: start;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    padding: .65rem .75rem;
    background: rgba(15,33,65,.35);
}

.subscription-summary-card.clickable-card[b-yb66jak09j] {
    cursor: pointer;
}

.subscription-summary-card.clickable-card:hover[b-yb66jak09j],
.subscription-summary-card.clickable-card:focus-within[b-yb66jak09j] {
    border-color: rgba(201, 233, 74, .38);
    background: rgba(15,33,65,.5);
}

.subscription-summary-card.inactive[b-yb66jak09j] {
    opacity: .72;
}

.subscription-card-header[b-yb66jak09j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .35rem .65rem;
    align-items: start;
    min-width: 0;
}

.subscription-card-title[b-yb66jak09j] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.subscription-card-title strong[b-yb66jak09j] {
    color: #f6f9ff;
    font-size: .94rem;
    overflow-wrap: anywhere;
}

.subscription-card-title span[b-yb66jak09j] {
    color: rgba(246, 249, 255, .68);
    font-size: .76rem;
    font-weight: 700;
}

.subscription-card-status[b-yb66jak09j] {
    justify-self: end;
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.subscription-card-status em[b-yb66jak09j] {
    color: #c9e94a;
    font-style: normal;
    font-weight: 800;
    font-size: .78rem;
}

.site-card-warning[b-yb66jak09j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .12rem .45rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 208, 74, .45);
    background: rgba(255, 208, 74, .16);
    color: #ffe08a;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.site-card-warning-critical[b-yb66jak09j] {
    border-color: rgba(248, 113, 113, .5);
    background: rgba(248, 113, 113, .18);
    color: #fecaca;
}

.subscription-card-metrics[b-yb66jak09j] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
}

.subscription-card-metrics span[b-yb66jak09j] {
    display: grid;
    gap: .12rem;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    padding: .45rem .5rem;
}

.subscription-card-metrics small[b-yb66jak09j] {
    color: rgba(246, 249, 255, .58);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.subscription-card-metrics strong[b-yb66jak09j] {
    color: #f6f9ff;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.subscription-site-summary[b-yb66jak09j] {
    grid-column: 1 / -1;
    color: rgba(246, 249, 255, .72);
    font-size: .78rem;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.subscription-actions[b-yb66jak09j] {
    display: flex;
    gap: .35rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .subscription-card-header[b-yb66jak09j] {
        grid-template-columns: minmax(0, 1fr);
    }

    .subscription-card-status[b-yb66jak09j],
    .subscription-actions[b-yb66jak09j] {
        justify-self: start;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .subscription-card-metrics[b-yb66jak09j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 460px) {
    .subscription-card-metrics[b-yb66jak09j] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.site-card-action[b-yb66jak09j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(201,233,74,.35);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    font-family: inherit;
    width: fit-content;
}

.site-card-action:hover[b-yb66jak09j],
.site-card-action:focus-visible[b-yb66jak09j] {
    background: rgba(201, 233, 74, 0.22);
}

.subscription-delete-action[b-yb66jak09j] {
    border-color: rgba(248, 113, 113, .4);
    background: rgba(248, 113, 113, .14);
    color: #fecaca;
}

.subscription-upload-action[b-yb66jak09j] {
    position: relative;
    overflow: hidden;
}

.subscription-upload-action input[b-yb66jak09j] {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
}

.subscription-files[b-yb66jak09j] {
    grid-column: 1 / -1;
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.subscription-files span[b-yb66jak09j] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    padding: .22rem .35rem .22rem .55rem;
}

.subscription-files a[b-yb66jak09j] {
    color: #d9f99d;
    font-size: .76rem;
    font-weight: 700;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.file-category-list[b-yb66jak09j] {
    display: grid;
    gap: 1rem;
}

.file-category-section[b-yb66jak09j] {
    display: grid;
    gap: .7rem;
    padding: .85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .03);
}

.file-category-header[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.file-category-header h3[b-yb66jak09j] {
    margin: 0;
}

.file-category-header p[b-yb66jak09j] {
    margin: .2rem 0 0;
    color: rgba(246, 249, 255, .68);
    font-size: .9rem;
}

.empty-files[b-yb66jak09j] {
    margin: 0;
    color: rgba(246, 249, 255, .68);
}

.file-grid[b-yb66jak09j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .8rem;
}

.file-card[b-yb66jak09j] {
    display: grid;
    gap: .75rem;
    padding: .9rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(15, 33, 65, .28));
    cursor: pointer;
}

.file-card:hover[b-yb66jak09j] {
    border-color: rgba(201, 233, 74, .38);
    transform: translateY(-1px);
}

.file-card-top[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: start;
}

.file-card h4[b-yb66jak09j] {
    margin: .25rem 0 0;
    font-size: 1rem;
    word-break: break-word;
}

.file-kind[b-yb66jak09j] {
    display: inline-flex;
    padding: .18rem .5rem;
    border-radius: 999px;
    background: rgba(201, 233, 74, .15);
    color: #d5ef73;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.file-preview-pill[b-yb66jak09j],
.task-key[b-yb66jak09j] {
    color: rgba(246, 249, 255, .68);
    font-size: .78rem;
}

.file-meta[b-yb66jak09j] {
    margin: 0;
    color: rgba(246, 249, 255, .68);
    font-size: .85rem;
}

.file-source[b-yb66jak09j] {
    border-left: 3px solid #c9e94a;
    color: #d5ef73;
    font-size: .8rem;
    font-weight: 700;
    margin: 0;
    padding-left: .55rem;
}

.file-actions[b-yb66jak09j] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.file-action-link[b-yb66jak09j] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.file-preview-overlay[b-yb66jak09j] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .82);
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.file-preview-dialog[b-yb66jak09j] {
    width: min(1200px, 96vw);
    max-height: 92vh;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: .8rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    background: rgba(10, 18, 28, .97);
    padding: 1rem;
}

.file-preview-dialog header[b-yb66jak09j] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: center;
}

.file-preview-dialog header h3[b-yb66jak09j] {
    margin: .2rem 0 0;
    word-break: break-word;
}

.file-preview-dialog header small[b-yb66jak09j] {
    color: rgba(246, 249, 255, .68);
}

.file-preview-dialog img[b-yb66jak09j],
.file-preview-dialog iframe[b-yb66jak09j] {
    width: 100%;
    height: min(78vh, 900px);
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
}

.file-preview-dialog img[b-yb66jak09j] {
    object-fit: contain;
}

.file-preview-fallback[b-yb66jak09j] {
    display: grid;
    place-items: center;
    gap: 1rem;
    min-height: 320px;
    text-align: center;
}

.modal-backdrop[b-yb66jak09j] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal[b-yb66jak09j] {
    background: #0b1a35;
    color: #f8fafc;
    border-radius: 12px;
    border: 1px solid rgba(201, 233, 74, .22);
    padding: 1rem;
    width: min(520px, calc(100vw - 2rem));
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.site-properties-modal[b-yb66jak09j] {
    width: min(900px, calc(100vw - 2rem));
    max-height: min(92vh, 1100px);
    overflow: auto;
}

.subscription-modal[b-yb66jak09j] {
    width: min(780px, calc(100vw - 2rem));
    max-height: min(88vh, 900px);
    overflow: auto;
}

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

.subscription-site-picker[b-yb66jak09j] {
    display: grid;
    gap: .45rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    padding: .75rem;
}

.subscription-site-picker label[b-yb66jak09j] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .45rem;
}

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

.modal-wide[b-yb66jak09j] {
    grid-column: 1 / -1;
}

.modal-actions[b-yb66jak09j] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .4rem;
}

.azure-compliance-editor[b-yb66jak09j] {
    display: grid;
    gap: .85rem;
    margin-top: .5rem;
    padding: 1rem;
    border: 1px solid rgba(124, 156, 189, .32);
    border-radius: 12px;
    background: rgba(5, 16, 28, .46);
}

.azure-compliance-editor h3[b-yb66jak09j],
.azure-compliance-editor h4[b-yb66jak09j] {
    margin: 0;
}

.azure-resource-list[b-yb66jak09j],
.azure-resource-add[b-yb66jak09j],
.azure-resource-row[b-yb66jak09j],
.azure-resource-fields[b-yb66jak09j] {
    display: grid;
    gap: .65rem;
}

.azure-resource-row[b-yb66jak09j],
.azure-resource-add[b-yb66jak09j] {
    padding: .8rem;
    border: 1px solid rgba(124, 156, 189, .24);
    border-radius: 10px;
}

.azure-resource-row > div:first-child[b-yb66jak09j] {
    display: grid;
    gap: .2rem;
}

.azure-evidence-state[b-yb66jak09j] {
    color: var(--color-text-secondary);
}

.azure-resource-fields[b-yb66jak09j],
.azure-purpose-options[b-yb66jak09j] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: end;
}

.checkbox-label[b-yb66jak09j] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: .45rem;
}

.checkbox-label input[type="checkbox"][b-yb66jak09j] {
    width: auto;
}

.arm-resource-id[b-yb66jak09j] {
    overflow-wrap: anywhere;
    color: rgba(220, 232, 245, .72);
}

.azure-readiness-list[b-yb66jak09j],
.error-text[b-yb66jak09j] {
    color: #ffca7a;
}

.status-pill.success[b-yb66jak09j] {
    color: #b8ef9b;
}

.status-pill.warning[b-yb66jak09j] {
    color: #ffca7a;
}

@media (max-width: 1200px) {
    .billing-layout[b-yb66jak09j],
    .billing-document-grid[b-yb66jak09j] {
        grid-template-columns: 1fr;
    }

    .billing-stats-grid[b-yb66jak09j] {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }

    .details-layout[b-yb66jak09j] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "customer"
            "sites";
    }

    .sites-card[b-yb66jak09j] {
        max-height: none;
    }
}

@media (max-width: 900px) {
    .billing-settings-row[b-yb66jak09j],
    .billing-stats-grid[b-yb66jak09j],
    .modal-grid[b-yb66jak09j],
    .subscription-editor[b-yb66jak09j],
    .document-row[b-yb66jak09j] {
        grid-template-columns: 1fr;
    }

    .modal-wide[b-yb66jak09j] {
        grid-column: auto;
    }

    .document-meta[b-yb66jak09j] {
        justify-items: start;
        text-align: left;
    }

    .details-layout[b-yb66jak09j],
    .contact-row[b-yb66jak09j] {
        grid-template-columns: 1fr;
    }

    .contact-actions[b-yb66jak09j] {
        justify-content: flex-start;
    }

    .file-category-header[b-yb66jak09j] {
        align-items: start;
    }

    .subscription-summary-card[b-yb66jak09j],
    .subscription-card-main[b-yb66jak09j],
    .subscription-card-metrics[b-yb66jak09j] {
        grid-template-columns: 1fr;
    }

    .subscription-card-status[b-yb66jak09j],
    .subscription-actions[b-yb66jak09j] {
        justify-self: start;
        justify-content: flex-start;
    }

    .staff-page-layout[b-yb66jak09j] {
        grid-template-columns: 1fr;
    }
}

/* The overview uses both desktop columns; the site directory has its own view. */
.details-layout[b-yb66jak09j] { display:block; }
.customer-column[b-yb66jak09j] { grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr); align-items:start; }
.pricing-snapshot-card[b-yb66jak09j] { grid-column:2; grid-row:1 / span 2; }
.sites-card[b-yb66jak09j] { max-height:none; }
.sites-scroll[b-yb66jak09j] { max-height:none; overflow:visible; display:block; }
@media(max-width:1100px) { .customer-column[b-yb66jak09j] { grid-template-columns:1fr; } .pricing-snapshot-card[b-yb66jak09j] { grid-column:auto;grid-row:auto; } }
@media(max-width:700px) {
    .pricing-overview-row[b-yb66jak09j] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pricing-overview-row > span:first-child[b-yb66jak09j] { grid-column:1 / -1; }
}
/* /Areas/IsoBuilderStaff/Pages/EnquiryNotificationSettings.razor.rz.scp.css */
.staff-page-layout[b-46rwj7lrpt] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(180px, 240px) 1fr;
}

.staff-content[b-46rwj7lrpt] {
    background: rgba(201, 233, 74, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-header[b-46rwj7lrpt] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.staff-header h1[b-46rwj7lrpt] {
    margin: 0;
}

.staff-header p[b-46rwj7lrpt] {
    color: rgba(246, 249, 255, 0.8);
    margin: 0.5rem 0 0;
}

.back-link[b-46rwj7lrpt] {
    border: 1px solid rgba(201, 233, 74, 0.34);
    border-radius: 999px;
    color: #e5f0b5;
    font-weight: 700;
    height: fit-content;
    padding: 0.45rem 0.8rem;
    text-decoration: none;
    white-space: nowrap;
}

.staff-status.success[b-46rwj7lrpt] {
    color: #d6f06d;
}

.staff-status.error[b-46rwj7lrpt] {
    color: #fecaca;
}

.staff-status.warning[b-46rwj7lrpt] {
    color: #fde68a;
}

.settings-panel[b-46rwj7lrpt] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    max-width: 760px;
    padding: 1rem;
}

.settings-field[b-46rwj7lrpt] {
    display: grid;
    gap: 0.35rem;
}

.settings-field label[b-46rwj7lrpt] {
    color: rgba(246, 249, 255, 0.82);
    font-weight: 700;
}

.settings-field input[b-46rwj7lrpt] {
    background: rgba(8, 14, 24, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    color: #f6f9ff;
    padding: 0.72rem 0.85rem;
}

.settings-actions[b-46rwj7lrpt] {
    display: flex;
    justify-content: flex-start;
}

.primary[b-46rwj7lrpt] {
    background: #d6f06d;
    border: 0;
    border-radius: 999px;
    color: #15210e;
    cursor: pointer;
    font-weight: 800;
    padding: 0.7rem 1rem;
}

.primary:disabled[b-46rwj7lrpt] {
    cursor: wait;
    opacity: 0.62;
}

@media (max-width: 900px) {
    .staff-page-layout[b-46rwj7lrpt],
    .staff-header[b-46rwj7lrpt] {
        grid-template-columns: 1fr;
    }

    .staff-header[b-46rwj7lrpt] {
        flex-direction: column;
    }
}
/* /Areas/IsoBuilderStaff/Pages/FinanceSettings.razor.rz.scp.css */
.staff-page-layout[b-7e4jrh3xlv] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-7e4jrh3xlv],
.staff-content[b-7e4jrh3xlv] {
    background: rgba(201, 233, 74, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-header h1[b-7e4jrh3xlv] {
    margin: 0;
}

.staff-header p[b-7e4jrh3xlv] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.82);
    max-width: 60rem;
}

.staff-status.success[b-7e4jrh3xlv] {
    color: #d6f06d;
}

.settings-grid[b-7e4jrh3xlv] {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.settings-card[b-7e4jrh3xlv] {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    padding: 1.2rem;
}

.section-heading[b-7e4jrh3xlv],
.category-topline[b-7e4jrh3xlv],
.category-actions[b-7e4jrh3xlv],
.create-row[b-7e4jrh3xlv],
.flag-row[b-7e4jrh3xlv] {
    display: flex;
    gap: 0.75rem;
}

.section-heading[b-7e4jrh3xlv],
.category-topline[b-7e4jrh3xlv],
.category-actions[b-7e4jrh3xlv],
.flag-row[b-7e4jrh3xlv] {
    align-items: center;
}

.section-heading[b-7e4jrh3xlv] {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.section-kicker[b-7e4jrh3xlv] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    color: rgba(201, 233, 74, 0.95);
}

.section-heading h2[b-7e4jrh3xlv],
.future-card h2[b-7e4jrh3xlv] {
    margin: 0.35rem 0 0;
}

.create-row[b-7e4jrh3xlv] {
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.create-row input[b-7e4jrh3xlv],
.category-main input[b-7e4jrh3xlv] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(8, 14, 24, 0.8);
    color: #f6f9ff;
    padding: 0.7rem 0.85rem;
}

.primary[b-7e4jrh3xlv],
.secondary[b-7e4jrh3xlv],
.danger[b-7e4jrh3xlv] {
    border: none;
    border-radius: 10px;
    padding: 0.7rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.primary[b-7e4jrh3xlv] {
    background: #d6f06d;
    color: #15210e;
}

.secondary[b-7e4jrh3xlv] {
    background: rgba(255, 255, 255, 0.1);
    color: #f6f9ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.danger[b-7e4jrh3xlv] {
    background: rgba(185, 28, 28, 0.9);
    color: #fff;
}

.primary:disabled[b-7e4jrh3xlv],
.secondary:disabled[b-7e4jrh3xlv],
.danger:disabled[b-7e4jrh3xlv] {
    opacity: 0.55;
    cursor: not-allowed;
}

.category-list[b-7e4jrh3xlv] {
    display: grid;
    gap: 0.85rem;
}

.category-card[b-7e4jrh3xlv] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(11, 18, 28, 0.5));
}

.category-card.inactive[b-7e4jrh3xlv] {
    opacity: 0.72;
}

.category-main[b-7e4jrh3xlv] {
    flex: 1;
}

.category-main small[b-7e4jrh3xlv],
.future-card p[b-7e4jrh3xlv],
.empty-state[b-7e4jrh3xlv] {
    color: rgba(246, 249, 255, 0.74);
}

.category-order[b-7e4jrh3xlv] {
    color: rgba(246, 249, 255, 0.6);
    font-size: 0.85rem;
}

.badge[b-7e4jrh3xlv] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.badge-default[b-7e4jrh3xlv] {
    background: rgba(214, 240, 109, 0.18);
    color: #d6f06d;
}

.badge-muted[b-7e4jrh3xlv] {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(246, 249, 255, 0.82);
}

.category-actions[b-7e4jrh3xlv] {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start;
}

.flag-row[b-7e4jrh3xlv] {
    flex-wrap: wrap;
    margin-top: 0.65rem;
}

.inline-check[b-7e4jrh3xlv] {
    align-items: center;
    color: rgba(246, 249, 255, 0.78);
    display: inline-flex;
    font-weight: 700;
    gap: 0.4rem;
    white-space: nowrap;
}

.inline-check input[b-7e4jrh3xlv] {
    width: auto;
}

@media (max-width: 900px) {
    .staff-page-layout[b-7e4jrh3xlv],
    .category-card[b-7e4jrh3xlv] {
        grid-template-columns: 1fr;
    }

    .category-card[b-7e4jrh3xlv] {
        display: grid;
    }

    .create-row[b-7e4jrh3xlv],
    .category-actions[b-7e4jrh3xlv] {
        flex-direction: column;
    }
}
/* /Areas/IsoBuilderStaff/Pages/IncidentDetails.razor.rz.scp.css */
.staff-shell[b-2fvw17khjn],
.staff-content[b-2fvw17khjn] {
    background: rgba(201, 233, 74, .08);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-content[b-2fvw17khjn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.incident-hero[b-2fvw17khjn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-bottom: 1rem;
}

.incident-title-row[b-2fvw17khjn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .3rem;
}

.incident-title-row h1[b-2fvw17khjn] {
    margin: 0;
}

.subtitle[b-2fvw17khjn],
.incident-meta[b-2fvw17khjn],
.card-subtitle[b-2fvw17khjn] {
    color: rgba(246, 249, 255, .76);
    margin: .35rem 0 0;
}

.incident-meta[b-2fvw17khjn],
.card-subtitle[b-2fvw17khjn] {
    font-size: .92rem;
}

.hero-actions[b-2fvw17khjn] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
}

.primary[b-2fvw17khjn],
.danger[b-2fvw17khjn],
.secondary[b-2fvw17khjn],
.link-button[b-2fvw17khjn] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    padding: .55rem .9rem;
    width: fit-content;
}

.primary[b-2fvw17khjn] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-2fvw17khjn],
.link-button[b-2fvw17khjn] {
    border: 1px solid rgba(201, 233, 74, .35);
    background: rgba(201, 233, 74, .14);
    color: #e5f0b5;
}

.link-button[b-2fvw17khjn] {
    padding: .35rem .7rem;
}

.danger[b-2fvw17khjn] {
    background: #b91c1c;
    color: #fff;
}

.compact[b-2fvw17khjn] {
    font-size: .78rem;
    padding: .32rem .65rem;
}

button:disabled[b-2fvw17khjn] {
    cursor: not-allowed;
    opacity: .48;
}

.archived-note[b-2fvw17khjn] {
    color: rgba(246, 249, 255, .68);
    font-weight: 700;
}

.status-banner[b-2fvw17khjn] {
    color: #c9e94a;
    background: rgba(201, 233, 74, .1);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 10px;
    margin: 0;
    padding: .65rem .75rem;
}

.staff-status.error[b-2fvw17khjn] {
    color: #fecaca;
}

.lifecycle-panel[b-2fvw17khjn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.lifecycle-step[b-2fvw17khjn] {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    color: rgba(246, 249, 255, .62);
    font-weight: 800;
    padding: .7rem .8rem;
    text-align: center;
}

.lifecycle-step.complete[b-2fvw17khjn] {
    background: rgba(201, 233, 74, .13);
    border-color: rgba(201, 233, 74, .42);
    color: #f9ffcf;
}

.incident-detail-grid[b-2fvw17khjn] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
    gap: 1rem;
}

.activity-card[b-2fvw17khjn] {
    grid-column: 1 / -1;
}

.card[b-2fvw17khjn] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.card h2[b-2fvw17khjn],
.card h3[b-2fvw17khjn] {
    margin: 0;
}

.card-title-row[b-2fvw17khjn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
}

.detail-section[b-2fvw17khjn] {
    display: grid;
    gap: .35rem;
}

.detail-section p[b-2fvw17khjn] {
    color: rgba(246, 249, 255, .82);
    margin: 0;
    white-space: pre-wrap;
}

.editable-text[b-2fvw17khjn] {
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: text;
    padding: .35rem .45rem;
    transition: background .15s ease, border-color .15s ease;
}

.editable-text:hover[b-2fvw17khjn] {
    background: rgba(201, 233, 74, .08);
    border-color: rgba(201, 233, 74, .22);
}

.inline-editor[b-2fvw17khjn],
.title-editor[b-2fvw17khjn] {
    width: 100%;
}

.inline-editor[b-2fvw17khjn] {
    min-height: 112px;
}

.two-column-detail[b-2fvw17khjn],
.activity-grid[b-2fvw17khjn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.facts-list[b-2fvw17khjn] {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.facts-list div[b-2fvw17khjn] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .55rem;
}

.facts-list dt[b-2fvw17khjn] {
    color: rgba(246, 249, 255, .62);
    font-weight: 700;
}

.facts-list dd[b-2fvw17khjn] {
    margin: 0;
    text-align: right;
}

.attachment-upload-row[b-2fvw17khjn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.notes-card[b-2fvw17khjn],
.attachments-card[b-2fvw17khjn] {
    min-height: 0;
}

.notes-tab-row[b-2fvw17khjn] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.tab-button[b-2fvw17khjn] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, .25);
    padding: .45rem .8rem;
    font-weight: 700;
    cursor: pointer;
    background: rgba(7, 18, 28, .5);
    color: #f6f9ff;
}

.tab-button.active[b-2fvw17khjn] {
    border-color: rgba(201, 233, 74, .7);
    background: rgba(201, 233, 74, .18);
    color: #f9ffcf;
}

.notes-panel-host[b-2fvw17khjn] {
    height: 380px;
    min-height: 0;
    overflow: hidden;
}

.attachments-list[b-2fvw17khjn] {
    max-height: 380px;
    overflow-y: auto;
    padding-right: .1rem;
}

label[b-2fvw17khjn] {
    display: grid;
    gap: .28rem;
    font-weight: 600;
}

input[b-2fvw17khjn],
select[b-2fvw17khjn],
textarea[b-2fvw17khjn] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    min-width: 0;
    padding: .55rem .6rem;
}

textarea[b-2fvw17khjn] {
    min-height: 92px;
    resize: vertical;
}

input[b-2fvw17khjn]::placeholder,
textarea[b-2fvw17khjn]::placeholder {
    color: rgba(246, 249, 255, .46);
}

input:focus[b-2fvw17khjn],
select:focus[b-2fvw17khjn],
textarea:focus[b-2fvw17khjn] {
    outline: 2px solid rgba(201, 233, 74, .35);
    border-color: rgba(201, 233, 74, .62);
}

.incident-chip[b-2fvw17khjn] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1.25;
    padding: .18rem .55rem;
    white-space: nowrap;
}

.status-draft[b-2fvw17khjn],
.status-archived[b-2fvw17khjn] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.status-progress[b-2fvw17khjn] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-resolved[b-2fvw17khjn],
.severity-low[b-2fvw17khjn] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.severity-medium[b-2fvw17khjn] {
    background: rgba(250, 204, 21, .16);
    color: #fef08a;
}

.severity-high[b-2fvw17khjn] {
    background: rgba(251, 146, 60, .18);
    color: #fed7aa;
}

.severity-critical[b-2fvw17khjn] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.incident-list[b-2fvw17khjn] {
    display: grid;
    gap: .5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.incident-list-item[b-2fvw17khjn] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: space-between;
    padding: .6rem .7rem;
}

.incident-list-item a[b-2fvw17khjn] {
    color: #e5f0b5;
    font-weight: 700;
    text-decoration: none;
}

.incident-list-item a:hover[b-2fvw17khjn] {
    text-decoration: underline;
}

.activity-item[b-2fvw17khjn] {
    align-items: flex-start;
    display: grid;
    justify-content: stretch;
}

.activity-item small[b-2fvw17khjn],
.incident-muted[b-2fvw17khjn] {
    color: rgba(246, 249, 255, .62);
    font-size: .84rem;
}

.empty-state[b-2fvw17khjn] {
    background: rgba(255, 255, 255, .04);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    color: rgba(246, 249, 255, .72);
    margin: 0;
    padding: 1rem;
}

.modal-backdrop[b-2fvw17khjn] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, .78);
    padding: 1rem;
}

.modal[b-2fvw17khjn] {
    width: min(860px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #0b1a35;
    color: #f8fafc;
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.send-modal[b-2fvw17khjn] {
    width: min(780px, calc(100vw - 2rem));
}

.modal-header[b-2fvw17khjn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.modal-header h2[b-2fvw17khjn] {
    margin: 0;
}

.modal-header p[b-2fvw17khjn] {
    margin: .35rem 0 0;
    color: rgba(246, 249, 255, .72);
}

.icon-button[b-2fvw17khjn] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

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

.modal-wide[b-2fvw17khjn] {
    grid-column: 1 / -1;
}

.modal-actions[b-2fvw17khjn] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

.pill-input[b-2fvw17khjn] {
    align-items: center;
    background: rgba(7, 18, 28, .5);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-height: 3rem;
    padding: .4rem;
}

.pill-input input[b-2fvw17khjn] {
    border: 0;
    background: transparent;
    flex: 1 1 180px;
    outline: 0;
}

.email-pill[b-2fvw17khjn] {
    align-items: center;
    background: rgba(201, 233, 74, .16);
    border: 1px solid rgba(201, 233, 74, .35);
    border-radius: 999px;
    color: #f9ffcf;
    display: inline-flex;
    font-weight: 700;
    gap: .35rem;
    padding: .28rem .42rem .28rem .65rem;
}

.email-pill button[b-2fvw17khjn],
.pill-add[b-2fvw17khjn] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 800;
}

.email-pill button[b-2fvw17khjn] {
    background: rgba(255, 255, 255, .16);
    color: #fff;
    height: 1.35rem;
    width: 1.35rem;
}

.pill-add[b-2fvw17khjn] {
    background: rgba(255, 255, 255, .12);
    color: #f6f9ff;
    padding: .32rem .65rem;
}

.recipient-suggestions[b-2fvw17khjn] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(7, 18, 28, .72);
    display: grid;
    gap: .25rem;
    margin-top: .35rem;
    max-height: 180px;
    overflow-y: auto;
    padding: .35rem;
}

.recipient-suggestions button[b-2fvw17khjn] {
    align-items: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #f6f9ff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .5rem .55rem;
    text-align: left;
}

.recipient-suggestions button:hover[b-2fvw17khjn] {
    background: rgba(201, 233, 74, .1);
}

.recipient-suggestions span[b-2fvw17khjn] {
    font-weight: 800;
}

.recipient-suggestions small[b-2fvw17khjn] {
    color: rgba(246, 249, 255, .62);
    font-size: .78rem;
}

[b-2fvw17khjn] input[type="file"] {
    color: rgba(246, 249, 255, .8);
}

@media (max-width: 1100px) {
    .incident-detail-grid[b-2fvw17khjn],
    .two-column-detail[b-2fvw17khjn],
    .activity-grid[b-2fvw17khjn] {
        grid-template-columns: 1fr;
    }

    .activity-card[b-2fvw17khjn] {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-2fvw17khjn] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .incident-hero[b-2fvw17khjn],
    .modal-header[b-2fvw17khjn] {
        display: grid;
    }

    .hero-actions[b-2fvw17khjn] {
        justify-content: flex-start;
    }

    .lifecycle-panel[b-2fvw17khjn],
    .modal-grid[b-2fvw17khjn] {
        grid-template-columns: 1fr;
    }

    .modal-wide[b-2fvw17khjn] {
        grid-column: auto;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Incidents.razor.rz.scp.css */
.staff-shell[b-9p51f9fsc0],
.staff-content[b-9p51f9fsc0] {
    background: rgba(201, 233, 74, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-content[b-9p51f9fsc0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.staff-header[b-9p51f9fsc0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.staff-header h1[b-9p51f9fsc0] {
    margin: 0;
}

.customer-tabs[b-9p51f9fsc0] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tab-button[b-9p51f9fsc0] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, .25);
    padding: .45rem .8rem;
    font-weight: 700;
    cursor: pointer;
    background: rgba(7, 18, 28, .5);
    color: #f6f9ff;
}

.tab-button.active[b-9p51f9fsc0] {
    border-color: rgba(201, 233, 74, .7);
    background: rgba(201, 233, 74, .18);
    color: #f9ffcf;
}

.subtitle[b-9p51f9fsc0],
.card-subtitle[b-9p51f9fsc0] {
    color: rgba(246, 249, 255, .76);
    margin: .35rem 0 0;
}

.card-subtitle[b-9p51f9fsc0] {
    font-size: .92rem;
}

.card[b-9p51f9fsc0] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    padding: 1rem;
    display: grid;
    gap: .85rem;
}

.tab-panel[b-9p51f9fsc0] {
    min-height: 0;
}

.card-title-row[b-9p51f9fsc0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
}

.card-title-row h2[b-9p51f9fsc0] {
    margin: 0;
}

.incident-filter-row[b-9p51f9fsc0] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(150px, .85fr));
    gap: .55rem;
    width: 100%;
    align-items: center;
}

label[b-9p51f9fsc0] {
    display: grid;
    gap: .28rem;
    font-weight: 600;
}

input[b-9p51f9fsc0],
select[b-9p51f9fsc0],
textarea[b-9p51f9fsc0] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    padding: .55rem .6rem;
    min-width: 0;
}

textarea[b-9p51f9fsc0] {
    min-height: 92px;
    resize: vertical;
}

input[b-9p51f9fsc0]::placeholder,
textarea[b-9p51f9fsc0]::placeholder {
    color: rgba(246, 249, 255, .46);
}

input:focus[b-9p51f9fsc0],
select:focus[b-9p51f9fsc0],
textarea:focus[b-9p51f9fsc0] {
    outline: 2px solid rgba(201, 233, 74, .35);
    border-color: rgba(201, 233, 74, .62);
}

.primary[b-9p51f9fsc0],
.danger[b-9p51f9fsc0],
.secondary[b-9p51f9fsc0],
.details-button[b-9p51f9fsc0] {
    border: 0;
    border-radius: 999px;
    padding: .55rem .9rem;
    font-weight: 700;
    cursor: pointer;
    width: fit-content;
}

.primary[b-9p51f9fsc0] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-9p51f9fsc0],
.details-button[b-9p51f9fsc0] {
    border: 1px solid rgba(201, 233, 74, .35);
    background: rgba(201, 233, 74, .14);
    color: #e5f0b5;
}

.danger[b-9p51f9fsc0] {
    background: #b91c1c;
    color: #fff;
}

.compact[b-9p51f9fsc0] {
    padding: .32rem .65rem;
    font-size: .78rem;
}

button:disabled[b-9p51f9fsc0] {
    cursor: not-allowed;
    opacity: .48;
}

.status-banner[b-9p51f9fsc0] {
    color: #c9e94a;
    background: rgba(201, 233, 74, .1);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 10px;
    margin: 0;
    padding: .65rem .75rem;
}

.empty-state[b-9p51f9fsc0] {
    color: rgba(246, 249, 255, .72);
    background: rgba(255, 255, 255, .04);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    margin: 0;
    padding: 1rem;
}

.tasks-table-wrap[b-9p51f9fsc0] {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
}

.tasks-table[b-9p51f9fsc0] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, .03);
}

.tasks-table th[b-9p51f9fsc0],
.tasks-table td[b-9p51f9fsc0] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .72rem .75rem;
    text-align: left;
    vertical-align: middle;
}

.tasks-table th[b-9p51f9fsc0] {
    color: #c9e94a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tasks-table tbody tr:hover[b-9p51f9fsc0] {
    background: rgba(201, 233, 74, .08);
}

.clickable-row[b-9p51f9fsc0] {
    cursor: pointer;
}

.tasks-table tr:last-child td[b-9p51f9fsc0] {
    border-bottom: 0;
}

.actions-cell[b-9p51f9fsc0] {
    text-align: right;
    white-space: nowrap;
}

.details-layout[b-9p51f9fsc0] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(320px, 1.25fr);
    gap: 1rem;
    align-items: start;
}

.customer-info-card[b-9p51f9fsc0] {
    display: grid;
    gap: .75rem;
    min-width: 0;
}

.customer-info-card h3[b-9p51f9fsc0] {
    color: #f6f9ff;
    margin: .45rem 0 0;
}

.incident-checkbox-list[b-9p51f9fsc0] {
    display: grid;
    gap: .42rem;
    max-height: 180px;
    overflow: auto;
    padding: .65rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    background: rgba(7, 18, 28, .36);
}

.incident-checkbox-list label[b-9p51f9fsc0] {
    align-items: center;
    display: flex;
    gap: .45rem;
    font-size: .92rem;
    font-weight: 500;
}

.incident-checkbox-list input[b-9p51f9fsc0] {
    width: 16px;
    height: 16px;
    accent-color: #c9e94a;
}

.incident-chip[b-9p51f9fsc0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
}

.status-draft[b-9p51f9fsc0] {
    background: rgba(148, 163, 184, .16);
    color: #e2e8f0;
}

.status-progress[b-9p51f9fsc0] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-resolved[b-9p51f9fsc0],
.severity-low[b-9p51f9fsc0] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-archived[b-9p51f9fsc0] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.severity-medium[b-9p51f9fsc0] {
    background: rgba(250, 204, 21, .16);
    color: #fef08a;
}

.severity-high[b-9p51f9fsc0] {
    background: rgba(251, 146, 60, .18);
    color: #fed7aa;
}

.severity-critical[b-9p51f9fsc0] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.incident-list[b-9p51f9fsc0] {
    display: grid;
    gap: .5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.incident-list-item[b-9p51f9fsc0] {
    display: flex;
    align-items: center;
    gap: .6rem;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: .6rem .7rem;
    background: rgba(255, 255, 255, .035);
}

.incident-list-item a[b-9p51f9fsc0] {
    color: #e5f0b5;
    font-weight: 700;
    text-decoration: none;
}

.incident-list-item a:hover[b-9p51f9fsc0] {
    text-decoration: underline;
}

.incident-muted[b-9p51f9fsc0] {
    color: rgba(246, 249, 255, .62);
    font-size: .84rem;
}

[b-9p51f9fsc0] input[type="file"] {
    color: rgba(246, 249, 255, .8);
}

.modal-backdrop[b-9p51f9fsc0] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, .78);
    padding: 1rem;
}

.modal[b-9p51f9fsc0] {
    width: min(860px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #0b1a35;
    color: #f8fafc;
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.modal-header[b-9p51f9fsc0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.modal-header h2[b-9p51f9fsc0] {
    margin: 0;
}

.modal-header p[b-9p51f9fsc0] {
    margin: .35rem 0 0;
    color: rgba(246, 249, 255, .72);
}

.icon-button[b-9p51f9fsc0] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

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

.modal-validation-summary[b-9p51f9fsc0] {
    grid-column: 1 / -1;
    border: 1px solid rgba(248, 113, 113, .42);
    border-radius: 10px;
    background: rgba(127, 29, 29, .28);
    color: #fecaca;
    padding: .75rem .85rem;
}

.modal-validation-summary strong[b-9p51f9fsc0] {
    color: #fee2e2;
    display: block;
    margin-bottom: .4rem;
}

.modal-validation-summary ul[b-9p51f9fsc0] {
    margin: 0;
    padding-left: 1.15rem;
}

.modal-validation-summary li + li[b-9p51f9fsc0] {
    margin-top: .25rem;
}

.modal-wide[b-9p51f9fsc0] {
    grid-column: 1 / -1;
}

.modal-actions[b-9p51f9fsc0] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

@media (max-width: 1250px) {
    .card-title-row[b-9p51f9fsc0] {
        display: grid;
    }

    .incident-filter-row[b-9p51f9fsc0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-9p51f9fsc0] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .staff-header[b-9p51f9fsc0],
    .card-title-row[b-9p51f9fsc0] {
        align-items: stretch;
        flex-direction: column;
    }

    .details-layout[b-9p51f9fsc0],
    .incident-filter-row[b-9p51f9fsc0] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Pages/InvoiceDetails.razor.rz.scp.css */
.staff-shell[b-2a4uoli2b3],
.staff-content[b-2a4uoli2b3] {
    background: rgba(201, 233, 74, .08);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-content[b-2a4uoli2b3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.quote-hero[b-2a4uoli2b3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-bottom: 1rem;
}

.quote-title-row[b-2a4uoli2b3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .3rem;
}

.quote-title-row h1[b-2a4uoli2b3] {
    margin: 0;
}

.subtitle[b-2a4uoli2b3],
.quote-meta[b-2a4uoli2b3],
.card-subtitle[b-2a4uoli2b3],
.quote-title[b-2a4uoli2b3],
.quote-muted[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .76);
    margin: .35rem 0 0;
}

.quote-meta[b-2a4uoli2b3],
.card-subtitle[b-2a4uoli2b3],
.quote-muted[b-2a4uoli2b3] {
    font-size: .92rem;
}

.hero-actions[b-2a4uoli2b3] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
}

.primary[b-2a4uoli2b3],
.danger[b-2a4uoli2b3],
.secondary[b-2a4uoli2b3],
.link-button[b-2a4uoli2b3] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    padding: .55rem .9rem;
    width: fit-content;
}

.primary[b-2a4uoli2b3] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-2a4uoli2b3],
.link-button[b-2a4uoli2b3] {
    border: 1px solid rgba(201, 233, 74, .35);
    background: rgba(201, 233, 74, .14);
    color: #e5f0b5;
}

.link-button[b-2a4uoli2b3] {
    padding: .35rem .7rem;
}

.danger[b-2a4uoli2b3] {
    background: #b91c1c;
    color: #fff;
}

.compact[b-2a4uoli2b3] {
    font-size: .78rem;
    padding: .32rem .65rem;
}

button:disabled[b-2a4uoli2b3] {
    cursor: not-allowed;
    opacity: .48;
}

.status-banner[b-2a4uoli2b3] {
    color: #c9e94a;
    background: rgba(201, 233, 74, .1);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 10px;
    margin: 0;
    padding: .65rem .75rem;
}

.staff-status.error[b-2a4uoli2b3] {
    color: #fecaca;
}

.lifecycle-panel[b-2a4uoli2b3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.lifecycle-step[b-2a4uoli2b3] {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    color: rgba(246, 249, 255, .62);
    font-weight: 800;
    padding: .7rem .8rem;
    text-align: center;
}

.lifecycle-step.complete[b-2a4uoli2b3] {
    background: rgba(201, 233, 74, .13);
    border-color: rgba(201, 233, 74, .42);
    color: #f9ffcf;
}

.relationship-panel[b-2a4uoli2b3] {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .85rem 1rem;
}

.relationship-panel strong[b-2a4uoli2b3] {
    display: block;
    margin-top: .2rem;
}

.relationship-panel p[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .72);
    margin: .2rem 0 0;
}

.revenue-classification-panel[b-2a4uoli2b3] {
    align-items: end;
}

.revenue-metadata-form[b-2a4uoli2b3] {
    align-items: end;
    display: grid;
    grid-template-columns: repeat(4, minmax(135px, 1fr)) auto;
    gap: .65rem;
    width: min(860px, 100%);
}

.revenue-metadata-form label[b-2a4uoli2b3] {
    min-width: 0;
}

.relationship-kicker[b-2a4uoli2b3] {
    color: #c9e94a;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.quote-detail-grid[b-2a4uoli2b3] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(270px, .75fr) minmax(285px, .8fr);
    gap: 1rem;
}

.profitability-card[b-2a4uoli2b3] {
    grid-column: 1 / -1;
}

.card[b-2a4uoli2b3] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.card h2[b-2a4uoli2b3],
.card h3[b-2a4uoli2b3] {
    margin: 0;
}

.card-title-row[b-2a4uoli2b3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
}

.detail-section[b-2a4uoli2b3] {
    display: grid;
    gap: .35rem;
}

.detail-section p[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .82);
    margin: 0;
    white-space: pre-wrap;
}

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

.profitability-metrics[b-2a4uoli2b3] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .65rem;
}

.profitability-metrics div[b-2a4uoli2b3] {
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .7rem;
}

.profitability-metrics span[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .62);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.profitability-metrics strong[b-2a4uoli2b3] {
    color: #f6f9ff;
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.profitability-metrics strong.positive[b-2a4uoli2b3] {
    color: #c9e94a;
}

.profitability-metrics strong.negative[b-2a4uoli2b3] {
    color: #fecaca;
}

.task-link-form[b-2a4uoli2b3] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.task-link-form label[b-2a4uoli2b3] {
    width: min(220px, 100%);
}

.modal-wide[b-2a4uoli2b3] {
    grid-column: 1 / -1;
}

label[b-2a4uoli2b3] {
    display: grid;
    gap: .28rem;
    font-weight: 600;
}

input[b-2a4uoli2b3],
select[b-2a4uoli2b3],
textarea[b-2a4uoli2b3] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    min-width: 0;
    padding: .55rem .6rem;
}

textarea[b-2a4uoli2b3] {
    min-height: 92px;
    resize: vertical;
}

input:focus[b-2a4uoli2b3],
select:focus[b-2a4uoli2b3],
textarea:focus[b-2a4uoli2b3] {
    outline: 2px solid rgba(201, 233, 74, .35);
    border-color: rgba(201, 233, 74, .62);
}

.line-items-card[b-2a4uoli2b3] {
    display: grid;
    gap: .65rem;
}

.quote-line-row[b-2a4uoli2b3] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(100px, .45fr) minmax(220px, 1.35fr) auto;
    gap: .65rem;
    align-items: end;
}

.line-description textarea[b-2a4uoli2b3] {
    min-height: 42px;
}

.facts-list[b-2a4uoli2b3] {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.facts-list div[b-2a4uoli2b3] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .55rem;
}

.facts-list dt[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .62);
    font-weight: 700;
}

.facts-list dd[b-2a4uoli2b3] {
    margin: 0;
    text-align: right;
}

.payment-list[b-2a4uoli2b3] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    margin: .75rem 0;
}

.payment-list span[b-2a4uoli2b3] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: rgba(246, 249, 255, .72);
    display: inline-flex;
    gap: .35rem;
    padding: .25rem .55rem;
}

.payment-list strong[b-2a4uoli2b3] {
    color: #f6f9ff;
}

.payment-list em[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .56);
    font-style: normal;
}

.tasks-table-wrap[b-2a4uoli2b3] {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
}

.tasks-table[b-2a4uoli2b3] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, .03);
}

.tasks-table th[b-2a4uoli2b3],
.tasks-table td[b-2a4uoli2b3] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .72rem .75rem;
    text-align: left;
    vertical-align: middle;
}

.tasks-table td[b-2a4uoli2b3] {
    min-width: 0;
}

.tasks-table th[b-2a4uoli2b3] {
    color: #c9e94a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.quote-chip[b-2a4uoli2b3] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1.25;
    padding: .18rem .55rem;
    white-space: nowrap;
}

.actions-column[b-2a4uoli2b3],
.row-actions[b-2a4uoli2b3] {
    text-align: right;
    white-space: nowrap;
}

.row-actions[b-2a4uoli2b3] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.inline-line-editor[b-2a4uoli2b3] {
    display: grid;
    gap: .4rem;
    min-width: min(360px, 100%);
}

.inline-line-editor textarea[b-2a4uoli2b3] {
    min-height: 58px;
}

.hours-editor[b-2a4uoli2b3] {
    width: 7rem;
}

.status-draft[b-2a4uoli2b3],
.status-cancelled[b-2a4uoli2b3] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.status-published[b-2a4uoli2b3],
.status-sent[b-2a4uoli2b3] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-accepted[b-2a4uoli2b3] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-rejected[b-2a4uoli2b3] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.quote-list[b-2a4uoli2b3] {
    display: grid;
    gap: .5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.quote-list-item[b-2a4uoli2b3] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: space-between;
    padding: .6rem .7rem;
}

.quote-list-item a[b-2a4uoli2b3] {
    color: #e5f0b5;
    font-weight: 700;
    text-decoration: none;
}

.empty-state[b-2a4uoli2b3] {
    background: rgba(255, 255, 255, .04);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    color: rgba(246, 249, 255, .72);
    margin: 0;
    padding: 1rem;
}

.modal-backdrop[b-2a4uoli2b3] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, .78);
    padding: 1rem;
}

.modal[b-2a4uoli2b3] {
    width: min(780px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #0b1a35;
    color: #f8fafc;
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.modal-header[b-2a4uoli2b3],
.modal-actions[b-2a4uoli2b3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.modal-header h2[b-2a4uoli2b3] {
    margin: 0;
}

.modal-header p[b-2a4uoli2b3],
.auto-cc[b-2a4uoli2b3] {
    margin: .35rem 0 0;
    color: rgba(246, 249, 255, .72);
}

.modal-actions[b-2a4uoli2b3] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.icon-button[b-2a4uoli2b3] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.pill-input[b-2a4uoli2b3] {
    align-items: center;
    background: rgba(7, 18, 28, .5);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-height: 3rem;
    padding: .4rem;
}

.pill-input input[b-2a4uoli2b3] {
    border: 0;
    background: transparent;
    flex: 1 1 180px;
    outline: 0;
}

.email-pill[b-2a4uoli2b3] {
    align-items: center;
    background: rgba(201, 233, 74, .16);
    border: 1px solid rgba(201, 233, 74, .35);
    border-radius: 999px;
    color: #f9ffcf;
    display: inline-flex;
    font-weight: 700;
    gap: .35rem;
    padding: .28rem .42rem .28rem .65rem;
}

.email-pill button[b-2a4uoli2b3],
.pill-add[b-2a4uoli2b3] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 800;
}

.email-pill button[b-2a4uoli2b3] {
    background: rgba(255, 255, 255, .16);
    color: #fff;
    height: 1.35rem;
    width: 1.35rem;
}

.pill-add[b-2a4uoli2b3] {
    background: rgba(255, 255, 255, .12);
    color: #f6f9ff;
    padding: .32rem .65rem;
}

.recipient-suggestions[b-2a4uoli2b3] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(7, 18, 28, .72);
    display: grid;
    gap: .25rem;
    margin-top: .35rem;
    max-height: 180px;
    overflow-y: auto;
    padding: .35rem;
}

.recipient-suggestions button[b-2a4uoli2b3] {
    align-items: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #f6f9ff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .5rem .55rem;
    text-align: left;
}

.recipient-suggestions button:hover[b-2a4uoli2b3] {
    background: rgba(201, 233, 74, .1);
}

.recipient-suggestions small[b-2a4uoli2b3] {
    color: rgba(246, 249, 255, .62);
    font-size: .78rem;
}

@media (max-width: 1100px) {
    .quote-detail-grid[b-2a4uoli2b3],
    .profitability-metrics[b-2a4uoli2b3],
    .quote-line-row[b-2a4uoli2b3],
    .revenue-metadata-form[b-2a4uoli2b3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-2a4uoli2b3],
    .lifecycle-panel[b-2a4uoli2b3],
    .modal-grid[b-2a4uoli2b3] {
        grid-template-columns: 1fr;
    }

    .quote-hero[b-2a4uoli2b3],
    .relationship-panel[b-2a4uoli2b3],
    .modal-header[b-2a4uoli2b3] {
        display: grid;
    }

    .hero-actions[b-2a4uoli2b3] {
        justify-content: flex-start;
    }

    .modal-wide[b-2a4uoli2b3] {
        grid-column: auto;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Invoices.razor.rz.scp.css */
.staff-shell[b-i0fiza4r12],
.staff-content[b-i0fiza4r12] {
    background: rgba(201, 233, 74, .08);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-content[b-i0fiza4r12] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.staff-header[b-i0fiza4r12],
.card-title-row[b-i0fiza4r12] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.staff-header h1[b-i0fiza4r12],
.card-title-row h2[b-i0fiza4r12],
.card-title-row h3[b-i0fiza4r12] {
    margin: 0;
}

.subtitle[b-i0fiza4r12],
.card-subtitle[b-i0fiza4r12],
.quote-title[b-i0fiza4r12] {
    color: rgba(246, 249, 255, .76);
    margin: .35rem 0 0;
}

.card-subtitle[b-i0fiza4r12] {
    font-size: .92rem;
}

.customer-tabs[b-i0fiza4r12] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tab-button[b-i0fiza4r12] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, .25);
    padding: .45rem .8rem;
    font-weight: 700;
    cursor: pointer;
    background: rgba(7, 18, 28, .5);
    color: #f6f9ff;
}

.tab-button.active[b-i0fiza4r12] {
    border-color: rgba(201, 233, 74, .7);
    background: rgba(201, 233, 74, .18);
    color: #f9ffcf;
}

.card[b-i0fiza4r12] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    padding: 1rem;
    display: grid;
    gap: .85rem;
}

.quote-filter-row[b-i0fiza4r12] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(2, minmax(150px, .85fr));
    gap: .55rem;
    width: 100%;
    align-items: center;
}

label[b-i0fiza4r12] {
    display: grid;
    gap: .28rem;
    font-weight: 600;
}

input[b-i0fiza4r12],
select[b-i0fiza4r12],
textarea[b-i0fiza4r12] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    padding: .55rem .6rem;
    min-width: 0;
}

textarea[b-i0fiza4r12] {
    min-height: 92px;
    resize: vertical;
}

input[b-i0fiza4r12]::placeholder,
textarea[b-i0fiza4r12]::placeholder {
    color: rgba(246, 249, 255, .46);
}

input:focus[b-i0fiza4r12],
select:focus[b-i0fiza4r12],
textarea:focus[b-i0fiza4r12] {
    outline: 2px solid rgba(201, 233, 74, .35);
    border-color: rgba(201, 233, 74, .62);
}

.primary[b-i0fiza4r12],
.danger[b-i0fiza4r12],
.secondary[b-i0fiza4r12],
.details-button[b-i0fiza4r12] {
    border: 0;
    border-radius: 999px;
    padding: .55rem .9rem;
    font-weight: 700;
    cursor: pointer;
    width: fit-content;
}

.primary[b-i0fiza4r12] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-i0fiza4r12],
.details-button[b-i0fiza4r12] {
    border: 1px solid rgba(201, 233, 74, .35);
    background: rgba(201, 233, 74, .14);
    color: #e5f0b5;
}

.danger[b-i0fiza4r12] {
    background: #b91c1c;
    color: #fff;
}

.compact[b-i0fiza4r12] {
    padding: .32rem .65rem;
    font-size: .78rem;
}

button:disabled[b-i0fiza4r12] {
    cursor: not-allowed;
    opacity: .48;
}

.status-banner[b-i0fiza4r12] {
    color: #c9e94a;
    background: rgba(201, 233, 74, .1);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 10px;
    margin: 0;
    padding: .65rem .75rem;
}

.staff-status.error[b-i0fiza4r12],
.modal-validation-summary[b-i0fiza4r12] {
    color: #fecaca;
}

.empty-state[b-i0fiza4r12] {
    color: rgba(246, 249, 255, .72);
    background: rgba(255, 255, 255, .04);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    margin: 0;
    padding: 1rem;
}

.tasks-table-wrap[b-i0fiza4r12] {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
}

.tasks-table[b-i0fiza4r12] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, .03);
}

.tasks-table th[b-i0fiza4r12],
.tasks-table td[b-i0fiza4r12] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .72rem .75rem;
    text-align: left;
    vertical-align: middle;
}

.tasks-table th[b-i0fiza4r12] {
    color: #c9e94a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tasks-table tbody tr:hover[b-i0fiza4r12] {
    background: rgba(201, 233, 74, .08);
}

.clickable-row[b-i0fiza4r12] {
    cursor: pointer;
}

.tasks-table tr:last-child td[b-i0fiza4r12] {
    border-bottom: 0;
}

.actions-cell[b-i0fiza4r12] {
    text-align: right;
    white-space: nowrap;
}

.quote-chip[b-i0fiza4r12] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-draft[b-i0fiza4r12],
.status-cancelled[b-i0fiza4r12] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.status-published[b-i0fiza4r12],
.status-sent[b-i0fiza4r12] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-accepted[b-i0fiza4r12] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-rejected[b-i0fiza4r12] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.modal-backdrop[b-i0fiza4r12] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, .78);
    padding: 1rem;
}

.modal[b-i0fiza4r12] {
    width: min(920px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #0b1a35;
    color: #f8fafc;
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.modal-header[b-i0fiza4r12] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.modal-header h2[b-i0fiza4r12] {
    margin: 0;
}

.modal-header p[b-i0fiza4r12] {
    margin: .35rem 0 0;
    color: rgba(246, 249, 255, .72);
}

.icon-button[b-i0fiza4r12] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

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

.modal-wide[b-i0fiza4r12],
.modal-validation-summary[b-i0fiza4r12] {
    grid-column: 1 / -1;
}

.modal-validation-summary[b-i0fiza4r12] {
    border: 1px solid rgba(248, 113, 113, .42);
    border-radius: 10px;
    background: rgba(127, 29, 29, .28);
    padding: .75rem .85rem;
}

.modal-actions[b-i0fiza4r12] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

.line-items-card[b-i0fiza4r12] {
    display: grid;
    gap: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: 1rem;
}

.quote-line-row[b-i0fiza4r12] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(100px, .45fr) minmax(220px, 1.35fr) auto;
    gap: .65rem;
    align-items: end;
}

.line-description textarea[b-i0fiza4r12] {
    min-height: 42px;
}

.quote-total-strip[b-i0fiza4r12] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: .75rem;
}

@media (max-width: 1100px) {
    .quote-filter-row[b-i0fiza4r12],
    .quote-line-row[b-i0fiza4r12] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-i0fiza4r12],
    .quote-filter-row[b-i0fiza4r12],
    .quote-line-row[b-i0fiza4r12],
    .modal-grid[b-i0fiza4r12] {
        grid-template-columns: 1fr;
    }

    .staff-header[b-i0fiza4r12],
    .card-title-row[b-i0fiza4r12],
    .modal-header[b-i0fiza4r12] {
        display: grid;
    }

    .modal-wide[b-i0fiza4r12],
    .modal-validation-summary[b-i0fiza4r12] {
        grid-column: auto;
    }
}
/* /Areas/IsoBuilderStaff/Pages/IsoBuilderReleasesDashboardV2.razor.rz.scp.css */
.release-page .table-panel[b-3fd756tiuf] {
    background: rgba(7, 18, 28, 0.55);
    border: 1px solid rgba(201, 233, 74, 0.2);
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.release-link[b-3fd756tiuf] {
    color: #d7ec71;
    text-decoration: none;
    font-weight: 700;
}

.release-link:hover[b-3fd756tiuf] {
    text-decoration: underline;
}

.subtitle[b-3fd756tiuf],
.hint-text[b-3fd756tiuf] {
    margin-top: 0.45rem;
    color: rgba(246, 249, 255, 0.82);
}

.panel-heading[b-3fd756tiuf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.header-actions[b-3fd756tiuf] {
    display: flex;
    gap: 0.5rem;
}

.hint-button[b-3fd756tiuf],
.action-button[b-3fd756tiuf] {
    min-height: 2.7rem;
    border-radius: 999px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.hint-button[b-3fd756tiuf] {
    border: 1px solid rgba(201, 233, 74, 0.32);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    padding: 0.45rem 0.9rem;
}

.hint-button:hover[b-3fd756tiuf] {
    background: rgba(201, 233, 74, 0.22);
}

.action-button[b-3fd756tiuf] {
    border: none;
    background: #d7ec71;
    color: #111;
    padding: 0.45rem 1rem;
}

.inline-form[b-3fd756tiuf],
.stack-form[b-3fd756tiuf] {
    margin-top: 0.75rem;
}

.inline-form[b-3fd756tiuf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.stack-form[b-3fd756tiuf] {
    display: grid;
    gap: 0.65rem;
    max-width: 760px;
}

.inline-form input[b-3fd756tiuf],
.inline-form select[b-3fd756tiuf],
.stack-form input[b-3fd756tiuf],
.stack-form textarea[b-3fd756tiuf] {
    background: rgba(7, 18, 28, 0.78);
    border: 1px solid rgba(133, 154, 179, 0.28);
    border-radius: 12px;
    color: #f6f9ff;
    min-height: 2.8rem;
    padding: 0.65rem 0.8rem;
}

.inline-form input[b-3fd756tiuf],
.inline-form select[b-3fd756tiuf] {
    min-width: 210px;
}

.stack-form textarea[b-3fd756tiuf] {
    width: 100%;
    min-height: 96px;
    resize: vertical;
}

.checkbox-inline[b-3fd756tiuf] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.8rem;
    padding: 0 0.2rem;
    color: rgba(246, 249, 255, 0.88);
}

.checkbox-inline input[b-3fd756tiuf] {
    min-width: auto;
    min-height: auto;
    accent-color: #d7ec71;
}

.setup-grid[b-3fd756tiuf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.setup-card[b-3fd756tiuf] {
    border-radius: 14px;
    border: 1px solid rgba(133, 154, 179, 0.16);
    background: rgba(12, 24, 37, 0.72);
    padding: 1rem;
}

.compact-form input[type="number"][b-3fd756tiuf] {
    max-width: 140px;
}

.staff-status.warning[b-3fd756tiuf] {
    color: #facc15;
}

.staff-status.success[b-3fd756tiuf] {
    color: #86efac;
}

@media (max-width: 640px) {
    .inline-form input[b-3fd756tiuf],
    .inline-form select[b-3fd756tiuf],
    .stack-form input[b-3fd756tiuf],
    .stack-form textarea[b-3fd756tiuf] {
        width: 100%;
        min-width: 0;
    }

    .action-button[b-3fd756tiuf] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/IsoBuilderStaff/Pages/IsoBuilderStaffDashboard.razor.rz.scp.css */

.staff-header h1[b-4hf6s6kl5x] {
    margin: 0;
    font-size: 1.8rem;
}

.staff-header p[b-4hf6s6kl5x] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.82);
}

.staff-panel[b-4hf6s6kl5x] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 1rem;
}

.staff-panel h2[b-4hf6s6kl5x] {
    margin: 0;
    font-size: 1.1rem;
}

.staff-panel p[b-4hf6s6kl5x] {
    margin: 0.55rem 0 0.9rem;
    color: rgba(246, 249, 255, 0.82);
}

.dashboard-columns[b-4hf6s6kl5x] {
    margin-top: 1.25rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.32fr) minmax(320px, .68fr);
    align-items: stretch;
}

.tab-row[b-4hf6s6kl5x] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tab-button[b-4hf6s6kl5x] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border-radius: 999px;
    padding: 0.4rem 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.tab-button.active[b-4hf6s6kl5x] {
    border-color: rgba(201, 233, 74, 0.35);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
}

.snapshot-panel[b-4hf6s6kl5x],
.sites-panel[b-4hf6s6kl5x] {
    min-height: 0;
}

.snapshot-header[b-4hf6s6kl5x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.snapshot-header p[b-4hf6s6kl5x] {
    margin-bottom: 0;
}

.snapshot-tab-row[b-4hf6s6kl5x] {
    margin-bottom: 0;
    justify-content: flex-end;
}

.sites-panel-header[b-4hf6s6kl5x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.sites-panel-header p[b-4hf6s6kl5x] {
    margin-bottom: 0;
}

.site-table-actions[b-4hf6s6kl5x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.snapshot-table-wrapper[b-4hf6s6kl5x] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.snapshot-table[b-4hf6s6kl5x] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.03);
}

.snapshot-table th[b-4hf6s6kl5x],
.snapshot-table td[b-4hf6s6kl5x] {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    vertical-align: top;
}

.snapshot-table th[b-4hf6s6kl5x] {
    color: #c9e94a;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.snapshot-note-cell[b-4hf6s6kl5x] {
    min-width: 280px;
    white-space: pre-wrap;
}

.snapshot-note-preview[b-4hf6s6kl5x] {
    white-space: pre-wrap;
}

.snapshot-show-more-button[b-4hf6s6kl5x] {
    border: 0;
    background: transparent;
    color: #c9e94a;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    margin-left: 0.35rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 0.14rem;
}

.snapshot-show-more-button:hover[b-4hf6s6kl5x],
.snapshot-show-more-button:focus-visible[b-4hf6s6kl5x] {
    color: #e5f0b5;
}

.snapshot-customer-link[b-4hf6s6kl5x],
.snapshot-notes-button[b-4hf6s6kl5x],
.snapshot-add-note-button[b-4hf6s6kl5x] {
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
}

.snapshot-customer-link[b-4hf6s6kl5x] {
    color: #f6f9ff;
    font-weight: 700;
    padding: 0;
    text-align: left;
}

.snapshot-customer-link:hover[b-4hf6s6kl5x] {
    color: #c9e94a;
}

.snapshot-moniker[b-4hf6s6kl5x] {
    margin-top: 0.2rem;
    color: rgba(246, 249, 255, 0.65);
    font-size: 0.82rem;
}

.snapshot-actions[b-4hf6s6kl5x] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.snapshot-notes-button[b-4hf6s6kl5x],
.snapshot-add-note-button[b-4hf6s6kl5x] {
    border: 1px solid rgba(201, 233, 74, 0.35);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: 0.74rem;
    font-weight: 700;
}

.snapshot-notes-button:hover[b-4hf6s6kl5x] {
    background: rgba(201, 233, 74, 0.24);
}

.snapshot-add-note-button[b-4hf6s6kl5x] {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #f6f9ff;
}

.snapshot-add-note-button:hover[b-4hf6s6kl5x] {
    background: rgba(255, 255, 255, 0.16);
}

.mini-site-grid[b-4hf6s6kl5x] {
    margin-top: .6rem;
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, 1fr);
}

.sites-panel-grid[b-4hf6s6kl5x] {
    max-height: 70vh;
    overflow-y: auto;
    align-content: start;
    padding-right: .2rem;
}

.snapshot-note-modal-backdrop[b-4hf6s6kl5x] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(2, 8, 23, 0.72);
}

.snapshot-note-modal[b-4hf6s6kl5x] {
    width: min(720px, 100%);
    max-height: min(82vh, 760px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    background: #101827;
    color: #f6f9ff;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.snapshot-note-modal header[b-4hf6s6kl5x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.snapshot-note-modal header span[b-4hf6s6kl5x] {
    color: #c9e94a;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.snapshot-note-modal h2[b-4hf6s6kl5x] {
    margin: 0.2rem 0 0;
    font-size: 1.2rem;
}

.snapshot-note-modal header p[b-4hf6s6kl5x] {
    margin: 0.25rem 0 0;
    color: rgba(246, 249, 255, 0.72);
}

.snapshot-note-modal-close[b-4hf6s6kl5x] {
    align-self: flex-start;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f6f9ff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.snapshot-note-modal-close:hover[b-4hf6s6kl5x] {
    background: rgba(255, 255, 255, 0.16);
}

.snapshot-note-modal-content[b-4hf6s6kl5x] {
    overflow: auto;
    padding: 1rem;
    white-space: pre-wrap;
    line-height: 1.55;
}

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

    .sites-panel-header[b-4hf6s6kl5x] {
        flex-direction: column;
    }

    .snapshot-tab-row[b-4hf6s6kl5x] {
        justify-content: flex-start;
    }

    .mini-site-grid[b-4hf6s6kl5x] {
        grid-template-columns: 1fr;
    }

    .snapshot-note-modal header[b-4hf6s6kl5x] {
        flex-direction: column;
    }

    .snapshot-note-modal-close[b-4hf6s6kl5x] {
        align-self: flex-start;
    }
}

@media (max-width: 1100px) {
    .dashboard-columns[b-4hf6s6kl5x] {
        grid-template-columns: 1fr;
    }

    .sites-panel-grid[b-4hf6s6kl5x] {
        max-height: none;
    }
}



.empty-note[b-4hf6s6kl5x] { margin: .5rem 0 0; opacity: .85; }
.staff-status[b-4hf6s6kl5x] { margin: 0; }
.staff-status.error[b-4hf6s6kl5x] { color: #fecaca; }

/* /Areas/IsoBuilderStaff/Pages/LeadDetails.razor.rz.scp.css */
.lead-attention[b-id4bm88ejw],.lead-panel-heading[b-id4bm88ejw],.lead-contact[b-id4bm88ejw]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.lead-attention[b-id4bm88ejw]{padding:1rem;background:#172635;border:1px solid #344657;border-radius:8px;margin:1rem 0}.lead-panel[b-id4bm88ejw]{border:1px solid #344657;border-radius:8px;padding:1.25rem;margin:1rem 0;background:#142332}.lead-panel h2[b-id4bm88ejw]{margin:0}.lead-panel-heading[b-id4bm88ejw]{margin-bottom:1rem}.lead-contact[b-id4bm88ejw]{padding:1rem 0;border-top:1px solid #344657}.lead-contact>div[b-id4bm88ejw]{flex:1;min-width:180px;display:grid;gap:.35rem}.lead-due[b-id4bm88ejw]{color:#fecaca}.staff-prose[b-id4bm88ejw]{white-space:pre-wrap;overflow-wrap:anywhere}.lead-fields[b-id4bm88ejw]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}[b-id4bm88ejw] label{display:grid;gap:.35rem;margin-bottom:.8rem}[b-id4bm88ejw] input,[b-id4bm88ejw] select,[b-id4bm88ejw] textarea{max-width:100%;color:#f0f5fa;background:#122131;border:1px solid #45627f;padding:.6rem;border-radius:5px}[b-id4bm88ejw] input[type=checkbox]{width:auto}[b-id4bm88ejw] textarea{width:100%}@media(max-width:600px){.lead-fields[b-id4bm88ejw]{grid-template-columns:1fr}}
/* /Areas/IsoBuilderStaff/Pages/Leads.razor.rz.scp.css */
.lead-actions[b-s0bvl0ues2],.lead-summary[b-s0bvl0ues2]{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.lead-summary[b-s0bvl0ues2]{margin:1rem 0;padding:1rem;border:1px solid #344657;border-radius:8px;background:#172635}.lead-summary strong[b-s0bvl0ues2]{color:#d7ec71}.lead-filters[b-s0bvl0ues2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.lead-filters label[b-s0bvl0ues2]{display:grid;gap:.35rem}.lead-filters input[b-s0bvl0ues2],.lead-filters select[b-s0bvl0ues2]{width:100%;color:#f0f5fa;background:#122131;border:1px solid #45627f;padding:.6rem;border-radius:5px}.lead-dot[b-s0bvl0ues2]{display:inline-block;width:8px;height:8px;background:#ef4444;border-radius:50%;margin-left:6px}.lead-due[b-s0bvl0ues2]{color:#fecaca}td small[b-s0bvl0ues2]{display:block;color:#a9baca}.sort-header[b-s0bvl0ues2]{color:inherit;background:none;border:0;cursor:pointer;text-align:left}@media(max-width:800px){.lead-filters[b-s0bvl0ues2]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.lead-filters[b-s0bvl0ues2]{grid-template-columns:1fr}}
/* /Areas/IsoBuilderStaff/Pages/Ledger.razor.rz.scp.css */
.staff-page-layout[b-27mv2jydc1] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    max-width: 100%;
    min-width: 0;
}

.staff-shell[b-27mv2jydc1],
.staff-content[b-27mv2jydc1] {
    background: rgba(10, 19, 31, 0.92);
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    color: #f4f7fb;
    padding: 1.5rem;
    box-shadow: 0 18px 40px rgba(3, 9, 17, 0.24);
    min-width: 0;
}

.ledger-content[b-27mv2jydc1] {
    display: grid;
    gap: 1.25rem;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.ledger-header[b-27mv2jydc1] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.16);
}

.header-actions[b-27mv2jydc1] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.staff-header h1[b-27mv2jydc1],
.panel-title-row h2[b-27mv2jydc1] {
    margin: 0;
}

.staff-header p[b-27mv2jydc1] {
    margin: 0.55rem 0 0;
    color: rgba(231, 238, 247, 0.76);
}

.staff-status[b-27mv2jydc1] {
    margin: 0;
}

.staff-status.error[b-27mv2jydc1] {
    color: #fecaca;
}

.staff-status.success[b-27mv2jydc1] {
    color: #d7ec71;
}

.saved-view-panel[b-27mv2jydc1],
.table-panel[b-27mv2jydc1] {
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: linear-gradient(180deg, rgba(19, 31, 48, 0.96), rgba(11, 20, 32, 0.96));
    padding: 1.25rem;
    min-width: 0;
}

.saved-view-panel[b-27mv2jydc1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.saved-view[b-27mv2jydc1] {
    border: 1px solid rgba(133, 154, 179, 0.2);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.045);
    color: #f4f7fb;
    cursor: pointer;
    display: grid;
    gap: 0.15rem;
    min-height: 4.2rem;
    padding: 0.75rem 0.85rem;
    text-align: left;
}

.saved-view span[b-27mv2jydc1] {
    font-weight: 800;
}

.saved-view small[b-27mv2jydc1] {
    color: rgba(231, 238, 247, 0.62);
    font-weight: 700;
}

.saved-view.active[b-27mv2jydc1],
.saved-view:hover[b-27mv2jydc1] {
    border-color: rgba(215, 236, 113, 0.55);
    background: rgba(215, 236, 113, 0.13);
}

.entry-form-grid[b-27mv2jydc1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.entry-form-grid label[b-27mv2jydc1] {
    display: grid;
    gap: 0.4rem;
    color: rgba(231, 238, 247, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.entry-form-grid input[b-27mv2jydc1],
.entry-form-grid select[b-27mv2jydc1],
.entry-form-grid textarea[b-27mv2jydc1] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0.58rem 0.65rem;
}

.entry-form-grid option[b-27mv2jydc1] {
    background: #111d2b;
    color: #f4f7fb;
}

.entry-form-grid textarea[b-27mv2jydc1] {
    min-height: 5rem;
    resize: vertical;
}

.entry-form-grid .wide[b-27mv2jydc1] {
    grid-column: 1 / -1;
}

.panel-title-row[b-27mv2jydc1],
.action-row[b-27mv2jydc1],
.row-actions[b-27mv2jydc1] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
}

.panel-title-row[b-27mv2jydc1] {
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.panel-title-row p[b-27mv2jydc1] {
    color: rgba(231, 238, 247, 0.62);
    margin: 0.25rem 0 0;
}

.action-row[b-27mv2jydc1] {
    margin-top: 1rem;
}

.row-actions[b-27mv2jydc1] {
    justify-content: flex-end;
}

.section-kicker[b-27mv2jydc1] {
    color: rgba(215, 236, 113, 0.95);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.primary[b-27mv2jydc1],
.secondary[b-27mv2jydc1],
.danger[b-27mv2jydc1] {
    border: 0;
    border-radius: 999px;
    min-height: 2.55rem;
    padding: 0 0.9rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.primary[b-27mv2jydc1] {
    background: #d7ec71;
    color: #13210f;
}

.secondary[b-27mv2jydc1] {
    color: #f4f7fb;
    border: 1px solid rgba(133, 154, 179, 0.24);
    background: rgba(255, 255, 255, 0.07);
}

.danger[b-27mv2jydc1] {
    background: rgba(185, 28, 28, 0.9);
    color: #fff;
}

.amount[b-27mv2jydc1] {
    font-weight: 800;
}

.compact[b-27mv2jydc1] {
    min-height: 2.2rem;
    padding: 0 0.7rem;
}

.modal-backdrop[b-27mv2jydc1] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(2, 6, 23, 0.78);
}

.transaction-modal[b-27mv2jydc1] {
    width: min(980px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.28);
    background: #0b1725;
    color: #f4f7fb;
    padding: 1.25rem;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48);
}

.transaction-modal.import-modal[b-27mv2jydc1] {
    width: min(1500px, calc(100vw - 1rem));
}

.import-upload-row[b-27mv2jydc1] {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.file-picker[b-27mv2jydc1] {
    display: grid;
    gap: 0.4rem;
    color: rgba(231, 238, 247, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.file-picker input[b-27mv2jydc1] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0.58rem 0.65rem;
}

.format-reference[b-27mv2jydc1] {
    align-items: center;
    border: 1px solid rgba(133, 154, 179, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    position: relative;
}

.format-reference code[b-27mv2jydc1] {
    color: rgba(231, 238, 247, 0.78);
    display: block;
    font-size: 0.72rem;
    overflow: auto;
    padding: 0.58rem 0 0.58rem 0.65rem;
    white-space: nowrap;
}

.format-help[b-27mv2jydc1] {
    display: inline-flex;
    justify-content: center;
    padding-right: 0.65rem;
    position: relative;
}

.format-help-trigger[b-27mv2jydc1] {
    border: 1px solid rgba(215, 236, 113, 0.4);
    border-radius: 999px;
    background: rgba(215, 236, 113, 0.13);
    color: #d7ec71;
    cursor: help;
    font-weight: 900;
    height: 1.85rem;
    line-height: 1;
    width: 1.85rem;
}

.format-tooltip[b-27mv2jydc1] {
    border: 1px solid rgba(215, 236, 113, 0.35);
    border-radius: 8px;
    background: #101d2d;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
    color: rgba(244, 247, 251, 0.92);
    display: none;
    font-size: 0.78rem;
    gap: 0.4rem;
    line-height: 1.35;
    padding: 0.75rem;
    position: absolute;
    right: 0.35rem;
    top: calc(100% + 0.55rem);
    width: min(32rem, calc(100vw - 3rem));
    z-index: 10;
}

.format-tooltip strong[b-27mv2jydc1] {
    color: #f4f7fb;
}

.format-help:hover .format-tooltip[b-27mv2jydc1],
.format-help:focus-within .format-tooltip[b-27mv2jydc1] {
    display: grid;
}

.import-summary[b-27mv2jydc1],
.import-toolbar[b-27mv2jydc1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0.9rem 0;
}

.import-summary span[b-27mv2jydc1] {
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(231, 238, 247, 0.82);
    font-size: 0.78rem;
    font-weight: 800;
    min-height: 2rem;
    padding: 0.35rem 0.7rem;
}

.import-summary .warning-text[b-27mv2jydc1] {
    color: #f7dd7a;
}

.import-toolbar[b-27mv2jydc1] {
    justify-content: space-between;
}

.import-toolbar select[b-27mv2jydc1] {
    min-height: 2.2rem;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0 0.65rem;
}

.import-toolbar option[b-27mv2jydc1] {
    background: #0b1725;
    color: #f4f7fb;
}

.import-table-wrap[b-27mv2jydc1] {
    border: 1px solid rgba(133, 154, 179, 0.16);
    border-radius: 12px;
    max-height: min(56vh, 640px);
    max-width: 100%;
    overflow: auto;
}

.import-table[b-27mv2jydc1] {
    min-width: 2100px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(7, 14, 24, 0.94);
    color: #f4f7fb;
    font-size: 0.78rem;
}

.import-table th[b-27mv2jydc1],
.import-table td[b-27mv2jydc1] {
    border-bottom: 1px solid rgba(133, 154, 179, 0.13);
    padding: 0.5rem;
    text-align: left;
    vertical-align: top;
}

.import-table thead th[b-27mv2jydc1] {
    background: #101d2d;
    color: rgba(231, 238, 247, 0.84);
    font-size: 0.72rem;
    font-weight: 800;
    position: sticky;
    top: 0;
    z-index: 2;
}

.import-table input[b-27mv2jydc1],
.import-table select[b-27mv2jydc1] {
    width: 100%;
    min-width: 8rem;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.055);
    color: #f4f7fb;
    padding: 0.38rem 0.44rem;
}

.import-table input[type="checkbox"][b-27mv2jydc1] {
    min-width: 0;
    width: 1.05rem;
    height: 1.05rem;
}

.import-table select option[b-27mv2jydc1] {
    background: #0b1725;
    color: #f4f7fb;
}

.import-table .amount-input[b-27mv2jydc1] {
    min-width: 6rem;
}

.import-table .description-input[b-27mv2jydc1] {
    min-width: 14rem;
}

.import-row.has-error td[b-27mv2jydc1] {
    background: rgba(185, 28, 28, 0.13);
}

.import-row.has-duplicate td[b-27mv2jydc1] {
    background: rgba(247, 221, 122, 0.08);
}

.import-row.skipped td[b-27mv2jydc1] {
    opacity: 0.68;
}

.status-pill[b-27mv2jydc1],
.issue-chip[b-27mv2jydc1] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-weight: 800;
    line-height: 1.2;
    min-height: 1.65rem;
    padding: 0.25rem 0.55rem;
}

.status-pill.ready[b-27mv2jydc1] {
    background: rgba(143, 240, 192, 0.18);
    color: #8ff0c0;
}

.status-pill.error[b-27mv2jydc1],
.issue-chip.error[b-27mv2jydc1] {
    background: rgba(185, 28, 28, 0.22);
    color: #fecaca;
}

.status-pill.warning[b-27mv2jydc1],
.issue-chip.warning[b-27mv2jydc1] {
    background: rgba(247, 221, 122, 0.18);
    color: #f7dd7a;
}

.status-pill.muted[b-27mv2jydc1] {
    background: rgba(133, 154, 179, 0.18);
    color: rgba(231, 238, 247, 0.72);
}

.issue-list[b-27mv2jydc1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 16rem;
}

.issue-chip[b-27mv2jydc1] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.duplicate-override[b-27mv2jydc1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(231, 238, 247, 0.78);
    font-weight: 800;
    white-space: nowrap;
}

.modal-header[b-27mv2jydc1],
.modal-actions[b-27mv2jydc1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.modal-header[b-27mv2jydc1] {
    margin-bottom: 1rem;
}

.modal-header h2[b-27mv2jydc1],
.modal-header p[b-27mv2jydc1] {
    margin: 0.25rem 0 0;
}

.modal-header p[b-27mv2jydc1] {
    color: rgba(231, 238, 247, 0.72);
}

.modal-actions[b-27mv2jydc1] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.icon-button[b-27mv2jydc1] {
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 999px;
    width: 2.2rem;
    height: 2.2rem;
    background: rgba(255, 255, 255, 0.08);
    color: #f4f7fb;
    cursor: pointer;
    font-weight: 800;
}

.flow-chip[b-27mv2jydc1],
.direction-chip[b-27mv2jydc1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-weight: 800;
    white-space: nowrap;
}

.flow-chip.income[b-27mv2jydc1],
.direction-chip.income[b-27mv2jydc1] {
    color: #0e2b1f;
    background: #8ff0c0;
}

.flow-chip.expense[b-27mv2jydc1],
.direction-chip.expense[b-27mv2jydc1] {
    color: #35130d;
    background: #ffb59d;
}

.flow-chip.warning[b-27mv2jydc1],
.direction-chip.warning[b-27mv2jydc1] {
    color: #2f2507;
    background: #f7dd7a;
}

.amount.debit[b-27mv2jydc1] {
    color: #ffb59d;
}

.amount.credit[b-27mv2jydc1] {
    color: #8ff0c0;
}

.grid-link[b-27mv2jydc1] {
    color: #d7ec71;
    font-weight: 800;
    text-decoration: none;
}

.ledger-table-wrap[b-27mv2jydc1] {
    border: 1px solid rgba(133, 154, 179, 0.16);
    border-radius: 12px;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
}

.ledger-table[b-27mv2jydc1] {
    width: 100%;
    min-width: 1280px;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(7, 14, 24, 0.94);
    color: #f4f7fb;
    font-size: 0.82rem;
}

.ledger-table th[b-27mv2jydc1],
.ledger-table td[b-27mv2jydc1] {
    border-bottom: 1px solid rgba(133, 154, 179, 0.13);
    padding: 0.62rem 0.72rem;
    text-align: left;
    vertical-align: top;
}

.ledger-table thead th[b-27mv2jydc1] {
    background: #101d2d;
    color: rgba(231, 238, 247, 0.84);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    position: sticky;
    top: 0;
    z-index: 2;
}

.sort-header[b-27mv2jydc1] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 0.35rem;
    justify-content: flex-start;
    min-height: 1.4rem;
    padding: 0;
    text-align: left;
    width: 100%;
}

.sort-header span[b-27mv2jydc1] {
    color: rgba(215, 236, 113, 0.92);
    font-size: 0.82rem;
    line-height: 1;
    min-width: 0.75rem;
}

.sort-header:hover[b-27mv2jydc1],
.sort-header.active[b-27mv2jydc1] {
    color: #f4f7fb;
}

.ledger-table tbody tr:hover td[b-27mv2jydc1] {
    background: rgba(215, 236, 113, 0.045);
}

.ledger-table tbody tr:nth-child(4n + 1) td[b-27mv2jydc1] {
    background: rgba(255, 255, 255, 0.018);
}

.column-filter-row th[b-27mv2jydc1] {
    background: #0b1725;
    padding: 0.45rem;
    position: sticky;
    top: 2.2rem;
    z-index: 2;
}

.column-filter-row input[b-27mv2jydc1],
.column-filter-row select[b-27mv2jydc1] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(133, 154, 179, 0.26);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.055);
    color: #f4f7fb;
    font-size: 0.78rem;
    outline: none;
    padding: 0.42rem 0.48rem;
}

.column-filter-row select option[b-27mv2jydc1] {
    background: #0b1725;
    color: #f4f7fb;
}

.column-filter-row input[b-27mv2jydc1]::placeholder {
    color: rgba(231, 238, 247, 0.38);
}

.column-filter-row input:focus[b-27mv2jydc1],
.column-filter-row select:focus[b-27mv2jydc1] {
    border-color: rgba(215, 236, 113, 0.72);
    box-shadow: 0 0 0 2px rgba(215, 236, 113, 0.12);
}

.toggle-column[b-27mv2jydc1] {
    width: 2.4rem;
}

.actions-column[b-27mv2jydc1] {
    width: 9rem;
}

.money-column[b-27mv2jydc1] {
    text-align: right !important;
    white-space: nowrap;
}

.description-cell[b-27mv2jydc1] {
    max-width: 280px;
}

.document-links[b-27mv2jydc1] {
    display: grid;
    gap: 0.2rem;
}

.secondary-link[b-27mv2jydc1] {
    color: rgba(215, 236, 113, 0.72);
    font-size: 0.76rem;
}

.table-toggle[b-27mv2jydc1] {
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(133, 154, 179, 0.22);
    border-radius: 999px;
    color: #d7ec71;
    cursor: pointer;
    display: inline-flex;
    font-weight: 900;
    height: 1.65rem;
    justify-content: center;
    line-height: 1;
    width: 1.65rem;
}

.detail-row td[b-27mv2jydc1] {
    background: rgba(8, 15, 25, 0.88) !important;
    padding: 0;
}

.empty-cell[b-27mv2jydc1] {
    color: rgba(231, 238, 247, 0.66);
    padding: 1.4rem !important;
    text-align: center !important;
}

.ledger-detail[b-27mv2jydc1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
    gap: 1rem;
    padding: 0.9rem;
}

.ledger-detail section[b-27mv2jydc1] {
    border: 1px solid rgba(133, 154, 179, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
}

.ledger-detail p[b-27mv2jydc1] {
    margin: 0;
    color: rgba(231, 238, 247, 0.72);
}

.detail-kicker[b-27mv2jydc1] {
    color: rgba(215, 236, 113, 0.9);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-detail-list[b-27mv2jydc1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.payment-detail-list span[b-27mv2jydc1] {
    align-items: center;
    border: 1px solid rgba(133, 154, 179, 0.18);
    border-radius: 999px;
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.28rem 0.55rem;
}

.payment-detail-list em[b-27mv2jydc1] {
    color: rgba(231, 238, 247, 0.6);
    font-style: normal;
}

.action-link[b-27mv2jydc1] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 980px) {
    .staff-page-layout[b-27mv2jydc1] {
        grid-template-columns: 1fr;
    }

    .saved-view-panel[b-27mv2jydc1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ledger-detail[b-27mv2jydc1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .staff-shell[b-27mv2jydc1],
    .staff-content[b-27mv2jydc1],
    .saved-view-panel[b-27mv2jydc1],
    .table-panel[b-27mv2jydc1],
    .transaction-modal[b-27mv2jydc1] {
        padding: 1rem;
    }

    .saved-view-panel[b-27mv2jydc1] {
        grid-template-columns: 1fr;
    }
}

/* Keep the default ledger scan compact; classifications and narratives expand below. */
.ledger-table[b-27mv2jydc1] { min-width:1600px; table-layout:auto; }
.ledger-table td small[b-27mv2jydc1] { display:block; margin-top:0.3rem; color:rgba(231,238,247,0.76); }
.ledger-table td[b-27mv2jydc1] { vertical-align:top; }
.ledger-party-secondary[b-27mv2jydc1] { display:block; color:#b8c6d4; margin-top:3px; }
.ledger-table .money-column[b-27mv2jydc1] { text-align:right; white-space:nowrap; }
.ledger-content .staff-toolbar[b-27mv2jydc1] { margin-bottom:16px; }
/* /Areas/IsoBuilderStaff/Pages/MarketingAnalytics.razor.rz.scp.css */
.marketing-analytics-content[b-tnbibq5kty] {
    color-scheme: dark;
    gap: 1rem;
}

.marketing-header .subtitle[b-tnbibq5kty] {
    margin: 0.25rem 0 0;
    color: #aebfd2;
}

.analytics-toolbar[b-tnbibq5kty] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
    gap: 0.75rem;
    align-items: end;
    padding: 1rem;
    border: 1px solid #294663;
    border-radius: 12px;
    background: #0f1d2b;
}

.analytics-toolbar label[b-tnbibq5kty] {
    display: grid;
    gap: 0.35rem;
    color: #edf5ff;
    font-size: 0.86rem;
    font-weight: 700;
}

.analytics-toolbar .analytics-checkbox-label[b-tnbibq5kty] {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.45rem;
    padding-bottom: 0.05rem;
}

.analytics-toolbar .analytics-checkbox-label input[b-tnbibq5kty] {
    width: 1rem;
    height: 1rem;
    accent-color: #c9e94a;
}

.analytics-select[b-tnbibq5kty],
.analytics-input[b-tnbibq5kty] {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    min-height: 2.45rem;
    border: 1px solid #45627f;
    border-radius: 6px;
    padding: 0.45rem 0.65rem;
    color: #edf5ff;
    background: #0f1d2b;
    font: inherit;
}

.analytics-refresh[b-tnbibq5kty] {
    min-height: 2.45rem;
    white-space: nowrap;
    padding: .55rem 1rem;
    border: 1px solid #c9e94a;
    border-radius: 999px;
    background: #c9e94a;
    color: #101820;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.analytics-kpis[b-tnbibq5kty] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
    gap: 0.75rem;
}

.analytics-kpi[b-tnbibq5kty],
.analytics-panel[b-tnbibq5kty] {
    border: 1px solid #294663;
    border-radius: 12px;
    background: #0f1d2b;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.analytics-kpi[b-tnbibq5kty] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
}

.analytics-kpi span[b-tnbibq5kty],
.analytics-kpi small[b-tnbibq5kty] {
    color: #aebfd2;
    font-size: 0.82rem;
    font-weight: 700;
}

.analytics-kpi strong[b-tnbibq5kty] {
    color: #f6f9ff;
    font-size: 1.65rem;
    line-height: 1.1;
}

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

.analytics-grid-main[b-tnbibq5kty] {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.85fr);
}

.analytics-panel[b-tnbibq5kty] {
    min-width: 0;
    overflow: hidden;
}

.analytics-panel-wide[b-tnbibq5kty] {
    min-width: 0;
}

.analytics-panel header[b-tnbibq5kty] {
    padding: 1rem 1rem 0.5rem;
}

.analytics-panel-header-actions[b-tnbibq5kty] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.analytics-panel h2[b-tnbibq5kty] {
    margin: 0;
    color: #f6f9ff;
    font-size: 1.05rem;
}

.analytics-panel p[b-tnbibq5kty] {
    margin: 0.25rem 0 0;
    color: #aebfd2;
}

.analytics-segmented[b-tnbibq5kty] {
    display: inline-flex;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid #45627f;
    border-radius: 7px;
    background: #0f1d2b;
}

.analytics-segment[b-tnbibq5kty] {
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border: 0;
    border-right: 1px solid #45627f;
    color: #edf5ff;
    background: #0f1d2b;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.analytics-segment:last-child[b-tnbibq5kty] {
    border-right: 0;
}

.analytics-segment.active[b-tnbibq5kty] {
    color: #101820;
    background: #c9e94a;
}

.analytics-segment:focus-visible[b-tnbibq5kty] {
    position: relative;
    z-index: 1;
    outline: 2px solid #edf5ff;
    outline-offset: -2px;
}

.analytics-table[b-tnbibq5kty] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.analytics-table th[b-tnbibq5kty],
.analytics-table td[b-tnbibq5kty] {
    padding: 0.7rem 1rem;
    border-top: 1px solid #294663;
    text-align: left;
    vertical-align: top;
}

.analytics-table th[b-tnbibq5kty] {
    color: #aebfd2;
    background: #122131;
    font-size: 0.78rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.analytics-heading-with-hint[b-tnbibq5kty] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.analytics-hint[b-tnbibq5kty] {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 1rem;
    height: 1rem;
    border: 1px solid #45627f;
    border-radius: 50%;
    color: #edf5ff;
    background: #0f1d2b;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    text-transform: none;
    cursor: help;
}

.analytics-hint:focus-visible[b-tnbibq5kty] {
    outline: 2px solid #c9e94a;
    outline-offset: 2px;
}

.analytics-hint-tooltip[b-tnbibq5kty] {
    position: absolute;
    z-index: 6;
    right: 0;
    top: calc(100% + 0.45rem);
    width: min(17rem, 64vw);
    padding: 0.55rem 0.65rem;
    border: 1px solid #294663;
    border-radius: 6px;
    background: #091a31;
    color: #edf5ff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.24);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    text-transform: none;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.2rem);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.analytics-hint:hover .analytics-hint-tooltip[b-tnbibq5kty],
.analytics-hint:focus .analytics-hint-tooltip[b-tnbibq5kty],
.analytics-hint:focus-within .analytics-hint-tooltip[b-tnbibq5kty] {
    opacity: 1;
    transform: translateY(0);
}

.analytics-table td[b-tnbibq5kty] {
    color: #edf5ff;
}

.analytics-table td small[b-tnbibq5kty] {
    display: block;
    margin-top: 0.2rem;
    color: #aebfd2;
    overflow-wrap: anywhere;
}

.empty-state[b-tnbibq5kty] {
    padding: 0 1rem 1rem;
}

@media (max-width: 1400px) {
    .analytics-grid[b-tnbibq5kty],
    .analytics-grid-main[b-tnbibq5kty] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .analytics-toolbar[b-tnbibq5kty],
    .analytics-kpis[b-tnbibq5kty] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .analytics-toolbar[b-tnbibq5kty],
    .analytics-kpis[b-tnbibq5kty],
    .analytics-grid[b-tnbibq5kty],
    .analytics-grid-main[b-tnbibq5kty] {
        grid-template-columns: 1fr;
    }

    .analytics-panel-header-actions[b-tnbibq5kty] {
        display: grid;
    }

    .analytics-segmented[b-tnbibq5kty] {
        width: 100%;
    }

    .analytics-segment[b-tnbibq5kty] {
        flex: 1 1 0;
    }
}

.analytics-refresh:hover:enabled[b-tnbibq5kty] { filter: brightness(1.1); }
.analytics-refresh:disabled[b-tnbibq5kty] { opacity: .55; cursor: not-allowed; }
.analytics-segment:hover:not(.active)[b-tnbibq5kty] { background: #203953; }

.analytics-toolbar :is(input, select, button):focus-visible[b-tnbibq5kty] { outline: 2px solid #c9e94a; outline-offset: 2px; }
.analytics-input[b-tnbibq5kty]::placeholder { color: #aebfd2; opacity: 1; }
.analytics-table-scroll[b-tnbibq5kty] { overflow-x: auto; }
.analytics-table td:first-child[b-tnbibq5kty] { min-width: 12rem; overflow-wrap: anywhere; }
.analytics-panel-wide .analytics-table[b-tnbibq5kty] { min-width: 42rem; }

.status-banner[b-tnbibq5kty] { margin: 0; padding: .75rem 1rem; border: 1px solid #294663; border-radius: 10px; background: #122131; color: #edf5ff; }
.status-banner.error[b-tnbibq5kty] { color: #ffb7b7; border-color: rgba(255, 104, 104, .5); background: rgba(133, 25, 25, .24); }
.status-banner.warning[b-tnbibq5kty] { color: #ffd17a; border-color: rgba(255, 184, 62, .45); background: rgba(133, 86, 0, .2); }
/* /Areas/IsoBuilderStaff/Pages/Pricing.razor.rz.scp.css */
.pricing-content[b-kdqqet9kof] { display: flex; flex-direction: column; gap: 1.1rem; }
[hidden][b-kdqqet9kof] { display: none !important; }
.customer-tabs[b-kdqqet9kof] { display: flex; gap: .55rem; flex-wrap: wrap; }
.tab-button[b-kdqqet9kof] { border-radius: 10px; border: 1px solid rgba(201,233,74,.25); padding: .5rem .85rem; font: inherit; font-weight: 700; background: rgba(7,18,28,.5); color: #f6f9ff; cursor: pointer; }
.tab-button.active[b-kdqqet9kof] { border-color: #b3c847; background: rgba(201,233,74,.18); color: #f9ffcf; }
.tab-button:focus-visible[b-kdqqet9kof] { outline: 2px solid #c9e94a; outline-offset: 2px; }
/* /Areas/IsoBuilderStaff/Pages/QuoteDetails.razor.rz.scp.css */
.staff-shell[b-skcoeg9wd6],
.staff-content[b-skcoeg9wd6] {
    background: rgba(201, 233, 74, .08);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-content[b-skcoeg9wd6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.quote-hero[b-skcoeg9wd6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-bottom: 1rem;
}

.quote-title-row[b-skcoeg9wd6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .3rem;
}

.quote-title-row h1[b-skcoeg9wd6] {
    margin: 0;
}

.subtitle[b-skcoeg9wd6],
.quote-meta[b-skcoeg9wd6],
.card-subtitle[b-skcoeg9wd6],
.quote-title[b-skcoeg9wd6],
.quote-muted[b-skcoeg9wd6] {
    color: rgba(246, 249, 255, .76);
    margin: .35rem 0 0;
}

.quote-meta[b-skcoeg9wd6],
.card-subtitle[b-skcoeg9wd6],
.quote-muted[b-skcoeg9wd6] {
    font-size: .92rem;
}

.hero-actions[b-skcoeg9wd6] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    justify-content: flex-end;
}

.primary[b-skcoeg9wd6],
.danger[b-skcoeg9wd6],
.secondary[b-skcoeg9wd6],
.link-button[b-skcoeg9wd6] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    padding: .55rem .9rem;
    width: fit-content;
}

.primary[b-skcoeg9wd6] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-skcoeg9wd6],
.link-button[b-skcoeg9wd6] {
    border: 1px solid rgba(201, 233, 74, .35);
    background: rgba(201, 233, 74, .14);
    color: #e5f0b5;
}

.link-button[b-skcoeg9wd6] {
    padding: .35rem .7rem;
}

.danger[b-skcoeg9wd6] {
    background: #b91c1c;
    color: #fff;
}

.compact[b-skcoeg9wd6] {
    font-size: .78rem;
    padding: .32rem .65rem;
}

button:disabled[b-skcoeg9wd6] {
    cursor: not-allowed;
    opacity: .48;
}

.status-banner[b-skcoeg9wd6] {
    color: #c9e94a;
    background: rgba(201, 233, 74, .1);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 10px;
    margin: 0;
    padding: .65rem .75rem;
}

.staff-status.error[b-skcoeg9wd6] {
    color: #fecaca;
}

.lifecycle-panel[b-skcoeg9wd6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.lifecycle-step[b-skcoeg9wd6] {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    color: rgba(246, 249, 255, .62);
    font-weight: 800;
    padding: .7rem .8rem;
    text-align: center;
}

.lifecycle-step.complete[b-skcoeg9wd6] {
    background: rgba(201, 233, 74, .13);
    border-color: rgba(201, 233, 74, .42);
    color: #f9ffcf;
}

.relationship-panel[b-skcoeg9wd6] {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .85rem 1rem;
}

.relationship-panel strong[b-skcoeg9wd6] {
    display: block;
    margin-top: .2rem;
}

.relationship-panel p[b-skcoeg9wd6] {
    color: rgba(246, 249, 255, .72);
    margin: .2rem 0 0;
}

.relationship-kicker[b-skcoeg9wd6] {
    color: #c9e94a;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.quote-detail-grid[b-skcoeg9wd6] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
    gap: 1rem;
}

.activity-card[b-skcoeg9wd6] {
    grid-column: 1 / -1;
}

.card[b-skcoeg9wd6] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.card h2[b-skcoeg9wd6],
.card h3[b-skcoeg9wd6] {
    margin: 0;
}

.card-title-row[b-skcoeg9wd6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85rem;
}

.detail-section[b-skcoeg9wd6] {
    display: grid;
    gap: .35rem;
}

.detail-section p[b-skcoeg9wd6] {
    color: rgba(246, 249, 255, .82);
    margin: 0;
    white-space: pre-wrap;
}

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

.modal-wide[b-skcoeg9wd6] {
    grid-column: 1 / -1;
}

label[b-skcoeg9wd6] {
    display: grid;
    gap: .28rem;
    font-weight: 600;
}

input[b-skcoeg9wd6],
select[b-skcoeg9wd6],
textarea[b-skcoeg9wd6] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    min-width: 0;
    padding: .55rem .6rem;
}

textarea[b-skcoeg9wd6] {
    min-height: 92px;
    resize: vertical;
}

input:focus[b-skcoeg9wd6],
select:focus[b-skcoeg9wd6],
textarea:focus[b-skcoeg9wd6] {
    outline: 2px solid rgba(201, 233, 74, .35);
    border-color: rgba(201, 233, 74, .62);
}

.line-items-card[b-skcoeg9wd6] {
    display: grid;
    gap: .65rem;
}

.quote-line-row[b-skcoeg9wd6] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(100px, .45fr) minmax(220px, 1.35fr) auto;
    gap: .65rem;
    align-items: end;
}

.line-description textarea[b-skcoeg9wd6] {
    min-height: 42px;
}

.facts-list[b-skcoeg9wd6] {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.facts-list div[b-skcoeg9wd6] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .55rem;
}

.facts-list dt[b-skcoeg9wd6] {
    color: rgba(246, 249, 255, .62);
    font-weight: 700;
}

.facts-list dd[b-skcoeg9wd6] {
    margin: 0;
    text-align: right;
}

.tasks-table-wrap[b-skcoeg9wd6] {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
}

.tasks-table[b-skcoeg9wd6] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, .03);
}

.tasks-table th[b-skcoeg9wd6],
.tasks-table td[b-skcoeg9wd6] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .72rem .75rem;
    text-align: left;
    vertical-align: middle;
}

.tasks-table td[b-skcoeg9wd6] {
    min-width: 0;
}

.tasks-table th[b-skcoeg9wd6] {
    color: #c9e94a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.quote-chip[b-skcoeg9wd6] {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1.25;
    padding: .18rem .55rem;
    white-space: nowrap;
}

.actions-column[b-skcoeg9wd6],
.row-actions[b-skcoeg9wd6] {
    text-align: right;
    white-space: nowrap;
}

.row-actions[b-skcoeg9wd6] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.inline-line-editor[b-skcoeg9wd6] {
    display: grid;
    gap: .4rem;
    min-width: min(360px, 100%);
}

.inline-line-editor textarea[b-skcoeg9wd6] {
    min-height: 58px;
}

.hours-editor[b-skcoeg9wd6] {
    width: 7rem;
}

.status-draft[b-skcoeg9wd6],
.status-cancelled[b-skcoeg9wd6] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.status-published[b-skcoeg9wd6],
.status-sent[b-skcoeg9wd6] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-accepted[b-skcoeg9wd6] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-rejected[b-skcoeg9wd6] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.quote-list[b-skcoeg9wd6] {
    display: grid;
    gap: .5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.quote-list-item[b-skcoeg9wd6] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: space-between;
    padding: .6rem .7rem;
}

.quote-list-item a[b-skcoeg9wd6] {
    color: #e5f0b5;
    font-weight: 700;
    text-decoration: none;
}

.empty-state[b-skcoeg9wd6] {
    background: rgba(255, 255, 255, .04);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    color: rgba(246, 249, 255, .72);
    margin: 0;
    padding: 1rem;
}

.modal-backdrop[b-skcoeg9wd6] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, .78);
    padding: 1rem;
}

.modal[b-skcoeg9wd6] {
    width: min(780px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #0b1a35;
    color: #f8fafc;
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.modal-header[b-skcoeg9wd6],
.modal-actions[b-skcoeg9wd6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.modal-header h2[b-skcoeg9wd6] {
    margin: 0;
}

.modal-header p[b-skcoeg9wd6],
.auto-cc[b-skcoeg9wd6] {
    margin: .35rem 0 0;
    color: rgba(246, 249, 255, .72);
}

.modal-actions[b-skcoeg9wd6] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.icon-button[b-skcoeg9wd6] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.pill-input[b-skcoeg9wd6] {
    align-items: center;
    background: rgba(7, 18, 28, .5);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-height: 3rem;
    padding: .4rem;
}

.pill-input input[b-skcoeg9wd6] {
    border: 0;
    background: transparent;
    flex: 1 1 180px;
    outline: 0;
}

.email-pill[b-skcoeg9wd6] {
    align-items: center;
    background: rgba(201, 233, 74, .16);
    border: 1px solid rgba(201, 233, 74, .35);
    border-radius: 999px;
    color: #f9ffcf;
    display: inline-flex;
    font-weight: 700;
    gap: .35rem;
    padding: .28rem .42rem .28rem .65rem;
}

.email-pill button[b-skcoeg9wd6],
.pill-add[b-skcoeg9wd6] {
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 800;
}

.email-pill button[b-skcoeg9wd6] {
    background: rgba(255, 255, 255, .16);
    color: #fff;
    height: 1.35rem;
    width: 1.35rem;
}

.pill-add[b-skcoeg9wd6] {
    background: rgba(255, 255, 255, .12);
    color: #f6f9ff;
    padding: .32rem .65rem;
}

.recipient-suggestions[b-skcoeg9wd6] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(7, 18, 28, .72);
    display: grid;
    gap: .25rem;
    margin-top: .35rem;
    max-height: 180px;
    overflow-y: auto;
    padding: .35rem;
}

.recipient-suggestions button[b-skcoeg9wd6] {
    align-items: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #f6f9ff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .5rem .55rem;
    text-align: left;
}

.recipient-suggestions button:hover[b-skcoeg9wd6] {
    background: rgba(201, 233, 74, .1);
}

.recipient-suggestions small[b-skcoeg9wd6] {
    color: rgba(246, 249, 255, .62);
    font-size: .78rem;
}

@media (max-width: 1100px) {
    .quote-detail-grid[b-skcoeg9wd6],
    .activity-grid[b-skcoeg9wd6],
    .quote-line-row[b-skcoeg9wd6] {
        grid-template-columns: 1fr;
    }

    .activity-card[b-skcoeg9wd6] {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-skcoeg9wd6],
    .lifecycle-panel[b-skcoeg9wd6],
    .modal-grid[b-skcoeg9wd6] {
        grid-template-columns: 1fr;
    }

    .quote-hero[b-skcoeg9wd6],
    .relationship-panel[b-skcoeg9wd6],
    .modal-header[b-skcoeg9wd6] {
        display: grid;
    }

    .hero-actions[b-skcoeg9wd6] {
        justify-content: flex-start;
    }

    .modal-wide[b-skcoeg9wd6] {
        grid-column: auto;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Quotes.razor.rz.scp.css */
.staff-shell[b-hducurzd7w],
.staff-content[b-hducurzd7w] {
    background: rgba(201, 233, 74, .08);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 14px;
    color: #f6f9ff;
    padding: 1.5rem;
}

.staff-content[b-hducurzd7w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.staff-header[b-hducurzd7w],
.card-title-row[b-hducurzd7w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.staff-header h1[b-hducurzd7w],
.card-title-row h2[b-hducurzd7w],
.card-title-row h3[b-hducurzd7w] {
    margin: 0;
}

.subtitle[b-hducurzd7w],
.card-subtitle[b-hducurzd7w],
.quote-title[b-hducurzd7w] {
    color: rgba(246, 249, 255, .76);
    margin: .35rem 0 0;
}

.card-subtitle[b-hducurzd7w] {
    font-size: .92rem;
}

.customer-tabs[b-hducurzd7w] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.tab-button[b-hducurzd7w] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, .25);
    padding: .45rem .8rem;
    font-weight: 700;
    cursor: pointer;
    background: rgba(7, 18, 28, .5);
    color: #f6f9ff;
}

.tab-button.active[b-hducurzd7w] {
    border-color: rgba(201, 233, 74, .7);
    background: rgba(201, 233, 74, .18);
    color: #f9ffcf;
}

.card[b-hducurzd7w] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    padding: 1rem;
    display: grid;
    gap: .85rem;
}

.quote-filter-row[b-hducurzd7w] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(2, minmax(150px, .85fr));
    gap: .55rem;
    width: 100%;
    align-items: center;
}

label[b-hducurzd7w] {
    display: grid;
    gap: .28rem;
    font-weight: 600;
}

input[b-hducurzd7w],
select[b-hducurzd7w],
textarea[b-hducurzd7w] {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(15, 33, 65, .7);
    color: #fff;
    padding: .55rem .6rem;
    min-width: 0;
}

textarea[b-hducurzd7w] {
    min-height: 92px;
    resize: vertical;
}

input[b-hducurzd7w]::placeholder,
textarea[b-hducurzd7w]::placeholder {
    color: rgba(246, 249, 255, .46);
}

input:focus[b-hducurzd7w],
select:focus[b-hducurzd7w],
textarea:focus[b-hducurzd7w] {
    outline: 2px solid rgba(201, 233, 74, .35);
    border-color: rgba(201, 233, 74, .62);
}

.primary[b-hducurzd7w],
.danger[b-hducurzd7w],
.secondary[b-hducurzd7w],
.details-button[b-hducurzd7w] {
    border: 0;
    border-radius: 999px;
    padding: .55rem .9rem;
    font-weight: 700;
    cursor: pointer;
    width: fit-content;
}

.primary[b-hducurzd7w] {
    background: #c9e94a;
    color: #0f2141;
}

.secondary[b-hducurzd7w],
.details-button[b-hducurzd7w] {
    border: 1px solid rgba(201, 233, 74, .35);
    background: rgba(201, 233, 74, .14);
    color: #e5f0b5;
}

.danger[b-hducurzd7w] {
    background: #b91c1c;
    color: #fff;
}

.compact[b-hducurzd7w] {
    padding: .32rem .65rem;
    font-size: .78rem;
}

button:disabled[b-hducurzd7w] {
    cursor: not-allowed;
    opacity: .48;
}

.status-banner[b-hducurzd7w] {
    color: #c9e94a;
    background: rgba(201, 233, 74, .1);
    border: 1px solid rgba(201, 233, 74, .2);
    border-radius: 10px;
    margin: 0;
    padding: .65rem .75rem;
}

.staff-status.error[b-hducurzd7w],
.modal-validation-summary[b-hducurzd7w] {
    color: #fecaca;
}

.empty-state[b-hducurzd7w] {
    color: rgba(246, 249, 255, .72);
    background: rgba(255, 255, 255, .04);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    margin: 0;
    padding: 1rem;
}

.tasks-table-wrap[b-hducurzd7w] {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
}

.tasks-table[b-hducurzd7w] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, .03);
}

.tasks-table th[b-hducurzd7w],
.tasks-table td[b-hducurzd7w] {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: .72rem .75rem;
    text-align: left;
    vertical-align: middle;
}

.tasks-table th[b-hducurzd7w] {
    color: #c9e94a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tasks-table tbody tr:hover[b-hducurzd7w] {
    background: rgba(201, 233, 74, .08);
}

.clickable-row[b-hducurzd7w] {
    cursor: pointer;
}

.tasks-table tr:last-child td[b-hducurzd7w] {
    border-bottom: 0;
}

.actions-cell[b-hducurzd7w] {
    text-align: right;
    white-space: nowrap;
}

.quote-chip[b-hducurzd7w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-draft[b-hducurzd7w],
.status-cancelled[b-hducurzd7w] {
    background: rgba(148, 163, 184, .18);
    color: #cbd5e1;
}

.status-published[b-hducurzd7w],
.status-sent[b-hducurzd7w] {
    background: rgba(96, 165, 250, .18);
    color: #bfdbfe;
}

.status-accepted[b-hducurzd7w] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-rejected[b-hducurzd7w] {
    background: rgba(248, 113, 113, .2);
    color: #fecaca;
}

.modal-backdrop[b-hducurzd7w] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, .78);
    padding: 1rem;
}

.modal[b-hducurzd7w] {
    width: min(920px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #0b1a35;
    color: #f8fafc;
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.modal-header[b-hducurzd7w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.modal-header h2[b-hducurzd7w] {
    margin: 0;
}

.modal-header p[b-hducurzd7w] {
    margin: .35rem 0 0;
    color: rgba(246, 249, 255, .72);
}

.icon-button[b-hducurzd7w] {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

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

.modal-wide[b-hducurzd7w],
.modal-validation-summary[b-hducurzd7w] {
    grid-column: 1 / -1;
}

.modal-validation-summary[b-hducurzd7w] {
    border: 1px solid rgba(248, 113, 113, .42);
    border-radius: 10px;
    background: rgba(127, 29, 29, .28);
    padding: .75rem .85rem;
}

.modal-actions[b-hducurzd7w] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

.line-items-card[b-hducurzd7w] {
    display: grid;
    gap: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: 1rem;
}

.quote-line-row[b-hducurzd7w] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(100px, .45fr) minmax(220px, 1.35fr) auto;
    gap: .65rem;
    align-items: end;
}

.line-description textarea[b-hducurzd7w] {
    min-height: 42px;
}

.quote-total-strip[b-hducurzd7w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: .75rem;
}

@media (max-width: 1100px) {
    .quote-filter-row[b-hducurzd7w],
    .quote-line-row[b-hducurzd7w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-hducurzd7w],
    .quote-filter-row[b-hducurzd7w],
    .quote-line-row[b-hducurzd7w],
    .modal-grid[b-hducurzd7w] {
        grid-template-columns: 1fr;
    }

    .staff-header[b-hducurzd7w],
    .card-title-row[b-hducurzd7w],
    .modal-header[b-hducurzd7w] {
        display: grid;
    }

    .modal-wide[b-hducurzd7w],
    .modal-validation-summary[b-hducurzd7w] {
        grid-column: auto;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Sites.razor.rz.scp.css */
.site-status-name[b-wv4m9lnvzk] { display:inline-flex; align-items:center; }
/* /Areas/IsoBuilderStaff/Pages/StaffRates.razor.rz.scp.css */
.staff-page-layout[b-8xqlf16qky] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-8xqlf16qky],
.staff-content[b-8xqlf16qky] {
    background: rgba(10, 19, 31, 0.92);
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    color: #f4f7fb;
    padding: 1.5rem;
    box-shadow: 0 18px 40px rgba(3, 9, 17, 0.24);
}

.staff-rates-content[b-8xqlf16qky] {
    display: grid;
    gap: 1.25rem;
}

.staff-rates-header[b-8xqlf16qky] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.16);
}

.staff-header h1[b-8xqlf16qky],
.panel-title-row h2[b-8xqlf16qky] {
    margin: 0;
}

.staff-header p[b-8xqlf16qky],
.panel-title-row p[b-8xqlf16qky],
.empty-state[b-8xqlf16qky] {
    margin: 0.55rem 0 0;
    color: rgba(231, 238, 247, 0.76);
}

.staff-status[b-8xqlf16qky] {
    margin: 0;
}

.staff-status.error[b-8xqlf16qky] {
    color: #fecaca;
}

.staff-status.success[b-8xqlf16qky] {
    color: #d7ec71;
}

.payroll-settings-toolbar[b-8xqlf16qky] {
    justify-content: space-between;
}

.payroll-settings-toolbar > div[b-8xqlf16qky] {
    flex: 1 1 24rem;
}

.payroll-settings-toolbar h2[b-8xqlf16qky],
.payroll-settings-toolbar p[b-8xqlf16qky] {
    margin: 0;
}

.payroll-settings-toolbar p[b-8xqlf16qky] {
    margin-top: 0.35rem;
    color: rgba(231, 238, 247, 0.76);
}

.payroll-settings-action[b-8xqlf16qky] {
    min-width: 12rem;
}

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

.rates-summary-grid article[b-8xqlf16qky],
.staff-panel[b-8xqlf16qky] {
    border-radius: 16px;
    border: 1px solid rgba(133, 154, 179, 0.18);
    background: linear-gradient(180deg, rgba(19, 31, 48, 0.96), rgba(11, 20, 32, 0.96));
    padding: 1.25rem;
}

.rates-summary-grid article[b-8xqlf16qky] {
    display: grid;
    gap: 0.25rem;
}

.rates-summary-grid span[b-8xqlf16qky],
.section-kicker[b-8xqlf16qky] {
    color: rgba(215, 236, 113, 0.95);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rates-summary-grid strong[b-8xqlf16qky] {
    color: #f4f7fb;
    font-size: 1.4rem;
    overflow-wrap: anywhere;
}

.panel-title-row[b-8xqlf16qky] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.rates-table-wrapper[b-8xqlf16qky] {
    overflow-x: auto;
    border-radius: 14px;
    border: 1px solid rgba(133, 154, 179, 0.14);
}

.rates-table[b-8xqlf16qky] {
    width: 100%;
    min-width: 1500px;
    border-collapse: collapse;
}

.rates-table th[b-8xqlf16qky],
.rates-table td[b-8xqlf16qky] {
    padding: 0.8rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.14);
    text-align: left;
    vertical-align: middle;
}

.rates-table tr[id][b-8xqlf16qky] {
    scroll-margin-top: 1.5rem;
}

.rates-table tr[id]:target[b-8xqlf16qky] {
    background: rgba(215, 236, 113, 0.09);
    box-shadow: inset 4px 0 #d7ec71;
}

.rates-table th[b-8xqlf16qky] {
    color: rgba(231, 238, 247, 0.74);
    font-size: 0.8rem;
    font-weight: 700;
}

.rates-table td strong[b-8xqlf16qky],
.rates-table td span[b-8xqlf16qky] {
    display: block;
}

.rates-table td span[b-8xqlf16qky] {
    margin-top: 0.22rem;
    color: rgba(231, 238, 247, 0.62);
    font-size: 0.82rem;
}

.settings-grid[b-8xqlf16qky] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
}

.settings-grid label[b-8xqlf16qky],
.rates-table label[b-8xqlf16qky] {
    display: grid;
    gap: 0.35rem;
    color: rgba(231, 238, 247, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
}

.settings-grid label span[b-8xqlf16qky],
.rates-table label span[b-8xqlf16qky] {
    color: rgba(215, 236, 113, 0.9);
}

.settings-grid input[b-8xqlf16qky],
.rates-table input[b-8xqlf16qky],
.rates-table select[b-8xqlf16qky] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    padding: 0.58rem 0.65rem;
}

.rates-table select[b-8xqlf16qky] {
    min-width: 10rem;
}

.rates-table input:disabled[b-8xqlf16qky] {
    opacity: 0.62;
}

.inline-check[b-8xqlf16qky] {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row;
    align-items: center;
    gap: 0.45rem !important;
    margin-top: 0.55rem;
    font-weight: 600 !important;
}

.inline-check input[b-8xqlf16qky] {
    width: auto;
}

.inline-check span[b-8xqlf16qky] {
    margin-top: 0 !important;
}

.cost-breakdown[b-8xqlf16qky] {
    display: grid;
    grid-template-columns: minmax(7rem, auto) minmax(8rem, 1fr);
    gap: 0.25rem 0.7rem;
    margin: 0 0 0.8rem;
}

.cost-breakdown dt[b-8xqlf16qky] {
    color: rgba(231, 238, 247, 0.62);
    font-size: 0.78rem;
}

.cost-breakdown dd[b-8xqlf16qky] {
    margin: 0;
    color: #f4f7fb;
    font-size: 0.82rem;
    font-weight: 700;
}

.leave-overrides[b-8xqlf16qky] {
    display: grid;
    grid-template-columns: repeat(3, minmax(7rem, 1fr));
    gap: 0.55rem;
}

.input-with-prefix[b-8xqlf16qky],
.input-with-suffix[b-8xqlf16qky] {
    display: grid;
    align-items: center;
    width: 9rem;
    border: 1px solid rgba(133, 154, 179, 0.24);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
}

.input-with-prefix[b-8xqlf16qky] {
    grid-template-columns: auto 1fr;
}

.input-with-suffix[b-8xqlf16qky] {
    grid-template-columns: 1fr auto;
}

.input-with-prefix span[b-8xqlf16qky],
.input-with-suffix span[b-8xqlf16qky] {
    padding: 0 0.7rem;
    color: rgba(231, 238, 247, 0.68);
    font-weight: 800;
}

.input-with-prefix input[b-8xqlf16qky],
.input-with-suffix input[b-8xqlf16qky] {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #f4f7fb;
    padding: 0.65rem 0.45rem;
}

.rate-badge[b-8xqlf16qky] {
    display: inline-flex !important;
    width: fit-content;
    margin-top: 0 !important;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem !important;
    font-weight: 700;
}

.rate-badge.configured[b-8xqlf16qky] {
    background: rgba(215, 236, 113, 0.16);
    color: #d7ec71;
}

.rate-badge.fallback[b-8xqlf16qky] {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(231, 238, 247, 0.82);
}

.rate-badge.pending[b-8xqlf16qky] {
    background: rgba(250, 204, 21, 0.14);
    color: #fde68a;
}

.rate-badge.retired[b-8xqlf16qky] {
    background: rgba(248, 113, 113, 0.16);
    color: #fecaca;
}

.retired-panel[b-8xqlf16qky] {
    border-color: rgba(248, 113, 113, 0.22);
}

.retired-rates-table[b-8xqlf16qky] {
    min-width: 980px;
}

.retired-actions[b-8xqlf16qky] {
    min-width: 11rem;
}

.action-row[b-8xqlf16qky] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.primary[b-8xqlf16qky] {
    border: none;
    border-radius: 999px;
    background: #d7ec71;
    color: #13210f;
    min-height: 2.8rem;
    padding: 0 1rem;
    font-weight: 700;
    cursor: pointer;
}

.primary:disabled[b-8xqlf16qky] {
    opacity: 0.55;
    cursor: not-allowed;
}

.secondary[b-8xqlf16qky] {
    border: 1px solid rgba(133, 154, 179, 0.3);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f4f7fb;
    min-height: 2.5rem;
    padding: 0 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.secondary.small[b-8xqlf16qky] {
    min-height: 2.15rem;
    margin-top: 0.35rem;
    padding: 0 0.75rem;
    font-size: 0.78rem;
}

@media (max-width: 980px) {
    .staff-page-layout[b-8xqlf16qky],
    .rates-summary-grid[b-8xqlf16qky],
    .settings-grid[b-8xqlf16qky] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .staff-shell[b-8xqlf16qky],
    .staff-content[b-8xqlf16qky],
    .rates-summary-grid article[b-8xqlf16qky],
    .staff-panel[b-8xqlf16qky] {
        padding: 1rem;
    }
}
/* /Areas/IsoBuilderStaff/Pages/StaffTimeReport.razor.rz.scp.css */
.staff-content.time-report[b-762qf9c1h9] { gap: 16px; }
.report-explanation[b-762qf9c1h9] { margin: 0; }
.report-filters[b-762qf9c1h9] { align-items: end; }
.report-filters label[b-762qf9c1h9] { min-width: 11rem; }
.report-filters button[b-762qf9c1h9] { min-height: 40px; }
.report-heading[b-762qf9c1h9] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1.5rem; margin-top: .75rem; }
.report-heading h2[b-762qf9c1h9] { font-size: 1.25rem; margin: 0; }
.report-heading span[b-762qf9c1h9], .report-explanation[b-762qf9c1h9] { color: #b9c6d3; }
.report-totals[b-762qf9c1h9] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: .25rem 0; }
.report-totals > div[b-762qf9c1h9] { border-left: 3px solid #d7ef72; padding: .35rem 1rem; }
.report-totals dt[b-762qf9c1h9] { color: #b9c6d3; font-size: .9rem; }
.report-totals dd[b-762qf9c1h9] { margin: .25rem 0 0; font-size: 1.75rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.report-explanation[b-762qf9c1h9] { max-width: 90ch; line-height: 1.6; font-size: .9rem; }
.report-search[b-762qf9c1h9] { align-items: end; margin-top: .5rem; }
.report-search .empty-toggle[b-762qf9c1h9] { display: flex; flex-direction: row; align-items: center; gap: .5rem; min-height: 40px; }
.empty-toggle input[b-762qf9c1h9] { width: 1.15rem; height: 1.15rem; min-height: 0; }
.time-report[b-762qf9c1h9]  .staff-data-table { min-width: 640px; }
.time-report.staff-content[b-762qf9c1h9]  .staff-data-table th { text-align: left; }
.time-report.staff-content[b-762qf9c1h9]  .staff-data-table .amount { text-align: right; }
.time-report[b-762qf9c1h9]  .amount { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sort-header[b-762qf9c1h9] { display: inline-flex; align-items: center; gap: .35rem; width: 100%; min-height: 40px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.amount .sort-header[b-762qf9c1h9] { justify-content: flex-end; }
.sort-header span[b-762qf9c1h9] { color: #d7ef72; }
.sort-header:hover[b-762qf9c1h9] { color: #e2f495; }
.sort-header:focus-visible[b-762qf9c1h9] { outline: 2px solid #d7ef72; outline-offset: 2px; }
.category-toggle[b-762qf9c1h9] { display: inline-flex; align-items: center; gap: .6rem; min-height: 40px; padding: .25rem .5rem; border: 0; background: transparent; color: #e2f495; text-align: left; font: inherit; cursor: pointer; }
.category-toggle:hover[b-762qf9c1h9] { background: #24333b; }
.category-toggle:focus-visible[b-762qf9c1h9] { outline: 2px solid #d7ef72; outline-offset: 2px; }
.empty-category[b-762qf9c1h9] { padding-left: 1.85rem; }
.category-status[b-762qf9c1h9], .rate-basis[b-762qf9c1h9] { display: inline-block; margin-left: .65rem; color: #b9c6d3; font-size: .875rem; font-weight: 400; }
.staff-breakdown > td[b-762qf9c1h9] { padding: .5rem 1rem 1rem 2rem; background: #131f29; }
.staff-breakdown table[b-762qf9c1h9] { width: 100%; font-size: .875rem; }
.staff-breakdown th[b-762qf9c1h9], .staff-breakdown td[b-762qf9c1h9] { padding: .8rem; border-bottom: 1px solid #30404f; }
.staff-breakdown th[b-762qf9c1h9] { text-align: left; }
.staff-breakdown thead th[b-762qf9c1h9] { color: #b9c6d3; font-weight: 500; }
@media (max-width: 1100px) { .report-totals[b-762qf9c1h9] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .report-filters label[b-762qf9c1h9] { flex: 1 1 100%; } .report-totals dd[b-762qf9c1h9] { font-size: 1.4rem; } .report-totals[b-762qf9c1h9] { gap: 1rem .25rem; } }
/* /Areas/IsoBuilderStaff/Pages/SubscriptionReadiness.razor.rz.scp.css */
.readiness-page[b-zep8wxsxpo] {
    box-sizing: border-box;
    color: #f6f9ff;
    display: grid;
    gap: 1.25rem;
    margin: 0;
    max-width: none;
    width: 100%;
}

.readiness-page h2[b-zep8wxsxpo],
.readiness-page p[b-zep8wxsxpo] {
    margin-top: 0;
}

.readiness-overview[b-zep8wxsxpo],
.questionnaire-panel[b-zep8wxsxpo],
.checklist-item[b-zep8wxsxpo] {
    background: #14202b;
    border: 1px solid #334454;
    border-radius: 10px;
}

.readiness-overview[b-zep8wxsxpo] {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(17rem, .8fr) minmax(38rem, 2.2fr);
    padding: 1.1rem 1.25rem;
}

.readiness-overview-progress[b-zep8wxsxpo] {
    display: grid;
    gap: .55rem;
}

.readiness-overview-progress > strong[b-zep8wxsxpo] {
    font-size: 1.05rem;
}

.readiness-overview dl[b-zep8wxsxpo],
.questionnaire-panel dl[b-zep8wxsxpo] {
    display: grid;
    gap: .8rem 1.4rem;
    grid-template-columns: repeat(4, minmax(8rem, 1fr));
    margin: 0;
}

.readiness-overview dt[b-zep8wxsxpo],
.questionnaire-panel dt[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .52);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.readiness-overview dd[b-zep8wxsxpo],
.questionnaire-panel dd[b-zep8wxsxpo] {
    color: #f6f9ff;
    font-weight: 700;
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

.progress-track[b-zep8wxsxpo] {
    background: rgba(255, 255, 255, .1);
    border-radius: 999px;
    height: .42rem;
    overflow: hidden;
}

.progress-track span[b-zep8wxsxpo] {
    background: #c9e94a;
    border-radius: inherit;
    display: block;
    height: 100%;
}

.readiness-state[b-zep8wxsxpo],
.item-status[b-zep8wxsxpo] {
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 999px;
    color: #cbd5e1;
    font-size: .72rem;
    font-weight: 800;
    justify-self: start;
    padding: .22rem .6rem;
    text-transform: uppercase;
}

.readiness-state.ready[b-zep8wxsxpo],
.checklist-item.signedoff .item-status[b-zep8wxsxpo] {
    background: rgba(34, 197, 94, .16);
    border-color: rgba(34, 197, 94, .35);
    color: #bbf7d0;
}

.readiness-state.needs-review[b-zep8wxsxpo],
.checklist-item.needsreview .item-status[b-zep8wxsxpo] {
    background: rgba(251, 191, 36, .14);
    border-color: rgba(251, 191, 36, .35);
    color: #fde68a;
}

.readiness-state.not-ready[b-zep8wxsxpo] {
    background: rgba(248, 113, 113, .12);
    border-color: rgba(248, 113, 113, .32);
    color: #fecaca;
}

.questionnaire-panel[b-zep8wxsxpo] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.questionnaire-panel > div:first-child h2[b-zep8wxsxpo],
.questionnaire-panel > div:first-child p[b-zep8wxsxpo],
.checklist-heading h2[b-zep8wxsxpo],
.checklist-heading p[b-zep8wxsxpo] {
    margin: 0;
}

.questionnaire-panel > div:first-child p[b-zep8wxsxpo],
.checklist-heading p[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .68);
    margin-top: .3rem;
}

.questionnaire-panel input[b-zep8wxsxpo],
.questionnaire-panel select[b-zep8wxsxpo],
.checklist-item input[b-zep8wxsxpo],
.checklist-item select[b-zep8wxsxpo],
.checklist-item textarea[b-zep8wxsxpo] {
    background: rgba(15, 33, 65, .72);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 7px;
    box-sizing: border-box;
    color: #fff;
    font: inherit;
    min-width: 0;
    padding: .65rem .7rem;
    width: 100%;
}

.questionnaire-panel select[b-zep8wxsxpo] {
    max-width: 46rem;
}

.checklist-heading[b-zep8wxsxpo] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: .25rem;
}

.checklist-heading > span[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .58);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.checklist[b-zep8wxsxpo] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.checklist-item[b-zep8wxsxpo] {
    border-left: 4px solid #64748b;
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: 1.1rem 1.15rem;
}

.checklist-item.signedoff[b-zep8wxsxpo] {
    border-left-color: #22c55e;
}

.checklist-item.needsreview[b-zep8wxsxpo] {
    border-left-color: #fbbf24;
}

.checklist-item.notapplicable[b-zep8wxsxpo] {
    border-left-color: #64748b;
    opacity: .82;
}

.checklist-item header[b-zep8wxsxpo],
.questionnaire-revision header[b-zep8wxsxpo] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.checklist-item header > div[b-zep8wxsxpo] {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 0;
}

.item-number[b-zep8wxsxpo] {
    align-items: center;
    background: rgba(201, 233, 74, .12);
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 7px;
    color: #c9e94a;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .76rem;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.checklist-item h2[b-zep8wxsxpo] {
    font-size: 1.05rem;
    line-height: 1.25;
    margin: 0;
}

.checklist-item > p[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .78);
    margin-bottom: 0;
}

.checklist-item label[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .72);
    display: grid;
    font-size: .78rem;
    font-weight: 800;
    gap: .35rem;
    text-transform: uppercase;
}

.checklist-item textarea[b-zep8wxsxpo] {
    min-height: 6.5rem;
    resize: vertical;
    text-transform: none;
}

.upload-label[b-zep8wxsxpo] {
    border: 1px dashed rgba(201, 233, 74, .36);
    border-radius: 8px;
    padding: .75rem;
}

.action-row[b-zep8wxsxpo] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.action-row input[b-zep8wxsxpo] {
    flex: 1 1 20rem;
}

.compact[b-zep8wxsxpo] {
    font-size: .74rem;
    margin-left: .45rem;
    padding: .3rem .55rem;
}

.customer-evidence[b-zep8wxsxpo] {
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(96, 165, 250, .3);
    border-radius: 7px;
    color: #bfdbfe !important;
    padding: .7rem .75rem;
}

.attachment-list[b-zep8wxsxpo] {
    display: grid;
    gap: .4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.attachment-list li[b-zep8wxsxpo] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 7px;
    display: flex;
    gap: .7rem;
    padding: .55rem .65rem;
}

.attachment-list a[b-zep8wxsxpo],
.checklist-item details summary[b-zep8wxsxpo],
.questionnaire-panel details summary[b-zep8wxsxpo] {
    color: #c9e94a;
}

.attachment-list span[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .58);
    font-size: .78rem;
}

.questionnaire-revision[b-zep8wxsxpo] {
    background: rgba(15, 33, 65, .45);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 8px;
    margin-top: 1rem;
    padding: 1rem;
}

.questionnaire-revision p[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .76);
    margin: .45rem 0;
}

.questionnaire-panel details[b-zep8wxsxpo],
.checklist-item details[b-zep8wxsxpo] {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: .2rem;
    padding-top: .65rem;
}

.questionnaire-panel details li[b-zep8wxsxpo],
.checklist-item details li[b-zep8wxsxpo] {
    color: rgba(246, 249, 255, .76);
    margin: .6rem 0;
}

.questionnaire-panel details p[b-zep8wxsxpo],
.checklist-item details p[b-zep8wxsxpo] {
    margin: .2rem 0;
}

@media (max-width: 1180px) {
    .readiness-overview[b-zep8wxsxpo] {
        grid-template-columns: 1fr;
    }

    .checklist[b-zep8wxsxpo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .readiness-overview dl[b-zep8wxsxpo],
    .questionnaire-panel dl[b-zep8wxsxpo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .checklist-item header[b-zep8wxsxpo],
    .questionnaire-revision header[b-zep8wxsxpo] {
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .readiness-overview dl[b-zep8wxsxpo],
    .questionnaire-panel dl[b-zep8wxsxpo] {
        grid-template-columns: 1fr;
    }

    .checklist-heading[b-zep8wxsxpo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .action-row input[b-zep8wxsxpo] {
        flex-basis: 100%;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Testing.razor.rz.scp.css */
.staff-page-layout[b-5gflg2gfmu] { display:grid; grid-template-columns:minmax(180px,240px) 1fr; gap:1.5rem; align-items:start; }
.staff-content[b-5gflg2gfmu] { background: rgba(201,233,74,.08); border-radius:14px; border:1px solid rgba(201,233,74,.2); color:#f6f9ff; padding:1.5rem; }
.staff-header h1[b-5gflg2gfmu] { margin:0; }
.staff-header p[b-5gflg2gfmu] { margin:.5rem 0 0; color:rgba(246,249,255,.82); }
.testing-grid[b-5gflg2gfmu] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
.table-panel h3[b-5gflg2gfmu] { margin:.2rem 0 .7rem; }
.templates-header[b-5gflg2gfmu] { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:.75rem; }
.templates-helper[b-5gflg2gfmu] { margin:0; color:rgba(246,249,255,.72); max-width:42rem; }
.template-tools[b-5gflg2gfmu] { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.table-wrapper[b-5gflg2gfmu] { overflow:auto; border:1px solid rgba(255,255,255,.15); border-radius:12px; }
.clients-table[b-5gflg2gfmu] { width:100%; border-collapse:collapse; }
.clients-table th[b-5gflg2gfmu],.clients-table td[b-5gflg2gfmu] { padding:.75rem; border-bottom:1px solid rgba(255,255,255,.1); text-align:left; }
.clickable-row[b-5gflg2gfmu] { cursor:pointer; }
.clickable-row:hover[b-5gflg2gfmu] { background: rgba(201,233,74,.08); }
.expand-indicator[b-5gflg2gfmu] { width:2rem; color:#c9e94a; font-weight:700; }
.details-button[b-5gflg2gfmu] { background:#c9e94a; color:#102018; border:none; border-radius:8px; padding:.45rem .7rem; font-weight:600; cursor:pointer; }
.sites-row td[b-5gflg2gfmu] { background:rgba(16,24,20,.55); padding:0.75rem 1rem 1rem; }
.sites-table[b-5gflg2gfmu] { width:100%; border-collapse:collapse; margin-top:.35rem; }
.sites-table th[b-5gflg2gfmu],.sites-table td[b-5gflg2gfmu] { padding:.55rem .65rem; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.empty-sites[b-5gflg2gfmu] { margin:.35rem 0; color:rgba(246,249,255,.8); }
.inline-actions[b-5gflg2gfmu] { display:flex; gap:.5rem; flex-wrap:wrap; }
.runs-header[b-5gflg2gfmu] { display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem; }
.board-tabs[b-5gflg2gfmu] { display:flex; gap:.4rem; }
.tab-button[b-5gflg2gfmu] { border-radius:10px; border:1px solid rgba(201,233,74,.25); background:rgba(7,18,28,.5); color:#f6f9ff; padding:.35rem .75rem; cursor:pointer; }
.tab-button.active[b-5gflg2gfmu] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.staff-status.error[b-5gflg2gfmu] { color:#fecaca; }
.staff-status.success[b-5gflg2gfmu] { color:#d9f99d; }
.import-button[b-5gflg2gfmu] { position:relative; overflow:hidden; }
.import-input[b-5gflg2gfmu] { position:absolute; inset:0; opacity:0; cursor:pointer; }
@media (max-width:1100px) { .testing-grid[b-5gflg2gfmu] { grid-template-columns:1fr; } }
@media (max-width:900px){ .staff-page-layout[b-5gflg2gfmu]{ grid-template-columns:1fr; } }
@media (max-width:800px) { .templates-header[b-5gflg2gfmu] { flex-direction:column; } }

.product-tabs[b-5gflg2gfmu] { margin: .8rem 0 .2rem; }
/* /Areas/IsoBuilderStaff/Pages/TestingPackRun.razor.rz.scp.css */
.run-layout[b-7tz2ex1hxs] { display:grid; grid-template-columns:2fr 1fr; gap:1rem; }
.run-step[b-7tz2ex1hxs] { border:1px solid rgba(201,233,74,.2); border-radius:10px; padding:.8rem; margin:.6rem 0; background:rgba(15,29,48,.45); }
.run-step.unresolved-step[b-7tz2ex1hxs] { border-color: rgba(255,122,122,.9); box-shadow: inset 0 0 0 1px rgba(255,122,122,.35); background: rgba(66,17,24,.55); }
.inline-actions[b-7tz2ex1hxs] { display:flex; gap:.5rem; margin:.4rem 0; }
textarea[b-7tz2ex1hxs] { width:100%; background:#11233a; color:#f6f9ff; border:1px solid rgba(201,233,74,.2); border-radius:10px; padding:.55rem .65rem; }
.btn-ghost.selected.pass[b-7tz2ex1hxs] { border-color:#3ddc97; color:#3ddc97; }
.btn-ghost.selected.fail[b-7tz2ex1hxs] { border-color:#ff7a7a; color:#ff7a7a; }
.related ul[b-7tz2ex1hxs] { margin:.25rem 0 0 1rem; }
@media (max-width: 1000px){ .run-layout[b-7tz2ex1hxs] { grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/TestingRun.razor.rz.scp.css */
.run-layout[b-i2zkqvihmi] { display:grid; grid-template-columns:2fr 1fr; gap:1rem; }
.run-right-column[b-i2zkqvihmi] { display:grid; gap:1rem; align-content:start; }
.run-step[b-i2zkqvihmi] { border:1px solid rgba(201,233,74,.2); border-radius:10px; padding:.8rem; margin:.6rem 0; background:rgba(15,29,48,.45); }
.run-step.unresolved-step[b-i2zkqvihmi] { border-color: rgba(255,122,122,.9); box-shadow: inset 0 0 0 1px rgba(255,122,122,.35); background: rgba(66,17,24,.55); }
.inline-actions[b-i2zkqvihmi] { display:flex; gap:.5rem; margin:.4rem 0; }
textarea[b-i2zkqvihmi] { width:100%; background:#11233a; color:#f6f9ff; border:1px solid rgba(201,233,74,.2); border-radius:10px; padding:.55rem .65rem; }
.btn-ghost.selected.pass[b-i2zkqvihmi] { border-color:#3ddc97; color:#3ddc97; }
.btn-ghost.selected.fail[b-i2zkqvihmi] { border-color:#ff7a7a; color:#ff7a7a; }
.related ul[b-i2zkqvihmi] { margin:.25rem 0 0 1rem; }
@media (max-width: 1000px){ .run-layout[b-i2zkqvihmi] { grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/Timesheets.razor.rz.scp.css */
.staff-page-layout[b-n5ugyl3he0] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-n5ugyl3he0],
.staff-content[b-n5ugyl3he0] {
    background: rgba(201, 233, 74, 0.08);
    border-radius: 14px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #f6f9ff;
    padding: 1.5rem;
}

.timesheet-header[b-n5ugyl3he0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.timesheet-header h1[b-n5ugyl3he0] {
    margin: 0;
}

.timesheet-header p[b-n5ugyl3he0] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.82);
    max-width: 54rem;
}

.week-nav[b-n5ugyl3he0],
.entry-actions[b-n5ugyl3he0],
.entry-meta-row[b-n5ugyl3he0],
.section-title-row[b-n5ugyl3he0] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.week-nav[b-n5ugyl3he0] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.timeframe-filter[b-n5ugyl3he0],
.custom-period-filter label[b-n5ugyl3he0] {
    display: grid;
    gap: 0.3rem;
    color: rgba(246, 249, 255, 0.76);
    font-size: 0.8rem;
}

.timeframe-filter select[b-n5ugyl3he0],
.custom-period-filter input[b-n5ugyl3he0] {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(8, 14, 24, 0.8);
    color: #f6f9ff;
    padding: 0.65rem 0.75rem;
}

.custom-period-filter[b-n5ugyl3he0] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.week-summary-grid[b-n5ugyl3he0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1.2rem 0;
}

.balance-summary.missing strong[b-n5ugyl3he0],
.balance-value.negative[b-n5ugyl3he0] {
    color: #ff9f9f;
}

.balance-summary.overtime strong[b-n5ugyl3he0],
.balance-value.positive[b-n5ugyl3he0] {
    color: #9ae4bf;
}

.balance-value[b-n5ugyl3he0],
.balance-unconfigured[b-n5ugyl3he0] {
    min-width: 105px;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
}

.balance-value.balanced[b-n5ugyl3he0] {
    color: rgba(246, 249, 255, 0.82);
}

.balance-unconfigured[b-n5ugyl3he0] {
    color: rgba(246, 249, 255, 0.58);
    font-weight: 500;
}

.summary-card[b-n5ugyl3he0],
.table-card[b-n5ugyl3he0],
.timesheet-drawer[b-n5ugyl3he0],
.entry-group-card[b-n5ugyl3he0] {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(11, 18, 28, 0.52)),
        radial-gradient(circle at top right, rgba(201, 233, 74, 0.1), transparent 35%);
}

.summary-card[b-n5ugyl3he0] {
    padding: 1.1rem 1.2rem;
}

.summary-card span[b-n5ugyl3he0] {
    color: rgba(246, 249, 255, 0.72);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
}

.summary-card strong[b-n5ugyl3he0] {
    display: block;
    margin-top: 0.35rem;
    color: #d6f06d;
    font-size: 1.45rem;
}

.summary-card p[b-n5ugyl3he0] {
    margin: 0.45rem 0 0;
    color: rgba(246, 249, 255, 0.75);
}

.staff-status.success[b-n5ugyl3he0] {
    color: #d6f06d;
}

.timesheet-main-layout[b-n5ugyl3he0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.timesheet-main-layout.with-drawer[b-n5ugyl3he0] {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
}

.table-card[b-n5ugyl3he0] {
    padding: 0.25rem;
}

.table-wrapper[b-n5ugyl3he0] {
    overflow: auto;
    border-radius: 16px;
}

.timesheet-table[b-n5ugyl3he0] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.timesheet-table thead th[b-n5ugyl3he0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(12, 19, 28, 0.96);
    color: rgba(246, 249, 255, 0.92);
    text-align: left;
    padding: 0.9rem 0.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.timesheet-table thead th span[b-n5ugyl3he0] {
    display: block;
    margin-top: 0.15rem;
    color: rgba(246, 249, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 500;
}

.timesheet-table td[b-n5ugyl3he0] {
    padding: 0.75rem 0.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    vertical-align: middle;
}

.staff-column[b-n5ugyl3he0] {
    min-width: 260px;
}

.staff-row[b-n5ugyl3he0] {
    background: rgba(255, 255, 255, 0.02);
}

.category-row[b-n5ugyl3he0] {
    background: rgba(214, 240, 109, 0.06);
}

.task-row[b-n5ugyl3he0] {
    background: rgba(10, 16, 24, 0.55);
}

.expand-toggle[b-n5ugyl3he0],
.day-button[b-n5ugyl3he0] {
    width: 100%;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.task-link[b-n5ugyl3he0] {
    width: 100%;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    padding: 0;
}

.expand-toggle[b-n5ugyl3he0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
    padding: 0;
}

.staff-name-block[b-n5ugyl3he0],
.task-name-block[b-n5ugyl3he0] {
    display: grid;
    gap: 0.2rem;
}

.staff-name-block small[b-n5ugyl3he0],
.task-name-block small[b-n5ugyl3he0],
.drawer-header p[b-n5ugyl3he0],
.section-title-row p[b-n5ugyl3he0],
.empty-state[b-n5ugyl3he0] {
    color: rgba(246, 249, 255, 0.7);
}

.chevron[b-n5ugyl3he0] {
    color: #d6f06d;
    font-size: 1rem;
}

.day-cell[b-n5ugyl3he0],
.task-cell[b-n5ugyl3he0],
.week-total[b-n5ugyl3he0],
.task-total[b-n5ugyl3he0] {
    text-align: center;
}

.day-button[b-n5ugyl3he0] {
    border-radius: 12px;
    padding: 0.7rem 0.55rem;
    transition: background 0.16s ease, transform 0.16s ease, color 0.16s ease;
}

.day-button:hover[b-n5ugyl3he0] {
    background: rgba(214, 240, 109, 0.12);
}

.task-link:hover strong[b-n5ugyl3he0] {
    color: #d6f06d;
}

.day-button.has-hours[b-n5ugyl3he0] {
    background: rgba(214, 240, 109, 0.16);
    color: #f7ffd6;
    font-weight: 700;
}

.day-button.selected[b-n5ugyl3he0] {
    background: #d6f06d;
    color: #16200e;
    transform: translateY(-1px);
}

.task-name-cell[b-n5ugyl3he0] {
    padding-left: 2.2rem;
}

.category-name-cell[b-n5ugyl3he0] {
    padding-left: 1.1rem;
}

.task-label[b-n5ugyl3he0],
.drawer-kicker[b-n5ugyl3he0] {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
    color: rgba(214, 240, 109, 0.95);
}

.timesheet-drawer[b-n5ugyl3he0] {
    padding: 1.2rem;
    position: sticky;
    top: 1rem;
    align-self: start;
}

.drawer-header[b-n5ugyl3he0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.drawer-header h2[b-n5ugyl3he0],
.section-title-row h3[b-n5ugyl3he0] {
    margin: 0.3rem 0 0;
}

.drawer-section + .drawer-section[b-n5ugyl3he0] {
    margin-top: 1.4rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.entry-group-list[b-n5ugyl3he0],
.entry-list[b-n5ugyl3he0],
.entry-form[b-n5ugyl3he0] {
    display: grid;
    gap: 0.85rem;
}

.entry-group-card[b-n5ugyl3he0] {
    padding: 1rem;
}

.entry-group-header[b-n5ugyl3he0] {
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: flex-start;
}

.entry-card[b-n5ugyl3he0] {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    padding: 0.85rem;
}

.entry-display[b-n5ugyl3he0] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.entry-display p[b-n5ugyl3he0] {
    margin: 0.35rem 0 0;
    color: rgba(246, 249, 255, 0.74);
}

.entry-group-actions[b-n5ugyl3he0],
.correspondence-allocation-list[b-n5ugyl3he0] {
    display: grid;
    gap: 0.55rem;
}

.entry-group-actions[b-n5ugyl3he0] {
    grid-auto-flow: column;
    align-items: start;
}

.entry-group-note[b-n5ugyl3he0] {
    margin: 0 0 0.75rem;
    color: rgba(246, 249, 255, 0.74);
    overflow-wrap: anywhere;
}

.correspondence-allocation-row[b-n5ugyl3he0] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    border-radius: 10px;
    background: rgba(8, 14, 24, 0.58);
    padding: 0.65rem 0.75rem;
}

.correspondence-allocation-row span[b-n5ugyl3he0] {
    overflow-wrap: anywhere;
}

.entry-form label[b-n5ugyl3he0],
.entry-card label[b-n5ugyl3he0] {
    display: grid;
    gap: 0.35rem;
    color: rgba(246, 249, 255, 0.82);
}

.entry-form input[b-n5ugyl3he0],
.entry-form select[b-n5ugyl3he0],
.entry-form textarea[b-n5ugyl3he0],
.entry-card input[b-n5ugyl3he0],
.entry-card textarea[b-n5ugyl3he0] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(8, 14, 24, 0.8);
    color: #f6f9ff;
    padding: 0.7rem 0.8rem;
}

.entry-form textarea[b-n5ugyl3he0],
.entry-card textarea[b-n5ugyl3he0] {
    min-height: 5rem;
    resize: vertical;
}

.category-badge[b-n5ugyl3he0] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    background: rgba(214, 240, 109, 0.18);
    color: #d6f06d;
    font-size: 0.78rem;
    font-weight: 700;
}

.primary[b-n5ugyl3he0],
.secondary[b-n5ugyl3he0],
.btn-ghost[b-n5ugyl3he0] {
    border-radius: 10px;
    padding: 0.7rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.primary[b-n5ugyl3he0] {
    border: none;
    background: #d6f06d;
    color: #16200e;
}

.secondary[b-n5ugyl3he0] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    color: #f6f9ff;
}

.btn-ghost[b-n5ugyl3he0] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: #f6f9ff;
}

.primary:disabled[b-n5ugyl3he0],
.secondary:disabled[b-n5ugyl3he0],
.btn-ghost:disabled[b-n5ugyl3he0] {
    opacity: 0.55;
    cursor: not-allowed;
}

.leave-create-modal[b-n5ugyl3he0] {
    width: min(760px, 100%);
}

.calendar-modal-backdrop[b-n5ugyl3he0] {
    position: fixed;
    inset: 0;
    background: rgba(7, 12, 18, 0.72);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    z-index: 1400;
}

.calendar-details-modal[b-n5ugyl3he0] {
    width: min(860px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0f1722;
    color: #f6f9ff;
}

.calendar-details-header[b-n5ugyl3he0] {
    display: flex;
    justify-content: space-between;
    gap: 0.85rem;
    align-items: flex-start;
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.calendar-kicker[b-n5ugyl3he0] {
    display: inline-flex;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    background: rgba(86, 182, 139, 0.18);
    color: #9ae4bf;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.calendar-details-main[b-n5ugyl3he0] {
    min-height: 0;
    overflow-y: auto;
    padding: 1.25rem 1.4rem 1.4rem;
    display: grid;
    gap: 1rem;
}

.calendar-form-grid[b-n5ugyl3he0],
.calendar-sidebar-actions[b-n5ugyl3he0] {
    display: flex;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.calendar-form-grid label[b-n5ugyl3he0] {
    display: grid;
    gap: 0.35rem;
    flex: 1 1 220px;
    color: rgba(246, 249, 255, 0.84);
}

.calendar-form-grid__full[b-n5ugyl3he0] {
    flex-basis: 100%;
}

.calendar-form-grid input[b-n5ugyl3he0],
.calendar-form-grid select[b-n5ugyl3he0],
.calendar-form-grid textarea[b-n5ugyl3he0] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(8, 14, 24, 0.88);
    color: #f6f9ff;
    padding: 0.7rem 0.8rem;
}

@media (max-width: 1200px) {
    .timesheet-main-layout.with-drawer[b-n5ugyl3he0] {
        grid-template-columns: 1fr;
    }

    .timesheet-drawer[b-n5ugyl3he0] {
        position: static;
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-n5ugyl3he0],
    .week-summary-grid[b-n5ugyl3he0],
    .timesheet-header[b-n5ugyl3he0],
    .entry-display[b-n5ugyl3he0],
    .drawer-header[b-n5ugyl3he0] {
        grid-template-columns: 1fr;
    }

    .timesheet-header[b-n5ugyl3he0],
    .entry-display[b-n5ugyl3he0],
    .drawer-header[b-n5ugyl3he0],
    .entry-group-header[b-n5ugyl3he0] {
        display: grid;
    }

    .week-nav[b-n5ugyl3he0],
    .entry-actions[b-n5ugyl3he0],
    .entry-group-actions[b-n5ugyl3he0] {
        flex-wrap: wrap;
    }

    .entry-group-actions[b-n5ugyl3he0] {
        grid-auto-flow: row;
    }
}
/* /Areas/IsoBuilderStaff/Pages/ToDoList.razor.rz.scp.css */
.btn-primary[b-dca66s4o9u],
.btn-ghost[b-dca66s4o9u],
.column-plus[b-dca66s4o9u],
.tab-button[b-dca66s4o9u] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-dca66s4o9u] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-dca66s4o9u],
.tab-button[b-dca66s4o9u],
.column-plus[b-dca66s4o9u] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.board-tabs[b-dca66s4o9u] {
    margin-top: 1rem;
    display: flex;
    gap: .55rem;
}

.task-toolbar[b-dca66s4o9u] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
}

.tab-button.active[b-dca66s4o9u] {
    border-color: rgba(201, 233, 74, 0.7);
    background: rgba(201, 233, 74, 0.18);
}

.column-plus[b-dca66s4o9u] {
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 1.05rem;
}

/* --- Syncfusion Kanban wrapper / theming to match your old layout --- */
.ib-kanban-wrapper[b-dca66s4o9u] {
    margin-top: 1rem;
    border: 1px solid rgba(201, 233, 74, 0.2);
    border-radius: 16px;
    background: rgba(201, 233, 74, 0.07);
    padding: .8rem;
}

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-kanban {
        font-family: inherit;
        color: #f6f9ff;
        background: transparent;
        border: none;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-kanban-header,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-kanban-content,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-header-row,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-row {
        background: transparent;
        border: none;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-kanban-table {
        width: 100%;
        border-collapse: separate !important;
        border-spacing: .95rem 0;
        background: transparent;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-header-cells,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells {
        background: rgba(7, 18, 28, 0.68) !important;
        border: 1px solid rgba(255, 255, 255, .15) !important;
        border-radius: 14px;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-header-cells {
        padding: .75rem;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells {
        padding: .75rem;
        vertical-align: top;
        box-shadow: inset 0 0 0 1px rgba(9, 24, 39, 0.4);
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells .e-card-wrapper,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells .e-card-container {
        background: transparent !important;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-header-title,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-item-count {
        color: rgba(246,249,255,.84);
        font-size: .82rem;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-item-count {
        margin-top: .4rem;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-card-container {
        display: grid;
        gap: .7rem;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells.e-dropping,
    .ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells.e-target-dragged-clone {
        border-color: rgba(201, 233, 74, .8);
        box-shadow: 0 0 0 2px rgba(201, 233, 74, .25) inset;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-empty-card {
        margin-top: .4rem;
        display: block;
        border: 1px dashed rgba(255,255,255,.22);
        border-radius: 10px;
        padding: .7rem;
        color: rgba(246,249,255,.64);
        text-align: center;
    }

/* Your header template content */
.ib-kanban-column-header[b-dca66s4o9u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .65rem;
}

    .ib-kanban-column-header h2[b-dca66s4o9u] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
        color: #c9e94a;
    }

/* Remove Syncfusion’s default card chrome so your .task-card visuals win */
.ib-kanban-wrapper[b-dca66s4o9u]  .e-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0;
    height: auto !important;
}

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-card .e-card-content {
        padding: 0 !important;
    }

/* Keep a comfortable minimum height like your old columns */
.ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells .e-card-wrapper,
.ib-kanban-wrapper[b-dca66s4o9u]  .e-content-cells .e-card-container {
    min-height: 360px;
}

.ib-kanban-wrapper[b-dca66s4o9u]  .e-card.e-selection,
.ib-kanban-wrapper[b-dca66s4o9u]  .e-card.e-active {
    outline: 2px solid rgba(201, 233, 74, .55);
    border-radius: 12px;
}

/* --- Your card styling (unchanged) --- */
.task-card[b-dca66s4o9u] {
    display: grid;
    grid-template-rows: auto auto auto auto 1fr auto;
    gap: .42rem;
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
    border: 1px solid rgba(201, 233, 74, .24);
    border-radius: 12px;
    padding: .7rem;
    margin-bottom: .65rem;
    min-height: 188px;
    max-height: 212px;
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease;
    overflow: hidden;
}

    .task-card:hover[b-dca66s4o9u] {
        border-color: rgba(201, 233, 74, .62);
        transform: translateY(-1px);
    }

.task-card-top[b-dca66s4o9u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.task-key[b-dca66s4o9u] {
    font-size: .76rem;
    color: #cabff7;
    letter-spacing: .02em;
    font-weight: 700;
}

.task-card h3[b-dca66s4o9u] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-card p[b-dca66s4o9u] {
    margin: 0;
    color: rgba(246,249,255,.82);
    font-size: .86rem;
    line-height: 1.32;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.25em;
}

.task-card small[b-dca66s4o9u] {
    color: rgba(246,249,255,.72);
    font-size: .76rem;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.task-actions[b-dca66s4o9u] {
    margin-top: .1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-self: end;
}

    .task-actions .btn-ghost[b-dca66s4o9u] {
        border-color: rgba(255,255,255,.22);
        font-size: .75rem;
        padding: .3rem .55rem;
    }

.overdue[b-dca66s4o9u] {
    color: #fecaca;
    font-size: .75rem;
    font-weight: 700;
}

/* --- Modal styles (unchanged) --- */
.modal-backdrop[b-dca66s4o9u] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 50;
    padding: 1rem;
}

.create-modal[b-dca66s4o9u],
.task-modal[b-dca66s4o9u] {
    width: min(1120px, 96vw);
    background: #0f1d2b;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: #f6f9ff;
}

.create-modal[b-dca66s4o9u] {
    padding: 1rem;
    max-height: 90vh;
    overflow: auto;
}

    .create-modal header[b-dca66s4o9u],
    .create-modal footer[b-dca66s4o9u] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.modal-grid[b-dca66s4o9u] {
    display: grid;
    gap: .7rem;
    grid-template-columns: 1fr 1fr;
    margin: .8rem 0;
}

    .modal-grid label[b-dca66s4o9u] {
        display: grid;
        gap: .35rem;
        font-size: .85rem;
    }

    .modal-grid textarea[b-dca66s4o9u] {
        min-height: 92px;
    }

    .modal-grid input[b-dca66s4o9u],
    .modal-grid select[b-dca66s4o9u],
    .modal-grid textarea[b-dca66s4o9u],
    .task-details input[b-dca66s4o9u],
    .task-details select[b-dca66s4o9u],
    .add-comment textarea[b-dca66s4o9u] {
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,.2);
        background: rgba(255,255,255,.06);
        color: #fff;
        padding: .45rem .55rem;
    }

.task-modal[b-dca66s4o9u] {
    padding: 1rem;
    max-height: 92vh;
    overflow: auto;
}

.task-modal-header[b-dca66s4o9u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding-bottom: .65rem;
}

    .task-modal-header h2[b-dca66s4o9u] {
        margin: .25rem 0 0;
    }

.task-modal-layout[b-dca66s4o9u] {
    margin-top: .9rem;
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 1rem;
}

.task-main[b-dca66s4o9u],
.task-details[b-dca66s4o9u] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .85rem;
}

    .task-main h4[b-dca66s4o9u],
    .task-details h4[b-dca66s4o9u] {
        margin: 0 0 .55rem;
    }

.add-comment[b-dca66s4o9u] {
    display: grid;
    gap: .5rem;
}

    .add-comment textarea[b-dca66s4o9u] {
        min-height: 86px;
    }

.comment-item[b-dca66s4o9u] {
    border-top: 1px solid rgba(255,255,255,.12);
    margin-top: .6rem;
    padding-top: .6rem;
}

.task-details dl[b-dca66s4o9u] {
    margin: 0;
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: .45rem .75rem;
}

.task-details dt[b-dca66s4o9u] {
    color: rgba(246,249,255,.72);
    font-weight: 600;
}

.task-details dd[b-dca66s4o9u] {
    margin: 0;
}

.task-details footer[b-dca66s4o9u] {
    margin-top: .75rem;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .modal-grid[b-dca66s4o9u],
    .task-modal-layout[b-dca66s4o9u] {
        grid-template-columns: 1fr;
    }

    .task-toolbar[b-dca66s4o9u] {
        width: 100%;
    }

    .ib-kanban-wrapper[b-dca66s4o9u]  .e-kanban-table {
        border-spacing: .55rem 0;
    }
}

.column-header-actions[b-dca66s4o9u]{display:flex;gap:.4rem;align-items:center;}
.run-tests-button[b-dca66s4o9u]{padding:.3rem .55rem;font-size:.72rem;}
/* /Layout/CookieConsentBanner.razor.rz.scp.css */
.cookie-consent-banner[b-dzw859f38g] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cfd9d3;
    border-radius: 8px;
    bottom: 1rem;
    box-shadow: 0 18px 46px rgba(16, 34, 44, .2);
    color: #17242b;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    left: 1rem;
    max-width: 980px;
    padding: 1rem;
    position: fixed;
    right: 1rem;
    z-index: 1200;
}

.cookie-consent-copy[b-dzw859f38g] {
    display: grid;
    gap: .35rem;
}

.cookie-consent-title[b-dzw859f38g],
.cookie-consent-kicker[b-dzw859f38g],
.cookie-consent-choice-title[b-dzw859f38g] {
    color: #10222c;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
}

.cookie-consent-title[b-dzw859f38g] {
    font-size: 1rem;
}

.cookie-consent-kicker[b-dzw859f38g] {
    color: #587000;
    font-size: .78rem;
    text-transform: uppercase;
}

.cookie-consent-copy p[b-dzw859f38g],
.cookie-consent-choice p[b-dzw859f38g] {
    color: #34464d;
    line-height: 1.55;
    margin: 0;
}

.cookie-consent-copy p[b-dzw859f38g] {
    font-size: .93rem;
}

.cookie-consent-actions[b-dzw859f38g],
.cookie-consent-modal-actions[b-dzw859f38g] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
}

.cookie-consent-primary[b-dzw859f38g],
.cookie-consent-secondary[b-dzw859f38g],
.cookie-consent-close[b-dzw859f38g] {
    border-radius: 8px;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    letter-spacing: 0;
}

.cookie-consent-primary[b-dzw859f38g],
.cookie-consent-secondary[b-dzw859f38g] {
    min-height: 42px;
    padding: .65rem .9rem;
}

.cookie-consent-primary[b-dzw859f38g] {
    background: #c9e94a;
    border: 1px solid #a8c935;
    color: #10222c;
}

.cookie-consent-primary:hover[b-dzw859f38g],
.cookie-consent-primary:focus-visible[b-dzw859f38g] {
    background: #d8f35c;
    border-color: #7f9c1f;
}

.cookie-consent-secondary[b-dzw859f38g] {
    background: #f6f8f5;
    border: 1px solid #cfd9d3;
    color: #21424c;
}

.cookie-consent-secondary:hover[b-dzw859f38g],
.cookie-consent-secondary:focus-visible[b-dzw859f38g] {
    background: #eef3ee;
    border-color: #93a49b;
}

.cookie-consent-modal-backdrop[b-dzw859f38g] {
    align-items: center;
    background: rgba(16, 34, 44, .62);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1300;
}

.cookie-consent-modal[b-dzw859f38g] {
    background: #ffffff;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(16, 34, 44, .28);
    color: #17242b;
    display: grid;
    gap: 1rem;
    max-height: min(90vh, 680px);
    max-width: 620px;
    overflow-y: auto;
    padding: 1.25rem;
    width: min(100%, 620px);
}

.cookie-consent-modal-header[b-dzw859f38g] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.cookie-consent-modal h2[b-dzw859f38g] {
    color: #10222c;
    font-size: 1.55rem;
    line-height: 1.2;
    margin: .2rem 0 0;
}

.cookie-consent-close[b-dzw859f38g] {
    align-items: center;
    background: #f6f8f5;
    border: 1px solid #cfd9d3;
    color: #21424c;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    min-width: 36px;
    padding: 0;
}

.cookie-consent-close:hover[b-dzw859f38g],
.cookie-consent-close:focus-visible[b-dzw859f38g] {
    background: #eef3ee;
    border-color: #93a49b;
}

.cookie-consent-choice[b-dzw859f38g] {
    align-items: center;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.cookie-consent-choice-title[b-dzw859f38g] {
    font-size: 1rem;
}

.cookie-consent-choice p:not(.cookie-consent-choice-title)[b-dzw859f38g] {
    font-size: .92rem;
    margin-top: .25rem;
}

.cookie-consent-toggle[b-dzw859f38g] {
    align-items: center;
    color: #21424c;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 800;
    gap: .45rem;
    min-width: 92px;
}

.cookie-consent-toggle input[b-dzw859f38g] {
    height: 1.1rem;
    width: 1.1rem;
}

.cookie-consent-toggle-locked[b-dzw859f38g] {
    color: #59676c;
}

@media (max-width: 760px) {
    .cookie-consent-banner[b-dzw859f38g] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .cookie-consent-actions[b-dzw859f38g],
    .cookie-consent-modal-actions[b-dzw859f38g] {
        justify-content: stretch;
    }

    .cookie-consent-primary[b-dzw859f38g],
    .cookie-consent-secondary[b-dzw859f38g] {
        flex: 1 1 160px;
    }

    .cookie-consent-choice[b-dzw859f38g] {
        align-items: start;
        grid-template-columns: 1fr;
    }
}
/* /Layout/DemoEnquiryModal.razor.rz.scp.css */
.demo-modal-backdrop[b-35hw1m8o5c] {
    align-items: center;
    background: rgba(5, 10, 12, .78);
    backdrop-filter: blur(8px);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: clamp(14px, 4vw, 48px);
    position: fixed;
    z-index: 11000;
}

.demo-modal[b-35hw1m8o5c] {
    background: #10222c;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .54);
    color: #f4f6f7;
    max-height: min(92vh, 900px);
    overflow: hidden;
    position: relative;
    width: min(100%, 980px);
}

.demo-modal-close[b-35hw1m8o5c] {
    align-items: center;
    background: rgba(244, 246, 247, .08);
    border: 1px solid rgba(244, 246, 247, .18);
    border-radius: 999px;
    color: #f4f6f7;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: .9rem;
    top: .9rem;
    width: 2.25rem;
    z-index: 2;
}

.demo-modal-close:hover[b-35hw1m8o5c],
.demo-modal-close:focus-visible[b-35hw1m8o5c] {
    background: rgba(201, 233, 74, .18);
    border-color: rgba(201, 233, 74, .5);
    outline: none;
}

.demo-modal-layout[b-35hw1m8o5c] {
    display: grid;
    grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr);
    max-height: inherit;
}

.demo-modal-story[b-35hw1m8o5c] {
    background: #10222c;
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: clamp(1.35rem, 4vw, 2rem);
}

.demo-modal-kicker[b-35hw1m8o5c],
.demo-modal-form-eyebrow[b-35hw1m8o5c] {
    color: #c9e94a;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
    margin: 0;
    text-transform: uppercase;
}

.demo-modal h2[b-35hw1m8o5c] {
    color: #f4f6f7;
    font-size: clamp(2.2rem, 4.8vw, 4.1rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    max-width: 9ch;
}

.demo-modal-story p[b-35hw1m8o5c] {
    color: rgba(244, 246, 247, .86);
    font-size: 1rem;
    line-height: 1.55;
    margin: 0;
}

.demo-modal-preview[b-35hw1m8o5c] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
    margin-top: .35rem;
    overflow: hidden;
}

.demo-modal-preview img[b-35hw1m8o5c] {
    aspect-ratio: 16 / 10;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.demo-modal-highlights[b-35hw1m8o5c] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.demo-modal-highlights span[b-35hw1m8o5c] {
    border: 1px solid rgba(201, 233, 74, .34);
    border-radius: 999px;
    color: rgba(244, 246, 247, .92);
    font-size: .82rem;
    font-weight: 750;
    padding: .42rem .65rem;
}

.demo-modal-form-panel[b-35hw1m8o5c] {
    background: #f4f7f5;
    color: #10222c;
    max-height: inherit;
    min-width: 0;
    overflow-y: auto;
    padding: clamp(1.35rem, 4vw, 2rem);
    padding-top: clamp(3rem, 5vw, 3.8rem);
}

.demo-modal-form-panel .demo-modal-form-eyebrow[b-35hw1m8o5c] {
    color: #5d7a00;
    margin-bottom: 1rem;
}

.demo-modal-fields[b-35hw1m8o5c] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.demo-modal-field[b-35hw1m8o5c] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.demo-modal-field-full[b-35hw1m8o5c] {
    grid-column: 1 / -1;
}

.demo-modal-field label[b-35hw1m8o5c],
.demo-product-options legend[b-35hw1m8o5c] {
    color: #1b3039;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .06em;
    line-height: 1.25;
    text-transform: uppercase;
}

.demo-modal-field label span[b-35hw1m8o5c] {
    color: #6d8d00;
}

.demo-modal-input[b-35hw1m8o5c] {
    background: #ffffff;
    border: 1px solid #cbd6d1;
    border-radius: 8px;
    box-sizing: border-box;
    color: #10222c;
    font: inherit;
    font-size: .96rem;
    line-height: 1.3;
    min-height: 2.8rem;
    outline: none;
    padding: .7rem .78rem;
    width: 100%;
}

.demo-modal-input[b-35hw1m8o5c]::placeholder {
    color: #6b7d83;
}

.demo-modal-input:focus[b-35hw1m8o5c] {
    border-color: #9ab900;
    box-shadow: 0 0 0 3px rgba(201, 233, 74, .22);
}

.demo-product-options[b-35hw1m8o5c] {
    border: 0;
    margin: .1rem 0 0;
    padding: 0;
}

.demo-product-option-grid[b-35hw1m8o5c] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .3rem;
}

.demo-product-option[b-35hw1m8o5c] {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #d7e1dc;
    border-radius: 8px;
    color: #2f464e;
    display: grid;
    font-size: .9rem;
    font-weight: 650;
    gap: .55rem;
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.32;
    padding: .72rem;
}

.demo-product-option input[b-35hw1m8o5c] {
    accent-color: #6d8d00;
    height: 1rem;
    margin: .12rem 0 0;
    width: 1rem;
}

.demo-modal-actions[b-35hw1m8o5c] {
    align-items: center;
    display: flex;
    gap: .9rem;
    margin-top: 1.15rem;
}

.demo-modal-submit[b-35hw1m8o5c] {
    align-items: center;
    background: #10222c;
    border: 2px solid #c9e94a;
    border-radius: 999px;
    color: #f4f6f7;
    cursor: pointer;
    display: inline-flex;
    flex: none;
    font: inherit;
    font-size: .98rem;
    font-weight: 850;
    justify-content: center;
    min-height: 2.85rem;
    padding: .55rem 1.35rem;
}

.demo-modal-submit:hover[b-35hw1m8o5c],
.demo-modal-submit:focus-visible[b-35hw1m8o5c] {
    background: #1c3540;
    outline: none;
}

.demo-modal-submit:disabled[b-35hw1m8o5c] {
    cursor: wait;
    opacity: .72;
}

.demo-modal-privacy[b-35hw1m8o5c] {
    color: #52666d;
    font-size: .78rem;
    line-height: 1.42;
    margin: 0;
}

.demo-modal-alert[b-35hw1m8o5c] {
    border-radius: 8px;
    display: grid;
    font-size: .92rem;
    gap: .25rem;
    line-height: 1.35;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
}

.demo-modal-alert-error[b-35hw1m8o5c] {
    background: #fff0f0;
    border: 1px solid #edb5b5;
    color: #771616;
}

.demo-modal-alert-success[b-35hw1m8o5c] {
    background: #eef8d8;
    border: 1px solid #b7d97a;
    color: #263a0c;
}

.demo-modal-validation[b-35hw1m8o5c] {
    color: #a21717;
    font-size: .88rem;
    margin: 0 0 .9rem;
}

[b-35hw1m8o5c] .validation-message {
    color: #a21717;
    font-size: .78rem;
}

@media (max-width: 860px) {
    .demo-modal[b-35hw1m8o5c] {
        max-height: min(94vh, 960px);
        overflow-y: auto;
    }

    .demo-modal-layout[b-35hw1m8o5c] {
        grid-template-columns: 1fr;
        max-height: none;
    }

    .demo-modal-story[b-35hw1m8o5c],
    .demo-modal-form-panel[b-35hw1m8o5c] {
        max-height: none;
    }

    .demo-modal h2[b-35hw1m8o5c] {
        max-width: 12ch;
    }
}

@media (max-width: 620px) {
    .demo-modal-backdrop[b-35hw1m8o5c] {
        align-items: flex-start;
        overflow-y: auto;
        padding: .75rem;
    }

    .demo-modal-fields[b-35hw1m8o5c],
    .demo-product-option-grid[b-35hw1m8o5c] {
        grid-template-columns: 1fr;
    }

    .demo-modal-actions[b-35hw1m8o5c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .demo-modal-submit[b-35hw1m8o5c] {
        width: 100%;
    }
}
/* /Layout/Footer.razor.rz.scp.css */
.footer-bottom-container[b-8pbblr3lrf] {
    margin-top: 38px;
    margin-bottom: 98px;
    margin-left: clamp(18px, 7vw, 150px);
    margin-right: clamp(18px, 7vw, 150px);
    padding-top: 34px;
    border-top: 2px solid var(--ib-green-offcolour);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.footer-legal-links[b-8pbblr3lrf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 0;
}

.footer-legal-link[b-8pbblr3lrf] {
    color: #aeb8bd;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 14px;
    text-decoration: none;
    transition: color .2s ease;
}

.footer-legal-button[b-8pbblr3lrf] {
    background: transparent;
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    cursor: pointer;
    font-family: inherit;
}

.footer-legal-link:first-child[b-8pbblr3lrf] {
    padding-left: 0;
}

.footer-legal-link + .footer-legal-link[b-8pbblr3lrf] {
    border-left: 1px solid rgba(174, 184, 189, .64);
}

.footer-legal-link:hover[b-8pbblr3lrf],
.footer-legal-link:focus-visible[b-8pbblr3lrf] {
    color: #c9e94a;
}

.footer-copymessage[b-8pbblr3lrf] {
    font-size: 16px;
    color: #b0b8bb;
}

@media (max-width: 620px) {
    .footer-bottom-container[b-8pbblr3lrf] {
        align-items: flex-start;
        margin-top: 24px;
        margin-bottom: 42px;
    }

    .footer-legal-links[b-8pbblr3lrf] {
        justify-content: flex-start;
    }

    .footer-legal-link[b-8pbblr3lrf] {
        font-size: 15px;
        padding: 0 10px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.backend-content[b-nxeivkynba] {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 1.25rem;
    box-sizing: border-box;
    padding-bottom: 2rem;
    height: 100%;
    width: 100%;
}

.staff-app-bar[b-nxeivkynba] { height:64px; min-height:64px; background:#111820; border-bottom:1px solid #2c3947; display:flex; justify-content:space-between; align-items:center; padding:0 28px; }
.staff-app-brand[b-nxeivkynba] { display:flex; align-items:center; gap:16px; color:#e8edf3; text-decoration:none; font-weight:600; }
.staff-app-brand img[b-nxeivkynba] { width:140px; max-height:44px; object-fit:contain; }
.staff-app-brand span[b-nxeivkynba] { border-left:1px solid #3a4858; padding-left:16px; }
.staff-home-link[b-nxeivkynba] { color:#b8c6d4; padding:10px; }
.staff-app-frame[b-nxeivkynba] { display:grid; grid-template-columns:248px minmax(0,1fr); min-height:100%; align-items:start; }
.staff-app-navigation[b-nxeivkynba] { position:sticky; top:0; height:calc(100vh - 64px); overflow:auto; }
.staff-navigation-toggle[b-nxeivkynba] { display:none; }
.staff-account[b-nxeivkynba] { display:flex; align-items:center; gap:12px; font-size:14px; color:#b8c6d4; }
.staff-app-content[b-nxeivkynba] { min-width:0; padding:28px 32px 48px; box-sizing:border-box; }
@media(max-width:1000px) {
    .staff-app-frame[b-nxeivkynba] { display:block; }
    .staff-app-navigation[b-nxeivkynba] { position:static; height:auto; }
    .staff-navigation-toggle[b-nxeivkynba] { display:block; width:100%; text-align:left; border:0; color:#e8edf3; font-size:16px; background:#18232f; padding:12px 20px; cursor:pointer; }
    .staff-app-navigation #staff-navigation-body[b-nxeivkynba] { display:none; }
    .staff-app-navigation.expanded #staff-navigation-body[b-nxeivkynba] { display:block; }
    .staff-account span[b-nxeivkynba] { display:none; }
    .staff-app-bar[b-nxeivkynba] { padding-inline:16px; }
    .staff-app-content[b-nxeivkynba] { padding:20px 16px 32px; }
    .staff-app-brand img[b-nxeivkynba] { width:100px; }
}

.area-company[b-nxeivkynba] {
    background: #111317;
    min-height: 100vh;
}

.area-hub[b-nxeivkynba] {
    background: #111317;
    min-height: 100vh;
}

.area-ib-staff[b-nxeivkynba] {
    background: #0f1215;
    color-scheme: dark;
    scrollbar-color: #45627f #0f1215;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0; /* VERY important */
}

.area-company .content[b-nxeivkynba],
.area-ib-staff .content[b-nxeivkynba],
.area-hub .content[b-nxeivkynba] {
    color: #e8edf3;
}

/* Keep the staff background around long pages inside the scrolling main area. */
.area-ib-staff .backend-content[b-nxeivkynba] {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100%;
}

@media (max-width: 900px) {
    .area-ib-staff .backend-content[b-nxeivkynba] {
        padding-inline: 1rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.logo-section[b-5os70kpa2q] {
    justify-self: start;
}

.navmenu-section[b-5os70kpa2q] {
    justify-self: end;
    min-width: 0;
}

.button-section[b-5os70kpa2q] {
    justify-self: end;
    gap: clamp(10px, 1vw, 18px);
    padding-left: clamp(12px, 1.8vw, 32px);
}

.contact-sales-link[b-5os70kpa2q] {
    display: inline-flex;
    align-items: center;
    color: #f4f6f7;
    font-size: clamp(0.94rem, 1vw, 1.08rem);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease;
}

.contact-sales-link:hover[b-5os70kpa2q],
.contact-sales-link:focus-visible[b-5os70kpa2q] {
    color: #c9e94a;
    outline: none;
}

.top-row[b-5os70kpa2q] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid transparent;
    overflow: visible;
}

.top-row-marketing[b-5os70kpa2q] {
    background-color: var(--ib-primary-dark);
}

.top-row-backend[b-5os70kpa2q] {
    background: var(--ib-primary-dark);
    border-bottom-color: rgba(201, 233, 74, 0.25);
}

.logo-link[b-5os70kpa2q] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
}

.logo-image[b-5os70kpa2q] {
    height: clamp(2.75rem, 4vw, 3.5rem);
    margin-right: auto;
}

.portal-label[b-5os70kpa2q] {
    color: #c9e94a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-menu-toggle[b-5os70kpa2q],
.mobile-nav-panel[b-5os70kpa2q] {
    display: none;
}

.mobile-menu-toggle[b-5os70kpa2q] {
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.28rem;
    padding: 0;
    box-sizing: border-box;
    flex: none;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    background: rgba(255,255,255,0.04);
    color: #f4f6f7;
}

.mobile-menu-toggle-line[b-5os70kpa2q] {
    width: 1rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.mobile-nav-panel[b-5os70kpa2q] {
    margin: 0 clamp(18px, 7vw, 150px) 1rem;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    border-radius: 0 0 22px 22px;
    background: rgba(12, 15, 12, 0.96);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 22px 50px rgba(0,0,0,0.35);
    transition: max-height 180ms ease, padding 180ms ease;
}

.mobile-nav-panel-open[b-5os70kpa2q] {
    padding: 0.9rem;
    max-height: 40rem;
}

.mobile-nav-links[b-5os70kpa2q] {
    display: grid;
    gap: 0.35rem;
}

.mobile-nav-group[b-5os70kpa2q] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem 0.9rem 0.95rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.mobile-nav-group-title[b-5os70kpa2q] {
    color: rgba(244,246,247,0.72);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.15rem 0.1rem 0.35rem;
}

.mobile-nav-subgroup-title[b-5os70kpa2q] {
    color: rgba(201,233,74,0.82);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.75rem 0.15rem 0.2rem;
}

.mobile-nav-link[b-5os70kpa2q],
.mobile-nav-cta[b-5os70kpa2q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0.95rem 1rem;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.mobile-nav-link[b-5os70kpa2q] {
    color: #f4f6f7;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.mobile-nav-sublink[b-5os70kpa2q] {
    background: rgba(255,255,255,0.05);
}

.mobile-nav-nestedlink[b-5os70kpa2q] {
    margin-left: 0.45rem;
}

.mobile-nav-link[b-5os70kpa2q]::after,
.mobile-nav-cta[b-5os70kpa2q]::after {
    content: "->";
    font-size: 0.88rem;
    color: rgba(244,246,247,0.72);
}

.mobile-nav-cta[b-5os70kpa2q] {
    margin-top: 0.75rem;
    background: var(--ib-green-offcolour);
    color: #0a0d08;
    width: 100%;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 1rem;
    text-align: left;
}

.mobile-nav-cta[b-5os70kpa2q]::after {
    color: rgba(10,13,8,0.72);
}

.mobile-nav-cta-backend[b-5os70kpa2q] {
    background: #232a32;
    color: #e5ebf2;
    border: 1px solid rgba(201,233,74,0.32);
}

.mobile-nav-cta-backend[b-5os70kpa2q]::after {
    color: rgba(229,235,242,0.78);
}

.mobile-nav-contact-sales[b-5os70kpa2q] {
    margin-top: 0.75rem;
}

.marketing-desktop-nav[b-5os70kpa2q] {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.35vw, 24px);
}

.hub-desktop-nav[b-5os70kpa2q] {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.5vw, 24px);
}

.hub-desktop-nav a[b-5os70kpa2q] {
    color: #f4f6f7;
    font-size: clamp(0.94rem, 1vw, 1.08rem);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease;
}

.hub-desktop-nav a:hover[b-5os70kpa2q],
.hub-desktop-nav a:focus-visible[b-5os70kpa2q] {
    color: #c9e94a;
    outline: none;
}

.platform-nav-link[b-5os70kpa2q] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0;
    color: #f4f6f7;
    font-family: BeVietnam, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(20px, 1.8vh, 26px);
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
}

.platform-nav-link[b-5os70kpa2q]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.35em;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: var(--ib-secondary-green);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 180ms ease;
}

.platform-nav-link:hover[b-5os70kpa2q],
.platform-nav-link:focus-visible[b-5os70kpa2q] {
    color: var(--ib-secondary-green);
    outline: none;
}

.platform-nav-link:hover[b-5os70kpa2q]::after,
.platform-nav-link:focus-visible[b-5os70kpa2q]::after {
    transform: scaleX(0.6);
}

.built-for-nav[b-5os70kpa2q] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0;
}

.built-for-trigger[b-5os70kpa2q] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f4f6f7;
    cursor: pointer;
    font-family: BeVietnam, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(20px, 1.8vh, 26px);
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.1;
}

.built-for-trigger[b-5os70kpa2q]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.35em;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: var(--ib-secondary-green);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 180ms ease;
}

.built-for-trigger:hover[b-5os70kpa2q],
.built-for-trigger:focus-visible[b-5os70kpa2q],
.built-for-nav:focus-within .built-for-trigger[b-5os70kpa2q] {
    color: var(--ib-secondary-green);
}

.built-for-trigger:hover[b-5os70kpa2q]::after,
.built-for-trigger:focus-visible[b-5os70kpa2q]::after,
.built-for-nav:focus-within .built-for-trigger[b-5os70kpa2q]::after {
    transform: scaleX(0.6);
}

.built-for-trigger:focus-visible[b-5os70kpa2q] {
    outline: 2px solid rgba(201,233,74,0.55);
    outline-offset: 0.45rem;
}

.built-for-caret[b-5os70kpa2q] {
    width: 0.46rem;
    height: 0.46rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-0.12rem);
}

.built-for-panel[b-5os70kpa2q] {
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    z-index: 1005;
    display: grid;
    grid-template-columns: minmax(220px, 0.95fr) minmax(270px, 1.05fr);
    gap: 0.9rem;
    width: min(700px, calc(100vw - 36px));
    padding: 0.9rem;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    background: rgba(12, 15, 12, 0.98);
    box-shadow: 0 22px 52px rgba(0,0,0,0.38);
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    visibility: hidden;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.built-for-panel[b-5os70kpa2q]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1rem;
    height: 1rem;
}

.built-for-nav:hover .built-for-panel[b-5os70kpa2q],
.built-for-nav:focus-within .built-for-panel[b-5os70kpa2q] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
}

.built-for-column[b-5os70kpa2q] {
    display: grid;
    align-content: start;
    gap: 0.22rem;
}

.built-for-column + .built-for-column[b-5os70kpa2q] {
    padding-left: 0.9rem;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.built-for-column-heading[b-5os70kpa2q] {
    padding: 0.35rem 0.65rem 0.5rem;
    color: rgba(201,233,74,0.86);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.built-for-link[b-5os70kpa2q] {
    display: flex;
    align-items: center;
    min-height: 2.65rem;
    padding: 0.68rem 0.75rem;
    border-radius: 10px;
    color: #f4f6f7;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    transition: background 140ms ease, color 140ms ease;
}

.built-for-link:hover[b-5os70kpa2q],
.built-for-link:focus-visible[b-5os70kpa2q] {
    background: rgba(255,255,255,0.06);
    color: #c9e94a;
    outline: none;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-wrapper,
.top-row-backend[b-5os70kpa2q]  .e-menu-wrapper {
    background: transparent;
}

.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.35vw, 24px);
}

.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.3rem;
    color: #f4f6f7;
    font-family: BeVietnam, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(20px, 1.8vh, 26px);
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.1;
    padding: 0.1rem 0;
}

.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item > .e-menu-url {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-decoration: none;
}

.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item .e-menu-text {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item > .e-icons.e-caret,
.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item > .e-caret,
.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item .e-menu-url > .e-icons.e-caret,
.navmenu-section[b-5os70kpa2q]  .site-header-menu > .e-menu > .e-menu-item .e-menu-url > .e-caret {
    position: static;
    inset: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    color: inherit;
    font-size: 0.72em;
    font-weight: 400;
    line-height: 1;
    margin-left: 0.05rem;
    transform: none;
}
.top-row-marketing[b-5os70kpa2q]  .e-menu-item,
.top-row-backend[b-5os70kpa2q]  .e-menu-item {
    color: #f4f6f7;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-item:hover,
.top-row-marketing[b-5os70kpa2q]  .e-menu-item.e-focused,
.top-row-backend[b-5os70kpa2q]  .e-menu-item:hover,
.top-row-backend[b-5os70kpa2q]  .e-menu-item.e-focused {
    color: #c9e94a;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup {
    background: rgba(12, 15, 12, 0.97);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    box-shadow: 0 18px 46px rgba(0,0,0,0.34);
    overflow: hidden;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-ul,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-ul {
    background: transparent;
    padding: 0.35rem;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item {
    background: transparent !important;
    border-radius: 10px;
    color: #f4f6f7;
    font-family: BeVietnam, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    padding: 0;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-menu-url,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-menu-url {
    display: block;
    background: transparent !important;
    padding: 0.8rem 1rem;
    color: inherit;
    text-decoration: none;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-menu-text,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-menu-text {
    background: transparent !important;
    color: inherit;
    font: inherit;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-icons,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-caret,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-icons,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item .e-caret {
    background: transparent !important;
    color: inherit;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused {
    background: rgba(255,255,255,0.06) !important;
    color: #c9e94a;
}

.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-menu-url,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-menu-url,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-menu-url,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-menu-text,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-menu-text,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-menu-text,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-icons,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-icons,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-icons,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-caret,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-caret,
.top-row-marketing[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-caret,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-menu-url,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-menu-url,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-menu-url,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-menu-text,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-menu-text,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-menu-text,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-icons,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-icons,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-icons,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item:hover .e-caret,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-focused .e-caret,
.top-row-backend[b-5os70kpa2q]  .e-menu-popup .e-menu-item.e-selected .e-caret {
    background: transparent !important;
    color: inherit;
}

[b-5os70kpa2q] .backend-header-button {
    background: #232a32;
    color: #e5ebf2;
    border: 1px solid rgba(201, 233, 74, 0.32);
}

@media (max-width: 960px) {
    .navmenu-section[b-5os70kpa2q],
    .button-section[b-5os70kpa2q] {
        display: none;
    }

    .mobile-menu-toggle[b-5os70kpa2q] {
        display: inline-flex;
        justify-self: end;
        align-self: center;
    }

    .mobile-nav-panel[b-5os70kpa2q] {
        display: block;
    }

    .portal-label[b-5os70kpa2q] {
        display: none;
    }
}

@media (max-height: 560px) and (orientation: landscape) and (max-width: 960px) {
    .logo-image[b-5os70kpa2q] {
        height: 2.15rem;
    }

    .mobile-menu-toggle[b-5os70kpa2q] {
        width: 2.35rem;
        height: 2.35rem;
    }

    .mobile-nav-panel[b-5os70kpa2q] {
        margin-bottom: 0.3rem;
    }
}



/* /Layout/StaffStatusAlertBanner.razor.rz.scp.css */
.staff-outage-alert[b-b7r5ixixwo] {
    align-items: center;
    background: #7f1d1d;
    border: 1px solid #ef4444;
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
    color: #fff7f7;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 1rem 100px 0;
    padding: 0.85rem 1rem;
}

.staff-outage-alert-main[b-b7r5ixixwo] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.staff-outage-alert-main strong[b-b7r5ixixwo] {
    font-size: 1rem;
    font-weight: 800;
}

.staff-outage-alert-main span[b-b7r5ixixwo] {
    color: #fee2e2;
    font-size: 0.9rem;
    line-height: 1.4;
}

.staff-outage-alert-meta[b-b7r5ixixwo] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
    min-width: max-content;
}

.staff-outage-alert-meta span[b-b7r5ixixwo],
.staff-outage-alert-meta a[b-b7r5ixixwo] {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
}

.staff-outage-alert-meta a[b-b7r5ixixwo] {
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

@media (max-width: 900px) {
    .staff-outage-alert[b-b7r5ixixwo] {
        align-items: flex-start;
        flex-direction: column;
        margin: 0.75rem 1rem 0;
    }

    .staff-outage-alert-meta[b-b7r5ixixwo] {
        justify-content: flex-start;
        min-width: 0;
    }
}