/* /Areas/CompanyDashboard/Pages/CompanyDashboard.razor.rz.scp.css */
.dashboard-container[b-bbn87o0zvo] {
    padding: 1.5rem;
    border-radius: 14px;
    background: linear-gradient(180deg, #15191e 0%, #1b222b 100%);
    border: 1px solid rgba(201, 233, 74, 0.2);
    color: #edf2f8;
}

.dashboard-container h1[b-bbn87o0zvo] {
    margin-top: 0;
}

.dashboard-subtitle[b-bbn87o0zvo] {
    margin-bottom: 1rem;
    color: rgba(237, 242, 248, 0.85);
}

.dashboard-subtitle code[b-bbn87o0zvo] {
    color: #c9e94a;
}

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

.dashboard-table[b-bbn87o0zvo] {
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    overflow: hidden;
}

.dashboard-table th[b-bbn87o0zvo],
.dashboard-table td[b-bbn87o0zvo] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0.65rem;
    text-align: left;
}

.dashboard-table th[b-bbn87o0zvo] {
    background-color: rgba(201, 233, 74, 0.08);
    color: #c9e94a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.74rem;
}

.dashboard-table a[b-bbn87o0zvo] {
    color: #a3d9ff;
}
/* /Areas/CompanyDashboard/Pages/NoLicences.razor.rz.scp.css */
.no-licence-hero[b-suheuwr8gm] {
    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-suheuwr8gm]::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-suheuwr8gm] {
    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-suheuwr8gm] {
    max-width: 760px;
}

.no-licence-kicker[b-suheuwr8gm] {
    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-suheuwr8gm] {
    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-suheuwr8gm] {
    margin: 0;
    max-width: 42rem;
    color: #e3e3e3;
    font-size: 20px;
    line-height: 1.45;
}

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

.no-licence-primary[b-suheuwr8gm],
.no-licence-secondary[b-suheuwr8gm] {
    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-suheuwr8gm] {
    background: #c9e94a;
    color: #081118;
    box-shadow: 0 16px 34px rgba(0,0,0,.28);
}

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

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

.no-licence-panel[b-suheuwr8gm] {
    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-suheuwr8gm] {
    margin: 0 0 14px;
    font-size: 24px;
    font-weight: 850;
    letter-spacing: -0.25px;
}

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

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

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

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

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

    .no-licence-lead[b-suheuwr8gm] {
        font-size: 18px;
    }
}
/* /Areas/CompanyDashboard/Pages/ReportIssues.razor.rz.scp.css */
.report-hero-container[b-j3zjwbaue0] {
    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-j3zjwbaue0]::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-j3zjwbaue0] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.25fr 0.9fr;
    gap: 70px;
    align-items: start;
}

.report-form-card[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.report-kicker[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    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-j3zjwbaue0] {
    margin: 0;
    color: rgba(227,227,227,0.92);
    font-size: 16px;
    line-height: 1.45;
    max-width: 78ch;
}

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

.report-alert[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    display: block;
    margin-bottom: 6px;
}

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

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

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

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

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

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

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

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

.report-input[b-j3zjwbaue0],
.report-textarea[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    resize: vertical;
    min-height: 150px;
}

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

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

.report-input:focus[b-j3zjwbaue0],
.report-textarea:focus[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    color: rgba(255,116,116,0.95);
    font-size: 13px;
}

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

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

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

.report-side-card[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    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-j3zjwbaue0] {
    max-height: 660px;
    overflow: auto;
}

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

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

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

.report-bullets[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    margin: 0 0 8px;
}

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

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

.report-task-card[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    margin: 12px 0 8px;
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -0.2px;
}

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

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

.report-task-chip[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    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-j3zjwbaue0] {
    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-j3zjwbaue0] {
    color: #f4f6f7;
    font-size: 14px;
}

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

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

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

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

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

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

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

.report-checkbox-row[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--ib-green-offcolour);
}

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

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

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

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

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

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

.report-task-button[b-j3zjwbaue0] {
    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-j3zjwbaue0] {
    opacity: 0.72;
    cursor: wait;
}

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

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

    .report-task-button[b-j3zjwbaue0] {
        width: 100%;
    }
}
/* /Areas/Home/Components/BenefitCard.razor.rz.scp.css */
.benefit-card[b-wq1i5i1x3p] {
    /* 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-wq1i5i1x3p]::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-wq1i5i1x3p] {
    margin: 0 0 12px;
    font-size: 35px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.2px;
}

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

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

    .benefit-icon svg[b-wq1i5i1x3p] {
        width: 34px;
        height: 34px;
    }
/* /Areas/Home/Components/BenefitImageCard.razor.rz.scp.css */
.image-card[b-p2y4ycqdxf] {
    /* 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-p2y4ycqdxf]::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-p2y4ycqdxf] {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: translateY(6px);
    }
/* /Areas/Home/Pages/About.razor.rz.scp.css */
.hero-container[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    margin-bottom: 0;
}

.about-kicker[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.about-callout[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.2px;
    color: #c9e94a;
}

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

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

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

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

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

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

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

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

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

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

.about-quote[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    font-size: 52px;
    line-height: 0.8;
    font-weight: 900;
    color: rgba(201, 233, 74, 0.8);
    margin-bottom: 10px;
}

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

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

.about-image-frame[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    display: block;
}

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

.about-step[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    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-2v6w1dlhot] {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 850;
    letter-spacing: -0.2px;
    color: #f4f6f7;
}

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

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

.about-faq-item[b-2v6w1dlhot] {
    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-2v6w1dlhot] {
    cursor: pointer;
    font-weight: 850;
    font-size: 16px;
    letter-spacing: -0.15px;
    color: #f4f6f7;
    list-style: none;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .about-cta-text[b-2v6w1dlhot] {
        font-size: 24px;
        line-height: 1;
    }
}
/* /Areas/Home/Pages/Contact.razor.rz.scp.css */
.contact-hero-container[b-myzssmmcs0] {
    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-myzssmmcs0]::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-myzssmmcs0] {
    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-myzssmmcs0] {
    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-myzssmmcs0] {
    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-myzssmmcs0] {
    color: var(--ib-green-offcolour);
    font-weight: 900;
}

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

.contact-hero-micro[b-myzssmmcs0] {
    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-myzssmmcs0] {
    font-weight: 850;
    letter-spacing: -0.15px;
    margin-bottom: 10px;
}

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

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

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

.contact-action-card[b-myzssmmcs0] {
    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-myzssmmcs0] {
    transform: translateY(-1px);
    border-color: rgba(201, 233, 74, 0.45);
}

.contact-action-icon[b-myzssmmcs0] {
    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-myzssmmcs0] {
    width: 28px;
    height: 28px;
}

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

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

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

.contact-action-chevron[b-myzssmmcs0] {
    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-myzssmmcs0] {
    width: 26px;
    height: 26px;
}

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

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

.contact-content[b-myzssmmcs0] {
}

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

.contact-form-card[b-myzssmmcs0] {
    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-myzssmmcs0] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

.contact-alert[b-myzssmmcs0] {
    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-myzssmmcs0] {
    display: block;
    margin-bottom: 6px;
}

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

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

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

.contact-pill[b-myzssmmcs0] {
    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-myzssmmcs0] {
    background: transparent;
    color: #f4f6f7;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

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

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

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

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

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

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

.contact-input[b-myzssmmcs0],
.contact-textarea[b-myzssmmcs0] {
    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-myzssmmcs0] {
    resize: vertical;
    min-height: 170px;
}

.contact-input:focus[b-myzssmmcs0],
.contact-textarea:focus[b-myzssmmcs0] {
    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-myzssmmcs0] {
    color: rgba(255, 116, 116, 0.95);
    font-size: 13px;
}

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

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

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

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

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

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

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

.contact-side-card[b-myzssmmcs0] {
    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-myzssmmcs0] {
    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-myzssmmcs0] {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.2px;
}

.contact-side-text[b-myzssmmcs0] {
    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-myzssmmcs0] {
        min-height: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.how-hero-copy[b-84y50ea270] {
    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-84y50ea270] {
    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-84y50ea270] {
    font-size: clamp(2.35rem, 2.9vw, 5rem);
    line-height: 0.98;
    letter-spacing: -0.9px;
}

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

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

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

.how-hero-meta[b-84y50ea270] {
    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-84y50ea270] {
    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-84y50ea270] {
    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-84y50ea270] {
    margin: 0 0 18px;
    color: #c9e94a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

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

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

.how-flow-number[b-84y50ea270] {
    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-84y50ea270] {
    display: block;
    color: #f4f6f7;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.2px;
}

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

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

.how-status-card[b-84y50ea270] {
    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-84y50ea270] {
    color: rgba(227, 227, 227, 0.72);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

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

.how-hero-image-frame[b-84y50ea270],
.how-image-frame[b-84y50ea270] {
    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-84y50ea270],
.how-image-frame img[b-84y50ea270] {
    width: 100%;
    display: block;
    object-fit: cover;
}

.how-hero-image-frame[b-84y50ea270] {
}

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

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

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

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

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

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

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

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

.how-workflow-card[b-84y50ea270],
.how-compare-card[b-84y50ea270] {
    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-84y50ea270] {
    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-84y50ea270],
.how-compare-title[b-84y50ea270],
.how-proof-title[b-84y50ea270] {
    margin: 16px 0 10px;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #f4f6f7;
}

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

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

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

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

.how-split-reverse > :last-child[b-84y50ea270] {
    order: 2;
}

.how-list[b-84y50ea270] {
    margin: 0;
    padding-left: 18px;
    color: #e3e3e3;
    font-size: 17px;
    line-height: 1.45;
}

.how-list li[b-84y50ea270] {
    margin: 0 0 10px;
}

.how-proof-card[b-84y50ea270] {
    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-84y50ea270] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.how-proof-pill[b-84y50ea270] {
    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-84y50ea270] {
    margin: 14px 0 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.4;
}

.how-compare-grid[b-84y50ea270],
.how-results-grid[b-84y50ea270] {
    margin-top: 34px;
    display: grid;
    gap: 18px;
}

.how-compare-grid[b-84y50ea270] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.how-results-grid[b-84y50ea270] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

@media (max-width: 1200px) {
    .how-workflow-grid[b-84y50ea270],
    .how-results-grid[b-84y50ea270] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .how-hero[b-84y50ea270] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 30px;
    }

    .how-hero-copy[b-84y50ea270],
    .how-hero-visual[b-84y50ea270] {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .how-section-intro[b-84y50ea270],
    .how-split[b-84y50ea270],
    .how-split-reverse[b-84y50ea270],
    .how-compare-grid[b-84y50ea270] {
        grid-template-columns: 1fr;
    }

    .how-split-reverse > :first-child[b-84y50ea270],
    .how-split-reverse > :last-child[b-84y50ea270] {
        order: initial;
    }

    .how-cta-text[b-84y50ea270] {
        font-size: 28px;
        line-height: 1;
    }
}

@media (max-width: 820px) {
    .how-hero[b-84y50ea270] {
        padding-top: 72px;
    }

    .how-flow-panel[b-84y50ea270],
    .how-proof-card[b-84y50ea270],
    .how-workflow-card[b-84y50ea270],
    .how-compare-card[b-84y50ea270] {
        padding: 20px;
    }

    .how-body[b-84y50ea270],
    .how-list[b-84y50ea270] {
        font-size: 16px;
    }

    .how-image-frame img[b-84y50ea270] {
        min-height: 260px;
    }

    .how-status-strip[b-84y50ea270] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .how-workflow-grid[b-84y50ea270],
    .how-results-grid[b-84y50ea270],
    .how-compare-grid[b-84y50ea270] {
        grid-template-columns: 1fr;
    }

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

    .how-hero-title[b-84y50ea270] {
        max-width: none;
        font-size: clamp(2.2rem, 10vw, 3.4rem);
    }

    .how-flow-item[b-84y50ea270] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .how-flow-number[b-84y50ea270] {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .how-cta-text[b-84y50ea270] {
        font-size: 24px;
        line-height: 1;
    }
}

@media (max-width: 399px) {
    .how-flow-panel[b-84y50ea270],
    .how-proof-card[b-84y50ea270],
    .how-workflow-card[b-84y50ea270],
    .how-compare-card[b-84y50ea270],
    .how-hero-image-frame[b-84y50ea270],
    .how-image-frame[b-84y50ea270] {
        border-radius: 16px;
    }
}

/* /Areas/Home/Pages/Home.razor.rz.scp.css */
/* /Areas/Home/Pages/HowItWorks.razor.rz.scp.css */
.how-hero[b-jpsn82smgu] {
    align-items: center;
    min-height: min(78svh, 860px);
    gap: clamp(28px, 3vw, 46px);
    padding-top: clamp(24px, 4vw, 56px);
}

.how-hero-copy[b-jpsn82smgu] {
    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-jpsn82smgu] {
    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-jpsn82smgu] {
    font-size: clamp(2.35rem, 2.9vw, 5rem);
    line-height: 0.98;
    letter-spacing: -0.9px;
}

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

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

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

.how-hero-meta[b-jpsn82smgu] {
    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-jpsn82smgu] {
    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-jpsn82smgu] {
    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-jpsn82smgu] {
    margin: 0 0 18px;
    color: #c9e94a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

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

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

.how-flow-number[b-jpsn82smgu] {
    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-jpsn82smgu] {
    display: block;
    color: #f4f6f7;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.2px;
}

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

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

.how-status-card[b-jpsn82smgu] {
    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-jpsn82smgu] {
    color: rgba(227, 227, 227, 0.72);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

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

.how-hero-image-frame[b-jpsn82smgu],
.how-image-frame[b-jpsn82smgu] {
    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-jpsn82smgu],
.how-image-frame img[b-jpsn82smgu] {
    width: 100%;
    display: block;
    object-fit: cover;
}

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

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

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

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

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

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

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

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

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

.how-workflow-card[b-jpsn82smgu],
.how-compare-card[b-jpsn82smgu] {
    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-jpsn82smgu] {
    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-jpsn82smgu],
.how-compare-title[b-jpsn82smgu],
.how-proof-title[b-jpsn82smgu] {
    margin: 16px 0 10px;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #f4f6f7;
}

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

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

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

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

.how-split-reverse > :last-child[b-jpsn82smgu] {
    order: 2;
}

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

.how-list li[b-jpsn82smgu] {
    margin: 0 0 10px;
}

.how-proof-card[b-jpsn82smgu] {
    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-jpsn82smgu] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.how-proof-pill[b-jpsn82smgu] {
    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-jpsn82smgu] {
    margin: 14px 0 0;
    color: rgba(227, 227, 227, 0.92);
    font-size: 15px;
    line-height: 1.4;
}

.how-compare-grid[b-jpsn82smgu],
.how-results-grid[b-jpsn82smgu] {
    margin-top: 34px;
    display: grid;
    gap: 18px;
}

.how-compare-grid[b-jpsn82smgu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.how-results-grid[b-jpsn82smgu] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

@media (max-width: 1200px) {
    .how-workflow-grid[b-jpsn82smgu],
    .how-results-grid[b-jpsn82smgu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .how-hero[b-jpsn82smgu] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 30px;
    }

    .how-hero-copy[b-jpsn82smgu],
    .how-hero-visual[b-jpsn82smgu] {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .how-section-intro[b-jpsn82smgu],
    .how-split[b-jpsn82smgu],
    .how-split-reverse[b-jpsn82smgu],
    .how-compare-grid[b-jpsn82smgu] {
        grid-template-columns: 1fr;
    }

    .how-split-reverse > :first-child[b-jpsn82smgu],
    .how-split-reverse > :last-child[b-jpsn82smgu] {
        order: initial;
    }

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

@media (max-width: 820px) {
    .how-hero[b-jpsn82smgu] {
        padding-top: 72px;
    }

    .how-flow-panel[b-jpsn82smgu],
    .how-proof-card[b-jpsn82smgu],
    .how-workflow-card[b-jpsn82smgu],
    .how-compare-card[b-jpsn82smgu] {
        padding: 20px;
    }

    .how-body[b-jpsn82smgu],
    .how-list[b-jpsn82smgu] {
        font-size: 16px;
    }

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

    .how-status-strip[b-jpsn82smgu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .how-workflow-grid[b-jpsn82smgu],
    .how-results-grid[b-jpsn82smgu],
    .how-compare-grid[b-jpsn82smgu] {
        grid-template-columns: 1fr;
    }

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

    .how-hero-title[b-jpsn82smgu] {
        max-width: none;
        font-size: clamp(2.2rem, 10vw, 3.4rem);
    }

    .how-flow-item[b-jpsn82smgu] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .how-flow-number[b-jpsn82smgu] {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

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

@media (max-width: 399px) {
    .how-flow-panel[b-jpsn82smgu],
    .how-proof-card[b-jpsn82smgu],
    .how-workflow-card[b-jpsn82smgu],
    .how-compare-card[b-jpsn82smgu],
    .how-hero-image-frame[b-jpsn82smgu],
    .how-image-frame[b-jpsn82smgu] {
        border-radius: 16px;
    }
}

/* /Areas/IsoBuilderStaff/Components/ContactManagerModal.razor.rz.scp.css */
.contact-modal-backdrop[b-ugoyc77r0n] { 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-ugoyc77r0n] { 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-ugoyc77r0n] { display:flex; justify-content:space-between; align-items:center; padding:.9rem 1rem; border-bottom:1px solid rgba(255,255,255,.14); }
.close[b-ugoyc77r0n] { border:1px solid rgba(255,255,255,.25); border-radius:999px; width:2rem; height:2rem; background:transparent; color:#fff; cursor:pointer; }
.toolbar[b-ugoyc77r0n] { display:flex; gap:.7rem; align-items:center; padding:.75rem 1rem; }
.form-panel[b-ugoyc77r0n] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; padding:0 1rem .75rem; }
.form-panel label[b-ugoyc77r0n] { display:grid; gap:.2rem; }
.form-panel input[b-ugoyc77r0n],.form-panel select[b-ugoyc77r0n] { background:#0f2141; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:.45rem .5rem; }
.actions[b-ugoyc77r0n] { display:flex; gap:.45rem; align-items:end; }
.table-wrap[b-ugoyc77r0n] { overflow:auto; padding:0 1rem 1rem; }
.table-wrap table[b-ugoyc77r0n] { width:100%; border-collapse:collapse; }
.table-wrap th[b-ugoyc77r0n],.table-wrap td[b-ugoyc77r0n] { border-bottom:1px solid rgba(255,255,255,.1); text-align:left; padding:.55rem; }
.primary[b-ugoyc77r0n],.secondary[b-ugoyc77r0n],.danger[b-ugoyc77r0n] { border:0; border-radius:999px; padding:.35rem .65rem; font-weight:700; cursor:pointer; }
.primary[b-ugoyc77r0n] { background:#c9e94a; color:#0f2141; }
.secondary[b-ugoyc77r0n] { background:rgba(255,255,255,.2); color:#fff; }
.danger[b-ugoyc77r0n] { background:#b91c1c; color:#fff; }
@media (max-width:900px){ .form-panel[b-ugoyc77r0n] { grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Components/CreateTestingPackModal.razor.rz.scp.css */
.modal-backdrop[b-byk10eibf2] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-byk10eibf2] { 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-byk10eibf2],.create-modal footer[b-byk10eibf2] { display:flex; justify-content:space-between; align-items:center; }
.modal-grid[b-byk10eibf2] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-byk10eibf2] { display:grid; gap:.35rem; }
.modal-grid textarea[b-byk10eibf2] { min-height:100px; }
.modal-grid input[b-byk10eibf2],.modal-grid select[b-byk10eibf2],.modal-grid textarea[b-byk10eibf2] { 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-byk10eibf2],.btn-ghost[b-byk10eibf2] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-byk10eibf2] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-byk10eibf2] { background:rgba(7,18,28,.5); color:#f6f9ff; }

.btn-ghost.danger[b-byk10eibf2] { border-color: rgba(248,113,113,.5); color: #fecaca; }
/* /Areas/IsoBuilderStaff/Components/EditTestingTemplateModal.razor.rz.scp.css */
.modal-backdrop[b-z7iyxithps] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-z7iyxithps] {
    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-z7iyxithps],.create-modal footer[b-z7iyxithps] { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.modal-grid[b-z7iyxithps] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-z7iyxithps] { display:grid; gap:.35rem; }
.modal-grid textarea[b-z7iyxithps],.step-edit textarea[b-z7iyxithps] { min-height:100px; }
.modal-grid input[b-z7iyxithps],.modal-grid select[b-z7iyxithps],.modal-grid textarea[b-z7iyxithps],.step-edit input[b-z7iyxithps],.step-edit textarea[b-z7iyxithps] { 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-z7iyxithps] {
    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-z7iyxithps] {
    display: grid;
    gap: .6rem;
    grid-template-columns: minmax(180px,1fr) minmax(240px,1.5fr) minmax(180px,1fr) auto;
    align-items: center;
}

    .step-row .btn-ghost[b-z7iyxithps] {
        white-space: nowrap;
    }
.btn-primary[b-z7iyxithps],.btn-ghost[b-z7iyxithps] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-z7iyxithps] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-z7iyxithps] { background:rgba(7,18,28,.5); color:#f6f9ff; }

.btn-ghost.danger[b-z7iyxithps] { border-color: rgba(248,113,113,.5); color: #fecaca; }

@media (max-width: 980px) {
    .create-modal[b-z7iyxithps] {
        width: min(960px,96vw);
    }

    .step-row[b-z7iyxithps] {
        grid-template-columns: 1fr 1fr;
    }

        .step-row .btn-ghost[b-z7iyxithps] {
            grid-column: 2;
            justify-self: end;
        }
}

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

    .step-row[b-z7iyxithps] {
        grid-template-columns: 1fr;
    }

        .step-row .btn-ghost[b-z7iyxithps] {
            grid-column: auto;
            justify-self: stretch;
        }

    .create-modal footer[b-z7iyxithps] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
/* /Areas/IsoBuilderStaff/Components/HintsOffcanvas.razor.rz.scp.css */
.hints-offcanvas-backdrop[b-3ygwcgvak7] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.72);
    z-index: 1100;
    display: flex;
    justify-content: flex-end;
}

.hints-offcanvas-panel[b-3ygwcgvak7] {
    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-3ygwcgvak7] {
    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-3ygwcgvak7] {
    margin: 0;
    font-size: 1.2rem;
}

.hints-offcanvas-header p[b-3ygwcgvak7] {
    margin: .4rem 0 0;
    color: rgba(246, 249, 255, 0.8);
    line-height: 1.5;
}

.hints-close-button[b-3ygwcgvak7] {
    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-3ygwcgvak7] {
    padding: 1rem 1.1rem 1.25rem;
    overflow-y: auto;
    display: grid;
    gap: 1rem;
}

.hint-section[b-3ygwcgvak7] {
    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-3ygwcgvak7] {
    margin: 0 0 .65rem;
    color: #d7ec71;
    font-size: 1rem;
}

.hint-section ul[b-3ygwcgvak7] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: .55rem;
}

.hint-section li[b-3ygwcgvak7] {
    line-height: 1.5;
    color: rgba(246, 249, 255, 0.9);
}

@media (max-width: 640px) {
    .hints-offcanvas-panel[b-3ygwcgvak7] {
        width: 100vw;
    }
}
/* /Areas/IsoBuilderStaff/Components/IssueReportDetailsModal.razor.rz.scp.css */
.issue-modal-backdrop[b-m2e0endxn2] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 70;
    padding: 1rem;
}

.issue-modal[b-m2e0endxn2] {
    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-m2e0endxn2] {
    margin: 0;
    color: rgba(246,249,255,.84);
}

.issue-error[b-m2e0endxn2] {
    color: #fecaca;
}

.issue-modal-header[b-m2e0endxn2] {
    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-m2e0endxn2] {
    margin: .25rem 0 0;
}

.issue-key[b-m2e0endxn2] {
    font-size: .76rem;
    color: #cabff7;
    letter-spacing: .02em;
    font-weight: 700;
}

.issue-caption[b-m2e0endxn2] {
    margin: .35rem 0 0;
    color: rgba(246,249,255,.72);
}

.issue-header-actions[b-m2e0endxn2] {
    display: grid;
    gap: .6rem;
    justify-items: end;
}

.issue-badges[b-m2e0endxn2] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.btn-ghost[b-m2e0endxn2],
.btn-danger[b-m2e0endxn2],
.modal-close[b-m2e0endxn2] {
    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-m2e0endxn2] {
    border-color: rgba(239, 68, 68, .45);
    background: rgba(127, 29, 29, .45);
}

.modal-close[b-m2e0endxn2] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    font-size: 1.05rem;
    line-height: 1;
}

.btn-ghost:disabled[b-m2e0endxn2],
.btn-danger:disabled[b-m2e0endxn2] {
    opacity: .65;
    cursor: not-allowed;
}

.issue-layout[b-m2e0endxn2] {
    margin-top: .95rem;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 1rem;
}

.issue-panel[b-m2e0endxn2] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .9rem;
}

.issue-panel h3[b-m2e0endxn2] {
    margin: 0 0 .45rem;
    color: #f6f9ff;
}

.issue-panel p[b-m2e0endxn2] {
    margin: 0 0 1rem;
    white-space: pre-wrap;
    color: rgba(246,249,255,.86);
}

.issue-details dl[b-m2e0endxn2] {
    margin: 0;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: .45rem .75rem;
}

.issue-details dt[b-m2e0endxn2] {
    color: rgba(246,249,255,.72);
    font-weight: 600;
}

.issue-details dd[b-m2e0endxn2] {
    margin: 0;
}

.issue-action-row[b-m2e0endxn2] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1rem;
}

.linked-tasks-section[b-m2e0endxn2] {
    margin-top: 1rem;
}

.linked-task-list[b-m2e0endxn2] {
    display: grid;
    gap: .65rem;
}

.linked-task-card[b-m2e0endxn2] {
    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-m2e0endxn2] {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    align-items: center;
}

.linked-task-key[b-m2e0endxn2] {
    font-size: .76rem;
    color: #cabff7;
    font-weight: 700;
}

.linked-task-status[b-m2e0endxn2] {
    color: rgba(246,249,255,.72);
    font-size: .76rem;
}

.linked-task-card strong[b-m2e0endxn2] {
    font-size: .95rem;
}

.linked-task-card small[b-m2e0endxn2] {
    color: rgba(246,249,255,.7);
}

.linked-task-link[b-m2e0endxn2] {
    color: #b9d8ff;
    text-decoration: underline;
    font-size: .85rem;
}

.issue-muted[b-m2e0endxn2] {
    color: rgba(246,249,255,.72);
}

.issue-severity[b-m2e0endxn2],
.issue-status-chip[b-m2e0endxn2] {
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .72rem;
    font-weight: 700;
}

.status-open[b-m2e0endxn2] { background: rgba(59, 130, 246, .18); color: #bfdbfe; }
.status-resolved[b-m2e0endxn2] { background: rgba(34, 197, 94, .18); color: #bbf7d0; }
.severity-low[b-m2e0endxn2] { background: rgba(148, 163, 184, .2); color: #dbeafe; }
.severity-medium[b-m2e0endxn2] { background: rgba(201, 233, 74, .18); color: #eef7c3; }
.severity-high[b-m2e0endxn2] { background: rgba(251, 191, 36, .2); color: #fde68a; }
.severity-critical[b-m2e0endxn2] { background: rgba(239, 68, 68, .2); color: #fecaca; }

@media (max-width: 920px) {
    .issue-layout[b-m2e0endxn2] {
        grid-template-columns: 1fr;
    }

    .issue-details dl[b-m2e0endxn2] {
        grid-template-columns: 1fr;
    }
}
/* /Areas/IsoBuilderStaff/Components/NotesPanel.razor.rz.scp.css */
.notes-panel-shell[b-fnjhz6i4h7] {
    min-height: 0;
}

.notes-inline-panel[b-fnjhz6i4h7],
.notes-modal[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
    height: 100%;
    min-height: 320px;
}

.notes-modal-backdrop[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
    width: min(720px, 100%);
    max-height: min(80vh, 780px);
    overflow: hidden;
}

.notes-panel-header[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
    margin: 0;
    font-size: 1.15rem;
}

.notes-entity-caption[b-fnjhz6i4h7] {
    margin: .25rem 0 0;
    color: rgba(246, 249, 255, .78);
    font-size: .86rem;
}

.notes-close-button[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .8rem 1rem .3rem;
    flex-wrap: wrap;
}

.add-note-button[b-fnjhz6i4h7],
.save-note-button[b-fnjhz6i4h7],
.edit-note-button[b-fnjhz6i4h7],
.cancel-note-button[b-fnjhz6i4h7] {
    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-fnjhz6i4h7],
.cancel-note-button[b-fnjhz6i4h7] {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: #f6f9ff;
}

.notes-action-message[b-fnjhz6i4h7] {
    color: #c9e94a;
    font-size: .86rem;
}

.note-create-panel[b-fnjhz6i4h7] {
    padding: 0 1rem .4rem;
    display: grid;
    gap: .45rem;
}

.note-create-panel textarea[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
    display: flex;
    justify-content: flex-end;
}

.notes-state[b-fnjhz6i4h7] {
    padding: 1rem;
    margin: 0;
}

.notes-error[b-fnjhz6i4h7] {
    color: #ffb4b4;
}

.notes-list[b-fnjhz6i4h7] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    overflow: auto;
}

.notes-list-inline[b-fnjhz6i4h7] {
    flex: 1;
    min-height: 0;
}

.note-item[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
    margin: .45rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.55;
}

.note-meta[b-fnjhz6i4h7] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    color: rgba(246, 249, 255, .8);
    font-size: .82rem;
}

.note-row-actions[b-fnjhz6i4h7] {
    display: flex;
    justify-content: flex-end;
    margin-top: .35rem;
    gap: .4rem;
}

.delete-note-button[b-fnjhz6i4h7] {
    border: 0;
    border-radius: 999px;
    padding: .3rem .65rem;
    font-weight: 700;
    cursor: pointer;
    background: #b91c1c;
    color: #fff;
}

.note-edit-panel[b-fnjhz6i4h7] {
    margin-top: .55rem;
}

.note-edit-panel textarea[b-fnjhz6i4h7] {
    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-fnjhz6i4h7] {
        min-height: 280px;
    }
}
/* /Areas/IsoBuilderStaff/Components/NotesViewerModal.razor.rz.scp.css */

/* /Areas/IsoBuilderStaff/Components/SiteCard.razor.rz.scp.css */
.mini-site-card[b-h00rueg8z2] {
    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-h00rueg8z2] { font-size: .9rem; }
.mini-site-card em[b-h00rueg8z2] { color: #c9e94a; font-style: normal; font-weight: 700; justify-self: end; }
.mini-site-card span[b-h00rueg8z2] { font-size: .75rem; opacity: .9; }

.mini-site-card-status[b-h00rueg8z2] {
    justify-self: end;
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.site-card-warning[b-h00rueg8z2] {
    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;
}

.mini-site-card-actions[b-h00rueg8z2] {
    justify-self: end;
    display: flex;
    gap: .35rem;
    align-items: center;
}

.site-card-action[b-h00rueg8z2] {
    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-h00rueg8z2],
.site-card-action:focus-visible[b-h00rueg8z2] {
    background: rgba(201, 233, 74, 0.22);
}
/* /Areas/IsoBuilderStaff/Components/StaffSidebar.razor.rz.scp.css */
.staff-sidebar[b-a2eeemqitu] {
    width: 220px;
    padding: 1rem;
    background: linear-gradient(180deg, #14181d 0%, #1a2129 100%);
    border-radius: 12px;
    border: 1px solid rgba(201, 233, 74, 0.2);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    margin-right: 1rem;
}

.staff-sidebar h3[b-a2eeemqitu] {
    margin: 0 0 0.9rem;
    color: #c9e94a;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 0.82rem;
}

.staff-sidebar ul[b-a2eeemqitu] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.staff-sidebar li[b-a2eeemqitu] {
    margin-bottom: 0.45rem;
}

.staff-sidebar a[b-a2eeemqitu] {
    display: block;
    color: #dce3ec;
    text-decoration: none;
    font-weight: 600;
    padding: 0.5rem 0.65rem;
    border-radius: 8px;
    border: 1px solid transparent;
}

.staff-sidebar a:hover[b-a2eeemqitu],
.staff-sidebar a:focus[b-a2eeemqitu] {
    color: #c9e94a;
    background: rgba(201, 233, 74, 0.08);
    border-color: rgba(201, 233, 74, 0.25);
}

.staff-user-label[b-a2eeemqitu] {
    margin: -.35rem 0 .8rem;
    color: rgba(220, 227, 236, 0.85);
    font-size: .78rem;
}
/* /Areas/IsoBuilderStaff/Components/StartTestPackRunModal.razor.rz.scp.css */
.modal-backdrop[b-1clpk6mrse] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-1clpk6mrse] { 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-1clpk6mrse],.create-modal footer[b-1clpk6mrse] { display:flex; justify-content:space-between; align-items:center; }
.modal-grid[b-1clpk6mrse] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-1clpk6mrse] { display:grid; gap:.35rem; }
.modal-grid textarea[b-1clpk6mrse] { min-height:100px; }
.modal-grid input[b-1clpk6mrse],.modal-grid select[b-1clpk6mrse],.modal-grid textarea[b-1clpk6mrse] { 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-1clpk6mrse],.btn-ghost[b-1clpk6mrse] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-1clpk6mrse] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-1clpk6mrse] { background:rgba(7,18,28,.5); color:#f6f9ff; }
/* /Areas/IsoBuilderStaff/Components/StartTestRunModal.razor.rz.scp.css */
.modal-backdrop[b-mzkjc99b3q] { position: fixed; inset: 0; background: rgba(0,0,0,.65); display:grid; place-items:center; z-index:50; padding:1rem; }
.create-modal[b-mzkjc99b3q] { 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-mzkjc99b3q],.create-modal footer[b-mzkjc99b3q] { display:flex; justify-content:space-between; align-items:center; }
.modal-grid[b-mzkjc99b3q] { display:grid; gap:.7rem; grid-template-columns:1fr 1fr; margin:.8rem 0; }
.modal-grid label[b-mzkjc99b3q] { display:grid; gap:.35rem; }
.modal-grid textarea[b-mzkjc99b3q] { min-height:100px; }
.modal-grid input[b-mzkjc99b3q],.modal-grid select[b-mzkjc99b3q],.modal-grid textarea[b-mzkjc99b3q] { 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-mzkjc99b3q],.btn-ghost[b-mzkjc99b3q] { border-radius:10px; border:1px solid rgba(201,233,74,.25); padding:.45rem .8rem; font-weight:600; cursor:pointer; }
.btn-primary[b-mzkjc99b3q] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.btn-ghost[b-mzkjc99b3q] { background:rgba(7,18,28,.5); color:#f6f9ff; }
/* /Areas/IsoBuilderStaff/Components/TaskCreateModal.razor.rz.scp.css */
.modal-backdrop[b-jbdpipvaip] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 50;
    padding: 1rem;
}

.create-modal[b-jbdpipvaip] {
    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-jbdpipvaip],
.create-modal footer[b-jbdpipvaip] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-grid[b-jbdpipvaip] {
    display: grid;
    gap: .7rem;
    grid-template-columns: 1fr 1fr;
    margin: .8rem 0;
}

.modal-grid label[b-jbdpipvaip] { display: grid; gap: .35rem; }
.modal-grid textarea[b-jbdpipvaip] { min-height: 100px; }
.modal-grid input[b-jbdpipvaip],
.modal-grid select[b-jbdpipvaip],
.modal-grid textarea[b-jbdpipvaip] {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.06);
    color: #fff;
    padding: .45rem .55rem;
}
/* /Areas/IsoBuilderStaff/Components/TaskDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-r81j9na4yk] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 50;
    padding: 1rem;
}

.task-modal[b-r81j9na4yk] {
    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-r81j9na4yk],
.btn-ghost[b-r81j9na4yk],
.tab-link[b-r81j9na4yk] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-r81j9na4yk] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-r81j9na4yk], .tab-link[b-r81j9na4yk] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.task-modal-header[b-r81j9na4yk] {
    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-r81j9na4yk] {
    font-size: .76rem;
    color: #cabff7;
    letter-spacing: .02em;
    font-weight: 700;
}

.task-modal-layout[b-r81j9na4yk] {
    margin-top: .9rem;
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 1rem;
    min-height: 0;
    align-items: start;
}

.task-main[b-r81j9na4yk], .task-details[b-r81j9na4yk] {
    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-r81j9na4yk], .task-details input[b-r81j9na4yk], .task-details select[b-r81j9na4yk], .task-details textarea[b-r81j9na4yk], .task-modal input[b-r81j9na4yk], .task-details option[b-r81j9na4yk] {
        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-r81j9na4yk] {
        background: #0f1d2b;
    }

    .task-main textarea[b-r81j9na4yk] {
        min-height: 220px;
        width: 100%;
        box-sizing: border-box;
        display: block;
    }

.description-input[b-r81j9na4yk] {
    min-height: 220px;
}

    .task-details[b-r81j9na4yk] {
        display: flex;
        flex-direction: column;
        max-height: min(76vh, 840px);
        overflow: hidden;
    }

    .task-details dl[b-r81j9na4yk] {
        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-r81j9na4yk] {
        color: rgba(246,249,255,.72);
        font-weight: 600;
    }

    .task-details dd[b-r81j9na4yk] {
        margin: 0;
    }

    .task-details footer[b-r81j9na4yk] {
        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-r81j9na4yk] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.activity-container[b-r81j9na4yk] {
    margin-top: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    overflow: hidden;
}

.activity-header[b-r81j9na4yk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem .7rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.activity-tabs[b-r81j9na4yk] {
    display: flex;
    gap: .4rem;
}

.tab-link.active[b-r81j9na4yk] {
    border-color: rgba(201,233,74,.65);
    text-decoration: underline;
}

.activity-scroll[b-r81j9na4yk] {
    max-height: 390px;
    overflow-y: auto;
    padding: .65rem;
    display: grid;
    gap: .65rem;
}

.comment-item[b-r81j9na4yk] {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: .6rem;
    display: grid;
    gap: .35rem;
}

.add-comment[b-r81j9na4yk],
.timelog-form[b-r81j9na4yk] {
    display: grid;
    gap: .45rem;
}

    .timelog-form label[b-r81j9na4yk] {
        display: grid;
        gap: .25rem;
    }

.inline-actions[b-r81j9na4yk] {
    display: flex;
    gap: .6rem;
}

.text-action[b-r81j9na4yk] {
    border: none;
    background: transparent;
    color: #b9d8ff;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
    font-size: .85rem;
}


.comment-item p[b-r81j9na4yk] {
    margin: 0;
    white-space: pre-wrap;
}


.pending-pasted-images[b-r81j9na4yk] {
    display: grid;
    gap: .4rem;
}

.pending-pasted-images .inline-comment-image[b-r81j9na4yk] {
    max-height: 140px;
}

.description-attachments[b-r81j9na4yk] {
    margin-top: .8rem;
}

.description-attachments h5[b-r81j9na4yk] {
    margin: 0 0 .45rem;
    font-size: .86rem;
    color: rgba(246,249,255,.82);
}

.attachments-grid[b-r81j9na4yk] {
    margin-top: .45rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: .5rem;
}

.attachment-item[b-r81j9na4yk] {
    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-r81j9na4yk] {
    width: 100%;
    height: 68px;
    object-fit: cover;
    border-radius: 6px;
}

.attachment-item small[b-r81j9na4yk] {
    font-size: .7rem;
    color: rgba(246,249,255,.72);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.clickable-image[b-r81j9na4yk] {
    cursor: zoom-in;
}

.image-preview-overlay[b-r81j9na4yk] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .82);
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.image-preview-dialog[b-r81j9na4yk] {
    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-r81j9na4yk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
}

.image-preview-dialog img[b-r81j9na4yk] {
    max-width: 100%;
    max-height: calc(92vh - 88px);
    object-fit: contain;
    justify-self: center;
    border-radius: 8px;
}

.associated-test-runs[b-r81j9na4yk] {
    margin: 0;
    padding-left: 1rem;
    display: grid;
    gap: .25rem;
}

.associated-test-runs a[b-r81j9na4yk] {
    color: #b9d8ff;
    text-decoration: underline;
}

.associated-test-status[b-r81j9na4yk] {
    color: rgba(246,249,255,.72);
    font-size: .85rem;
}

.build-link-stack[b-r81j9na4yk] {
    display: grid;
    gap: .35rem;
}

.build-link-note[b-r81j9na4yk] {
    color: rgba(246,249,255,.78);
    font-size: .86rem;
}

.build-link-error[b-r81j9na4yk] {
    color: #ffd3d3;
    font-size: .86rem;
}

.build-link-button[b-r81j9na4yk] {
    justify-self: start;
}


.linked-issue-list[b-r81j9na4yk] {
    display: grid;
    gap: .45rem;
    max-height: 208px;
    overflow-y: auto;
    padding-right: .25rem;
}

.linked-issue-card[b-r81j9na4yk] {
    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-r81j9na4yk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

.linked-issue-key[b-r81j9na4yk] {
    font-size: .75rem;
    color: #cabff7;
    font-weight: 700;
}

.linked-issue-severity[b-r81j9na4yk] {
    color: rgba(246,249,255,.72);
    font-size: .75rem;
}

.checkbox-field[b-r81j9na4yk] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: rgba(246,249,255,.85);
}

.checkbox-field input[b-r81j9na4yk] {
    width: 16px;
    height: 16px;
    accent-color: #c9e94a;
}

.subscriber-list[b-r81j9na4yk] {
    display: grid;
    gap: 8px;
    max-height: 164px;
    overflow-y: auto;
    padding-right: .25rem;
}

.subscriber-card[b-r81j9na4yk] {
    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-r81j9na4yk] {
    color: #f6f9ff;
    font-size: .92rem;
}

.subscriber-card span[b-r81j9na4yk] {
    color: rgba(246,249,255,.72);
    font-size: .82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notify-status[b-r81j9na4yk] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: .9rem;
}

.notify-status-success[b-r81j9na4yk] {
    background: rgba(88, 196, 120, 0.16);
    border: 1px solid rgba(88, 196, 120, 0.32);
    color: #d9f7e3;
}

.notify-status-error[b-r81j9na4yk] {
    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-r81j9na4yk] {
        overflow: auto;
    }

    .task-modal-layout[b-r81j9na4yk] {
        grid-template-columns: 1fr;
    }

    .task-details[b-r81j9na4yk] {
        max-height: none;
    }

    .task-details dl[b-r81j9na4yk],
    .linked-issue-list[b-r81j9na4yk],
    .subscriber-list[b-r81j9na4yk] {
        overflow: visible;
        max-height: none;
    }

    .subscriber-card[b-r81j9na4yk] {
        border-radius: 12px;
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Areas/IsoBuilderStaff/Components/TaskSearchBar.razor.rz.scp.css */
.task-search[b-nglp1w9l2c] {
    position: relative;
    width: min(100%, 31rem);
}

.task-search-label[b-nglp1w9l2c] {
    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-nglp1w9l2c] {
    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-nglp1w9l2c] {
    border-color: rgba(201, 233, 74, 0.45);
    box-shadow: 0 0 0 3px rgba(201, 233, 74, 0.12);
}

.task-search-input[b-nglp1w9l2c] {
    border: 0;
    background: transparent;
    color: #f6f9ff;
    font: inherit;
    min-width: 0;
    padding: 0.35rem 0;
}

.task-search-input[b-nglp1w9l2c]::placeholder {
    color: rgba(246, 249, 255, 0.6);
}

.task-search-input:focus[b-nglp1w9l2c] {
    outline: none;
}

.task-search-input:disabled[b-nglp1w9l2c] {
    cursor: not-allowed;
    opacity: 0.7;
}

.task-search-clear[b-nglp1w9l2c] {
    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-nglp1w9l2c] {
    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-nglp1w9l2c] {
    list-style: none;
    margin: 0;
    padding: 0.45rem;
    display: grid;
    gap: 0.35rem;
}

.task-search-result[b-nglp1w9l2c] {
    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-nglp1w9l2c],
.task-search-result.active[b-nglp1w9l2c] {
    border-color: rgba(201, 233, 74, 0.32);
    background: rgba(201, 233, 74, 0.1);
}

.task-search-result-top[b-nglp1w9l2c] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.task-search-key[b-nglp1w9l2c] {
    color: #c9e94a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.task-search-status[b-nglp1w9l2c] {
    color: rgba(246, 249, 255, 0.72);
    font-size: 0.75rem;
}

.task-search-name[b-nglp1w9l2c] {
    font-weight: 700;
    line-height: 1.3;
}

.task-search-meta[b-nglp1w9l2c] {
    color: rgba(246, 249, 255, 0.68);
    font-size: 0.8rem;
}

.task-search-empty[b-nglp1w9l2c] {
    padding: 0.95rem 1rem;
    display: grid;
    gap: 0.3rem;
}

.task-search-empty strong[b-nglp1w9l2c] {
    font-size: 0.92rem;
}

.task-search-empty span[b-nglp1w9l2c],
.task-search-hint[b-nglp1w9l2c] {
    color: rgba(246, 249, 255, 0.68);
    font-size: 0.8rem;
}

.task-search-hint[b-nglp1w9l2c] {
    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-nglp1w9l2c] {
        width: 100%;
    }
}
/* /Areas/IsoBuilderStaff/Pages/Billing.razor.rz.scp.css */
.staff-page-layout[b-09au2ss02x] { display:grid; grid-template-columns:minmax(180px,240px) 1fr; gap:1.5rem; align-items:start; }
.staff-shell[b-09au2ss02x],.staff-content[b-09au2ss02x] { 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-09au2ss02x] { margin:0; }
.staff-header p[b-09au2ss02x] { margin:.5rem 0 0; color:rgba(246,249,255,.82); }
.stats-grid[b-09au2ss02x] { display:grid; gap:.85rem; margin:1rem 0; }
.stats-grid.three[b-09au2ss02x] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stats-grid.two[b-09au2ss02x] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.stat-card[b-09au2ss02x] { padding:1rem; border:1px solid rgba(255,255,255,.15); border-radius:12px; background: rgba(255,255,255,.06); display:flex; justify-content:space-between; align-items:center; }
.stat-card strong[b-09au2ss02x] { font-size:1.25rem; color:#c9e94a; }
.table-wrapper[b-09au2ss02x] { overflow:auto; border:1px solid rgba(255,255,255,.15); border-radius:12px; }
.clients-table[b-09au2ss02x] { width:100%; border-collapse:collapse; }
.clients-table th[b-09au2ss02x],.clients-table td[b-09au2ss02x] { padding:.75rem; border-bottom:1px solid rgba(255,255,255,.1); text-align:left; }
.clickable-row[b-09au2ss02x] { cursor:pointer; }
.clickable-row:hover[b-09au2ss02x] { background: rgba(201,233,74,.08); }
.expand-indicator[b-09au2ss02x] { width:2rem; color:#c9e94a; font-weight:700; }
.details-button[b-09au2ss02x] { background:#c9e94a; color:#102018; border:none; border-radius:8px; padding:.45rem .7rem; font-weight:600; cursor:pointer; }
.sites-row td[b-09au2ss02x] { background:rgba(16,24,20,.55); padding:0.75rem 1rem 1rem; }
.sites-table[b-09au2ss02x] { width:100%; border-collapse:collapse; margin-top:.35rem; }
.sites-table th[b-09au2ss02x],.sites-table td[b-09au2ss02x] { padding:.55rem .65rem; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.empty-sites[b-09au2ss02x] { margin:.35rem 0; color:rgba(246,249,255,.8); }
.staff-status.error[b-09au2ss02x] { color:#fecaca; }
@media (max-width:900px){ .staff-page-layout[b-09au2ss02x]{ grid-template-columns:1fr; } .stats-grid.three[b-09au2ss02x],.stats-grid.two[b-09au2ss02x]{ grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/BillingCustomerDetails.razor.rz.scp.css */
.staff-page-layout[b-2w5i20zp3w] { display:grid; grid-template-columns:minmax(180px,240px) 1fr; gap:1.5rem; align-items:start; }
.staff-shell[b-2w5i20zp3w],.staff-content[b-2w5i20zp3w] { 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-2w5i20zp3w] { display:grid; grid-template-columns:70% 30%; gap:1rem; align-items:start; }
.left-column[b-2w5i20zp3w] { display:grid; gap:1rem; }
.left-top-grid[b-2w5i20zp3w] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.card[b-2w5i20zp3w] { 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-2w5i20zp3w] { display:grid; gap:.25rem; }
input[b-2w5i20zp3w],select[b-2w5i20zp3w] { background:#0f2141; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:.45rem .5rem; }
.row-buttons[b-2w5i20zp3w] { display:flex; gap:.5rem; }
.primary[b-2w5i20zp3w],.secondary[b-2w5i20zp3w],.danger[b-2w5i20zp3w] { border:none; border-radius:999px; padding:.5rem .9rem; font-weight:700; width:fit-content; cursor:pointer; }
.primary[b-2w5i20zp3w] { background:#c9e94a; color:#0f2141; }
.secondary[b-2w5i20zp3w] { background:rgba(255,255,255,.2); color:#fff; }
.danger[b-2w5i20zp3w] { background:#b91c1c; color:#fff; }
.clients-table[b-2w5i20zp3w] { width:100%; border-collapse:collapse; }
.clients-table th[b-2w5i20zp3w],.clients-table td[b-2w5i20zp3w] { border-bottom:1px solid rgba(255,255,255,.1); text-align:left; padding:.55rem; }
.site-summary-row[b-2w5i20zp3w] { display:grid; gap:.35rem; margin-bottom:.4rem; color:#e7f1c2; }
.sites-scroll[b-2w5i20zp3w] { max-height:70vh; overflow-y:auto; display:grid; gap:.6rem; }
.site-card[b-2w5i20zp3w] { border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:.75rem; background:rgba(15,33,65,.35); }
.site-card h3[b-2w5i20zp3w] { margin:0 0 .4rem 0; }
.site-card p[b-2w5i20zp3w] { margin:.2rem 0; }
.staff-status.error[b-2w5i20zp3w] { color:#fecaca; }
@media (max-width:1200px){ .details-layout[b-2w5i20zp3w]{ grid-template-columns:1fr; } .left-top-grid[b-2w5i20zp3w]{ grid-template-columns:1fr; } }
@media (max-width:900px){ .staff-page-layout[b-2w5i20zp3w]{ grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/Calendar.razor.rz.scp.css */


.ib-cal-page[b-442a653ua7] {
}

.ib-cal-content[b-442a653ua7] {
}

.ib-cal-header[b-442a653ua7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

    .ib-cal-header h1[b-442a653ua7] {
        margin: 0;
    }

    .ib-cal-header p[b-442a653ua7] {
        margin: .35rem 0 0;
        color: rgba(246,249,255,.82);
    }

.ib-cal-chip[b-442a653ua7] {
    font-size: .8rem;
    border: 1px solid rgba(201,233,74,.35);
    background: rgba(201,233,74,.12);
    color: #eef7c6;
    border-radius: 999px;
    padding: .25rem .55rem;
}

.ib-cal-toolbar[b-442a653ua7] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    flex-wrap: wrap;
}

.ib-cal-toolbar__left[b-442a653ua7], .ib-cal-toolbar__right[b-442a653ua7] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.ib-cal-search[b-442a653ua7] {
    width: min(460px, 78vw);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(7,18,28,.56);
    color: #f6f9ff;
    padding: .5rem .7rem;
}

    .ib-cal-search:focus[b-442a653ua7] {
        outline: none;
        border-color: rgba(201,233,74,.65);
    }

.ib-cal-filters[b-442a653ua7] {
    border: 1px solid rgba(201,233,74,.2);
    border-radius: 12px;
    padding: .6rem .8rem;
    background: rgba(7,18,28,.45);
}

    .ib-cal-filters > summary[b-442a653ua7] {
        cursor: pointer;
        font-weight: 700;
        color: #dbeaa2;
    }

.ib-cal-filters__grid[b-442a653ua7] {
    display: grid;
    grid-template-columns: repeat(4,minmax(220px,1fr));
    gap: .75rem;
    margin-top: .7rem;
}

@media (max-width: 1100px) {
    .ib-cal-filters__grid[b-442a653ua7] {
        grid-template-columns: repeat(2,minmax(220px,1fr));
    }
}

@media (max-width: 720px) {
    .ib-cal-filters__grid[b-442a653ua7] {
        grid-template-columns: 1fr;
    }
}

.ib-cal-filter[b-442a653ua7] {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    padding: .55rem;
}

.ib-cal-filter__title[b-442a653ua7] {
    font-weight: 700;
    margin-bottom: .35rem;
    color: #dbeaa2;
}

.ib-cal-filter__title--sub[b-442a653ua7] {
    margin-top: .7rem;
}

.ib-cal-filter__options[b-442a653ua7] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ib-cal-filter__options--scroll[b-442a653ua7] {
    max-height: 180px;
    overflow: auto;
}

.ib-cal-check[b-442a653ua7] {
    display: flex;
    gap: .45rem;
    align-items: center;
    font-size: .9rem;
}

.ib-cal-check--all[b-442a653ua7] {
    font-weight: 600;
    border-bottom: 1px dashed rgba(255,255,255,.2);
    padding-bottom: .2rem;
}

.ib-cal-muted[b-442a653ua7] {
    opacity: .75;
    font-size: .88rem;
}

.ib-cal-color-dot[b-442a653ua7] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
}

.ib-cal-legend[b-442a653ua7] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .35rem .5rem;
    margin-top: .75rem;
}

.ib-cal-legend__item[b-442a653ua7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .88rem;
}

.ib-legend-swatch[b-442a653ua7] {
    width: 14px;
    height: 10px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.08);
}

.ib-legend-swatch--task[b-442a653ua7] {
    background: rgba(79, 153, 255, .32);
}

.ib-legend-swatch--meeting[b-442a653ua7] {
    background: rgba(181, 125, 255, .32);
}

.ib-legend-swatch--leave[b-442a653ua7] {
    background: rgba(108, 194, 177, .34);
}

.ib-legend-swatch--overdue[b-442a653ua7] {
    background: rgba(255, 107, 107, .4);
}

.ib-cal-surface[b-442a653ua7] {
    display: flex; /* key */
    flex-direction: column; /* key */
    flex: 1; /* key */
    min-height: 0; /* key */
    height: auto; /* IMPORTANT: remove height:100% semantics */
}

    .ib-cal-surface > .e-schedule[b-442a653ua7] {
        flex: 1;
        min-height: 0;
    }

.ib-toast--error .e-toast-message[b-442a653ua7] {
    border-left: 4px solid #ff6b6b;
}

.ib-toast--ok .e-toast-message[b-442a653ua7] {
    border-left: 4px solid #8ed96a;
}

.ib-appt[b-442a653ua7] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.ib-appt__top[b-442a653ua7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .3rem;
}

.ib-appt__title[b-442a653ua7] {
    font-weight: 700;
    font-size: .93rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-appt__title--task[b-442a653ua7] {
    display: block;
    width: 100%;
}

.ib-appt__meta[b-442a653ua7] {
    font-size: .8rem;
    opacity: .88;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-appt__key[b-442a653ua7] {
    font-size: .74rem;
    font-weight: 700;
    opacity: .9;
}

.ib-badge[b-442a653ua7] {
    font-size: .7rem;
    padding: .05rem .35rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.3);
}

.ib-badge--task[b-442a653ua7] {
    background: rgba(79,153,255,.28);
}

.ib-badge--meeting[b-442a653ua7] {
    background: rgba(181,125,255,.28);
}

.ib-badge--leave[b-442a653ua7] {
    background: rgba(108,194,177,.28);
}

.ib-badge--danger[b-442a653ua7] {
    background: rgba(255,107,107,.3);
    border-color: rgba(255,107,107,.5);
}

.ib-editor[b-442a653ua7] {
    padding: .5rem .25rem;
}

.ib-editor__grid[b-442a653ua7] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.ib-editor__row[b-442a653ua7] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ib-editor__row--two[b-442a653ua7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

@media (max-width: 720px) {
    .ib-editor__row--two[b-442a653ua7] {
        grid-template-columns: 1fr;
    }
}

.ib-editor__label[b-442a653ua7] {
    font-weight: 700;
    font-size: .9rem;
}

.ib-editor__hint[b-442a653ua7] {
    font-size: .82rem;
    opacity: .78;
}

.ib-editor__hint--danger[b-442a653ua7] {
    color: #ff9696;
    opacity: 1;
}

.ib-editor__inline[b-442a653ua7] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.ib-editor__tasklink[b-442a653ua7] {
    font-size: .9rem;
    color: #c9e94a;
    text-decoration: none;
}

    .ib-editor__tasklink:hover[b-442a653ua7] {
        text-decoration: underline;
    }

.e-schedule .e-toolbar[b-442a653ua7],
.e-schedule .e-schedule-toolbar[b-442a653ua7],
.e-schedule .e-work-cells[b-442a653ua7],
.e-schedule .e-month-view[b-442a653ua7],
.e-schedule .e-appointment[b-442a653ua7],
.e-schedule .e-resource-left-td[b-442a653ua7],
.e-schedule .e-resource-text[b-442a653ua7],
.e-schedule .e-content-wrap[b-442a653ua7],
.e-schedule .e-time-cells-wrap[b-442a653ua7],
.e-schedule .e-date-header-wrap[b-442a653ua7],
.e-schedule .e-vertical-view .e-date-header-wrap table col[b-442a653ua7],
.e-schedule .e-vertical-view .e-content-wrap table col[b-442a653ua7],
.e-schedule .e-table-wrap[b-442a653ua7],
.e-schedule .e-schedule-table[b-442a653ua7] {
    background: #0f1d2b !important;
    color: #f6f9ff !important;
}

.e-schedule .e-toolbar-item .e-tbar-btn-text[b-442a653ua7],
.e-schedule .e-header-cells[b-442a653ua7],
.e-schedule .e-time-cells-wrap[b-442a653ua7],
.e-schedule .e-resource-cells[b-442a653ua7] {
    color: #f6f9ff !important;
}

.e-schedule .e-appointment[b-442a653ua7] {
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 8px !important;
}

.e-schedule .e-quick-popup-wrapper[b-442a653ua7],
.e-schedule-dialog[b-442a653ua7] {
    border-radius: 12px !important;
    border: 1px solid rgba(201,233,74,.3) !important;
}

.e-schedule .ib-item--task[b-442a653ua7] {
    box-shadow: inset 3px 0 0 rgba(79,153,255,.9);
}

.e-schedule .ib-item--meeting[b-442a653ua7] {
    box-shadow: inset 3px 0 0 rgba(181,125,255,.9);
}

.e-schedule .ib-item--leave[b-442a653ua7] {
    box-shadow: inset 3px 0 0 rgba(108,194,177,.95);
}

.e-schedule .ib-task--overdue[b-442a653ua7] {
    outline: 2px solid rgba(255,107,107,.45);
}

.e-schedule .ib-task--done[b-442a653ua7] {
    opacity: .7;
}

.ib-cal-page .staff-content[b-442a653ua7] {
    background: linear-gradient(180deg, rgba(8,20,32,.78), rgba(7,16,27,.72));
}

.ib-cal-toolbar button[b-442a653ua7],
.ib-cal-toolbar .details-button[b-442a653ua7] {
    border: 1px solid rgba(201,233,74,.35);
    background: rgba(201,233,74,.14);
    color: #f5ffd5;
    border-radius: 10px;
}

.ib-cal-filter[b-442a653ua7],
.ib-cal-filters[b-442a653ua7],
.ib-cal-surface[b-442a653ua7] {
    box-shadow: 0 10px 25px rgba(0,0,0,.22);
}

.e-schedule[b-442a653ua7] {
    border-radius: 14px !important;
    overflow: hidden;
    border: 1px solid rgba(201,233,74,.25) !important;
}

.e-schedule .e-work-cells[b-442a653ua7],
.e-schedule .e-date-header-wrap[b-442a653ua7],
.e-schedule .e-time-cells-wrap[b-442a653ua7],
.e-schedule .e-resource-column-wrap[b-442a653ua7],
.e-schedule .e-content-table[b-442a653ua7],
.e-schedule .e-vertical-view .e-day-wrapper[b-442a653ua7] {
    background: #0b1725 !important;
}
/* /Areas/IsoBuilderStaff/Pages/Clients.razor.rz.scp.css */



.staff-header h1[b-1ab589gwjh] {
    margin: 0;
}

.subtitle[b-1ab589gwjh] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.8);
}

.new-client-button[b-1ab589gwjh] {
    background: #c9e94a;
    color: #0f2141;
    border: 0;
    border-radius: 999px;
    padding: 0.6rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.error-banner[b-1ab589gwjh] {
    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-1ab589gwjh] {
    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-1ab589gwjh] {
    margin: 0;
}

.empty-state p[b-1ab589gwjh] {
    margin: 0.5rem 0 0;
}

.table-wrapper[b-1ab589gwjh] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.clients-table[b-1ab589gwjh] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.03);
}

.clients-table th[b-1ab589gwjh],
.clients-table td[b-1ab589gwjh] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    text-align: left;
}

.clients-table th[b-1ab589gwjh] {
    color: #c9e94a;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.modal-backdrop[b-1ab589gwjh] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal[b-1ab589gwjh] {
    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-1ab589gwjh] {
    margin: 0 0 0.4rem;
}

.modal label[b-1ab589gwjh] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-weight: 600;
}

.modal input[b-1ab589gwjh] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.55rem 0.6rem;
}

.modal-actions[b-1ab589gwjh] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.modal-actions button[b-1ab589gwjh] {
    border: 0;
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    cursor: pointer;
}

.modal-actions .primary[b-1ab589gwjh] {
    background: #0f2141;
    color: white;
}

.modal-actions .secondary[b-1ab589gwjh] {
    background: #e2e8f0;
    color: #0f172a;
}

.staff-status[b-1ab589gwjh] {
    margin: 0;
}

.staff-status.error[b-1ab589gwjh] {
    color: #fecaca;
}

@media (max-width: 900px) {
    .staff-page-layout[b-1ab589gwjh] {
        grid-template-columns: 1fr;
    }

    .staff-header[b-1ab589gwjh] {
        flex-direction: column;
    }
}

.clickable-row[b-1ab589gwjh] { cursor: pointer; transition: background 0.2s ease; }
.clickable-row:hover[b-1ab589gwjh] { background: rgba(201, 233, 74, 0.14); }

.table-notes-button[b-1ab589gwjh] {
    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-1ab589gwjh] { background: rgba(201, 233, 74, 0.24); }
/* /Areas/IsoBuilderStaff/Pages/Communications.razor.rz.scp.css */
.staff-content[b-3oqdugvgqh] { 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-3oqdugvgqh] { margin-bottom: 1rem; }
.staff-header h1[b-3oqdugvgqh] { margin: 0; }
.subtitle[b-3oqdugvgqh] { margin: .5rem 0 0; color: rgba(246,249,255,.8); }
.communications-grid[b-3oqdugvgqh] { display:grid; grid-template-columns: 1fr 1fr; gap:1rem; }
.card[b-3oqdugvgqh] { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: 1rem; }
.card-title-row[b-3oqdugvgqh] { display:flex; justify-content:space-between; align-items:flex-start; gap:.7rem; margin-bottom:.75rem; }
.card-title-row h2[b-3oqdugvgqh] { margin: 0; }
.card-subtitle[b-3oqdugvgqh] { margin: .35rem 0 0; color: rgba(246,249,255,.7); font-size: .9rem; }
.status-banner[b-3oqdugvgqh] { color: #c9e94a; }
.status-banner.error[b-3oqdugvgqh] { color: #fecaca; }
.tab-row[b-3oqdugvgqh] { display: flex; gap: .5rem; margin-bottom: .9rem; flex-wrap: wrap; }
.issue-tab-row[b-3oqdugvgqh] { margin-top: -.2rem; }
.tab-button[b-3oqdugvgqh] { 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-3oqdugvgqh] { border-color: rgba(201,233,74,.35); background: rgba(201, 233, 74, 0.14); color: #e5f0b5; }
.communications-scroll[b-3oqdugvgqh], .issues-scroll[b-3oqdugvgqh] { display: grid; gap: .75rem; max-height: 68vh; overflow-y: auto; }
.enquiry-card[b-3oqdugvgqh] { border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: .85rem; background: rgba(15,33,65,.35); }
.enquiry-card h3[b-3oqdugvgqh] { margin: 0; }
.enquiry-card header[b-3oqdugvgqh] { display: flex; justify-content: space-between; gap: .8rem; align-items: center; }
.enquiry-card p[b-3oqdugvgqh] { margin: .45rem 0 0; }
.notes-row[b-3oqdugvgqh] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .85rem; }
.primary[b-3oqdugvgqh], .secondary[b-3oqdugvgqh], .danger[b-3oqdugvgqh], .btn-ghost[b-3oqdugvgqh] { border: 0; border-radius: 999px; padding: .45rem .8rem; font-weight: 700; cursor: pointer; }
.primary[b-3oqdugvgqh] { background: #c9e94a; color: #0f2141; }
.secondary[b-3oqdugvgqh] { background: rgba(255,255,255,.2); color: #fff; }
.danger[b-3oqdugvgqh] { background: #b91c1c; color: #fff; }
.btn-ghost[b-3oqdugvgqh] { background: rgba(7,18,28,.55); color: #f6f9ff; border: 1px solid rgba(201,233,74,.24); }
.issue-card[b-3oqdugvgqh] { 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-3oqdugvgqh] { border-color: rgba(201, 233, 74, .62); transform: translateY(-1px); }
.issue-card-top[b-3oqdugvgqh] { display:flex; justify-content:space-between; align-items:flex-start; gap:.75rem; }
.issue-card-badges[b-3oqdugvgqh] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.issue-key[b-3oqdugvgqh] { font-size: .76rem; color: #cabff7; letter-spacing: .02em; font-weight: 700; }
.issue-card h3[b-3oqdugvgqh] { margin: 0; font-size: 1rem; line-height: 1.25; }
.issue-card p[b-3oqdugvgqh] { margin: 0; color: rgba(246,249,255,.82); font-size: .88rem; line-height: 1.34; min-height: 2.4em; }
.issue-card small[b-3oqdugvgqh] { color: rgba(246,249,255,.72); font-size: .76rem; line-height: 1.2; }
.issue-severity[b-3oqdugvgqh], .issue-status-chip[b-3oqdugvgqh] { justify-self: start; border-radius: 999px; padding: .18rem .55rem; font-size: .72rem; font-weight: 700; }
.status-open[b-3oqdugvgqh] { background: rgba(59, 130, 246, .18); color: #bfdbfe; }
.status-resolved[b-3oqdugvgqh] { background: rgba(34, 197, 94, .18); color: #bbf7d0; }
.severity-low[b-3oqdugvgqh] { background: rgba(148, 163, 184, .2); color: #dbeafe; }
.severity-medium[b-3oqdugvgqh] { background: rgba(201, 233, 74, .18); color: #eef7c3; }
.severity-high[b-3oqdugvgqh] { background: rgba(251, 191, 36, .2); color: #fde68a; }
.severity-critical[b-3oqdugvgqh] { background: rgba(239, 68, 68, .2); color: #fecaca; }
.issue-task-chips[b-3oqdugvgqh] { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.15rem; }
.task-chip[b-3oqdugvgqh] { 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-3oqdugvgqh] { color: rgba(246,249,255,.66); }
.issue-actions[b-3oqdugvgqh] { margin-top: .35rem; }
.issue-actions .btn-ghost[disabled][b-3oqdugvgqh] { opacity: .65; cursor: wait; }
@media (max-width: 1100px) { .communications-grid[b-3oqdugvgqh] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .staff-page-layout[b-3oqdugvgqh] { grid-template-columns: 1fr; } }
/* /Areas/IsoBuilderStaff/Pages/CustomerDetails.razor.rz.scp.css */

.staff-shell[b-m2m5726309], .staff-content[b-m2m5726309] { 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-m2m5726309] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; }
.subtitle[b-m2m5726309] { color: rgba(246,249,255,.8); margin: .5rem 0 0; }
.details-layout[b-m2m5726309] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) minmax(320px, 1.15fr);
    grid-template-areas:
        "customer contacts sites"
        "notes notes sites";
    gap: 1rem;
    align-items: stretch;
}
.card[b-m2m5726309] { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: 1rem; display: grid; gap: .6rem; }
.customer-info-card[b-m2m5726309] { grid-area: customer; }
.contacts-card[b-m2m5726309] { grid-area: contacts; }
.sites-card[b-m2m5726309] { grid-area: sites; grid-template-rows: auto minmax(0, 1fr); max-height: 78vh; min-height: 0; }
.notes-card[b-m2m5726309] { grid-area: notes; min-height: 0; }
label[b-m2m5726309] { display: grid; gap: .25rem; font-weight: 600; }
input[b-m2m5726309], select[b-m2m5726309] { border: 1px solid rgba(255,255,255,.2); border-radius: 8px; background: rgba(15,33,65,.7); color: #fff; padding: .55rem .6rem; }
.primary[b-m2m5726309], .danger[b-m2m5726309], .secondary[b-m2m5726309] { border: 0; border-radius: 999px; padding: .55rem .9rem; font-weight: 700; cursor: pointer; width: fit-content; }
.primary[b-m2m5726309] { background: #c9e94a; color: #0f2141; }
.danger[b-m2m5726309] { background: #b91c1c; color: #fff; }
.secondary[b-m2m5726309] { background: rgba(255,255,255,.2); color: #fff; }
.status-banner[b-m2m5726309] { color: #c9e94a; }
.sites-scroll[b-m2m5726309] { display:grid; gap:.7rem; overflow-y:auto; min-height:0; padding-right:.15rem; align-content:start; grid-auto-rows:max-content; }
.contacts-table[b-m2m5726309] { width:100%; border-collapse:collapse; }
.contacts-table th[b-m2m5726309],.contacts-table td[b-m2m5726309] { border-bottom:1px solid rgba(255,255,255,.12); padding:.55rem; text-align:left; }
.modal-backdrop[b-m2m5726309] { position: fixed; inset: 0; background: rgba(2, 6, 23, 0.75); display: flex; justify-content: center; align-items: center; z-index: 999; }
.modal[b-m2m5726309] { 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; }
.modal-actions[b-m2m5726309] { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .4rem; }
.card-title-row[b-m2m5726309] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
@media (max-width: 1200px) {
    .details-layout[b-m2m5726309] {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
        grid-template-areas:
            "customer contacts"
            "sites sites"
            "notes notes";
    }

    .sites-card[b-m2m5726309] {
        max-height: none;
    }
}

@media (max-width: 900px) {
    .details-layout[b-m2m5726309] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "customer"
            "contacts"
            "sites"
            "notes";
    }
}
@media (max-width: 900px) { .staff-page-layout[b-m2m5726309] { grid-template-columns: 1fr; } }
/* /Areas/IsoBuilderStaff/Pages/Finances.razor.rz.scp.css */
.staff-page-layout[b-w54vnmfphf] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-w54vnmfphf],
.staff-content[b-w54vnmfphf] {
    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);
}

.finance-content[b-w54vnmfphf] {
    display: grid;
    gap: 1.25rem;
}

.finance-header[b-w54vnmfphf] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(133, 154, 179, 0.16);
}

.finance-tool-grid[b-w54vnmfphf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
}

.finance-tool-card[b-w54vnmfphf],
.finance-panel[b-w54vnmfphf] {
    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;
}

.finance-tool-card[b-w54vnmfphf] {
    display: grid;
    gap: 1rem;
    min-height: 100%;
}

.tool-card-copy h2[b-w54vnmfphf],
.panel-header h2[b-w54vnmfphf],
.finance-task-item h3[b-w54vnmfphf] {
    margin: 0;
}

.tool-card-copy p[b-w54vnmfphf],
.panel-subtitle[b-w54vnmfphf],
.finance-task-item p[b-w54vnmfphf] {
    margin: 0.55rem 0 0;
    color: rgba(231, 238, 247, 0.76);
}

.tool-card-use[b-w54vnmfphf] {
    padding-top: 0.25rem;
}

.tool-card-link[b-w54vnmfphf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 2.8rem;
    padding: 0 1rem;
    border-radius: 999px;
    background: #d7ec71;
    color: #13210f;
    font-weight: 700;
    text-decoration: none;
}

.finance-task-grid[b-w54vnmfphf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.finance-task-item[b-w54vnmfphf] {
    padding: 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(133, 154, 179, 0.14);
}

@media (max-width: 980px) {
    .staff-page-layout[b-w54vnmfphf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .staff-shell[b-w54vnmfphf],
    .staff-content[b-w54vnmfphf],
    .finance-tool-card[b-w54vnmfphf],
    .finance-panel[b-w54vnmfphf] {
        padding: 1rem;
    }
}
/* /Areas/IsoBuilderStaff/Pages/FinanceSettings.razor.rz.scp.css */
.staff-page-layout[b-j6kzphsg6b] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-j6kzphsg6b],
.staff-content[b-j6kzphsg6b] {
    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-j6kzphsg6b] {
    margin: 0;
}

.staff-header p[b-j6kzphsg6b] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.82);
    max-width: 60rem;
}

.staff-status.success[b-j6kzphsg6b] {
    color: #d6f06d;
}

.settings-grid[b-j6kzphsg6b] {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.settings-card[b-j6kzphsg6b] {
    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-j6kzphsg6b],
.category-topline[b-j6kzphsg6b],
.category-actions[b-j6kzphsg6b],
.create-row[b-j6kzphsg6b] {
    display: flex;
    gap: 0.75rem;
}

.section-heading[b-j6kzphsg6b],
.category-topline[b-j6kzphsg6b],
.category-actions[b-j6kzphsg6b] {
    align-items: center;
}

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

.section-kicker[b-j6kzphsg6b] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    color: rgba(201, 233, 74, 0.95);
}

.section-heading h2[b-j6kzphsg6b],
.future-card h2[b-j6kzphsg6b] {
    margin: 0.35rem 0 0;
}

.create-row[b-j6kzphsg6b] {
    margin-bottom: 1rem;
}

.create-row input[b-j6kzphsg6b],
.category-main input[b-j6kzphsg6b] {
    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-j6kzphsg6b],
.secondary[b-j6kzphsg6b],
.danger[b-j6kzphsg6b] {
    border: none;
    border-radius: 10px;
    padding: 0.7rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.primary[b-j6kzphsg6b] {
    background: #d6f06d;
    color: #15210e;
}

.secondary[b-j6kzphsg6b] {
    background: rgba(255, 255, 255, 0.1);
    color: #f6f9ff;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.danger[b-j6kzphsg6b] {
    background: rgba(185, 28, 28, 0.9);
    color: #fff;
}

.primary:disabled[b-j6kzphsg6b],
.secondary:disabled[b-j6kzphsg6b],
.danger:disabled[b-j6kzphsg6b] {
    opacity: 0.55;
    cursor: not-allowed;
}

.category-list[b-j6kzphsg6b] {
    display: grid;
    gap: 0.85rem;
}

.category-card[b-j6kzphsg6b] {
    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-j6kzphsg6b] {
    opacity: 0.72;
}

.category-main[b-j6kzphsg6b] {
    flex: 1;
}

.category-main small[b-j6kzphsg6b],
.future-card p[b-j6kzphsg6b],
.empty-state[b-j6kzphsg6b] {
    color: rgba(246, 249, 255, 0.74);
}

.category-order[b-j6kzphsg6b] {
    color: rgba(246, 249, 255, 0.6);
    font-size: 0.85rem;
}

.badge[b-j6kzphsg6b] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.badge-default[b-j6kzphsg6b] {
    background: rgba(214, 240, 109, 0.18);
    color: #d6f06d;
}

.badge-muted[b-j6kzphsg6b] {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(246, 249, 255, 0.82);
}

.category-actions[b-j6kzphsg6b] {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start;
}

@media (max-width: 900px) {
    .staff-page-layout[b-j6kzphsg6b],
    .category-card[b-j6kzphsg6b] {
        grid-template-columns: 1fr;
    }

    .category-card[b-j6kzphsg6b] {
        display: grid;
    }

    .create-row[b-j6kzphsg6b],
    .category-actions[b-j6kzphsg6b] {
        flex-direction: column;
    }
}
/* /Areas/IsoBuilderStaff/Pages/IsoBuilderBuildsV2.razor.rz.scp.css */
.release-page .table-panel[b-gmdp3cvjfr] {
    background: rgba(7, 18, 28, 0.55);
    border: 1px solid rgba(201, 233, 74, 0.2);
    border-radius: 14px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.warning-panel[b-gmdp3cvjfr] {
    border-color: rgba(250, 204, 21, 0.45);
    background: rgba(60, 44, 10, 0.35);
}

.info-panel[b-gmdp3cvjfr] {
    border-color: rgba(96, 165, 250, 0.4);
    background: rgba(20, 40, 72, 0.34);
}

.hint-text[b-gmdp3cvjfr] {
    color: rgba(246, 249, 255, 0.82);
}

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

.summary-grid[b-gmdp3cvjfr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .45rem 1rem;
    margin-bottom: .75rem;
}

.release-link[b-gmdp3cvjfr] {
    color: #d7ec71;
    text-decoration: none;
    font-weight: 700;
}

.release-link:hover[b-gmdp3cvjfr] {
    text-decoration: underline;
}

.subtitle[b-gmdp3cvjfr] {
    margin-top: .45rem;
    color: rgba(246, 249, 255, 0.82);
}

.header-actions[b-gmdp3cvjfr] {
    display: flex;
    gap: .5rem;
}

.hint-button[b-gmdp3cvjfr] {
    border: 1px solid rgba(201, 233, 74, 0.32);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
    border-radius: 999px;
    padding: .45rem .9rem;
    font-weight: 700;
    cursor: pointer;
}

.hint-button:hover[b-gmdp3cvjfr] {
    background: rgba(201, 233, 74, 0.22);
}

.inline-form[b-gmdp3cvjfr] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin: .75rem 0 1rem;
}

.inline-form input[b-gmdp3cvjfr],
.inline-form select[b-gmdp3cvjfr] {
    background: rgba(7, 18, 28, 0.65);
    border: 1px solid rgba(201, 233, 74, 0.22);
    border-radius: 8px;
    color: #f6f9ff;
    padding: .45rem .55rem;
}

.inline-form button[b-gmdp3cvjfr] {
    background: #d7ec71;
    border: none;
    border-radius: 999px;
    color: #111;
    font-weight: 700;
    min-height: 2.8rem;
    padding: .45rem 1rem;
}
/* /Areas/IsoBuilderStaff/Pages/IsoBuilderReleaseDetailsV2.razor.rz.scp.css */
.release-page .table-panel[b-eg1t7axwt7] {
    background: rgba(7, 18, 28, 0.55);
    border: 1px solid rgba(201, 233, 74, 0.2);
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1rem;
}

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

.subtitle[b-eg1t7axwt7],
.hint-text[b-eg1t7axwt7] {
    margin-top: 0.45rem;
    color: rgba(246, 249, 255, 0.82);
}

.header-actions[b-eg1t7axwt7] {
    display: flex;
    gap: 0.5rem;
}

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

.action-panel[b-eg1t7axwt7] {
    display: grid;
    gap: 1rem;
}

.action-row[b-eg1t7axwt7] {
    display: grid;
    grid-template-columns: minmax(180px, 260px) 1fr;
    gap: 1rem;
    align-items: start;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(133, 154, 179, 0.14);
}

.action-row:first-of-type[b-eg1t7axwt7] {
    border-top: none;
    padding-top: 0;
}

.action-copy h4[b-eg1t7axwt7] {
    margin: 0;
    color: #f6f9ff;
}

.action-copy p[b-eg1t7axwt7] {
    margin: 0.4rem 0 0;
    color: rgba(246, 249, 255, 0.74);
}

.inline-form[b-eg1t7axwt7] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    align-items: center;
}

.inline-form input[b-eg1t7axwt7],
.inline-form select[b-eg1t7axwt7] {
    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;
    min-width: 220px;
    padding: 0.65rem 0.8rem;
}

.action-button[b-eg1t7axwt7],
.action-link[b-eg1t7axwt7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    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-button[b-eg1t7axwt7] {
    border: none;
    background: #d7ec71;
    color: #111;
    cursor: pointer;
}

.action-button.danger[b-eg1t7axwt7] {
    background: rgba(239, 68, 68, 0.16);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #ffd8d8;
}

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

.release-link[b-eg1t7axwt7] {
    color: #d7ec71;
    text-decoration: none;
    font-weight: 700;
}

.release-link:hover[b-eg1t7axwt7] {
    text-decoration: underline;
}

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

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

@media (max-width: 820px) {
    .action-row[b-eg1t7axwt7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .inline-form input[b-eg1t7axwt7],
    .inline-form select[b-eg1t7axwt7],
    .action-button[b-eg1t7axwt7],
    .action-link[b-eg1t7axwt7] {
        width: 100%;
        min-width: 0;
    }
}
/* /Areas/IsoBuilderStaff/Pages/IsoBuilderReleasesDashboardV2.razor.rz.scp.css */
.release-page .table-panel[b-web9x045kn] {
    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-web9x045kn] {
    color: #d7ec71;
    text-decoration: none;
    font-weight: 700;
}

.release-link:hover[b-web9x045kn] {
    text-decoration: underline;
}

.subtitle[b-web9x045kn],
.hint-text[b-web9x045kn] {
    margin-top: 0.45rem;
    color: rgba(246, 249, 255, 0.82);
}

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

.header-actions[b-web9x045kn] {
    display: flex;
    gap: 0.5rem;
}

.hint-button[b-web9x045kn],
.action-button[b-web9x045kn] {
    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-web9x045kn] {
    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-web9x045kn] {
    background: rgba(201, 233, 74, 0.22);
}

.action-button[b-web9x045kn] {
    border: none;
    background: #d7ec71;
    color: #111;
    padding: 0.45rem 1rem;
}

.inline-form[b-web9x045kn],
.stack-form[b-web9x045kn] {
    margin-top: 0.75rem;
}

.inline-form[b-web9x045kn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.stack-form[b-web9x045kn] {
    display: grid;
    gap: 0.65rem;
    max-width: 760px;
}

.inline-form input[b-web9x045kn],
.inline-form select[b-web9x045kn],
.stack-form input[b-web9x045kn],
.stack-form textarea[b-web9x045kn] {
    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-web9x045kn],
.inline-form select[b-web9x045kn] {
    min-width: 210px;
}

.stack-form textarea[b-web9x045kn] {
    width: 100%;
    min-height: 96px;
    resize: vertical;
}

.checkbox-inline[b-web9x045kn] {
    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-web9x045kn] {
    min-width: auto;
    min-height: auto;
    accent-color: #d7ec71;
}

.setup-grid[b-web9x045kn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.setup-card[b-web9x045kn] {
    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-web9x045kn] {
    max-width: 140px;
}

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

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

@media (max-width: 640px) {
    .inline-form input[b-web9x045kn],
    .inline-form select[b-web9x045kn],
    .stack-form input[b-web9x045kn],
    .stack-form textarea[b-web9x045kn] {
        width: 100%;
        min-width: 0;
    }

    .action-button[b-web9x045kn] {
        width: 100%;
        justify-content: center;
    }
}
/* /Areas/IsoBuilderStaff/Pages/IsoBuilderStaffDashboard.razor.rz.scp.css */

.staff-header h1[b-s94mpy5eir] {
    margin: 0;
    font-size: 1.8rem;
}

.staff-header p[b-s94mpy5eir] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.82);
}

.staff-panel[b-s94mpy5eir] {
    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-s94mpy5eir] {
    margin: 0;
    font-size: 1.1rem;
}

.staff-panel p[b-s94mpy5eir] {
    margin: 0.55rem 0 0.9rem;
    color: rgba(246, 249, 255, 0.82);
}

.dashboard-columns[b-s94mpy5eir] {
    margin-top: 1.25rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.32fr) minmax(320px, .68fr);
    align-items: stretch;
}

.tab-row[b-s94mpy5eir] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tab-button[b-s94mpy5eir] {
    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-s94mpy5eir] {
    border-color: rgba(201, 233, 74, 0.35);
    background: rgba(201, 233, 74, 0.14);
    color: #e5f0b5;
}

.snapshot-panel[b-s94mpy5eir],
.sites-panel[b-s94mpy5eir] {
    min-height: 0;
}

.snapshot-header[b-s94mpy5eir] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.snapshot-header p[b-s94mpy5eir] {
    margin-bottom: 0;
}

.snapshot-tab-row[b-s94mpy5eir] {
    margin-bottom: 0;
    justify-content: flex-end;
}

.sites-panel-header[b-s94mpy5eir] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.sites-panel-header p[b-s94mpy5eir] {
    margin-bottom: 0;
}

.snapshot-table-wrapper[b-s94mpy5eir] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.snapshot-table[b-s94mpy5eir] {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.03);
}

.snapshot-table th[b-s94mpy5eir],
.snapshot-table td[b-s94mpy5eir] {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    vertical-align: top;
}

.snapshot-table th[b-s94mpy5eir] {
    color: #c9e94a;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.snapshot-note-cell[b-s94mpy5eir] {
    min-width: 280px;
    white-space: pre-wrap;
}

.snapshot-customer-link[b-s94mpy5eir],
.snapshot-notes-button[b-s94mpy5eir],
.snapshot-add-note-button[b-s94mpy5eir] {
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
}

.snapshot-customer-link[b-s94mpy5eir] {
    color: #f6f9ff;
    font-weight: 700;
    padding: 0;
    text-align: left;
}

.snapshot-customer-link:hover[b-s94mpy5eir] {
    color: #c9e94a;
}

.snapshot-moniker[b-s94mpy5eir] {
    margin-top: 0.2rem;
    color: rgba(246, 249, 255, 0.65);
    font-size: 0.82rem;
}

.snapshot-actions[b-s94mpy5eir] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.snapshot-notes-button[b-s94mpy5eir],
.snapshot-add-note-button[b-s94mpy5eir] {
    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-s94mpy5eir] {
    background: rgba(201, 233, 74, 0.24);
}

.snapshot-add-note-button[b-s94mpy5eir] {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #f6f9ff;
}

.snapshot-add-note-button:hover[b-s94mpy5eir] {
    background: rgba(255, 255, 255, 0.16);
}

.mini-site-grid[b-s94mpy5eir] {
    margin-top: .6rem;
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, 1fr);
}

.sites-panel-grid[b-s94mpy5eir] {
    max-height: 70vh;
    overflow-y: auto;
    align-content: start;
    padding-right: .2rem;
}

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

    .sites-panel-header[b-s94mpy5eir] {
        flex-direction: column;
    }

    .snapshot-tab-row[b-s94mpy5eir] {
        justify-content: flex-start;
    }

    .mini-site-grid[b-s94mpy5eir] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .dashboard-columns[b-s94mpy5eir] {
        grid-template-columns: 1fr;
    }

    .sites-panel-grid[b-s94mpy5eir] {
        max-height: none;
    }
}



.empty-note[b-s94mpy5eir] { margin: .5rem 0 0; opacity: .85; }
.staff-status[b-s94mpy5eir] { margin: 0; }
.staff-status.error[b-s94mpy5eir] { color: #fecaca; }

/* /Areas/IsoBuilderStaff/Pages/Pricing.razor.rz.scp.css */
.staff-header h1[b-e4ywuii26v] { margin: 0; }
.staff-header p[b-e4ywuii26v] { margin: .5rem 0 0; color: rgba(246, 249, 255, 0.82); }

.staff-panel[b-e4ywuii26v] {
    margin-top: 1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 1rem;
}

.staff-status[b-e4ywuii26v] { margin: 0; }
.staff-status.error[b-e4ywuii26v] { color: #fecaca; }
/* /Areas/IsoBuilderStaff/Pages/Testing.razor.rz.scp.css */
.staff-page-layout[b-f7eweyn6fp] { display:grid; grid-template-columns:minmax(180px,240px) 1fr; gap:1.5rem; align-items:start; }
.staff-content[b-f7eweyn6fp] { 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-f7eweyn6fp] { margin:0; }
.staff-header p[b-f7eweyn6fp] { margin:.5rem 0 0; color:rgba(246,249,255,.82); }
.testing-grid[b-f7eweyn6fp] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
.table-panel h3[b-f7eweyn6fp] { margin:.2rem 0 .7rem; }
.table-wrapper[b-f7eweyn6fp] { overflow:auto; border:1px solid rgba(255,255,255,.15); border-radius:12px; }
.clients-table[b-f7eweyn6fp] { width:100%; border-collapse:collapse; }
.clients-table th[b-f7eweyn6fp],.clients-table td[b-f7eweyn6fp] { padding:.75rem; border-bottom:1px solid rgba(255,255,255,.1); text-align:left; }
.clickable-row[b-f7eweyn6fp] { cursor:pointer; }
.clickable-row:hover[b-f7eweyn6fp] { background: rgba(201,233,74,.08); }
.expand-indicator[b-f7eweyn6fp] { width:2rem; color:#c9e94a; font-weight:700; }
.details-button[b-f7eweyn6fp] { background:#c9e94a; color:#102018; border:none; border-radius:8px; padding:.45rem .7rem; font-weight:600; cursor:pointer; }
.sites-row td[b-f7eweyn6fp] { background:rgba(16,24,20,.55); padding:0.75rem 1rem 1rem; }
.sites-table[b-f7eweyn6fp] { width:100%; border-collapse:collapse; margin-top:.35rem; }
.sites-table th[b-f7eweyn6fp],.sites-table td[b-f7eweyn6fp] { padding:.55rem .65rem; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.empty-sites[b-f7eweyn6fp] { margin:.35rem 0; color:rgba(246,249,255,.8); }
.inline-actions[b-f7eweyn6fp] { display:flex; gap:.5rem; flex-wrap:wrap; }
.runs-header[b-f7eweyn6fp] { display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem; }
.board-tabs[b-f7eweyn6fp] { display:flex; gap:.4rem; }
.tab-button[b-f7eweyn6fp] { 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-f7eweyn6fp] { background:rgba(201,233,74,.22); color:#f9ffcf; }
.staff-status.error[b-f7eweyn6fp] { color:#fecaca; }
@media (max-width:1100px) { .testing-grid[b-f7eweyn6fp] { grid-template-columns:1fr; } }
@media (max-width:900px){ .staff-page-layout[b-f7eweyn6fp]{ grid-template-columns:1fr; } }

.product-tabs[b-f7eweyn6fp] { margin: .8rem 0 .2rem; }
/* /Areas/IsoBuilderStaff/Pages/TestingPackRun.razor.rz.scp.css */
.run-layout[b-4qxu48g0go] { display:grid; grid-template-columns:2fr 1fr; gap:1rem; }
.run-step[b-4qxu48g0go] { border:1px solid rgba(201,233,74,.2); border-radius:10px; padding:.8rem; margin:.6rem 0; background:rgba(15,29,48,.45); }
.inline-actions[b-4qxu48g0go] { display:flex; gap:.5rem; margin:.4rem 0; }
textarea[b-4qxu48g0go] { 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-4qxu48g0go] { border-color:#3ddc97; color:#3ddc97; }
.btn-ghost.selected.fail[b-4qxu48g0go] { border-color:#ff7a7a; color:#ff7a7a; }
.related ul[b-4qxu48g0go] { margin:.25rem 0 0 1rem; }
@media (max-width: 1000px){ .run-layout[b-4qxu48g0go] { grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/TestingRun.razor.rz.scp.css */
.run-layout[b-ao5c2jm1dp] { display:grid; grid-template-columns:2fr 1fr; gap:1rem; }
.run-right-column[b-ao5c2jm1dp] { display:grid; gap:1rem; align-content:start; }
.run-step[b-ao5c2jm1dp] { border:1px solid rgba(201,233,74,.2); border-radius:10px; padding:.8rem; margin:.6rem 0; background:rgba(15,29,48,.45); }
.inline-actions[b-ao5c2jm1dp] { display:flex; gap:.5rem; margin:.4rem 0; }
textarea[b-ao5c2jm1dp] { 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-ao5c2jm1dp] { border-color:#3ddc97; color:#3ddc97; }
.btn-ghost.selected.fail[b-ao5c2jm1dp] { border-color:#ff7a7a; color:#ff7a7a; }
.related ul[b-ao5c2jm1dp] { margin:.25rem 0 0 1rem; }
@media (max-width: 1000px){ .run-layout[b-ao5c2jm1dp] { grid-template-columns:1fr; } }
/* /Areas/IsoBuilderStaff/Pages/Timesheets.razor.rz.scp.css */
.staff-page-layout[b-9dtkrcknqr] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 1.5rem;
    align-items: start;
}

.staff-shell[b-9dtkrcknqr],
.staff-content[b-9dtkrcknqr] {
    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-9dtkrcknqr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.timesheet-header h1[b-9dtkrcknqr] {
    margin: 0;
}

.timesheet-header p[b-9dtkrcknqr] {
    margin: 0.5rem 0 0;
    color: rgba(246, 249, 255, 0.82);
    max-width: 54rem;
}

.week-nav[b-9dtkrcknqr],
.entry-actions[b-9dtkrcknqr],
.entry-meta-row[b-9dtkrcknqr],
.section-title-row[b-9dtkrcknqr] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.week-nav[b-9dtkrcknqr] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.week-summary-grid[b-9dtkrcknqr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.2rem 0;
}

.summary-card[b-9dtkrcknqr],
.table-card[b-9dtkrcknqr],
.timesheet-drawer[b-9dtkrcknqr],
.entry-group-card[b-9dtkrcknqr] {
    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-9dtkrcknqr] {
    padding: 1.1rem 1.2rem;
}

.summary-card span[b-9dtkrcknqr] {
    color: rgba(246, 249, 255, 0.72);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
}

.summary-card strong[b-9dtkrcknqr] {
    display: block;
    margin-top: 0.35rem;
    color: #d6f06d;
    font-size: 1.45rem;
}

.summary-card p[b-9dtkrcknqr] {
    margin: 0.45rem 0 0;
    color: rgba(246, 249, 255, 0.75);
}

.staff-status.success[b-9dtkrcknqr] {
    color: #d6f06d;
}

.timesheet-main-layout[b-9dtkrcknqr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.timesheet-main-layout.with-drawer[b-9dtkrcknqr] {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
}

.table-card[b-9dtkrcknqr] {
    padding: 0.25rem;
}

.table-wrapper[b-9dtkrcknqr] {
    overflow: auto;
    border-radius: 16px;
}

.timesheet-table[b-9dtkrcknqr] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.timesheet-table thead th[b-9dtkrcknqr] {
    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-9dtkrcknqr] {
    display: block;
    margin-top: 0.15rem;
    color: rgba(246, 249, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 500;
}

.timesheet-table td[b-9dtkrcknqr] {
    padding: 0.75rem 0.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    vertical-align: middle;
}

.staff-column[b-9dtkrcknqr] {
    min-width: 260px;
}

.staff-row[b-9dtkrcknqr] {
    background: rgba(255, 255, 255, 0.02);
}

.category-row[b-9dtkrcknqr] {
    background: rgba(214, 240, 109, 0.06);
}

.task-row[b-9dtkrcknqr] {
    background: rgba(10, 16, 24, 0.55);
}

.expand-toggle[b-9dtkrcknqr],
.day-button[b-9dtkrcknqr] {
    width: 100%;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.expand-toggle[b-9dtkrcknqr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
    padding: 0;
}

.staff-name-block[b-9dtkrcknqr],
.task-name-block[b-9dtkrcknqr] {
    display: grid;
    gap: 0.2rem;
}

.staff-name-block small[b-9dtkrcknqr],
.task-name-block small[b-9dtkrcknqr],
.drawer-header p[b-9dtkrcknqr],
.section-title-row p[b-9dtkrcknqr],
.empty-state[b-9dtkrcknqr] {
    color: rgba(246, 249, 255, 0.7);
}

.chevron[b-9dtkrcknqr] {
    color: #d6f06d;
    font-size: 1rem;
}

.day-cell[b-9dtkrcknqr],
.task-cell[b-9dtkrcknqr],
.week-total[b-9dtkrcknqr],
.task-total[b-9dtkrcknqr] {
    text-align: center;
}

.day-button[b-9dtkrcknqr] {
    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-9dtkrcknqr] {
    background: rgba(214, 240, 109, 0.12);
}

.day-button.has-hours[b-9dtkrcknqr] {
    background: rgba(214, 240, 109, 0.16);
    color: #f7ffd6;
    font-weight: 700;
}

.day-button.selected[b-9dtkrcknqr] {
    background: #d6f06d;
    color: #16200e;
    transform: translateY(-1px);
}

.task-name-cell[b-9dtkrcknqr] {
    padding-left: 2.2rem;
}

.category-name-cell[b-9dtkrcknqr] {
    padding-left: 1.1rem;
}

.task-label[b-9dtkrcknqr],
.drawer-kicker[b-9dtkrcknqr] {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
    color: rgba(214, 240, 109, 0.95);
}

.timesheet-drawer[b-9dtkrcknqr] {
    padding: 1.2rem;
    position: sticky;
    top: 1rem;
    align-self: start;
}

.drawer-header[b-9dtkrcknqr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.drawer-header h2[b-9dtkrcknqr],
.section-title-row h3[b-9dtkrcknqr] {
    margin: 0.3rem 0 0;
}

.drawer-section + .drawer-section[b-9dtkrcknqr] {
    margin-top: 1.4rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.entry-group-list[b-9dtkrcknqr],
.entry-list[b-9dtkrcknqr],
.entry-form[b-9dtkrcknqr] {
    display: grid;
    gap: 0.85rem;
}

.entry-group-card[b-9dtkrcknqr] {
    padding: 1rem;
}

.entry-group-header[b-9dtkrcknqr] {
    margin-bottom: 0.8rem;
}

.entry-card[b-9dtkrcknqr] {
    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-9dtkrcknqr] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.entry-display p[b-9dtkrcknqr] {
    margin: 0.35rem 0 0;
    color: rgba(246, 249, 255, 0.74);
}

.entry-form label[b-9dtkrcknqr],
.entry-card label[b-9dtkrcknqr] {
    display: grid;
    gap: 0.35rem;
    color: rgba(246, 249, 255, 0.82);
}

.entry-form input[b-9dtkrcknqr],
.entry-form select[b-9dtkrcknqr],
.entry-form textarea[b-9dtkrcknqr],
.entry-card input[b-9dtkrcknqr],
.entry-card textarea[b-9dtkrcknqr] {
    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-9dtkrcknqr],
.entry-card textarea[b-9dtkrcknqr] {
    min-height: 5rem;
    resize: vertical;
}

.category-badge[b-9dtkrcknqr] {
    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-9dtkrcknqr],
.secondary[b-9dtkrcknqr] {
    border-radius: 10px;
    padding: 0.7rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.primary[b-9dtkrcknqr] {
    border: none;
    background: #d6f06d;
    color: #16200e;
}

.secondary[b-9dtkrcknqr] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    color: #f6f9ff;
}

.primary:disabled[b-9dtkrcknqr],
.secondary:disabled[b-9dtkrcknqr] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 1200px) {
    .timesheet-main-layout.with-drawer[b-9dtkrcknqr] {
        grid-template-columns: 1fr;
    }

    .timesheet-drawer[b-9dtkrcknqr] {
        position: static;
    }
}

@media (max-width: 900px) {
    .staff-page-layout[b-9dtkrcknqr],
    .week-summary-grid[b-9dtkrcknqr],
    .timesheet-header[b-9dtkrcknqr],
    .entry-display[b-9dtkrcknqr],
    .drawer-header[b-9dtkrcknqr] {
        grid-template-columns: 1fr;
    }

    .timesheet-header[b-9dtkrcknqr],
    .entry-display[b-9dtkrcknqr],
    .drawer-header[b-9dtkrcknqr] {
        display: grid;
    }

    .week-nav[b-9dtkrcknqr],
    .entry-actions[b-9dtkrcknqr] {
        flex-wrap: wrap;
    }
}
/* /Areas/IsoBuilderStaff/Pages/ToDoList.razor.rz.scp.css */
.btn-primary[b-a5fozd6xsa],
.btn-ghost[b-a5fozd6xsa],
.column-plus[b-a5fozd6xsa],
.tab-button[b-a5fozd6xsa] {
    border-radius: 10px;
    border: 1px solid rgba(201, 233, 74, 0.25);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-a5fozd6xsa] {
    background: rgba(201, 233, 74, 0.22);
    color: #f9ffcf;
}

.btn-ghost[b-a5fozd6xsa],
.tab-button[b-a5fozd6xsa],
.column-plus[b-a5fozd6xsa] {
    background: rgba(7, 18, 28, 0.5);
    color: #f6f9ff;
}

.board-tabs[b-a5fozd6xsa] {
    margin-top: 1rem;
    display: flex;
    gap: .55rem;
}

.task-toolbar[b-a5fozd6xsa] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
}

.tab-button.active[b-a5fozd6xsa] {
    border-color: rgba(201, 233, 74, 0.7);
    background: rgba(201, 233, 74, 0.18);
}

.column-plus[b-a5fozd6xsa] {
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 1.05rem;
}

/* --- Syncfusion Kanban wrapper / theming to match your old layout --- */
.ib-kanban-wrapper[b-a5fozd6xsa] {
    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-a5fozd6xsa]  .e-kanban {
        font-family: inherit;
        color: #f6f9ff;
        background: transparent;
        border: none;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-kanban-header,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-kanban-content,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-header-row,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-content-row {
        background: transparent;
        border: none;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-kanban-table {
        width: 100%;
        border-collapse: separate !important;
        border-spacing: .95rem 0;
        background: transparent;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-header-cells,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .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-a5fozd6xsa]  .e-header-cells {
        padding: .75rem;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .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-a5fozd6xsa]  .e-content-cells .e-card-wrapper,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-content-cells .e-card-container {
        background: transparent !important;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-header-title,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-item-count {
        color: rgba(246,249,255,.84);
        font-size: .82rem;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-item-count {
        margin-top: .4rem;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-card-container {
        display: grid;
        gap: .7rem;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-content-cells.e-dropping,
    .ib-kanban-wrapper[b-a5fozd6xsa]  .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-a5fozd6xsa]  .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-a5fozd6xsa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .65rem;
}

    .ib-kanban-column-header h2[b-a5fozd6xsa] {
        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-a5fozd6xsa]  .e-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0;
    height: auto !important;
}

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-card .e-card-content {
        padding: 0 !important;
    }

/* Keep a comfortable minimum height like your old columns */
.ib-kanban-wrapper[b-a5fozd6xsa]  .e-content-cells .e-card-wrapper,
.ib-kanban-wrapper[b-a5fozd6xsa]  .e-content-cells .e-card-container {
    min-height: 360px;
}

.ib-kanban-wrapper[b-a5fozd6xsa]  .e-card.e-selection,
.ib-kanban-wrapper[b-a5fozd6xsa]  .e-card.e-active {
    outline: 2px solid rgba(201, 233, 74, .55);
    border-radius: 12px;
}

/* --- Your card styling (unchanged) --- */
.task-card[b-a5fozd6xsa] {
    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-a5fozd6xsa] {
        border-color: rgba(201, 233, 74, .62);
        transform: translateY(-1px);
    }

.task-card-top[b-a5fozd6xsa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.task-key[b-a5fozd6xsa] {
    font-size: .76rem;
    color: #cabff7;
    letter-spacing: .02em;
    font-weight: 700;
}

.task-card h3[b-a5fozd6xsa] {
    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-a5fozd6xsa] {
    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-a5fozd6xsa] {
    color: rgba(246,249,255,.72);
    font-size: .76rem;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.task-actions[b-a5fozd6xsa] {
    margin-top: .1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-self: end;
}

    .task-actions .btn-ghost[b-a5fozd6xsa] {
        border-color: rgba(255,255,255,.22);
        font-size: .75rem;
        padding: .3rem .55rem;
    }

.overdue[b-a5fozd6xsa] {
    color: #fecaca;
    font-size: .75rem;
    font-weight: 700;
}

/* --- Modal styles (unchanged) --- */
.modal-backdrop[b-a5fozd6xsa] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: grid;
    place-items: center;
    z-index: 50;
    padding: 1rem;
}

.create-modal[b-a5fozd6xsa],
.task-modal[b-a5fozd6xsa] {
    width: min(1120px, 96vw);
    background: #0f1d2b;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: #f6f9ff;
}

.create-modal[b-a5fozd6xsa] {
    padding: 1rem;
    max-height: 90vh;
    overflow: auto;
}

    .create-modal header[b-a5fozd6xsa],
    .create-modal footer[b-a5fozd6xsa] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.modal-grid[b-a5fozd6xsa] {
    display: grid;
    gap: .7rem;
    grid-template-columns: 1fr 1fr;
    margin: .8rem 0;
}

    .modal-grid label[b-a5fozd6xsa] {
        display: grid;
        gap: .35rem;
        font-size: .85rem;
    }

    .modal-grid textarea[b-a5fozd6xsa] {
        min-height: 92px;
    }

    .modal-grid input[b-a5fozd6xsa],
    .modal-grid select[b-a5fozd6xsa],
    .modal-grid textarea[b-a5fozd6xsa],
    .task-details input[b-a5fozd6xsa],
    .task-details select[b-a5fozd6xsa],
    .add-comment textarea[b-a5fozd6xsa] {
        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-a5fozd6xsa] {
    padding: 1rem;
    max-height: 92vh;
    overflow: auto;
}

.task-modal-header[b-a5fozd6xsa] {
    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-a5fozd6xsa] {
        margin: .25rem 0 0;
    }

.task-modal-layout[b-a5fozd6xsa] {
    margin-top: .9rem;
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 1rem;
}

.task-main[b-a5fozd6xsa],
.task-details[b-a5fozd6xsa] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .85rem;
}

    .task-main h4[b-a5fozd6xsa],
    .task-details h4[b-a5fozd6xsa] {
        margin: 0 0 .55rem;
    }

.add-comment[b-a5fozd6xsa] {
    display: grid;
    gap: .5rem;
}

    .add-comment textarea[b-a5fozd6xsa] {
        min-height: 86px;
    }

.comment-item[b-a5fozd6xsa] {
    border-top: 1px solid rgba(255,255,255,.12);
    margin-top: .6rem;
    padding-top: .6rem;
}

.task-details dl[b-a5fozd6xsa] {
    margin: 0;
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: .45rem .75rem;
}

.task-details dt[b-a5fozd6xsa] {
    color: rgba(246,249,255,.72);
    font-weight: 600;
}

.task-details dd[b-a5fozd6xsa] {
    margin: 0;
}

.task-details footer[b-a5fozd6xsa] {
    margin-top: .75rem;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .modal-grid[b-a5fozd6xsa],
    .task-modal-layout[b-a5fozd6xsa] {
        grid-template-columns: 1fr;
    }

    .task-toolbar[b-a5fozd6xsa] {
        width: 100%;
    }

    .ib-kanban-wrapper[b-a5fozd6xsa]  .e-kanban-table {
        border-spacing: .55rem 0;
    }
}

.column-header-actions[b-a5fozd6xsa]{display:flex;gap:.4rem;align-items:center;}
.run-tests-button[b-a5fozd6xsa]{padding:.3rem .55rem;font-size:.72rem;}
/* /Layout/Footer.razor.rz.scp.css */
.home-content-border-green[b-ybvjru4dbd] {
    border-bottom: 2px solid var(--ib-green-offcolour);
}

.footer-text-container[b-ybvjru4dbd] {
    font-size: clamp(2rem, 3vw, 36px);
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -0.2px;
    margin-bottom: 50px;
}

.footer-container[b-ybvjru4dbd] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: clamp(40px, 8vw, 120px);
    width: 100%;
}

.footer-left-column[b-ybvjru4dbd],
.footer-right-column[b-ybvjru4dbd] {
    flex: 1 1 0;
    min-width: 0;
}

.footer-right-column[b-ybvjru4dbd] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(32px, 8vw, 160px);
}

.footer-inner-left-column[b-ybvjru4dbd],
.footer-inner-right-column[b-ybvjru4dbd] {
    display: flex;
    flex-direction: column;
    align-content: end;
    gap: 10px;
}

.footer-link-header[b-ybvjru4dbd] {
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    color: #f4f6f7;
    margin-bottom: 14px;
    letter-spacing: -0.2px;
}

.footer-link[b-ybvjru4dbd] {
    font-size: clamp(18px, 1.8vw, 22px);
    font-weight: 400;
    color: rgba(244, 246, 247, 0.82);
    text-decoration: none;
    line-height: 1.35;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
}

.footer-link:hover[b-ybvjru4dbd] {
    color: #c9e94a;
}

.footer-link[b-ybvjru4dbd]::before {
    content: ">";
    font-size: 10px;
    color: rgba(244, 246, 247, 0.7);
    margin-right: 0.5rem;
}

.footer-inner-left-column .footer-link[b-ybvjru4dbd]::before {
    content: "";
    margin-right: 0;
}

.logo-image[b-ybvjru4dbd] {
    height: clamp(2.75rem, 5vw, 3.5rem);
    margin-bottom: 50px;
}

.footer-bottom-container[b-ybvjru4dbd] {
    margin-top: 38px;
    margin-bottom: 98px;
    margin-left: clamp(18px, 7vw, 150px);
    margin-right: clamp(18px, 7vw, 150px);
    display: flex;
    justify-content: flex-end;
}

.footer-copymessage[b-ybvjru4dbd] {
    font-size: 16px;
    color: #b0b8bb;
}

@media (max-width: 1100px) {
    .footer-container[b-ybvjru4dbd] {
        flex-direction: column;
    }

    .footer-right-column[b-ybvjru4dbd] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .footer-text-container[b-ybvjru4dbd] {
        margin-bottom: 28px;
    }

    .logo-image[b-ybvjru4dbd] {
        margin-bottom: 28px;
    }

    .footer-right-column[b-ybvjru4dbd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .footer-bottom-container[b-ybvjru4dbd] {
        justify-content: flex-start;
        margin-top: 24px;
        margin-bottom: 42px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.guided-demo-pill[b-8nn0vrdj9m] {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    background: #c9e94a;
    color: #0a0d08;
    font-weight: 800;
    letter-spacing: 0.2px;
    padding: 18px 16px;
    border-radius: 28px 0 0 28px;
    box-shadow: 0 18px 40px rgba(0,0,0,.55);
    text-decoration: none;
    user-select: none;
    writing-mode: vertical-lr;
    text-orientation: mixed;
}

.backend-content[b-8nn0vrdj9m] {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 1.25rem;
    box-sizing: border-box;
    padding-bottom: 2rem;
    height: 100%;
    width: 100%;
}

.area-company[b-8nn0vrdj9m] {
    background: #111317;
    min-height: 100vh;
}

.area-ib-staff[b-8nn0vrdj9m] {
    background: #0f1215;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0; /* VERY important */
}

.area-company .content[b-8nn0vrdj9m],
.area-ib-staff .content[b-8nn0vrdj9m] {
    color: #e8edf3;
}


@media (max-width: 1100px) {
    .guided-demo-pill[b-8nn0vrdj9m] {
        display: none;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.logo-section[b-ymehrcgftr] {
    justify-self: start;
}

.navmenu-section[b-ymehrcgftr] {
    justify-self: end;
    min-width: 0;
}

.button-section[b-ymehrcgftr] {
    justify-self: end;
}

.top-row[b-ymehrcgftr] {
    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-ymehrcgftr] {
    background-color: var(--ib-primary-dark);
}

.top-row-backend[b-ymehrcgftr] {
    background: var(--ib-primary-dark);
    border-bottom-color: rgba(201, 233, 74, 0.25);
}

.logo-link[b-ymehrcgftr] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
}

.logo-image[b-ymehrcgftr] {
    height: clamp(2.75rem, 4vw, 3.5rem);
    margin-right: auto;
}

.portal-label[b-ymehrcgftr] {
    color: #c9e94a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mobile-menu-toggle[b-ymehrcgftr],
.mobile-nav-panel[b-ymehrcgftr] {
    display: none;
}

.mobile-menu-toggle[b-ymehrcgftr] {
    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-ymehrcgftr] {
    width: 1rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.mobile-nav-panel[b-ymehrcgftr] {
    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-ymehrcgftr] {
    padding: 0.9rem;
    max-height: 40rem;
}

.mobile-nav-links[b-ymehrcgftr] {
    display: grid;
    gap: 0.35rem;
}

.mobile-nav-group[b-ymehrcgftr] {
    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-ymehrcgftr] {
    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-link[b-ymehrcgftr],
.mobile-nav-cta[b-ymehrcgftr] {
    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-ymehrcgftr] {
    color: #f4f6f7;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.mobile-nav-sublink[b-ymehrcgftr] {
    background: rgba(255,255,255,0.05);
}

.mobile-nav-link[b-ymehrcgftr]::after,
.mobile-nav-cta[b-ymehrcgftr]::after {
    content: "->";
    font-size: 0.88rem;
    color: rgba(244,246,247,0.72);
}

.mobile-nav-cta[b-ymehrcgftr] {
    margin-top: 0.75rem;
    background: var(--ib-green-offcolour);
    color: #0a0d08;
}

.mobile-nav-cta[b-ymehrcgftr]::after {
    color: rgba(10,13,8,0.72);
}

.mobile-nav-cta-backend[b-ymehrcgftr] {
    background: #232a32;
    color: #e5ebf2;
    border: 1px solid rgba(201,233,74,0.32);
}

.mobile-nav-cta-backend[b-ymehrcgftr]::after {
    color: rgba(229,235,242,0.78);
}

.top-row-marketing[b-ymehrcgftr]  .e-menu-wrapper,
.top-row-backend[b-ymehrcgftr]  .e-menu-wrapper {
    background: transparent;
}

.navmenu-section[b-ymehrcgftr]  .site-header-menu > .e-menu {
    display: flex;
    align-items: center;
    gap: clamp(18px, 2vw, 32px);
}

.navmenu-section[b-ymehrcgftr]  .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-ymehrcgftr]  .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-ymehrcgftr]  .site-header-menu > .e-menu > .e-menu-item .e-menu-text {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

.navmenu-section[b-ymehrcgftr]  .site-header-menu > .e-menu > .e-menu-item > .e-icons.e-caret,
.navmenu-section[b-ymehrcgftr]  .site-header-menu > .e-menu > .e-menu-item > .e-caret,
.navmenu-section[b-ymehrcgftr]  .site-header-menu > .e-menu > .e-menu-item .e-menu-url > .e-icons.e-caret,
.navmenu-section[b-ymehrcgftr]  .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-ymehrcgftr]  .e-menu-item,
.top-row-backend[b-ymehrcgftr]  .e-menu-item {
    color: #f4f6f7;
}

.top-row-marketing[b-ymehrcgftr]  .e-menu-item:hover,
.top-row-marketing[b-ymehrcgftr]  .e-menu-item.e-focused,
.top-row-backend[b-ymehrcgftr]  .e-menu-item:hover,
.top-row-backend[b-ymehrcgftr]  .e-menu-item.e-focused {
    color: #c9e94a;
}

.top-row-marketing[b-ymehrcgftr]  .e-menu-popup,
.top-row-backend[b-ymehrcgftr]  .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-ymehrcgftr]  .e-menu-popup .e-ul,
.top-row-backend[b-ymehrcgftr]  .e-menu-popup .e-ul {
    background: transparent;
    padding: 0.35rem;
}

.top-row-marketing[b-ymehrcgftr]  .e-menu-popup .e-menu-item,
.top-row-backend[b-ymehrcgftr]  .e-menu-popup .e-menu-item {
    background: transparent;
    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-ymehrcgftr]  .e-menu-popup .e-menu-item .e-menu-url,
.top-row-backend[b-ymehrcgftr]  .e-menu-popup .e-menu-item .e-menu-url {
    display: block;
    padding: 0.8rem 1rem;
    color: inherit;
    text-decoration: none;
}

.top-row-marketing[b-ymehrcgftr]  .e-menu-popup .e-menu-item .e-menu-text,
.top-row-backend[b-ymehrcgftr]  .e-menu-popup .e-menu-item .e-menu-text {
    color: inherit;
    font: inherit;
}

.top-row-marketing[b-ymehrcgftr]  .e-menu-popup .e-menu-item:hover,
.top-row-marketing[b-ymehrcgftr]  .e-menu-popup .e-menu-item.e-focused,
.top-row-backend[b-ymehrcgftr]  .e-menu-popup .e-menu-item:hover,
.top-row-backend[b-ymehrcgftr]  .e-menu-popup .e-menu-item.e-focused {
    background: rgba(255,255,255,0.05);
    color: #c9e94a;
}

[b-ymehrcgftr] .backend-header-button {
    background: #232a32;
    color: #e5ebf2;
    border: 1px solid rgba(201, 233, 74, 0.32);
}

@media (max-width: 960px) {
    .navmenu-section[b-ymehrcgftr],
    .button-section[b-ymehrcgftr] {
        display: none;
    }

    .mobile-menu-toggle[b-ymehrcgftr] {
        display: inline-flex;
        justify-self: end;
        align-self: center;
    }

    .mobile-nav-panel[b-ymehrcgftr] {
        display: block;
    }

    .portal-label[b-ymehrcgftr] {
        display: none;
    }
}

@media (max-height: 560px) and (orientation: landscape) and (max-width: 960px) {
    .logo-image[b-ymehrcgftr] {
        height: 2.15rem;
    }

    .mobile-menu-toggle[b-ymehrcgftr] {
        width: 2.35rem;
        height: 2.35rem;
    }

    .mobile-nav-panel[b-ymehrcgftr] {
        margin-bottom: 0.3rem;
    }
}