@import 'ROSA-Questionnaire.Client.fq7zlo2yf9.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';
@import '_content/Suttisak.Blazor.Identity/Suttisak.Blazor.Identity.s1dygxn49j.bundle.scp.css';
@import '_content/Suttisak.Blazor.UserInterface/Suttisak.Blazor.UserInterface.5wj3o7sa6q.bundle.scp.css';

/* /Components/Administration/QuestionnairePeriod/QuestionnairePeriodDepartmentStatisticPage.razor.rz.scp.css */
:host[b-qjkkohgg00] {
    --dept-ink: #243041;
    --dept-muted: #5d6778;
    --dept-border: color-mix(in srgb, var(--neutral-stroke-rest) 62%, rgba(36, 48, 65, 0.08));
    --dept-surface: color-mix(in srgb, var(--neutral-layer-1) 94%, white);
    --dept-surface-strong: color-mix(in srgb, var(--neutral-layer-2) 88%, white);
    --dept-shadow: 0 22px 50px rgba(36, 48, 65, 0.08);
    --dept-accent: #5a6fc0;
    --dept-accent-soft: rgba(90, 111, 192, 0.12);
    --dept-success: #7ca458;
    --dept-warning: #d99a21;
    --dept-danger: #c45752;
    --dept-danger-soft: rgba(196, 87, 82, 0.12);
}

.period-statistics-page[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1380px;
    margin: 0 auto;
    padding: .35rem 0 2rem;
}

.stats-hero[b-qjkkohgg00] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .9fr);
    gap: 1.25rem;
    overflow: hidden;
    padding: 1.8rem;
    border: 1px solid var(--dept-border);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(90, 111, 192, 0.2), transparent 34%),
        radial-gradient(circle at bottom right, rgba(124, 164, 88, 0.14), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--neutral-layer-1) 92%, white));
    box-shadow: var(--dept-shadow);
}

.stats-hero[b-qjkkohgg00]::after {
    content: "";
    position: absolute;
    inset: auto -4rem -5rem auto;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(217, 154, 33, 0.18), transparent 68%);
    pointer-events: none;
}

.hero-copy[b-qjkkohgg00],
.hero-highlight[b-qjkkohgg00],
.summary-card[b-qjkkohgg00],
.chair-comparison-card[b-qjkkohgg00],
.trend-card[b-qjkkohgg00],
.empty-state[b-qjkkohgg00] {
    position: relative;
    z-index: 1;
}

.hero-copy[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .9rem;
}

.eyebrow[b-qjkkohgg00] {
    display: inline-flex;
    width: fit-content;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: rgba(36, 48, 65, 0.06);
    color: var(--dept-accent);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-copy h1[b-qjkkohgg00],
.section-heading h2[b-qjkkohgg00],
.subsection-heading h3[b-qjkkohgg00],
.chair-comparison-header h3[b-qjkkohgg00],
.empty-state h2[b-qjkkohgg00] {
    margin: 0;
    color: var(--dept-ink);
}

.hero-copy h1[b-qjkkohgg00] {
    max-width: 12ch;
    font-size: clamp(2rem, 3vw, 3.2rem);
    line-height: 1.04;
}

.hero-copy p[b-qjkkohgg00],
.section-heading p[b-qjkkohgg00],
.subsection-heading p[b-qjkkohgg00],
.empty-state p[b-qjkkohgg00] {
    margin: 0;
    color: var(--dept-muted);
    line-height: 1.65;
}

.hero-copy p[b-qjkkohgg00] {
    max-width: 68ch;
}

.hero-highlight[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .45rem;
    min-height: 190px;
    padding: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.66));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(14px);
}

.hero-highlight-label[b-qjkkohgg00],
.summary-label[b-qjkkohgg00] {
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--dept-muted);
}

.hero-highlight strong[b-qjkkohgg00],
.summary-card strong[b-qjkkohgg00],
.chair-comparison-metrics strong[b-qjkkohgg00] {
    font-size: clamp(1.75rem, 2vw, 2.55rem);
    line-height: 1.08;
    color: var(--dept-ink);
}

.hero-highlight span[b-qjkkohgg00],
.hero-highlight small[b-qjkkohgg00],
.summary-card small[b-qjkkohgg00],
.department-chip[b-qjkkohgg00],
.section-pill[b-qjkkohgg00] {
    color: var(--dept-ink);
}

.summary-grid[b-qjkkohgg00],
.chair-comparison-grid[b-qjkkohgg00],
.trend-grid[b-qjkkohgg00],
.participation-layout[b-qjkkohgg00] {
    display: grid;
    gap: 1rem;
}

.summary-grid[b-qjkkohgg00] {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.summary-card[b-qjkkohgg00],
.stats-surface[b-qjkkohgg00],
.trend-card[b-qjkkohgg00],
.empty-state[b-qjkkohgg00] {
    border: 1px solid var(--dept-border);
    border-radius: 22px;
    background: var(--dept-surface);
    box-shadow: var(--dept-shadow);
}

.summary-card[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    min-height: 156px;
    padding: 1.2rem 1.25rem;
    overflow: hidden;
}

.summary-card[b-qjkkohgg00]::before,
.chair-comparison-card[b-qjkkohgg00]::before,
.trend-card[b-qjkkohgg00]::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(90, 111, 192, 0.95), rgba(124, 164, 88, 0.65));
    opacity: .9;
}

.accent-card[b-qjkkohgg00] {
    background: linear-gradient(180deg, rgba(90, 111, 192, 0.09), rgba(255, 255, 255, 0.96));
}

.warning-card[b-qjkkohgg00] {
    background: linear-gradient(180deg, rgba(196, 87, 82, 0.12), rgba(255, 255, 255, 0.96));
}

.stats-section[b-qjkkohgg00],
.stats-surface[b-qjkkohgg00],
.empty-state[b-qjkkohgg00],
.trend-card[b-qjkkohgg00] {
    padding: 1.3rem;
}

.section-heading[b-qjkkohgg00],
.subsection-heading[b-qjkkohgg00],
.chair-comparison-header[b-qjkkohgg00] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.section-heading[b-qjkkohgg00] {
    margin-bottom: 1.1rem;
}

.section-heading > div:first-child[b-qjkkohgg00],
.subsection-heading > div:first-child[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.section-badges[b-qjkkohgg00] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
}

.section-pill[b-qjkkohgg00],
.department-chip[b-qjkkohgg00] {
    display: inline-flex;
    align-items: center;
    padding: .5rem .85rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 700;
    white-space: nowrap;
}

.department-chip[b-qjkkohgg00] {
    background: var(--dept-accent-soft);
    color: var(--dept-accent);
}

.warning-badge[b-qjkkohgg00] {
    background: var(--dept-danger-soft);
    border-color: rgba(196, 87, 82, 0.18);
    color: var(--dept-danger);
}

.chair-comparison-grid[b-qjkkohgg00] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.chair-comparison-card[b-qjkkohgg00] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
    padding: 1.2rem;
    overflow: hidden;
    border: 1px solid var(--dept-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--dept-surface-strong));
    box-shadow: var(--dept-shadow);
}

.chair-comparison-card.chair-new[b-qjkkohgg00]::before {
    background: linear-gradient(90deg, rgba(124, 164, 88, 0.95), rgba(157, 202, 126, 0.72));
}

.chair-comparison-card.chair-old[b-qjkkohgg00]::before {
    background: linear-gradient(90deg, rgba(90, 111, 192, 0.95), rgba(121, 141, 215, 0.72));
}

.chair-comparison-metrics[b-qjkkohgg00] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem 1rem;
}

.chair-comparison-metrics > div[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.trend-grid[b-qjkkohgg00] {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}

.participation-layout[b-qjkkohgg00] {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .95fr);
    align-items: start;
}

.trend-card[b-qjkkohgg00] {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--dept-surface));
}

.participation-trend-card[b-qjkkohgg00],
.period-metrics-card[b-qjkkohgg00] {
    min-height: 100%;
}

.trend-card-warning[b-qjkkohgg00]::before {
    background: linear-gradient(90deg, rgba(196, 87, 82, 0.95), rgba(217, 154, 33, 0.7));
}

.trend-eyebrow[b-qjkkohgg00] {
    margin-bottom: .2rem;
}

.chart-shell[b-qjkkohgg00] {
    width: 100%;
    overflow: hidden;
}

.department-chart-shell[b-qjkkohgg00] {
    min-height: 320px;
}

.participation-chart-shell[b-qjkkohgg00] {
    min-height: 360px;
}

.table-shell[b-qjkkohgg00] {
    width: 100%;
    overflow: auto;
}

.period-table-wrapper[b-qjkkohgg00] {
    overflow-x: auto;
}

.period-metrics-table[b-qjkkohgg00] {
    width: 100%;
    min-width: 34rem;
    border-collapse: separate;
    border-spacing: 0;
}

.period-metrics-table th[b-qjkkohgg00],
.period-metrics-table td[b-qjkkohgg00] {
    padding: .9rem 1rem;
    text-align: left;
    vertical-align: top;
}

.period-metrics-table thead[b-qjkkohgg00]{
    background: var(--primary-highlight-soft);
}

.period-metrics-table thead th[b-qjkkohgg00] {
    font-size: .86rem;
    font-weight: 700;
    color: var(--dept-muted);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, white);
    border-bottom: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 68%, transparent);
}

.period-metrics-table thead th:first-child[b-qjkkohgg00] {
    border-top-left-radius: 16px;
}

.period-metrics-table thead th:last-child[b-qjkkohgg00] {
    border-top-right-radius: 16px;
}

.period-metrics-table tbody tr:hover td[b-qjkkohgg00] {
    background: rgba(90, 111, 192, 0.04);
}

.period-metrics-table tbody tr + tr td[b-qjkkohgg00] {
    border-top: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 52%, transparent);
}

.period-label[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.metric-emphasis[b-qjkkohgg00] {
    color: var(--dept-ink);
}

.people-table-shell[b-qjkkohgg00] {
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid var(--dept-border);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.section-note[b-qjkkohgg00] {
    margin: 0 0 .95rem;
    color: var(--dept-muted);
    font-size: .92rem;
}

.empty-state[b-qjkkohgg00],
.empty-inline[b-qjkkohgg00] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.empty-inline[b-qjkkohgg00] {
    padding: 1rem 1.1rem;
    border: 1px dashed rgba(36, 48, 65, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--dept-muted);
}

.score-cell[b-qjkkohgg00] {
    font-weight: 700;
    color: var(--dept-danger);
}

.risk-minimal[b-qjkkohgg00] {
    background: rgba(90, 111, 192, 0.12);
    border-color: rgba(90, 111, 192, 0.22);
    color: #3d4d8e;
}

.risk-mild[b-qjkkohgg00] {
    background: rgba(157, 202, 126, 0.18);
    border-color: rgba(157, 202, 126, 0.28);
    color: #4d7e29;
}

.risk-moderate[b-qjkkohgg00] {
    background: rgba(242, 202, 107, 0.24);
    border-color: rgba(242, 202, 107, 0.34);
    color: #8a5b00;
}

.risk-severe[b-qjkkohgg00] {
    background: rgba(221, 110, 106, 0.18);
    border-color: rgba(221, 110, 106, 0.28);
    color: #9c302c;
}

.risk-empty[b-qjkkohgg00] {
    background: rgba(36, 48, 65, 0.06);
    border-color: rgba(36, 48, 65, 0.1);
    color: var(--dept-muted);
}

[b-qjkkohgg00] fluent-data-grid {
    min-width: 70rem;
    background: transparent;
}

@media screen and (max-width: 960px) {
    .stats-hero[b-qjkkohgg00] {
        grid-template-columns: 1fr;
    }

    .participation-layout[b-qjkkohgg00] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-qjkkohgg00],
    .subsection-heading[b-qjkkohgg00],
    .chair-comparison-header[b-qjkkohgg00] {
        flex-direction: column;
    }

    .section-badges[b-qjkkohgg00] {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 700px) {
    .period-statistics-page[b-qjkkohgg00] {
        gap: 1rem;
        padding-bottom: 1rem;
    }

    .stats-hero[b-qjkkohgg00],
    .summary-card[b-qjkkohgg00],
    .stats-section[b-qjkkohgg00],
    .stats-surface[b-qjkkohgg00],
    .trend-card[b-qjkkohgg00],
    .empty-state[b-qjkkohgg00],
    .chair-comparison-card[b-qjkkohgg00] {
        padding: 1rem;
        border-radius: 18px;
    }

    .chair-comparison-metrics[b-qjkkohgg00] {
        grid-template-columns: 1fr;
    }

    [b-qjkkohgg00] fluent-data-grid {
        min-width: 60rem;
    }
}
/* /Components/Administration/QuestionnairePeriod/QuestionnairePeriodStatisticPage.razor.rz.scp.css */
:host[b-hus4a1nr9j] {
    --stats-ink: #243041;
    --stats-muted: #5f6878;
    --stats-border: color-mix(in srgb, var(--neutral-stroke-rest) 62%, rgba(36, 48, 65, 0.08));
    --stats-surface: color-mix(in srgb, var(--neutral-layer-1) 94%, white);
    --stats-surface-strong: color-mix(in srgb, var(--neutral-layer-2) 88%, white);
    --stats-shadow: 0 24px 52px rgba(36, 48, 65, 0.08);
    --stats-accent: #5a6fc0;
    --stats-accent-soft: rgba(90, 111, 192, 0.12);
    --stats-success: #7ca458;
    --stats-warning: #d99a21;
    --stats-danger: #c45752;
    --stats-danger-soft: rgba(196, 87, 82, 0.12);
}

.period-statistics-page[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1440px;
    margin: 0 auto;
    padding: .35rem 0 2rem;
}

.stats-hero[b-hus4a1nr9j] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .92fr);
    gap: 1.25rem;
    overflow: hidden;
    padding: 1.8rem;
    border: 1px solid var(--stats-border);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(90, 111, 192, 0.2), transparent 34%),
        radial-gradient(circle at bottom right, rgba(124, 164, 88, 0.16), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--neutral-layer-1) 92%, white));
    box-shadow: var(--stats-shadow);
}

.stats-hero[b-hus4a1nr9j]::after {
    content: "";
    position: absolute;
    inset: auto -4rem -5rem auto;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(217, 154, 33, 0.18), transparent 68%);
    pointer-events: none;
}

.hero-copy[b-hus4a1nr9j],
.hero-highlight[b-hus4a1nr9j],
.summary-card[b-hus4a1nr9j],
.chair-comparison-card[b-hus4a1nr9j],
.trend-card[b-hus4a1nr9j],
.department-card[b-hus4a1nr9j],
.survey-period-card[b-hus4a1nr9j],
.survey-question-panel[b-hus4a1nr9j],
.empty-state[b-hus4a1nr9j] {
    position: relative;
    z-index: 1;
}

.hero-copy[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .9rem;
}

.eyebrow[b-hus4a1nr9j] {
    display: inline-flex;
    width: fit-content;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: rgba(36, 48, 65, 0.06);
    color: var(--stats-accent);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-copy h1[b-hus4a1nr9j],
.section-heading h2[b-hus4a1nr9j],
.department-card-header h3[b-hus4a1nr9j],
.survey-period-header h3[b-hus4a1nr9j],
.survey-question-header h3[b-hus4a1nr9j],
.survey-question-card h4[b-hus4a1nr9j],
.survey-period-result-header h4[b-hus4a1nr9j],
.empty-state h2[b-hus4a1nr9j],
.subsection-heading h3[b-hus4a1nr9j] {
    margin: 0;
    color: var(--stats-ink);
}

.hero-copy h1[b-hus4a1nr9j] {
    max-width: 12ch;
    font-size: clamp(2rem, 3vw, 3.3rem);
    line-height: 1.04;
}

.hero-copy p[b-hus4a1nr9j],
.section-heading p[b-hus4a1nr9j],
.department-card-header p[b-hus4a1nr9j],
.survey-period-header p[b-hus4a1nr9j],
.survey-question-header p[b-hus4a1nr9j],
.survey-period-result-header p[b-hus4a1nr9j],
.subsection-heading p[b-hus4a1nr9j],
.empty-state p[b-hus4a1nr9j] {
    margin: 0;
    color: var(--stats-muted);
    line-height: 1.65;
}

.hero-copy p[b-hus4a1nr9j] {
    max-width: 72ch;
}

.hero-highlight[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .45rem;
    min-height: 190px;
    padding: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.68));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(14px);
}

.hero-highlight-label[b-hus4a1nr9j],
.summary-label[b-hus4a1nr9j] {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--stats-muted);
}

.hero-highlight strong[b-hus4a1nr9j],
.summary-card strong[b-hus4a1nr9j],
.chair-comparison-metrics strong[b-hus4a1nr9j],
.department-card-highlight strong[b-hus4a1nr9j] {
    font-size: clamp(1.75rem, 2vw, 2.6rem);
    line-height: 1.08;
    color: var(--stats-ink);
}

.hero-highlight span[b-hus4a1nr9j],
.hero-highlight small[b-hus4a1nr9j],
.summary-card small[b-hus4a1nr9j],
.department-chip[b-hus4a1nr9j],
.survey-period-header span[b-hus4a1nr9j],
.survey-question-header span[b-hus4a1nr9j],
.survey-period-result-header span[b-hus4a1nr9j],
.survey-option-meta span[b-hus4a1nr9j],
.survey-percentage[b-hus4a1nr9j],
.section-pill[b-hus4a1nr9j] {
    color: var(--stats-ink);
}

.summary-grid[b-hus4a1nr9j],
.chair-comparison-grid[b-hus4a1nr9j],
.trend-grid[b-hus4a1nr9j],
.participation-layout[b-hus4a1nr9j],
.department-summary-grid[b-hus4a1nr9j],
.survey-period-grid[b-hus4a1nr9j],
.survey-question-grid[b-hus4a1nr9j],
.survey-period-results[b-hus4a1nr9j],
.department-summary-stats[b-hus4a1nr9j],
.chair-comparison-mini-grid[b-hus4a1nr9j] {
    display: grid;
    gap: 1rem;
}

.summary-grid[b-hus4a1nr9j] {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.summary-card[b-hus4a1nr9j],
.stats-surface[b-hus4a1nr9j],
.trend-card[b-hus4a1nr9j],
.department-card[b-hus4a1nr9j],
.survey-period-card[b-hus4a1nr9j],
.survey-question-panel[b-hus4a1nr9j],
.empty-state[b-hus4a1nr9j] {
    border: 1px solid var(--stats-border);
    border-radius: 22px;
    background: var(--stats-surface);
    box-shadow: var(--stats-shadow);
}

.summary-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    min-height: 156px;
    padding: 1.2rem 1.25rem;
    overflow: hidden;
}

.summary-card[b-hus4a1nr9j]::before,
.chair-comparison-card[b-hus4a1nr9j]::before,
.trend-card[b-hus4a1nr9j]::before,
.department-card[b-hus4a1nr9j]::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(90, 111, 192, 0.95), rgba(124, 164, 88, 0.68));
    opacity: .9;
}

.accent-card[b-hus4a1nr9j] {
    background: linear-gradient(180deg, rgba(90, 111, 192, 0.1), rgba(255, 255, 255, 0.97));
}

.warning-card[b-hus4a1nr9j] {
    background: linear-gradient(180deg, rgba(196, 87, 82, 0.12), rgba(255, 255, 255, 0.97));
}

.stats-section[b-hus4a1nr9j],
.stats-surface[b-hus4a1nr9j],
.trend-card[b-hus4a1nr9j],
.department-card[b-hus4a1nr9j],
.survey-period-card[b-hus4a1nr9j],
.survey-question-panel[b-hus4a1nr9j],
.empty-state[b-hus4a1nr9j] {
    padding: 1.3rem;
}

.section-heading[b-hus4a1nr9j],
.department-card-header[b-hus4a1nr9j],
.survey-period-header[b-hus4a1nr9j],
.survey-question-header[b-hus4a1nr9j],
.survey-period-result-header[b-hus4a1nr9j],
.subsection-heading[b-hus4a1nr9j],
.chair-comparison-header[b-hus4a1nr9j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.section-heading[b-hus4a1nr9j],
.department-card-header[b-hus4a1nr9j] {
    margin-bottom: 1.1rem;
}

.section-heading > div:first-child[b-hus4a1nr9j],
.subsection-heading > div:first-child[b-hus4a1nr9j],
.survey-period-header > div:first-child[b-hus4a1nr9j],
.survey-question-header > div:first-child[b-hus4a1nr9j],
.survey-period-result-header > div:first-child[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.section-badges[b-hus4a1nr9j] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: .65rem;
}

.section-pill[b-hus4a1nr9j],
.department-chip[b-hus4a1nr9j] {
    display: inline-flex;
    align-items: center;
    padding: .5rem .9rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 700;
    white-space: nowrap;
}

.department-chip[b-hus4a1nr9j] {
    background: var(--stats-accent-soft);
    color: var(--stats-accent);
}

.chart-shell[b-hus4a1nr9j] {
    width: 100%;
    overflow: hidden;
}

.global-chart-shell[b-hus4a1nr9j],
.main-chart-shell[b-hus4a1nr9j] {
    min-height: 340px;
}

.trend-grid[b-hus4a1nr9j] {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}


.trend-card[b-hus4a1nr9j] {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--stats-surface));
}

.trend-card-secondary[b-hus4a1nr9j]::before {
    background: linear-gradient(90deg, rgba(217, 154, 33, 0.92), rgba(90, 111, 192, 0.72));
}

.participation-trend-card[b-hus4a1nr9j],
.period-metrics-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.participation-chart-shell[b-hus4a1nr9j] {
    min-height: 360px;
}

.trend-eyebrow[b-hus4a1nr9j] {
    margin-bottom: .2rem;
}

.chair-comparison-grid[b-hus4a1nr9j] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.chair-comparison-card[b-hus4a1nr9j] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
    padding: 1.2rem;
    overflow: hidden;
    border: 1px solid var(--stats-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--stats-surface-strong));
    box-shadow: var(--stats-shadow);
}

.chair-comparison-card.chair-new[b-hus4a1nr9j]::before {
    background: linear-gradient(90deg, rgba(124, 164, 88, 0.95), rgba(157, 202, 126, 0.72));
}

.chair-comparison-card.chair-old[b-hus4a1nr9j]::before {
    background: linear-gradient(90deg, rgba(90, 111, 192, 0.95), rgba(121, 141, 215, 0.72));
}

.chair-comparison-metrics[b-hus4a1nr9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem 1rem;
}

.chair-comparison-metrics > div[b-hus4a1nr9j],
.department-summary-stats > div[b-hus4a1nr9j],
.chair-comparison-mini-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.department-summary-grid[b-hus4a1nr9j] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.department-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), var(--stats-surface));
}

.department-card-highlight[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
}

.department-summary-stats[b-hus4a1nr9j] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
    border-radius: 18px;
    background: color-mix(in srgb, var(--neutral-layer-2) 90%, white);
}

.chair-comparison-mini-grid[b-hus4a1nr9j] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chair-comparison-mini-card[b-hus4a1nr9j] {
    padding: .95rem 1rem;
    border: 1px solid var(--stats-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.82);
}

.chair-comparison-mini-card strong[b-hus4a1nr9j] {
    font-size: 1.4rem;
    color: var(--stats-ink);
}

.chair-comparison-mini-card.chair-new[b-hus4a1nr9j] {
    background: rgba(124, 164, 88, 0.1);
}

.chair-comparison-mini-card.chair-old[b-hus4a1nr9j] {
    background: rgba(90, 111, 192, 0.08);
}

.survey-period-grid[b-hus4a1nr9j] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.survey-question-grid[b-hus4a1nr9j] {
    grid-template-columns: minmax(0, 1fr);
}

.survey-period-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.survey-period-header[b-hus4a1nr9j] {
    padding-bottom: .75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 60%, transparent);
}

.survey-question-panel[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.survey-question-header[b-hus4a1nr9j] {
    padding-bottom: .75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 60%, transparent);
}

.survey-question-header span[b-hus4a1nr9j],
.survey-period-result-header span[b-hus4a1nr9j] {
    display: inline-flex;
    align-items: center;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: rgba(90, 111, 192, 0.1);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.survey-trend-shell[b-hus4a1nr9j] {
    min-height: 320px;
}

.survey-period-results[b-hus4a1nr9j] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.survey-period-result-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 55%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, white);
}

.survey-question-list[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.survey-question-card[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem;
    border-radius: 16px;
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, white);
}

.survey-option-list[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.survey-option-row[b-hus4a1nr9j] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(140px, 2fr) auto;
    gap: .75rem;
    align-items: center;
}

.survey-option-meta[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.survey-progress-track[b-hus4a1nr9j] {
    height: .75rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(90, 111, 192, 0.14);
}

.survey-progress-fill[b-hus4a1nr9j] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #5A6FC0, #8FA0E0);
}

.symptom-track[b-hus4a1nr9j] {
    background: rgba(221, 110, 106, 0.14);
}

.symptom-fill[b-hus4a1nr9j] {
    background: linear-gradient(90deg, #DD6E6A, #F29D8E);
}

.period-metrics-card[b-hus4a1nr9j] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), var(--stats-surface));
}

.period-table-wrapper[b-hus4a1nr9j] {
    overflow-x: auto;
}

.period-metrics-table[b-hus4a1nr9j] {
    width: 100%;
    min-width: 58rem;
    border-collapse: separate;
    border-spacing: 0;
}

.period-metrics-table thead[b-hus4a1nr9j]{
    background: var(--primary-highlight-soft);
}


.period-metrics-table th[b-hus4a1nr9j],
.period-metrics-table td[b-hus4a1nr9j] {
    padding: .9rem 1rem;
    text-align: left;
    vertical-align: top;
}

.period-metrics-table thead th[b-hus4a1nr9j] {
    font-size: .86rem;
    font-weight: 700;
    color: var(--stats-muted);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, white);
    border-bottom: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 68%, transparent);
}

.period-metrics-table thead th:first-child[b-hus4a1nr9j] {
    border-top-left-radius: 16px;
}

.period-metrics-table thead th:last-child[b-hus4a1nr9j] {
    border-top-right-radius: 16px;
}

.period-metrics-table tbody tr:hover td[b-hus4a1nr9j] {
    background: rgba(90, 111, 192, 0.04);
}

.period-metrics-table tbody tr + tr td[b-hus4a1nr9j] {
    border-top: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 52%, transparent);
}

.period-label[b-hus4a1nr9j],
.department-list[b-hus4a1nr9j] {
    display: flex;
}

.period-label[b-hus4a1nr9j] {
    flex-direction: column;
    gap: .2rem;
}

.period-subtitle[b-hus4a1nr9j] {
    color: var(--stats-muted);
}

.metric-emphasis[b-hus4a1nr9j] {
    color: var(--stats-ink);
}

.department-list[b-hus4a1nr9j] {
    flex-wrap: wrap;
    gap: .45rem;
}

.department-pill[b-hus4a1nr9j] {
    display: inline-flex;
    align-items: center;
    padding: .35rem .65rem;
    border: 1px solid rgba(90, 111, 192, 0.16);
    border-radius: 999px;
    background: rgba(90, 111, 192, 0.08);
    color: var(--stats-ink);
    font-size: .82rem;
    white-space: nowrap;
}

.empty-state[b-hus4a1nr9j],
.empty-inline[b-hus4a1nr9j] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.empty-inline[b-hus4a1nr9j] {
    padding: 1rem 1.1rem;
    border: 1px dashed rgba(36, 48, 65, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--stats-muted);
}

.loading-card[b-hus4a1nr9j],
.loading-surface[b-hus4a1nr9j] {
    overflow: hidden;
}

.risk-minimal[b-hus4a1nr9j] {
    background: rgba(90, 111, 192, 0.12);
    border-color: rgba(90, 111, 192, 0.22);
    color: #3d4d8e;
}

.risk-mild[b-hus4a1nr9j] {
    background: rgba(157, 202, 126, 0.18);
    border-color: rgba(157, 202, 126, 0.28);
    color: #4d7e29;
}

.risk-moderate[b-hus4a1nr9j] {
    background: rgba(242, 202, 107, 0.24);
    border-color: rgba(242, 202, 107, 0.34);
    color: #8a5b00;
}

.risk-severe[b-hus4a1nr9j] {
    background: rgba(221, 110, 106, 0.18);
    border-color: rgba(221, 110, 106, 0.28);
    color: #9c302c;
}

.risk-empty[b-hus4a1nr9j] {
    background: rgba(36, 48, 65, 0.06);
    border-color: rgba(36, 48, 65, 0.1);
    color: var(--stats-muted);
}

[b-hus4a1nr9j] fluent-data-grid {
    min-width: 68rem;
}

@media screen and (max-width: 960px) {
    .stats-hero[b-hus4a1nr9j] {
        grid-template-columns: 1fr;
    }

    .hero-highlight[b-hus4a1nr9j] {
        min-height: unset;
    }

    .section-heading[b-hus4a1nr9j],
    .department-card-header[b-hus4a1nr9j],
    .survey-period-header[b-hus4a1nr9j],
    .survey-question-header[b-hus4a1nr9j],
    .survey-period-result-header[b-hus4a1nr9j],
    .subsection-heading[b-hus4a1nr9j],
    .chair-comparison-header[b-hus4a1nr9j] {
        flex-direction: column;
    }

    .section-badges[b-hus4a1nr9j] {
        justify-content: flex-start;
    }

    .department-card-highlight[b-hus4a1nr9j] {
        align-items: flex-start;
    }
}

@media screen and (max-width: 720px) {
    .survey-option-row[b-hus4a1nr9j],
    .chair-comparison-metrics[b-hus4a1nr9j],
    .department-summary-stats[b-hus4a1nr9j],
    .chair-comparison-mini-grid[b-hus4a1nr9j] {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 600px) {
    .period-statistics-page[b-hus4a1nr9j] {
        gap: 1rem;
        padding-bottom: 1rem;
    }

    .stats-hero[b-hus4a1nr9j],
    .summary-card[b-hus4a1nr9j],
    .stats-section[b-hus4a1nr9j],
    .stats-surface[b-hus4a1nr9j],
    .trend-card[b-hus4a1nr9j],
    .department-card[b-hus4a1nr9j],
    .survey-period-card[b-hus4a1nr9j],
    .survey-question-panel[b-hus4a1nr9j],
    .empty-state[b-hus4a1nr9j],
    .chair-comparison-card[b-hus4a1nr9j] {
        padding: 1rem;
        border-radius: 18px;
    }

    [b-hus4a1nr9j] fluent-data-grid {
        min-width: 60rem;
    }

    .period-metrics-table[b-hus4a1nr9j] {
        min-width: 46rem;
    }
}