/* ═══════════════════════════════════════════════════════════════════════
   shared/reports.css — журнал оцінок і аналітика (спільні стилі)
   Кольори оцінок — «статусні» (з підписами в легенді), не для серій.
   ═══════════════════════════════════════════════════════════════════════ */
.rp-page{
  --ink-900:#0B1437; --ink-700:#24335A; --ink-500:#5B6A8F; --ink-400:#8691AC;
  --line:#E3E8F2; --line-strong:#CDD6E8; --soft:#F4F6FB; --acc:#3B6BF6; --acc-soft:#EEF3FF;
  --t-best:#15803D; --t-best-bg:#DCFCE7; --t-good:#1E40AF; --t-good-bg:#DBEAFE;
  --t-mid:#B45309;  --t-mid-bg:#FEF3C7;  --t-bad:#B91C1C;  --t-bad-bg:#FEE2E2;
  font-family:'Manrope',system-ui,sans-serif; color:var(--ink-900);
}
.rp-page.on{display:flex;flex-direction:column;gap:22px}
/* Тіло сторінки (рендериться JS) — ті самі відступи між блоками, що й на сторінці */
#analytics-body,#gradebook-body{display:flex;flex-direction:column;gap:22px;min-width:0}
.rp-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rp-title h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0}
.rp-title p{margin:6px 0 0;color:var(--ink-500);font-size:14px}
.rp-chip-meta{background:var(--acc-soft);color:#1E3A8A;padding:5px 11px;border-radius:999px;font:600 12px 'Geist Mono',monospace;display:inline-flex;align-items:center;gap:6px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-chip-meta::before{content:"";width:6px;height:6px;border-radius:50%;background:#1E3A8A;flex:0 0 auto}

.rp-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rp-spacer{flex:1}
.rp-search{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-400);min-width:220px;transition:border-color .15s,box-shadow .15s}
.rp-search:focus-within{border-color:#93B0F5;box-shadow:0 0 0 3px rgba(45,91,227,.1)}
.rp-search input{border:0;outline:0;font:500 13px 'Manrope',sans-serif;color:var(--ink-900);background:transparent;width:100%}
.rp-search:has(input:disabled){opacity:.5}
.rp-btn{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#fff;font:700 13px 'Manrope',sans-serif;color:var(--ink-700);cursor:pointer;transition:all .15s;white-space:nowrap}
.rp-btn:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink-900)}
.rp-btn.primary{background:#1E3A8A;border-color:#1E3A8A;color:#fff}
.rp-btn.primary:hover:not(:disabled){background:#1E40AF;color:#fff}
.rp-btn:disabled{opacity:.45;cursor:not-allowed}
.rp-btn svg{width:14px;height:14px}

/* Тони оцінок */
.t-best{color:var(--t-best)} .t-good{color:var(--t-good)} .t-mid{color:var(--t-mid)} .t-bad{color:var(--t-bad)} .t-none{color:var(--ink-400)}

/* Порожні стани */
.rp-empty{padding:56px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink-500);display:flex;flex-direction:column;align-items:center;gap:6px}
.rp-empty-ic{width:52px;height:52px;border-radius:15px;background:#EEF2FB;color:#1E3A8A;display:grid;place-items:center;margin:0 auto 8px}
.rp-spin{width:26px;height:26px;border:3px solid rgba(45,91,227,.15);border-top-color:#2d5be3;border-radius:50%;animation:rpSpin .8s linear infinite}
@keyframes rpSpin{to{transform:rotate(360deg)}}
.rp-empty b{font-size:16px;color:var(--ink-900)}
.rp-empty span{font-size:13.5px;max-width:420px;line-height:1.5}
.rp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.rp-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font:700 13px 'Manrope',sans-serif;color:var(--ink-700);cursor:pointer;transition:all .15s}
.rp-chip:hover{border-color:#93B0F5;background:var(--acc-soft);color:#1E3A8A}
.rp-chip i{font:600 11px 'Geist Mono',monospace;font-style:normal;background:var(--soft);color:var(--ink-500);padding:3px 7px;border-radius:999px}

/* KPI */
.rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rp-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.rp-kpi span{font-size:11px;color:var(--ink-400);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.rp-kpi b{font:800 30px 'Geist Mono',monospace;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.rp-kpi small{font-size:12px;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-kpi[data-sort]:hover{border-color:var(--line-strong)}

/* Підказка */
.rp-tip{position:fixed;z-index:3000;pointer-events:none;background:#0B1437;color:#fff;font:600 12px/1.45 'Manrope',sans-serif;padding:7px 10px;border-radius:8px;box-shadow:0 10px 24px -8px rgba(11,20,55,.5);max-width:300px}
.rp-tip b{font-family:'Geist Mono',monospace}

/* ═══ Журнал ═══ */
.gb-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.gb-scroll{overflow:auto;max-height:calc(100vh - 250px)}
.gb-tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
.gb-tbl th{position:sticky;top:0;z-index:2;background:#FAFBFE;border-bottom:1px solid var(--line);padding:14px 16px;text-align:center;font-weight:700;color:var(--ink-500);vertical-align:bottom}
.gb-tbl td{border-bottom:1px solid #EEF1F7;padding:10px 16px;background:#fff}
.gb-tbl tbody tr:hover td{background:#FAFBFE}
.gb-tbl tfoot td{position:sticky;bottom:0;background:#F6F8FC;border-top:1px solid var(--line);border-bottom:0;font:800 13px 'Geist Mono',monospace;text-align:center;padding:14px 16px}
.gb-tbl tfoot td.gb-sticky{font:800 12px 'Manrope',sans-serif;color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;text-align:left}
.gb-sticky{position:sticky;left:0;z-index:1;text-align:left!important;box-shadow:1px 0 0 var(--line)}
.gb-tbl th.gb-sticky{z-index:3}
.gb-stud{white-space:nowrap;font-size:14px;color:var(--ink-700);min-width:250px;padding-left:20px!important}
.gb-tbl th.gb-sticky,.gb-tbl tfoot td.gb-sticky{padding-left:20px}
.gb-stud b{color:var(--ink-900)}
.gb-debt{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;border-radius:999px;background:var(--t-bad-bg);color:var(--t-bad);font:700 10.5px 'Geist Mono',monospace;vertical-align:1px}
.gb-th-test{min-width:130px;max-width:190px}
.gb-th-t{font-size:12.5px;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-th-s{margin-top:5px;font:500 10.5px 'Geist Mono',monospace;color:var(--ink-400);white-space:nowrap}
.gb-th-avg{min-width:90px}
.gb-sort{border:0;background:none;font:700 11px 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-400);cursor:pointer;padding:4px 6px;border-radius:6px}
.gb-sort:hover,.gb-sort.on{color:#1E3A8A;background:var(--acc-soft)}
.gb-c{text-align:center}
.gb-cell{position:relative;min-width:44px;height:32px;padding:0 10px;border:0;border-radius:8px;font:700 13.5px 'Geist Mono',monospace;cursor:pointer;transition:transform .12s,box-shadow .12s}
.gb-cell:hover{transform:scale(1.08);box-shadow:0 4px 12px -4px rgba(11,20,55,.3)}
.gb-cell:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.gb-cell sup{font-size:9px;margin-left:2px;opacity:.7}
.gb-cell.t-best{background:var(--t-best-bg)} .gb-cell.t-good{background:var(--t-good-bg)}
.gb-cell.t-mid{background:var(--t-mid-bg)}   .gb-cell.t-bad{background:var(--t-bad-bg)}
.gb-cell.t-pend{background:#F1F5FB;font-size:12px}
.gb-miss{color:#C3CADB}
.gb-avg{font:800 14px 'Geist Mono',monospace}
.gb-none{text-align:center!important;color:var(--ink-500);padding:28px!important}
.gb-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:var(--ink-500);align-items:center;padding:0 4px}
.gb-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.gb-legend i.t-best{background:var(--t-best)} .gb-legend i.t-good{background:var(--t-good)} .gb-legend i.t-mid{background:#F59E0B} .gb-legend i.t-bad{background:#DC2626}
.gb-legend-hint{margin-left:auto;color:var(--ink-400)}

/* ═══ Аналітика ═══ */
.a-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}
.a-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.a-card-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);gap:10px;flex-wrap:wrap}
.a-card-h h3{margin:0;font-size:16px;font-weight:800}
.a-card-h-meta{font-size:12px;color:var(--ink-500)}
.a-card-body{padding:24px 22px 22px}
.a-dist{display:flex;align-items:flex-end;gap:8px;height:200px}
.a-dist-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%;cursor:default}
.a-dist-cnt{font:700 11px 'Geist Mono',monospace;height:14px;color:var(--ink-700)}
.a-dist-bar-wrap{width:100%;flex:1;display:flex;align-items:flex-end;border-bottom:1px solid var(--line-strong)}
.a-dist-bar{width:100%;border-radius:4px 4px 0 0;transition:height .35s ease}
.a-dist-col:hover .a-dist-bar{filter:brightness(1.12)}
.a-dist-bar.t-best{background:#16A34A} .a-dist-bar.t-good{background:#2563EB} .a-dist-bar.t-mid{background:#F59E0B} .a-dist-bar.t-bad{background:#DC2626}
.a-dist-grade{font:600 11px 'Geist Mono',monospace;color:var(--ink-400)}
.a-dist-legend{display:flex;gap:10px 18px;margin-top:20px;flex-wrap:wrap}
.a-dist-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-500)}
.a-dist-legend-item i{width:10px;height:10px;border-radius:3px}
.a-dist-legend-item i.t-best{background:#16A34A} .a-dist-legend-item i.t-good{background:#2563EB} .a-dist-legend-item i.t-mid{background:#F59E0B} .a-dist-legend-item i.t-bad{background:#DC2626}
.a-trend{width:100%;height:auto;display:block;overflow:visible}
.a-grid{stroke:#EEF1F7;stroke-width:1}
.a-base{stroke:var(--line-strong);stroke-width:1}
.a-ax{font:500 11px 'Geist Mono',monospace;fill:var(--ink-400)}
.a-line{fill:none;stroke:var(--acc);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.a-dot{fill:var(--acc);stroke:#fff;stroke-width:2}
.a-hit{fill:transparent;cursor:default}
.a-hit:hover{fill:rgba(59,107,246,.1)}
.a-qs{display:flex;flex-direction:column;gap:2px;padding-top:14px}
.a-q{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(120px,28%) 46px;align-items:center;gap:16px;padding:11px 12px;border-radius:10px}
.a-q:hover{background:var(--soft)}
.a-q-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font:700 11px 'Geist Mono',monospace;color:var(--ink-500)}
.a-q-t{font-size:13.5px;color:var(--ink-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-q-t em{font-style:normal;margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--t-bad-bg);color:var(--t-bad);font-size:10.5px;font-weight:800}
.a-q-bar{height:8px;border-radius:999px;background:#EEF1F7;overflow:hidden}
.a-q-bar i{display:block;height:100%;background:var(--acc);border-radius:999px}
.a-q-bar i.t-bad{background:#DC2626} .a-q-bar i.t-mid{background:#F59E0B} .a-q-bar i.t-best{background:#16A34A}
.a-q-v{font:700 12.5px 'Geist Mono',monospace;color:var(--ink-700);text-align:right}
.a-more{display:block;margin:14px auto 4px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 14px;font:700 12.5px 'Manrope',sans-serif;color:#1E3A8A;cursor:pointer}
.a-more:hover{background:var(--acc-soft)}
.a-tbl{width:100%;border-collapse:separate;border-spacing:0}
.a-card > .a-more{margin:14px auto 18px}
.a-tbl th{padding:12px 22px;text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-400);background:#FAFBFE;border-bottom:1px solid var(--line)}
.a-tbl td{padding:14px 22px;font-size:13.5px;border-bottom:1px solid #EEF1F7;color:var(--ink-700)}
.a-tbl tbody tr{cursor:pointer;transition:background .12s}
.a-tbl tbody tr:hover{background:#FAFBFE}
.a-tbl tbody tr:last-child td{border-bottom:0}
.a-rank{font:700 12px 'Geist Mono',monospace;color:var(--ink-400);width:40px}
.a-stud{font-weight:700;color:var(--ink-900)}
.a-mono{font-family:'Geist Mono',monospace;font-variant-numeric:tabular-nums}
.a-date{color:var(--ink-500);font-size:12px;white-space:nowrap}
.a-tt{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-grade-pill{display:inline-flex;justify-content:center;min-width:50px;padding:3px 9px;border-radius:999px;font:700 12px 'Geist Mono',monospace}
.a-grade-pill.t-best{background:var(--t-best-bg)} .a-grade-pill.t-good{background:var(--t-good-bg)} .a-grade-pill.t-mid{background:var(--t-mid-bg)} .a-grade-pill.t-bad{background:var(--t-bad-bg)}
@media (prefers-reduced-motion:reduce){.a-dist-bar,.gb-cell{transition:none}}

/* ═══ Телефон і планшет ═══ */
@media (max-width:1023px){
  .rp-page.on,#analytics-body,#gradebook-body{gap:16px}
  .rp-title h1{font-size:24px}
  .rp-search{flex:1 1 220px;min-width:0}
  .rp-kpis{gap:10px}
  .rp-kpi{padding:14px}
  .rp-kpi b{font-size:24px}
  .a-row{grid-template-columns:minmax(0,1fr);gap:16px}
  .gb-scroll{max-height:calc(100dvh - 140px)}
  .gb-stud{min-width:0;max-width:150px;white-space:normal;line-height:1.3;font-size:13px;padding-left:14px!important}
  .gb-tbl th.gb-sticky,.gb-tbl tfoot td.gb-sticky{padding-left:14px;font-size:11px}
  .gb-tbl th,.gb-tbl td,.gb-tbl tfoot td{padding-left:10px;padding-right:10px}
  .gb-th-test{min-width:104px;max-width:140px}
  .gb-legend-hint{margin-left:0}
}
@media (max-width:560px){
  .a-q{grid-template-columns:24px minmax(0,1fr) 42px;gap:10px}
  .a-q > :nth-child(3){grid-column:2 / 4;grid-row:2}
}