/* /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/Home.razor.rz.scp.css */
.workspace-home[b-6f4jkf2sxt] {
    min-height: calc(100vh - 62px);
    padding: 30px clamp(24px, 4vw, 64px) 60px;
    background: #071421;
    color: #f3f8fb;
}

.home-inner[b-6f4jkf2sxt] { max-width: 1420px; margin: 0 auto; }
.home-intro[b-6f4jkf2sxt] { max-width: 860px; padding: 18px 0 38px; }
.home-eyebrow[b-6f4jkf2sxt], .home-card-label[b-6f4jkf2sxt], .home-step[b-6f4jkf2sxt] {
    color: #49d4d1;
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.home-intro h1[b-6f4jkf2sxt] {
    margin: 18px 0;
    font-size: clamp(2.25rem, 4vw, 3.6rem);
    font-weight: 550;
    letter-spacing: -.055em;
    line-height: 1.08;
}
.home-intro h1 span[b-6f4jkf2sxt] { color: #73ded9; }
.home-intro p[b-6f4jkf2sxt] {
    max-width: 690px;
    margin: 0 0 28px;
    color: #c3d5df;
    font-size: .92rem;
    line-height: 1.65;
}
.home-primary-action[b-6f4jkf2sxt] {
    display: inline-flex;
    gap: 18px;
    align-items: center;
    padding: 10px 15px;
    border-radius: 5px;
    background: #34d5cf;
    color: #071b25;
    font-weight: 750;
    text-decoration: none;
}
.home-primary-action:hover[b-6f4jkf2sxt], .home-primary-action:focus-visible[b-6f4jkf2sxt] { background: #8bf0eb; color: #071b25; }
.home-section-heading[b-6f4jkf2sxt] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}
.home-section-heading h2[b-6f4jkf2sxt] {
    margin: 8px 0 0;
    color: #f3f8fb;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 550;
}
.home-count[b-6f4jkf2sxt] { color: #b4cad5; white-space: nowrap; }
.home-state[b-6f4jkf2sxt], .home-project-card[b-6f4jkf2sxt], .home-journey > div[b-6f4jkf2sxt] {
    border: 1px solid #274354;
    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] { color: #6ce6e0; font-weight: 700; }
.home-project-grid[b-6f4jkf2sxt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.home-project-card[b-6f4jkf2sxt] {
    display: block;
    min-height: 150px;
    padding: 18px;
    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: #49d4d1;
    color: #fff;
    transform: translateY(-2px);
}
.home-card-label[b-6f4jkf2sxt] { display: flex; justify-content: space-between; }
.home-project-card h3[b-6f4jkf2sxt] { margin: 17px 0 5px; font-size: 1.2rem; }
.home-project-card p[b-6f4jkf2sxt] { margin: 0; color: #bfd1db; }
.home-project-facts[b-6f4jkf2sxt] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.home-project-facts span[b-6f4jkf2sxt] {
    padding: 5px 9px;
    border: 1px solid #365466;
    border-radius: 6px;
    color: #d3e3ea;
    font-size: .78rem;
}
.home-journey[b-6f4jkf2sxt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.home-journey > div[b-6f4jkf2sxt] { padding: 16px 18px; }
.home-journey h3[b-6f4jkf2sxt] { margin: 16px 0 7px; color: #fff; font-size: 1.04rem; }
.home-journey p[b-6f4jkf2sxt] { margin: 0; color: #bfd1db; line-height: 1.55; }

@media (max-width: 760px) {
    .workspace-home[b-6f4jkf2sxt] { padding: 24px 18px 48px; }
    .home-intro[b-6f4jkf2sxt] { padding-bottom: 36px; }
    .home-journey[b-6f4jkf2sxt] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Projects.razor.rz.scp.css */
.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/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; }
.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; }
    .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; }
}