/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-e6sn8vlokv],
.components-reconnect-repeated-attempt-visible[b-e6sn8vlokv],
.components-reconnect-failed-visible[b-e6sn8vlokv],
.components-pause-visible[b-e6sn8vlokv],
.components-resume-failed-visible[b-e6sn8vlokv],
.components-rejoining-animation[b-e6sn8vlokv] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-e6sn8vlokv {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/CompareProjects.razor.rz.scp.css */
.compare-page[b-7iavcr4y6m] { min-height: calc(100vh - 62px); background: var(--ci-ink); color: var(--ci-text); }
.compare-page .page-heading h1[b-7iavcr4y6m] { color: var(--ci-text); }
.compare-page .page-heading p[b-7iavcr4y6m] { color: var(--ci-muted); }
.compare-link[b-7iavcr4y6m], .comparison-table a[b-7iavcr4y6m] { color: var(--ci-accent); text-decoration: none; font-weight: 650; }
.compare-link:hover[b-7iavcr4y6m], .comparison-table a:hover[b-7iavcr4y6m] { text-decoration: underline; }
.compare-state[b-7iavcr4y6m] { max-width: 1500px; margin: 0 auto; padding: 24px; border: 1px solid var(--ci-line); border-radius: 5px; background: var(--ci-panel); }
.compare-state h2[b-7iavcr4y6m] { margin: 0 0 8px; }
.comparison-scroll[b-7iavcr4y6m] { max-width: 1500px; margin: 0 auto; overflow-x: auto; border: 1px solid var(--ci-line); border-radius: 5px; background: var(--ci-panel); }
.comparison-table[b-7iavcr4y6m] { width: 100%; min-width: 680px; border-collapse: collapse; text-align: left; }
.comparison-table caption[b-7iavcr4y6m] { padding: 15px 18px; color: var(--ci-muted); text-align: left; caption-side: bottom; font-size: .78rem; }
.comparison-table th[b-7iavcr4y6m], .comparison-table td[b-7iavcr4y6m] { min-width: 180px; padding: 13px 17px; border-bottom: 1px solid var(--ci-line); vertical-align: top; }
.comparison-table thead th[b-7iavcr4y6m] { color: var(--ci-text); background: var(--ci-panel-soft); font-size: .86rem; }
.comparison-table thead th:first-child[b-7iavcr4y6m], .comparison-table tbody th[b-7iavcr4y6m] { min-width: 150px; width: 180px; }
.comparison-table tbody th[b-7iavcr4y6m] { color: var(--ci-muted); font-size: .78rem; font-weight: 650; }
.comparison-table tr:last-child th[b-7iavcr4y6m], .comparison-table tr:last-child td[b-7iavcr4y6m] { border-bottom: 0; }
.compare-note[b-7iavcr4y6m] { max-width: 1500px; margin: 12px auto 0; color: var(--ci-muted); font-size: .8rem; }
/* /Components/Pages/Home.razor.rz.scp.css */
.workspace-home[b-6f4jkf2sxt] {
    min-height: calc(100vh - 62px);
    padding: 30px clamp(24px, 4vw, 64px) 64px;
    background:
        radial-gradient(circle at 82% 2%, rgba(42, 198, 190, .1), transparent 28rem),
        #071421;
    color: #f3f8fb;
}

.home-inner[b-6f4jkf2sxt] { max-width: 1420px; margin: 0 auto; }
.home-eyebrow[b-6f4jkf2sxt], .home-card-label[b-6f4jkf2sxt], .home-gate-label[b-6f4jkf2sxt] {
    color: #5fddd8;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.home-hero[b-6f4jkf2sxt] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr);
    gap: clamp(34px, 6vw, 96px);
    align-items: end;
    padding: 24px 0 38px;
}

.home-intro[b-6f4jkf2sxt] { max-width: 870px; }
.home-intro h1[b-6f4jkf2sxt] {
    margin: 16px 0;
    font-size: clamp(2.45rem, 4.7vw, 4.7rem);
    font-weight: 560;
    letter-spacing: -.06em;
    line-height: 1.01;
}
.home-intro h1 span[b-6f4jkf2sxt] { color: #78e4de; }
.home-intro > p[b-6f4jkf2sxt] {
    max-width: 760px;
    margin: 0;
    color: #c3d5df;
    font-size: .94rem;
    line-height: 1.68;
}

.home-actions[b-6f4jkf2sxt] { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 26px; }
.home-primary-action[b-6f4jkf2sxt], .home-secondary-action[b-6f4jkf2sxt] {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    font-weight: 750;
    text-decoration: none;
}
.home-primary-action[b-6f4jkf2sxt] {
    padding: 10px 15px;
    border-radius: 5px;
    background: #3ad2cc;
    color: #061922;
}
.home-primary-action .k-svg-icon[b-6f4jkf2sxt] { width: 15px; height: 15px; }
.home-primary-action:hover[b-6f4jkf2sxt], .home-primary-action:focus-visible[b-6f4jkf2sxt] { background: #8bf0eb; color: #061922; }
.home-secondary-action[b-6f4jkf2sxt] { color: #d3e4ea; }
.home-secondary-action:hover[b-6f4jkf2sxt], .home-secondary-action:focus-visible[b-6f4jkf2sxt] { color: #79e5df; }

.home-principle[b-6f4jkf2sxt] {
    padding: 22px 0 5px 24px;
    border-left: 1px solid #315164;
}
.home-principle blockquote[b-6f4jkf2sxt] {
    margin: 14px 0 12px;
    color: #f4f8fa;
    font-size: 1.07rem;
    font-weight: 640;
    line-height: 1.48;
}
.home-principle p[b-6f4jkf2sxt] { margin: 0; color: #a9c0cb; font-size: .79rem; line-height: 1.6; }

.home-metrics[b-6f4jkf2sxt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #274555;
    border-radius: 6px;
    background: rgba(13, 32, 48, .9);
}
.home-metrics article[b-6f4jkf2sxt] { min-width: 0; padding: 17px 19px; }
.home-metrics article + article[b-6f4jkf2sxt] { border-left: 1px solid #274555; }
.home-metrics span[b-6f4jkf2sxt], .home-metrics small[b-6f4jkf2sxt] { display: block; color: #a9c0cb; }
.home-metrics span[b-6f4jkf2sxt] { font-size: .68rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.home-metrics strong[b-6f4jkf2sxt] { display: block; margin: 4px 0 1px; color: #fff; font-size: 1.65rem; font-weight: 620; }
.home-metrics small[b-6f4jkf2sxt] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .71rem; }

.home-workareas[b-6f4jkf2sxt], .home-gates[b-6f4jkf2sxt], .home-projects[b-6f4jkf2sxt] { margin-top: 34px; }
.home-section-heading[b-6f4jkf2sxt] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
.home-section-heading h2[b-6f4jkf2sxt] {
    margin: 7px 0 0;
    color: #f3f8fb;
    font-size: clamp(1.32rem, 2vw, 1.8rem);
    font-weight: 580;
    letter-spacing: -.025em;
}
.home-context[b-6f4jkf2sxt], .home-framework-label[b-6f4jkf2sxt], .home-count[b-6f4jkf2sxt] { color: #abc2cd; font-size: .78rem; white-space: nowrap; }

.home-module-grid[b-6f4jkf2sxt] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.home-module-card[b-6f4jkf2sxt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    min-height: 116px;
    padding: 16px;
    border: 1px solid #29495b;
    border-radius: 5px;
    background: #0d2030;
    color: #f3f8fb;
    text-decoration: none;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.home-module-card > .k-svg-icon:first-child[b-6f4jkf2sxt] { width: 20px; height: 20px; color: #59dcd6; }
.home-module-card > .k-svg-icon:last-child[b-6f4jkf2sxt] { width: 14px; height: 14px; color: #8dacba; }
.home-module-card strong[b-6f4jkf2sxt], .home-module-card small[b-6f4jkf2sxt] { display: block; }
.home-module-card strong[b-6f4jkf2sxt] { margin-bottom: 6px; font-size: .9rem; }
.home-module-card small[b-6f4jkf2sxt] { color: #b4cbd5; font-size: .75rem; line-height: 1.5; }
.home-module-card:hover[b-6f4jkf2sxt], .home-module-card:focus-visible[b-6f4jkf2sxt] { border-color: #53d7d1; background: #10293b; color: #fff; transform: translateY(-2px); }

.home-gate-track[b-6f4jkf2sxt] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.home-gate-track[b-6f4jkf2sxt]::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 10%;
    right: 10%;
    height: 1px;
    background: #315164;
}
.home-gate-track a[b-6f4jkf2sxt] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 15px;
    min-height: 164px;
    padding: 18px;
    border: 1px solid #29495b;
    border-radius: 5px;
    background: #0b1b29;
    color: #f3f8fb;
    text-decoration: none;
}
.home-gate-track a:hover[b-6f4jkf2sxt], .home-gate-track a:focus-visible[b-6f4jkf2sxt] { border-color: #53d7d1; color: #fff; }
.home-gate-number[b-6f4jkf2sxt] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #4d7a8f;
    border-radius: 50%;
    background: #0b1b29;
    color: #76e2dc;
    font-size: .72rem;
    font-weight: 800;
}
.home-gate-label[b-6f4jkf2sxt] { display: block; margin-top: 4px; }
.home-gate-track h3[b-6f4jkf2sxt] { margin: 8px 0 7px; font-size: 1rem; }
.home-gate-track p[b-6f4jkf2sxt] { margin: 0; color: #b5ccd6; font-size: .78rem; line-height: 1.55; }
.home-gate-note[b-6f4jkf2sxt] { margin: 11px 2px 0; color: #92adb9; font-size: .72rem; }

.home-state[b-6f4jkf2sxt], .home-project-card[b-6f4jkf2sxt] {
    border: 1px solid #29495b;
    border-radius: 5px;
    background: #0d2030;
}
.home-state[b-6f4jkf2sxt] { padding: 22px; color: #dbe9ef; }
.home-state h3[b-6f4jkf2sxt] { margin: 0 0 6px; color: #fff; }
.home-state p[b-6f4jkf2sxt] { margin: 0 0 12px; }
.home-state a[b-6f4jkf2sxt] { display: inline-flex; align-items: center; gap: 8px; color: #72e4df; font-weight: 700; }
.home-state .k-svg-icon[b-6f4jkf2sxt] { width: 14px; height: 14px; }
.home-project-grid[b-6f4jkf2sxt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); gap: 12px; }
.home-project-card[b-6f4jkf2sxt] {
    display: block;
    min-height: 145px;
    padding: 17px;
    color: #f3f8fb;
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease;
}
.home-project-card:hover[b-6f4jkf2sxt], .home-project-card:focus-visible[b-6f4jkf2sxt] { border-color: #53d7d1; color: #fff; transform: translateY(-2px); }
.home-card-label[b-6f4jkf2sxt] { display: flex; justify-content: space-between; align-items: center; }
.home-card-label .k-svg-icon[b-6f4jkf2sxt] { width: 14px; height: 14px; }
.home-project-card h3[b-6f4jkf2sxt] { margin: 16px 0 4px; font-size: 1.12rem; }
.home-project-card p[b-6f4jkf2sxt] { margin: 0; color: #bfd1db; }
.home-project-facts[b-6f4jkf2sxt] { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.home-project-facts span[b-6f4jkf2sxt] { padding: 4px 8px; border: 1px solid #365466; border-radius: 5px; color: #d3e3ea; font-size: .73rem; }

@media (max-width: 1080px) {
    .home-hero[b-6f4jkf2sxt] { grid-template-columns: 1fr; gap: 26px; }
    .home-principle[b-6f4jkf2sxt] { max-width: 760px; }
    .home-module-grid[b-6f4jkf2sxt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .workspace-home[b-6f4jkf2sxt] { padding: 22px 17px 48px; }
    .home-hero[b-6f4jkf2sxt] { padding-top: 12px; }
    .home-intro h1[b-6f4jkf2sxt] { font-size: clamp(2.25rem, 12vw, 3.25rem); }
    .home-principle[b-6f4jkf2sxt] { padding-left: 18px; }
    .home-metrics[b-6f4jkf2sxt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-metrics article:nth-child(3)[b-6f4jkf2sxt] { border-left: 0; border-top: 1px solid #274555; }
    .home-metrics article:nth-child(4)[b-6f4jkf2sxt] { border-top: 1px solid #274555; }
    .home-module-grid[b-6f4jkf2sxt], .home-gate-track[b-6f4jkf2sxt] { grid-template-columns: 1fr; }
    .home-gate-track[b-6f4jkf2sxt]::before { display: none; }
    .home-section-heading[b-6f4jkf2sxt] { align-items: start; flex-direction: column; gap: 8px; }
    .home-context[b-6f4jkf2sxt], .home-framework-label[b-6f4jkf2sxt], .home-count[b-6f4jkf2sxt] { white-space: normal; }
}

@media (max-width: 430px) {
    .home-metrics[b-6f4jkf2sxt] { grid-template-columns: 1fr; }
    .home-metrics article + article[b-6f4jkf2sxt] { border-left: 0; border-top: 1px solid #274555; }
    .home-module-grid[b-6f4jkf2sxt] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Projects.razor.rz.scp.css */
.members-loading[b-qrwjdzi9p7] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;
}

.member-add-actions[b-qrwjdzi9p7] {
    margin-bottom: 16px;
}

.projects-page[b-qrwjdzi9p7] {
    min-height: calc(100vh - 72px);
    background: #071421;
    color: #f3f8fb;
}

.projects-page .page-heading h1[b-qrwjdzi9p7] {
    color: #f3f8fb;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 550;
}

.projects-page .page-heading p[b-qrwjdzi9p7] { color: #c0d2dc; }
.projects-page .ci-kicker[b-qrwjdzi9p7] { color: #49d4d1; }
.projects-page .admin-card[b-qrwjdzi9p7] { color: #14211e; }
.projects-page .auth-alert[b-qrwjdzi9p7] { color: #14211e; }


.project-link[b-qrwjdzi9p7] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #173d34;
    font: inherit;
    font-weight: 600;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

.project-link:hover[b-qrwjdzi9p7],
.project-link:focus-visible[b-qrwjdzi9p7] {
    color: #0e6b4f;
}
/* /Components/Pages/ProjectSection.razor.rz.scp.css */
.section-page[b-9ks3y73ogr] { min-height: calc(100vh - 62px); background: var(--ci-ink); color: var(--ci-text); }
.section-inner[b-9ks3y73ogr] { max-width: 1500px; margin: 0 auto; }
.section-heading[b-9ks3y73ogr] { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 20px; }
.section-heading h1[b-9ks3y73ogr] { margin: 4px 0; color: var(--ci-text); font-size: 1.8rem; font-weight: 550; letter-spacing: -.04em; }
.section-heading p[b-9ks3y73ogr] { margin: 0; color: var(--ci-muted); }
.section-back[b-9ks3y73ogr], .section-links a[b-9ks3y73ogr] { color: var(--ci-accent); text-decoration: none; font-weight: 650; }
.section-back:hover[b-9ks3y73ogr], .section-links a:hover[b-9ks3y73ogr] { text-decoration: underline; }
.section-card[b-9ks3y73ogr] { padding: 25px 28px; border: 1px solid var(--ci-line); border-left: 2px solid var(--ci-accent); border-radius: 5px; background: var(--ci-panel); }
.section-card h2[b-9ks3y73ogr] { margin: 4px 0 10px; color: var(--ci-text); font-size: 1.35rem; font-weight: 550; }
.section-card p[b-9ks3y73ogr] { color: var(--ci-text); }
.section-card .section-note[b-9ks3y73ogr] { margin-bottom: 0; color: var(--ci-muted); font-size: .82rem; }
.section-eyebrow[b-9ks3y73ogr] { color: var(--ci-accent); font-size: .68rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.section-steps[b-9ks3y73ogr] { margin: 14px 0; padding-left: 21px; }
.section-steps li[b-9ks3y73ogr] { padding: 4px 0; }
.section-facts[b-9ks3y73ogr], .section-coverage[b-9ks3y73ogr] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.section-facts > div[b-9ks3y73ogr], .section-coverage > div[b-9ks3y73ogr] { display: flex; flex-direction: column; min-width: 0; gap: 5px; padding: 14px 16px; border: 1px solid var(--ci-line); border-radius: 5px; background: var(--ci-panel); }
.section-facts span[b-9ks3y73ogr], .section-coverage span[b-9ks3y73ogr] { color: var(--ci-muted); font-size: .75rem; }
.section-facts strong[b-9ks3y73ogr] { overflow-wrap: anywhere; font-weight: 600; }
.section-coverage strong[b-9ks3y73ogr] { font-size: 1.45rem; font-weight: 550; }
.section-links[b-9ks3y73ogr] { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 24px; }
@media (max-width: 900px) { .section-facts[b-9ks3y73ogr], .section-coverage[b-9ks3y73ogr] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .section-heading[b-9ks3y73ogr] { align-items: flex-start; flex-direction: column; } .section-facts[b-9ks3y73ogr], .section-coverage[b-9ks3y73ogr] { grid-template-columns: 1fr 1fr; } .section-card[b-9ks3y73ogr] { padding: 20px; } }
/* /Components/Pages/ProjectWorkspace.razor.rz.scp.css */
.metric-row[b-4b9684q0sz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}

.project-page[b-4b9684q0sz] {
    min-height: calc(100vh - 72px);
    background: #071421;
    color: #eff7fa;
}

.project-page .page-heading h1[b-4b9684q0sz] { color: #f3f8fb; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-weight: 550; }
.project-page .page-heading p[b-4b9684q0sz] { color: #bfd1db; }
.project-page .ci-kicker[b-4b9684q0sz] { color: #49d4d1; }
.project-page .admin-card[b-4b9684q0sz],
.project-page .drop-zone[b-4b9684q0sz] { color: #14211e; }
.project-overview[b-4b9684q0sz] { max-width: 1500px; margin: 0 auto; }
.project-heading-actions[b-4b9684q0sz] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.project-banner[b-4b9684q0sz], .project-metric[b-4b9684q0sz], .review-card[b-4b9684q0sz] {
    border: 1px solid #2b4657;
    border-radius: 5px;
    background: #0d2030;
}
.project-banner[b-4b9684q0sz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
    padding: 19px 24px;
    border-left: 2px solid #3dd6d1;
}
.project-label[b-4b9684q0sz] {
    color: #5de3df;
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.project-label-warm[b-4b9684q0sz] { color: #e8a36c; }
.project-banner h2[b-4b9684q0sz] { margin: 5px 0 3px; color: #fff; font-size: 1.4rem; font-weight: 550; }
.project-banner p[b-4b9684q0sz] { margin: 0; color: #c7d8e0; }
.project-metric[b-4b9684q0sz] { display: flex; flex-direction: column; min-height: 92px; padding: 15px 16px; }
.project-metric span[b-4b9684q0sz] { color: #c6d9e2; font-size: .76rem; }
.project-metric strong[b-4b9684q0sz] { margin: 7px 0 3px; color: #fff; font-size: 1.5rem; font-weight: 550; line-height: 1; }
.project-metric small[b-4b9684q0sz] { color: #b9cdd7; font-size: .72rem; line-height: 1.35; }
.project-review-grid[b-4b9684q0sz] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: 12px; }
.project-evidence-strip[b-4b9684q0sz] { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 2px 0 14px; padding: 5px 0 5px 17px; border-left: 2px solid #e8a36c; }
.project-evidence-strip strong[b-4b9684q0sz], .project-evidence-strip span[b-4b9684q0sz] { display: block; }
.project-evidence-strip strong[b-4b9684q0sz] { color: var(--ci-text); font-weight: 600; }
.project-evidence-strip span[b-4b9684q0sz] { margin-top: 3px; color: var(--ci-muted); font-size: .78rem; }
.project-evidence-links[b-4b9684q0sz] { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.project-evidence-links a[b-4b9684q0sz] { color: #5de3df; text-decoration: none; font-weight: 650; white-space: nowrap; }
.project-evidence-links a:hover[b-4b9684q0sz] { text-decoration: underline; }
.review-card[b-4b9684q0sz] { padding: 19px 22px; }
.review-card h2[b-4b9684q0sz] { margin: 5px 0 12px; color: #fff; font-size: 1.2rem; font-weight: 550; }
.review-card p[b-4b9684q0sz] { color: #d0e0e7; line-height: 1.6; }
.review-card .k-button-outline[b-4b9684q0sz] { color: #e9f5f8; border-color: #8ab8c7; }
.review-card .k-button-outline:hover[b-4b9684q0sz] { color: #081b26; background: #a8e4e2; }
.review-card-secondary[b-4b9684q0sz] { background: #0d2231; }
.report-path[b-4b9684q0sz] { list-style: none; margin: 0; padding: 0; }
.report-path li[b-4b9684q0sz] { display: flex; gap: 13px; padding: 9px 0; border-bottom: 1px solid #2b4657; }
.report-path li > span[b-4b9684q0sz] { color: #5de3df; font-size: .78rem; font-weight: 750; }
.report-path strong[b-4b9684q0sz], .report-path small[b-4b9684q0sz] { display: block; }
.report-path strong[b-4b9684q0sz] { color: #fff; }
.report-path small[b-4b9684q0sz] { margin-top: 3px; color: #bcd0da; }
.review-note[b-4b9684q0sz] { margin-bottom: 0; font-size: .82rem; }

.project-facts[b-4b9684q0sz],
.area-nav[b-4b9684q0sz],
.coverage-line[b-4b9684q0sz],
.drop-zone[b-4b9684q0sz] {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.project-facts[b-4b9684q0sz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.project-facts div[b-4b9684q0sz] {
    padding: 12px 14px;
    border: 1px solid #2b4657;
    border-radius: 12px;
    background: #102434;
}

.project-facts dt[b-4b9684q0sz] {
    color: #b9cdd7;
    font-size: 0.8rem;
}

.project-facts dd[b-4b9684q0sz] {
    margin: 4px 0 0;
    color: #fff;
    font-weight: 600;
}

.area-nav[b-4b9684q0sz] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}

.ask-shell[b-4b9684q0sz] { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 16px; max-width: 1500px; margin: 0 auto; }
.conversation-card[b-4b9684q0sz],
.ask-card[b-4b9684q0sz] { min-width: 0; border: 1px solid #2b4657; border-radius: 5px; background: #0b1c2b; }
.conversation-card[b-4b9684q0sz] { align-self: start; padding: 20px; }
.conversation-heading[b-4b9684q0sz] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.conversation-heading h2[b-4b9684q0sz],
.ask-card h2[b-4b9684q0sz] { margin: 0; color: #f4f8fb; font-size: 1.2rem; font-weight: 550; letter-spacing: -.025em; }
.conversation-card p[b-4b9684q0sz] { margin: 14px 0 0; color: #bfd1db; font-size: .78rem; line-height: 1.5; }
.ask-card-heading[b-4b9684q0sz] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; }
.ask-card-heading p[b-4b9684q0sz] { margin: 5px 0 0; color: #b8ccda; font-size: .8rem; }
.ask-status[b-4b9684q0sz] { padding: 13px 22px; border-block: 1px solid #2b4657; background: #102a3a; color: #c6d9e4; font-size: .8rem; }
.ask-empty[b-4b9684q0sz] { min-height: 180px; padding: 42px 24px 28px; border-bottom: 1px solid #2b4657; }
.ask-empty h3[b-4b9684q0sz] { margin: 5px 0 8px; color: #f1f7fb; font-size: 1rem; font-weight: 600; }
.ask-empty p[b-4b9684q0sz] { max-width: 650px; margin: 0 auto 18px; color: #bbcfda; text-align: center; }
.ask-suggestions[b-4b9684q0sz] { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.ask-suggestions span[b-4b9684q0sz] { padding: 8px 11px; border: 1px solid #3b5b6e; border-radius: 5px; background: #172d3e; color: #d8e7ee; font-size: .78rem; }
.ask-form[b-4b9684q0sz] { display: grid; gap: 13px; padding: 20px 22px; }
.ask-options[b-4b9684q0sz] { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.ask-form label[b-4b9684q0sz] { display: grid; gap: 6px; color: #d7e6ee; font-size: .78rem; }
.ask-form select[b-4b9684q0sz],
.ask-form textarea[b-4b9684q0sz] { box-sizing: border-box; width: 100%; min-height: 38px; padding: 8px 11px; border: 1px solid #456173; border-radius: 5px; background: #071827; color: #d9e7ee; font: inherit; opacity: 1; }
.ask-form textarea[b-4b9684q0sz] { min-height: 72px; resize: vertical; }
.ask-form textarea[b-4b9684q0sz]::placeholder { color: #9fb9c8; opacity: 1; }
.ask-form-footer[b-4b9684q0sz] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ask-form-footer small[b-4b9684q0sz] { color: #aac5d2; font-size: .72rem; }
.ask-form-footer button[b-4b9684q0sz] { min-width: 130px; padding: 9px 14px; border: 0; border-radius: 5px; background: #287c82; color: #f5fbfb; font: inherit; font-size: .82rem; opacity: 1; }

.coverage-line[b-4b9684q0sz] {
    margin: 0 0 14px;
    color: #d0e0e7;
}

.drop-zone[b-4b9684q0sz] {
    margin-bottom: 16px;
    padding: 20px;
    border: 1px dashed #8aa396;
    border-radius: 16px;
    background: #f7faf8;
}

.drop-zone h2[b-4b9684q0sz],
.library-title[b-4b9684q0sz] {
    margin: 0 0 6px;
}

.drop-zone-active[b-4b9684q0sz] {
    border-color: #173d34;
    background: #e7f2ec;
}

.overall-progress[b-4b9684q0sz] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.library-title[b-4b9684q0sz] {
    font-size: 1.1rem;
}

.metric-row strong[b-4b9684q0sz] {
    font-size: 1.6rem;
}

.library-toolbar[b-4b9684q0sz],
.library-filters[b-4b9684q0sz],
.upload-actions[b-4b9684q0sz],
.category-strip[b-4b9684q0sz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.library-toolbar[b-4b9684q0sz] {
    justify-content: space-between;
    margin-bottom: 14px;
}

.upload-picker[b-4b9684q0sz] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
}

.upload-picker input[b-4b9684q0sz] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-list[b-4b9684q0sz] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

.upload-row[b-4b9684q0sz] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(120px, 1fr) auto auto auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #dce4df;
}

.empty-project h2[b-4b9684q0sz] {
    margin-top: 0;
}

@media (max-width: 900px) {
    .metric-row[b-4b9684q0sz],
    .project-facts[b-4b9684q0sz] {
        grid-template-columns: 1fr 1fr;
    }

    .project-review-grid[b-4b9684q0sz] { grid-template-columns: 1fr; }
    .ask-shell[b-4b9684q0sz] { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .metric-row[b-4b9684q0sz], .project-facts[b-4b9684q0sz] { grid-template-columns: 1fr; }
    .project-banner[b-4b9684q0sz] { align-items: flex-start; flex-direction: column; }
    .project-evidence-strip[b-4b9684q0sz] { align-items: flex-start; flex-direction: column; }
    .upload-row[b-4b9684q0sz] { grid-template-columns: 1fr; }
    .overall-progress[b-4b9684q0sz] { grid-template-columns: 1fr; }
    .ask-options[b-4b9684q0sz] { grid-template-columns: 1fr; }
    .ask-card-heading[b-4b9684q0sz],
    .ask-form-footer[b-4b9684q0sz] { align-items: flex-start; flex-direction: column; }
}