/* EDUHUNT V2.1.15 — PRINCIPAL REPORTS / VIDEOS / ROLE UI REPAIR
   Additive presentation layer. Existing app.css and V2.1.13 mobile dark theme remain intact. */

/* ---------- Principal identity ---------- */
.principal-school-banner{margin:0 0 22px;padding:24px 22px 20px;text-align:center;background:linear-gradient(135deg,#f8fbff,#edf6ff);border:1px solid #c9daec;border-top:5px solid #0b4d86;border-radius:16px;box-shadow:0 5px 18px rgba(11,77,134,.08)}
.principal-school-name{font-size:clamp(25px,2.4vw,38px);font-weight:950;letter-spacing:.2px;color:#063f70;line-height:1.18;text-transform:uppercase}
.principal-school-address{margin-top:11px;color:#314d68;font-weight:800;line-height:1.6;font-size:14px}
.principal-school-caption{margin-top:13px;padding-top:12px;border-top:1px solid #c8d8e8;color:#0f2e4d;font-weight:900}
.principal-school-caption span{margin-left:7px;color:#66798d;font-weight:700}

/* ---------- Principal results ---------- */
.principal-result-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 16px}
.principal-result-summary>div{border:1px solid #c9d9e9;border-radius:10px;padding:12px 8px;text-align:center;background:#f8fbff}
.principal-result-summary span{display:block;color:#5a6e83;font-size:11px;font-weight:900;text-transform:uppercase;line-height:1.25}
.principal-result-summary b{display:block;margin-top:6px;color:#0b4d86;font-size:22px;font-weight:950}
.principal-result-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.principal-result-nav button{min-height:76px;border:1px solid #b9ccdf;border-radius:11px;background:#f6faff;color:#123b61;font-weight:900;cursor:pointer;padding:10px}
.principal-result-nav button.ready small{color:#087b35}
.principal-result-nav button.active{background:linear-gradient(135deg,#176cbc,#10b8c5);color:#fff;border-color:#31d3d4;box-shadow:0 8px 24px rgba(16,140,190,.18)}
.principal-result-nav button.active small{color:#d9fff9}
.principal-result-nav b,.principal-result-nav small{display:block}.principal-result-nav small{margin-top:6px;font-size:10px}
.principal-report-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:14px 0 2px}
.principal-bubbling-picker{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end;border:1px solid #c9d9e9;background:#f7fbff;border-radius:12px;padding:13px;margin-bottom:12px}
.principal-bubbling-identity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.principal-bubbling-identity>div{border:1px solid #c9d9e9;border-radius:10px;padding:10px;background:#fff}.principal-bubbling-identity span{font-size:11px;color:#5c7289;font-weight:900;text-transform:uppercase}.principal-bubbling-identity b{display:block;margin-top:4px;font-size:16px;color:#0b4d86}
.principal-bubbling-kpis{margin-bottom:14px}

/* ---------- Principal downloads ---------- */
.principal-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.principal-download-grid>.card:last-child{grid-column:1/-1}

/* ---------- Principal teacher editor ---------- */
.principal-teacher-editor{border-top:4px solid #0b4d86}.principal-teacher-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.principal-teacher-top-grid .form-field:nth-child(4),.principal-teacher-top-grid .form-field:nth-child(5){grid-column:span 1}
.principal-teacher-step{display:flex;gap:9px;align-items:center;margin:17px 0 8px;padding-bottom:7px;border-bottom:2px solid #0b4d86;color:#0b4d86;font-size:17px}.principal-teacher-step span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0b4d86;color:#fff;font-weight:900}.principal-teacher-step b{font-weight:950}
.principal-teacher-subjects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:9px 0 14px}.principal-teacher-subject{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border:1px solid #aec4db;border-radius:8px;background:#fff;color:#0b4d86;padding:8px 10px;font-weight:900;cursor:pointer}.principal-teacher-subject b{display:grid;place-items:center;width:22px;height:22px;border-radius:12px;background:#e8f2ff;font-size:10px}.principal-teacher-subject.active{background:#0b5b96;color:#fff;border-color:#0b5b96}.principal-teacher-subject.active b{background:#fff;color:#0b5b96}
.principal-teacher-matrix{border:1px solid #c2d3e5;border-radius:10px;overflow:hidden}.principal-teacher-matrix-head,.principal-teacher-matrix-row{display:grid;grid-template-columns:105px 1fr;align-items:center}.principal-teacher-matrix-head{background:#0b5b96;color:#fff}.principal-teacher-matrix-head>*{padding:10px}.principal-teacher-matrix-row{border-top:1px solid #d8e4ef}.principal-teacher-matrix-row>b{padding:12px;color:#0b4d86}.principal-teacher-sections{display:flex;gap:7px;flex-wrap:wrap;padding:8px}.principal-teacher-sections button{min-width:48px;min-height:35px;border:1px solid #acc3da;border-radius:7px;background:#fff;color:#0b4d86;font-weight:900;cursor:pointer}.principal-teacher-sections button:first-child{border-style:dashed}.principal-teacher-sections button.selected{background:#0b5b96;color:#fff;border-color:#0b5b96}
.principal-teacher-preview{margin-top:12px;border:1px solid #c9d9e9;background:#f7fbff;border-radius:9px;padding:11px;line-height:1.6;color:#2f465c}.principal-teacher-preview>b{display:block;color:#0b4d86;margin-bottom:5px}.assignment-chip{display:inline-block;margin:2px 3px;padding:5px 7px;border-radius:15px;background:#e9f3ff;color:#0b4d86;font-size:10px;font-weight:900}

/* ---------- Principal schedule ---------- */
.principal-schedule-summary{margin-bottom:15px}.principal-next-exam{border:2px solid #0b78c8;background:linear-gradient(135deg,#f7fbff,#eaf5ff)}.principal-schedule-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.principal-schedule-wait{display:inline-block;padding:6px 8px;border-radius:14px;background:#eef3f8;color:#66798c;font-size:10px;font-weight:900;white-space:nowrap}

/* ---------- Role reports hub ---------- */
.role-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-report-card{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;min-height:86px;border:1px solid #cad9e8;border-radius:12px;background:#fff;color:#102b46;text-align:left;padding:12px;cursor:pointer}.role-report-card:hover{border-color:#0b78c8;box-shadow:0 6px 18px rgba(11,120,200,.10)}.role-report-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eaf4ff;color:#0b78c8}.role-report-icon svg{width:23px;height:23px}.role-report-card strong{display:block;color:#0b4d86;font-size:15px}.role-report-card small{display:block;margin-top:4px;color:#64778b;line-height:1.35}.role-report-arrow{font-size:25px;font-weight:900;color:#0b78c8}

/* ---------- Static EduHunt video library ---------- */
.edu-video-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.edu-video-topic{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;border:1px solid #cad9e8;border-radius:10px;background:#fff;text-align:left;padding:10px;color:#102b46;cursor:pointer}.edu-video-topic.disabled{opacity:.58;cursor:default}.edu-video-topic-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9f4ff;color:#0b78c8;font-weight:900}.edu-video-topic strong,.edu-video-topic small{display:block}.edu-video-topic strong{color:#0b4d86}.edu-video-topic small{margin-top:3px;color:#6b7b8d}.edu-video-player{margin-top:18px;border:1px solid #b9cadb;border-radius:13px;overflow:hidden}.edu-video-player-head{background:#0b4d86;color:#fff;padding:12px 15px}.edu-video-player-head span{font-size:10px;font-weight:900;letter-spacing:.8px}.edu-video-player-head h3{color:#fff;margin:3px 0 0}.edu-video-frame{position:relative;padding-top:56.25%;background:#000}.edu-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Tablet/mobile ---------- */
@media(max-width:1024px){
  .principal-school-banner{margin:0 0 14px;padding:18px 14px 15px;border-radius:0 0 18px 18px;background:linear-gradient(145deg,#051b31,#043c4d);border-color:#185a78;box-shadow:none}
  .principal-school-name{color:#fff;font-size:24px}.principal-school-address{color:#a9cce0;font-size:12px}.principal-school-caption{color:#dceefa;border-color:#295a72}.principal-school-caption span{display:block;margin:3px 0 0;color:#82a9c0}
  .principal-result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.principal-result-summary>div{background:#0d2c48;border-color:#315a75}.principal-result-summary span{color:#a9c4d8}.principal-result-summary b{color:#fff}
  .principal-result-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.principal-result-nav button{background:#103552;border-color:#315b78;color:#eaf6ff}.principal-result-nav button.active{background:linear-gradient(135deg,#1482d8,#16c4c7)}
  .principal-bubbling-picker{grid-template-columns:1fr;background:#102d46;border-color:#315a75}.principal-bubbling-identity{grid-template-columns:1fr 1fr}.principal-bubbling-identity>div{background:#102d46;border-color:#315a75}.principal-bubbling-identity span{color:#9fbcd1}.principal-bubbling-identity b{color:#fff}
  .principal-download-grid{grid-template-columns:1fr}.principal-download-grid>.card:last-child{grid-column:auto}
  .principal-teacher-top-grid{grid-template-columns:1fr 1fr}.principal-teacher-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.principal-teacher-matrix{border-color:#35566f}.principal-teacher-matrix-row>b{color:#e7f4ff}.principal-teacher-sections button{background:#112d46;color:#ddecfa;border-color:#45657c}.principal-teacher-preview{background:#112d46;color:#dce9f5;border-color:#45657c}.principal-teacher-preview>b{color:#fff}
  .principal-schedule-filters{grid-template-columns:1fr 1fr}
  .role-report-grid{grid-template-columns:1fr}.role-report-card{background:#0f2c45;border-color:#31536d;color:#fff}.role-report-card strong{color:#fff}.role-report-card small{color:#a9c1d4}
  .edu-video-topic-list{grid-template-columns:1fr}.edu-video-topic{background:#102f4a;border-color:#315a75;color:#fff}.edu-video-topic strong{color:#fff}.edu-video-topic small{color:#a9c1d4}.edu-video-player{border-color:#315a75}
  /* colourful mobile icons without changing navigation logic */
  #sidebarNav .nav-link:nth-of-type(5n+1) svg{color:#3ed7ff!important}
  #sidebarNav .nav-link:nth-of-type(5n+2) svg{color:#5df3c5!important}
  #sidebarNav .nav-link:nth-of-type(5n+3) svg{color:#ffb84d!important}
  #sidebarNav .nav-link:nth-of-type(5n+4) svg{color:#b994ff!important}
  #sidebarNav .nav-link:nth-of-type(5n+5) svg{color:#ff7f9c!important}
  body[data-portal-role="PRINCIPAL"] .principal-bottom-nav button:nth-child(1){color:#ffd24a}
  body[data-portal-role="PRINCIPAL"] .principal-bottom-nav button:nth-child(2){color:#60e5ff}
  body[data-portal-role="PRINCIPAL"] .principal-bottom-nav button:nth-child(3){color:#ff8f5d}
  body[data-portal-role="PRINCIPAL"] .principal-bottom-nav button:nth-child(4){color:#c8a7ff}
  body[data-portal-role="PRINCIPAL"] .principal-bottom-nav button:nth-child(5){color:#5df3c5}
}
@media(max-width:620px){.principal-teacher-top-grid,.principal-schedule-filters{grid-template-columns:1fr}.principal-teacher-matrix-head,.principal-teacher-matrix-row{grid-template-columns:72px 1fr}.principal-teacher-sections{gap:5px}.principal-teacher-sections button{min-width:40px;padding:5px}.principal-result-summary{gap:7px}.principal-school-name{font-size:22px}.principal-school-address{line-height:1.45}.principal-report-actions .button{flex:1}.principal-bubbling-identity{grid-template-columns:1fr}}

@media print{.principal-school-banner{background:#fff!important;border:0!important;border-bottom:2px solid #0b4d86!important;box-shadow:none!important}.principal-school-name{color:#0b4d86!important}.principal-school-address,.principal-school-caption{color:#000!important}.principal-result-nav,.principal-report-actions,.page-head,.sidebar,.topbar,.principal-bottom-nav{display:none!important}}

/* Generated Principal exam analysis */
.principal-analysis-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0 14px}.principal-analysis-summary>div,.principal-performance-groups>div{border:1px solid #c9d9e9;border-radius:10px;padding:10px;text-align:center;background:#f7fbff}.principal-analysis-summary span,.principal-performance-groups span{display:block;font-size:10px;font-weight:900;color:#65798e;text-transform:uppercase}.principal-analysis-summary b,.principal-performance-groups b{display:block;margin-top:5px;color:#0b4d86;font-size:21px}.principal-analysis-card{margin-top:12px}.principal-analysis-card>h3{margin:0 0 10px;color:#0b4d86}.principal-analysis-insights{margin:0;padding-left:22px;line-height:1.65}.principal-analysis-bars{display:grid;gap:9px}.principal-analysis-bars>div{display:grid;grid-template-columns:90px 1fr 65px;gap:9px;align-items:center}.principal-analysis-bars span{font-weight:900}.principal-analysis-track{height:13px;border-radius:12px;background:#e3ebf4;overflow:hidden}.principal-analysis-track i{display:block;height:100%;background:#0b5b96;border-radius:12px}.principal-analysis-bars b{text-align:right;color:#0b4d86}.principal-performance-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
@media(max-width:1024px){.principal-analysis-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.principal-analysis-summary>div,.principal-performance-groups>div{background:#102d46;border-color:#315a75}.principal-analysis-summary span,.principal-performance-groups span{color:#a6bfd2}.principal-analysis-summary b,.principal-performance-groups b,.principal-analysis-card>h3,.principal-analysis-bars b{color:#fff}.principal-analysis-track{background:#29465f}.principal-analysis-track i{background:linear-gradient(90deg,#19d6ba,#28c4ff)}.principal-performance-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- R214 Principal Teacher multi-subject assignment ---------- */
.principal-teacher-multi-matrix{display:grid;gap:14px}
.principal-teacher-subject-matrix{padding:10px;border:1px solid var(--line,#c9d9e9);border-radius:11px;background:var(--surface-soft,#f8faff)}
.principal-teacher-subject-matrix-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:2px 2px 8px;border-bottom:1px solid var(--line,#c9d9e9)}
.principal-teacher-subject-matrix-title strong{display:block;color:var(--ink-950,#102b46);font-size:15px;font-weight:950}
.principal-teacher-subject-matrix-title small{display:block;margin-top:2px;color:var(--ink-600,#65798e);font-size:11px;font-weight:700}
.principal-teacher-subject-matrix-title>span{display:grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:#0b5b96;color:#fff;font-size:11px;font-weight:950}
.principal-teacher-matrix-empty{padding:18px;border:1px dashed var(--line-strong,#aec4db);border-radius:10px;background:var(--surface-soft,#f8faff);color:var(--ink-600,#58677e);font-weight:800;text-align:center}
@media(max-width:1024px){.principal-teacher-subject-matrix{background:#0d2941;border-color:#35566f}.principal-teacher-subject-matrix-title{border-color:#35566f}.principal-teacher-subject-matrix-title strong{color:#fff}.principal-teacher-subject-matrix-title small{color:#a9c1d4}.principal-teacher-matrix-empty{background:#0d2941;border-color:#45657c;color:#dce9f5}}
@media(max-width:620px){.principal-teacher-subject-matrix{padding:8px}.principal-teacher-subject-matrix-title{align-items:flex-start}.principal-teacher-subject-matrix-title strong{font-size:14px}}