/* Statistics owns dashboard layout and evidence surfaces. Shared theme values
   come from tokens.css; the sidebar identity lives in mystats-brand.css. */
body[data-route="faculty"] #statisticsPanel.active { overflow:auto; overscroll-behavior:contain; padding:0 3px 12px; scrollbar-gutter:stable; scroll-margin-block-start:var(--faculty-anchor-offset); }
body[data-route="faculty"] .pipeline-layout[data-active-panel="statistics"] { grid-template-columns:minmax(0,1fr); max-width:1240px; width:100%; margin-inline:auto; }
body[data-route="faculty"] .pipeline-layout[data-active-panel="statistics"]>.pipeline-steps { display:none; }
body[data-route="faculty"] .pipeline-layout[data-active-panel="statistics"]>.pipeline-sidebar { position:static; max-height:none; height:auto; overflow:visible; }
body[data-route="faculty"] .pipeline-layout[data-active-panel="statistics"] #statisticsPanel.active { overflow:visible; scrollbar-gutter:auto; }
body[data-route="faculty"] .pipeline-layout[data-active-panel="statistics"] #facultyTabNav { max-width:640px; }

.stats-dashboard { --stats-muted:var(--text-supporting); display:grid; gap:var(--space-5); color:var(--color-text); font-family:var(--font-body); font-size:.8125rem; line-height:1.6; min-width:0; padding:6px 2px; }
.stats-dashboard :is(h2,h3,p) { margin:0; }
.stats-dashboard :is(h2,h3,h4) { color:var(--text-heading); }
.stats-dashboard h2 { font-size:clamp(1.65rem,2.5vw,2rem); line-height:1.25; letter-spacing:-.04em; font-weight:750; }
.stats-dashboard h3 { font-size:1rem; line-height:1.4; font-weight:750; margin-bottom:5px; }
.stats-dashboard :is(p,small) { color:var(--stats-muted); }
.stats-header,.stats-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-4); }
.stats-header { padding:var(--space-2) var(--space-1); }
.stats-header p { margin-top:var(--space-2); max-width:52ch; }
.stats-eyebrow { font-size:.6875rem; font-weight:750; letter-spacing:.14em; color:var(--stats-muted); }
.stats-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); background:var(--surface-pearl); padding:var(--space-5); border:1px solid var(--border-mint); border-radius:var(--radius-xl); box-shadow:var(--shadow-inset),var(--shadow-mint); }
.stats-filter-actions { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-4); }
.stats-filter-actions p { flex:1 1 220px; font-size:.75rem; }
.stats-filters label,.stats-metric-label { display:grid; gap:var(--space-2); min-width:0; font-size:.75rem; font-weight:650; color:var(--stats-muted); }
.stats-dashboard select,.stats-dashboard input[type=date],.mystats-practice-form input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; background:var(--surface-pearl); border:1px solid var(--border-mint); border-radius:var(--radius-md); color:var(--text-heading); font:inherit; font-size:.8125rem; padding:10px 12px; box-shadow:var(--shadow-inset); color-scheme:inherit; }
/* Faculty's intentional native selects retain native search and keyboard support. */
.stats-dashboard select[data-faculty-select-skip="true"] { appearance:none; padding-right:34px; background-image:linear-gradient(45deg,transparent 50%,var(--text-supporting) 50%),linear-gradient(135deg,var(--text-supporting) 50%,transparent 50%),var(--surface-pearl); background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%,0 0; background-size:5px 5px,5px 5px,100% 100%; background-repeat:no-repeat; cursor:pointer; }
.stats-dashboard select option { background:var(--color-surface); color:var(--text-heading); }
.stats-dashboard select option:checked { background:var(--color-accent-weak); color:var(--text-heading); }
.stats-dashboard select:disabled,.stats-dashboard input:disabled { opacity:.55; cursor:not-allowed; }
.stats-dashboard :is(select,input[type=date]):hover:not(:disabled) { border-color:var(--border-mint-hover); }
.stats-dashboard :is(select,input,button,summary,.stats-table-wrap):focus-visible { outline:3px solid var(--focus-ring); outline-offset:3px; }
.stats-status { min-height:21px; color:var(--stats-muted); font-size:.75rem; }
.stats-status[hidden] { display:none; }
.stats-status[data-error=true] { background:color-mix(in srgb,var(--color-surface) 92%,var(--color-danger)); border:1px solid var(--color-danger); padding:var(--space-4); border-radius:var(--radius-md); color:var(--color-danger); }
.stats-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); }
.stats-card,.stats-surface,.stats-chart-card { background:var(--surface-pearl); border:1px solid var(--border-mint); border-radius:var(--radius-xl); padding:var(--space-5); min-width:0; box-shadow:var(--shadow-inset),var(--shadow-mint); }
.stats-card { display:flex; flex-direction:column; gap:var(--space-2); padding:var(--space-4); background:var(--surface-mint); }
.stats-card>span { font-size:.75rem; line-height:1.45; font-weight:650; color:var(--stats-muted); }
.stats-card strong { color:var(--text-heading); font-size:1.9rem; line-height:1.25; letter-spacing:-.04em; font-variant-numeric:tabular-nums; font-weight:750; overflow-wrap:anywhere; }
.stats-card small { font-size:.6875rem; line-height:1.55; }
.stats-card strong[data-empty="true"] { font-size:1.0625rem; letter-spacing:-.01em; line-height:1.4; }
.stats-chart-card { padding:var(--space-5) var(--space-4); }
.stats-chart-card .stats-section-head { padding:0 var(--space-1); }
.stats-section-head p { font-size:.75rem; }
.stats-metric-label { max-width:220px; }
.stats-metric-label select { font-size:.75rem; }
.stats-chart { display:block; width:100%; height:auto; overflow:visible; }
.stats-chart-wrap { position:relative; margin-top:var(--space-4); }
.stats-chart [data-chart-grid] line { stroke:var(--color-border); stroke-width:1; stroke-dasharray:3 4; }
.stats-chart text { fill:var(--stats-muted); font-family:inherit; font-size:11px; }
.stats-chart-cursor { stroke:var(--text-supporting); stroke-width:1; stroke-dasharray:4 4; }
.stats-chart-empty { position:absolute; inset:35% 15% auto; text-align:center; font-size:.8125rem; color:var(--stats-muted); padding:var(--space-3); background:var(--surface-pearl); border:1px solid var(--border-mint); border-radius:var(--radius-md); box-shadow:var(--shadow-inset); }
.stats-chart-empty[hidden] { display:none; }
.stats-date-slider { display:flex; gap:var(--space-3); align-items:center; padding:2px var(--space-2); font-size:.75rem; color:var(--stats-muted); }
.stats-date-slider input { flex:1; min-width:0; min-height:28px; accent-color:var(--color-accent); }
.stats-tooltip { display:block; background:var(--surface-mint); border:1px solid var(--border-mint); border-radius:var(--radius-md); min-height:36px; margin:var(--space-2) var(--space-1) 0; padding:var(--space-3); color:var(--text-heading); font-size:.75rem; line-height:1.65; font-variant-numeric:tabular-nums; box-shadow:var(--shadow-inset); }
.stats-series { display:flex; gap:var(--space-4); flex-wrap:wrap; border:0; padding:var(--space-4) var(--space-1) 0; margin:0; }
.stats-series[hidden] { display:none; }
.stats-series label { display:flex; align-items:center; gap:6px; min-height:28px; font-size:.75rem; cursor:pointer; }
.stats-series input { accent-color:var(--series-color); margin:0; }
.stats-series span { height:3px; width:12px; background:var(--series-color); border-radius:3px; }
.stats-breakdowns { display:grid; gap:var(--space-4); }
.stats-surface>p { font-size:.75rem; margin-bottom:var(--space-4); }
.stats-difficulty-row { padding:var(--space-3) 0; border-bottom:1px solid var(--color-border); }
.stats-difficulty-row:last-child { border-bottom:0; }
.stats-difficulty-row>div:first-child { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--space-2); }
.stats-difficulty-row strong { font-size:.8125rem; font-weight:650; }
.stats-difficulty-row small { font-size:.6875rem; }
.stats-bar { height:6px; border-radius:8px; overflow:hidden; background:var(--color-surface-2); margin:var(--space-2) 0; }
.stats-bar span { display:block; height:100%; background:var(--series-color); border-radius:8px; transition:width 350ms ease; }
.stats-test-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px; padding:var(--space-3) 0; border-bottom:1px solid var(--color-border); }
.stats-test-row strong { font-size:.8125rem; font-weight:650; }
.stats-test-row small { display:block; font-size:.6875rem; }
.stats-test-row b { font-size:1.5rem; font-weight:750; font-variant-numeric:tabular-nums; color:var(--text-heading); }
.stats-test-row>small { grid-column:1/-1; }
.stats-caption { margin-top:var(--space-3)!important; font-size:.6875rem!important; }
.stats-table-wrap { overflow:auto; max-width:100%; scrollbar-width:thin; overscroll-behavior:contain; border-radius:var(--radius-md); }
.stats-dashboard table { border-collapse:collapse; width:100%; font-size:.75rem; text-align:left; }
.stats-dashboard th,.stats-dashboard td { padding:12px 10px; border-bottom:1px solid var(--color-border); vertical-align:top; line-height:1.6; }
.stats-dashboard thead th { font-size:.6875rem; color:var(--stats-muted); font-weight:700; white-space:nowrap; background:var(--color-surface-2); }
.stats-dashboard tbody th { color:var(--text-heading); font-weight:650; min-width:140px; }
.stats-dashboard tbody tr:hover { background:color-mix(in srgb,var(--color-accent-weak) 35%,transparent); }
.stats-dashboard td { font-variant-numeric:tabular-nums; white-space:nowrap; }
.stats-dashboard td small { display:block; font-size:.6875rem; }
.stats-tier-cell { display:inline-block; min-width:42px; font-size:.75rem; }
.stats-tier-cell small { font-size:.6875rem; }
.stats-empty { padding:var(--space-4) 0; color:var(--stats-muted); font-size:.8125rem; }
.stats-missed { padding:0; list-style:none; margin:0; }
.stats-missed li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-4); padding:var(--space-4) 0; border-top:1px solid var(--color-border); font-size:.8125rem; overflow-wrap:anywhere; }
.stats-missed li>span { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.stats-missed small { display:block; font-size:.6875rem; margin-top:var(--space-1); }
.stats-footnote { padding:0 var(--space-1); font-size:.6875rem; color:var(--stats-muted); }
.stats-footnote summary,.stats-data-details summary { cursor:pointer; padding:var(--space-3) 0; font-size:.75rem; color:var(--text-heading); }
.stats-footnote details p { margin:var(--space-2) 0; }
.stats-data-details { padding:0 var(--space-1); }
.stats-data-details .stats-table-wrap { max-height:300px; }

/* Shared by students and the read-only faculty inspection view. */
.mystats-overlay { position:fixed; inset:0; z-index:1700; background:radial-gradient(ellipse at 90% 0,var(--color-accent-weak),transparent 45%),var(--color-bg); overflow:auto; overscroll-behavior:contain; padding:30px max(16px,env(safe-area-inset-left)) max(30px,env(safe-area-inset-bottom)); height:100dvh; width:100%; box-sizing:border-box; }
.mystats-overlay[hidden] { display:none!important; }
.mystats-open { overflow:hidden!important; }
.mystats-workspace { max-width:1260px; width:100%; margin:0 auto; outline:none; }
.mystats-workspace>[data-results] { display:grid; gap:var(--space-5); min-width:0; }
.mystats-workspace>[data-results][hidden] { display:none; }
.mystats-header-actions { display:flex; gap:var(--space-2); flex-wrap:wrap; }
.mystats-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mystats-title { display:flex; align-items:center; gap:var(--space-3); margin-top:var(--space-2)!important; }
.mystats-title img { flex:none; }
.mystats-workspace [data-student-identity] { font-size:.9375rem; font-weight:700; color:var(--text-heading); max-width:none; overflow-wrap:anywhere; }
.mystats-workspace [data-student-identity][hidden] { display:none; }
.mystats-pending { border:1px solid var(--color-warning); border-radius:var(--radius-md); padding:var(--space-4); background:color-mix(in srgb,var(--color-surface) 93%,var(--color-warning)); color:var(--color-text); font-size:.8125rem; }
.mystats-pending[hidden] { display:none; }
.mystats-focus { background:var(--surface-mint); border-color:var(--border-mint); }
.mystats-focus-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4); list-style:none; padding:0; margin:var(--space-3) 0 0; }
.mystats-focus-list li { display:grid; gap:var(--space-2); justify-items:start; padding:var(--space-4); border:1px solid var(--border-mint); border-radius:var(--radius-lg); background:var(--surface-pearl); box-shadow:var(--shadow-inset); }
.mystats-focus-list strong { font-size:.875rem; }
.mystats-focus-list p { font-size:.8125rem; }
.mystats-badge { display:inline-block; border:1px solid var(--border-mint); border-radius:999px; padding:4px 9px; background:var(--surface-pearl); font-size:.6875rem; color:var(--stats-muted); white-space:normal; line-height:1.4; }
.mystats-chart-controls { display:flex; gap:var(--space-3); }
.mystats-text-button { border:0; background:transparent; color:var(--color-accent-strong); padding:0; text-align:left; cursor:pointer; font:inherit; font-weight:700; white-space:normal; }
.mystats-text-button:hover { text-decoration:underline; text-underline-offset:3px; }
.mystats-lecture-table { margin-top:var(--space-3); }
.mystats-lecture-table th small { display:block; color:var(--stats-muted); font-weight:400; }
.mystats-lecture-table td:nth-child(9),.mystats-lecture-table .mystats-trend-cell { min-width:110px; max-width:155px; white-space:normal; }
.mystats-unassessed-group th { padding-top:var(--space-5); background:var(--color-surface-2); font-size:.8125rem; }
.mystats-detail-row[hidden] { display:none; }
.mystats-detail-row>td { white-space:normal!important; background:var(--color-surface-2); padding:var(--space-5)!important; }
.mystats-lecture-detail { display:grid; gap:var(--space-4); white-space:normal; }
.mystats-lecture-detail h4 { font-size:.8125rem; margin:0 0 var(--space-2); }
.mystats-lecture-detail p { font-size:.75rem; white-space:normal; }
.mystats-lecture-detail .stats-breakdowns>div { min-width:0; }
.mystats-practice-actions { display:flex; gap:var(--space-2); flex-wrap:wrap; }
.mystats-practice-actions button:disabled { opacity:.45; cursor:not-allowed; }
.mystats-practice-form { display:flex; align-items:end; gap:var(--space-3); flex-wrap:wrap; }
.mystats-practice-form label { display:grid; gap:var(--space-2); max-width:180px; flex:1; font-size:.8125rem; }
.mystats-workspace [data-practice-setup][hidden] { display:none; }
.mystats-workspace [data-practice-setup]:focus { outline:3px solid var(--focus-ring); outline-offset:3px; }
.mystats-workspace .stats-filters { grid-template-columns:repeat(5,minmax(0,1fr)); }
.mystats-library-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); grid-column:1/-1; min-width:0; }
.mystats-workspace select[hidden] { display:none!important; }

/* Local listboxes stay inside the modal focus boundary, above its cards. */
.mystats-workspace .mystats-select { position:relative; width:100%; min-width:0; }
.mystats-workspace .mystats-select[data-open=true] { z-index:40; }
.mystats-workspace .mystats-select .faculty-custom-select__trigger { position:relative; display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); width:100%; min-width:0; min-height:44px; padding:10px 13px; border:1px solid var(--border-mint); border-radius:var(--radius-md); background:var(--surface-pearl); color:var(--text-heading); text-align:left; font:inherit; font-size:.8125rem; font-weight:600; cursor:pointer; box-shadow:var(--shadow-inset); transition:border-color var(--dur-2),box-shadow var(--dur-2),background var(--dur-2); }
.mystats-workspace .mystats-select .faculty-custom-select__value { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; color:inherit; font:inherit; line-height:1.6; }
.mystats-workspace .mystats-select .faculty-custom-select__icon { position:static; width:7px; height:7px; margin:0 3px 3px 0; border-right:1.7px solid var(--text-supporting); border-bottom:1.7px solid var(--text-supporting); transform:rotate(45deg); flex:none; }
.mystats-workspace .mystats-select .faculty-custom-select__trigger:hover:not(:disabled),.mystats-workspace .mystats-select[data-open=true] .faculty-custom-select__trigger { border-color:var(--border-mint-hover); background:var(--surface-mint-hover); box-shadow:var(--shadow-inset),var(--shadow-mint); }
.mystats-workspace .mystats-select .faculty-custom-select__trigger:disabled { opacity:.55; cursor:not-allowed; }
.mystats-workspace .mystats-select .faculty-custom-select__trigger:focus-visible { outline:3px solid var(--focus-ring); outline-offset:3px; }
.mystats-workspace .mystats-select .faculty-custom-select__panel { position:absolute; inset:auto auto auto 0; top:calc(100% + 7px); z-index:40; box-sizing:border-box; width:max(100%,280px); max-width:calc(100vw - 32px); padding:var(--space-2); border:1px solid var(--border-mint); border-radius:var(--radius-lg); background:var(--color-surface); color:var(--text-heading); box-shadow:var(--shadow-inset),var(--shadow-lg); overflow:hidden; }
.mystats-workspace .mystats-select[data-placement=above] .faculty-custom-select__panel { top:auto; bottom:calc(100% + 7px); }
.mystats-workspace .mystats-select .faculty-custom-select__options { display:block; max-height:min(304px,42dvh,var(--mystats-menu-list-height,304px)); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:0; touch-action:pan-y; }
.mystats-workspace .mystats-select .faculty-custom-select__option { display:flex; align-items:center; min-height:44px; box-sizing:border-box; border:0; border-radius:var(--radius-md); padding:9px 11px; color:var(--text-heading); font-size:.8125rem; line-height:1.5; white-space:normal; overflow-wrap:anywhere; cursor:pointer; background:transparent; }
.mystats-workspace .mystats-select .faculty-custom-select__option:is(:hover,.is-active):not([aria-disabled=true]) { background:var(--surface-mint-hover); outline:1px solid var(--border-mint-hover); outline-offset:-1px; }
.mystats-workspace .mystats-select .faculty-custom-select__option.is-selected { background:var(--surface-mint); font-weight:750; color:var(--text-heading); }
.mystats-workspace .mystats-select .faculty-custom-select__option[aria-disabled=true] { opacity:.5; cursor:not-allowed; }
.mystats-workspace .mystats-select-search { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:9px 11px; margin-bottom:7px; border:1px solid var(--border-mint); border-radius:var(--radius-md); color:var(--text-heading); background:var(--surface-pearl); font:inherit; font-size:.8125rem; }
.mystats-workspace .mystats-select-search::placeholder { color:var(--stats-muted); }
.mystats-workspace .mystats-select-empty { padding:var(--space-4); font-size:.8125rem; }
.mystats-workspace .mystats-select [hidden] { display:none!important; }

.mystats-workspace .stats-status[data-loading] { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-3); border-radius:var(--radius-xl); color:var(--stats-muted); box-shadow:var(--shadow-inset),var(--shadow-mint); }
.mystats-workspace .stats-status[data-loading=initial] { min-height:205px; justify-content:center; align-items:center; text-align:center; padding:36px var(--space-5); background:var(--surface-mint); border:1px solid var(--border-mint); }
.mystats-workspace .stats-status[data-loading=initial]>strong { font-size:clamp(1.5rem,3vw,2.25rem); line-height:1.2; letter-spacing:-.035em; font-weight:750; color:var(--text-heading); }
.mystats-workspace .stats-status[data-loading=refresh] { padding:var(--space-4) var(--space-5); border:1px solid var(--border-mint); background:var(--surface-mint); }
.mystats-workspace .stats-status[data-loading=refresh]>strong { font-size:1rem; color:var(--text-heading); }
.mystats-workspace .stats-status[data-loading=refresh]>span:last-child { font-size:.75rem; }
.mystats-loading-bar { display:block; position:relative; width:min(100%,420px); height:8px; overflow:hidden; border-radius:99px; background:var(--color-accent-weak); box-shadow:var(--shadow-inset); }
.mystats-loading-bar>span { position:absolute; inset:0 auto 0 0; width:42%; border-radius:inherit; background:linear-gradient(90deg,transparent,var(--color-accent) 30%,var(--border-mint-hover) 65%,var(--color-accent-strong) 85%,transparent); animation:mystats-sweep 1.6s cubic-bezier(.4,0,.2,1) infinite; will-change:transform; }
@keyframes mystats-sweep { from { transform:translateX(-110%); } to { transform:translateX(350%); } }
.mystats-workspace .stats-status[data-error=true] { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); font-size:.8125rem; }
.mystats-workspace .stats-status[data-error=true] button { flex:none; }
.mystats-unassessed>.stats-section-head { align-items:center; flex-direction:row; margin-bottom:var(--space-3); }
.mystats-unassessed h3 { margin-bottom:0; }
.mystats-unassessed-list { max-height:var(--mystats-unassessed-height,620px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; touch-action:pan-y; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
.mystats-unassessed-list:focus-visible { outline:3px solid var(--focus-ring); outline-offset:5px; border-radius:var(--radius-sm); }
.mystats-unassessed-row { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); min-height:62px; box-sizing:border-box; padding:var(--space-3) 10px; border-bottom:1px solid var(--color-border); }
.mystats-unassessed-row>div { min-width:0; }
.mystats-unassessed-row button { font-size:.8125rem; line-height:1.5; overflow-wrap:anywhere; }
.mystats-unassessed-row small { display:block; font-size:.6875rem; margin-top:2px; }
.mystats-unassessed-row>.mystats-badge { flex:none; }
.mystats-unassessed-detail { padding:var(--space-4) var(--space-3); background:var(--color-surface-2); }
.mystats-unassessed-detail[hidden] { display:none; }

@media(min-width:900px) {
  .stats-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .stats-breakdowns { grid-template-columns:1fr 1fr; }
  .stats-filters { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(min-width:1100px) { .mystats-summary { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(max-width:1050px) { .mystats-workspace .stats-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) {
  .stats-dashboard { gap:var(--space-4); }
  .stats-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:var(--space-4); gap:var(--space-3); }
  .stats-header { flex-wrap:wrap; gap:var(--space-3); }
  .stats-section-head { flex-direction:column; gap:var(--space-3); }
  .stats-metric-label { width:100%; max-width:none; }
  .stats-card,.stats-surface { padding:var(--space-4); }
  .stats-card strong { font-size:1.65rem; }
  .stats-chart-card { padding:var(--space-4) var(--space-2); }
  .stats-missed li { grid-template-columns:1fr; }
  .stats-missed li>span { text-align:left; }
  .stats-missed li>span small { display:inline; margin-left:5px; }
  .mystats-overlay { padding:18px 10px max(24px,env(safe-area-inset-bottom)); }
  .mystats-workspace .stats-header { flex-direction:column; }
  .mystats-header-actions { width:100%; justify-content:space-between; }
  .mystats-focus-list { grid-template-columns:1fr; }
  .mystats-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mystats-chart-controls { width:100%; flex-wrap:wrap; }
  .mystats-chart-controls>label { flex:1 1 130px; }
  .mystats-workspace .stats-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mystats-library-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); }
  .mystats-library-filters>label:last-child { grid-column:1/-1; }
  .mystats-practice-form label { max-width:none; flex-basis:40%; }
  .mystats-practice-form button { flex:1; }
  .mystats-lecture-table { max-height:75dvh; }
  .mystats-lecture-table thead { position:sticky; top:0; background:var(--color-surface); z-index:1; }
  .mystats-workspace .stats-status[data-loading=initial] { min-height:180px; padding:28px var(--space-4); }
  .mystats-unassessed-list { max-height:min(var(--mystats-unassessed-height,620px),45dvh); }
  .mystats-unassessed-row { padding:10px 4px; gap:10px; }
  .mystats-unassessed-row>.mystats-badge { max-width:76px; }
  .mystats-workspace .stats-status[data-error=true] { align-items:flex-start; flex-direction:column; }
}
@media(max-width:380px) {
  .stats-filters,.mystats-workspace .stats-filters,.mystats-library-filters { grid-template-columns:1fr; }
  .mystats-library-filters>label:last-child { grid-column:auto; }
}
/* Both theme mechanisms inherit the shared navy and mint theme tokens. */
:is(:root[data-theme="dark"],body.theme-dark) .stats-dashboard { color-scheme:dark; }
@media(prefers-reduced-motion:reduce){.mystats-overlay,.mystats-overlay *,.stats-dashboard * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .mystats-loading-bar>span { transform:translateX(70%); opacity:.85; will-change:auto; } }

/* Faculty statistics display complete, filter-matched results while revalidating. */
.stats-results { display:grid; gap:var(--space-5); min-width:0; }
.stats-results[hidden],.stats-skeleton[hidden] { display:none; }
#statisticsPanel .stats-status[data-loading] { display:flex; flex-direction:column; gap:10px; border:1px solid var(--border-mint); border-radius:var(--radius-lg); padding:var(--space-4) var(--space-5); background:var(--surface-mint); }
#statisticsPanel .stats-status[data-loading]>strong { font-size:1rem; color:var(--text-heading); }
#statisticsPanel .stats-status[data-loading=initial] { padding-block:var(--space-5); }
.stats-loading-bar { display:block; position:relative; overflow:hidden; width:min(100%,420px); height:6px; border-radius:99px; background:var(--color-accent-weak); }
.stats-loading-bar>span { position:absolute; inset:0 auto 0 0; width:40%; background:var(--color-accent); border-radius:inherit; animation:mystats-sweep 1.5s ease-in-out infinite; }
.stats-skeleton { display:grid; gap:var(--space-4); }
.stats-skeleton-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); }
.stats-skeleton-cards>span,.stats-skeleton-chart { display:block; background:var(--surface-mint); border:1px solid var(--border-mint); border-radius:var(--radius-xl); }
.stats-skeleton-cards>span { height:112px; }
.stats-skeleton-chart { height:220px; background:var(--surface-pearl); }
.stats-dashboard tbody th>small { display:block; color:var(--stats-muted); font-weight:400; }
@media(max-width:680px) { .stats-results { gap:var(--space-4); } .stats-skeleton-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .stats-skeleton-cards>span { height:92px; } }
@media(prefers-reduced-motion:reduce) { .stats-loading-bar>span { transform:translateX(70%); animation:none; } }