/* Blue classroom edition. Presentation only; permissions, data and handlers stay in erp.js. */
:root:not([data-theme="dark"]) {
  --e-bg:#f1f7fd; --e-surface-2:#f5f9ff; --e-surface-3:#eaf2fc;
  --e-line:#dce7f4; --e-line-soft:#edf3fa;
  --e-brand-50:#eef6ff; --e-brand-100:#dcecff; --e-brand-200:#b7d7ff;
  --e-brand-300:#84baff; --e-brand-600:#165ac2;
  --e-ink:#11264d; --e-ink-2:#405979; --e-ink-muted:#647994;
  --e-shadow:0 4px 18px #17396908; --e-shadow-md:0 8px 28px #17396912;
}
body { background-image:none; }
.main, main { min-width:0; }
aside, .side, :root[data-theme="dark"] aside, :root[data-theme="dark"] .side {
  background:linear-gradient(160deg,#11265d,#0b1c49 70%,#10285d);
  border-right:1px solid #ffffff12;
}
.nav button,.nav .navlink { border-radius:10px; color:#e3edff; margin:4px 0; }
.nav button.active,.nav .navlink.active {
  background:linear-gradient(100deg,#1986f5,#3999ff); color:#fff;
  box-shadow:0 5px 18px #0077ff35,inset 0 1px #ffffff30;
}
.nav button:hover,.nav .navlink:hover { color:white; background-color:#ffffff16; }
.navgroup { color:#9db8e2; }
.brand small { color:#b0c5e6; }
.content { padding:20px; }
.top { border-bottom:1px solid var(--e-line); box-shadow:0 3px 16px #0e376008; }
.e-omni { border-radius:12px; }
.btn,button.btn,.e-tabs button,.secnav button { border-radius:9px; }
.panel,.card,.e-stat { border-radius:14px; }
.panel > h3::before { background:#2786ee; border-radius:2px; }
.panel:hover { box-shadow:var(--e-shadow); border-color:var(--e-line); }
.e-band, :root[data-theme="dark"] .e-band {
  height:clamp(270px,26vw,390px); border:0; border-radius:16px;
  background:#073478 url('/ui/brand/classroom-prae-20260919.png') center top / cover no-repeat;
  box-shadow:0 10px 28px #143c7430; margin-bottom:18px;
}
.e-band-board,.e-band-photo,.e-band-art,.e-band-ai { display:none; }
.e-band .e-band-text {
  position:absolute; left:49%; top:50%; transform:translateY(-50%);
  width:31%; padding:12px 0; text-align:center; color:#fff;
  text-shadow:0 2px 9px #001e53;
}
.e-band-school-logo { width:76px; height:76px; object-fit:contain; background:white;
  border-radius:19px; padding:8px; box-shadow:0 0 25px #55c8ff66; margin-bottom:8px; }
.e-band .e-band-eyebrow { color:#d5ebff; font-size:12px; letter-spacing:.03em; }
.e-band .e-band-title { color:#fff; font-size:clamp(23px,2.1vw,34px); line-height:1.4; margin:6px 0; letter-spacing:0; }
.e-band .e-band-title .u::after { display:none; }
.e-band .e-band-sub { color:#eff8ff; font-size:15px; margin-top:6px; }
.e-band .e-band-pills { justify-content:center; gap:6px; margin-top:12px; }
.e-band .e-band-pills span { background:#052e677d; color:white; border:1px solid #b6dfff66;
  font-size:11px; padding:5px 9px; box-shadow:none; }
.e-band .e-band-asof { color:#dceeff; border:0; padding:0; font-size:10px; margin-top:10px; }
#homeCards { gap:12px; }
#homeCards > .e-stat { --tile-a:#e4f3ff; --tile-b:#b3deff; --tile-icon:#1276d7;
  background:linear-gradient(120deg,var(--tile-a),var(--tile-b));
  border:1px solid #ffffff; box-shadow:0 4px 15px #123a6710; overflow:hidden; }
#homeCards > .e-stat:nth-child(6n+2) { --tile-a:#dcf9ed; --tile-b:#9de6c8; --tile-icon:#078760; }
#homeCards > .e-stat:nth-child(6n+3) { --tile-a:#f0e8ff; --tile-b:#cfb8fa; --tile-icon:#7447c7; }
#homeCards > .e-stat:nth-child(6n+4) { --tile-a:#fff0db; --tile-b:#ffd091; --tile-icon:#b85f07; }
#homeCards > .e-stat:nth-child(6n+5) { --tile-a:#ffe8ef; --tile-b:#ffbacc; --tile-icon:#cb3062; }
#homeCards > .e-stat:nth-child(6n) { --tile-a:#ddfaff; --tile-b:#9ce8ed; --tile-icon:#007f91; }
#homeCards > .e-stat .e-stat-icon { background:var(--tile-icon); color:white; border-radius:12px; width:43px; height:48px; }
#homeCards .e-stat-label { color:#244268; font-size:11px; line-height:1.6; }
#homeCards .e-stat-value { color:#102451; font-size:25px; }
#homeCards .e-stat-foot { color:#385373; }
#homeCards > .tone-bad .e-stat-value { color:#a01826; }
#homeCards > .tone-warn .e-stat-value { color:#824200; }
#homeCards > .tone-good .e-stat-value { color:#075c43; }
:root[data-theme="dark"] #homeCards > .e-stat { background:linear-gradient(120deg,#15294b,#1c3559); border-color:#345174; }
:root[data-theme="dark"] #homeCards .e-stat-label,
:root[data-theme="dark"] #homeCards .e-stat-foot { color:#c9d9ef; }
:root[data-theme="dark"] #homeCards .e-stat-value { color:#f2f7ff; }
:root[data-theme="dark"] #homeCards > .tone-bad .e-stat-value { color:#ffb7c1; }
:root[data-theme="dark"] #homeCards > .tone-warn .e-stat-value { color:#ffd194; }
:root[data-theme="dark"] #homeCards > .tone-good .e-stat-value { color:#8ee6be; }
.todaylist { gap:7px; }
.todayrow { border:1px solid var(--e-line-soft); border-left:4px solid #2786ee; padding:11px 9px; }
.todayrow:nth-child(3n+2) { border-left-color:#0ead91; }
.todayrow:nth-child(3n) { border-left-color:#eea330; }
.homegrid,.homegrid2 { gap:14px; }
.homegrid > .panel:nth-child(2) { order:-1; }
#homeGuide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#homeGuide .guiderow { margin:0; align-items:flex-start; }
#homeGuidePanel { margin-top:18px; }
@media(max-width:1000px) { #homeGuide { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { #homeGuide { grid-template-columns:1fr; } }
.school-signoff { padding:16px 22px; margin-top:18px; border:1px solid var(--e-line);
  border-radius:12px; background:var(--e-surface); color:var(--e-brand-600); text-align:center; font-size:14px; }
:root[data-theme="dark"] .school-signoff { color:#bed9ff; }
@media(min-width:1400px) {
  .app { grid-template-columns:230px minmax(0,1fr); }
  .side .brand { flex-direction:column; text-align:center; gap:12px; padding:10px 4px 24px; }
  .side .brand .logo { width:84px; height:84px; padding:7px; border-radius:18px; }
  .side .brand b { font-size:17px; }
  #homeCards.e-grid-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .homegrid { grid-template-columns:1fr 1.15fr .95fr; }
}
@media(max-width:1100px) {
  .e-band { height:280px; min-height:0; background-position:42% center; }
  .e-band .e-band-text { left:48%; width:37%; }
  .e-band-school-logo { width:60px; height:60px; }
  .e-band .e-band-title { font-size:24px; }
  .e-band .e-band-sub { font-size:12px; }
}
@media(max-width:700px) {
  .content { padding:12px; }
  .e-band,:root[data-theme="dark"] .e-band { height:auto; min-height:320px; background-position:32% center;
    background-image:linear-gradient(90deg,#0326579c,#032657bd),url('/ui/brand/classroom-prae-20260919.png'); }
  .e-band::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#032657cc,#032657e8); }
  .e-band .e-band-text { position:relative; left:auto; top:auto; transform:none; width:auto; padding:24px 18px; }
  .e-band .e-band-title { font-size:28px; }
  #homeCards > .e-stat { flex-direction:column; gap:8px; padding:14px; }
  #homeCards > .e-stat .e-stat-icon { width:36px; height:36px; }
  #homeCards .e-stat-value { font-size:24px; overflow-wrap:anywhere; }
  .school-signoff { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .panel,.card,.btn,.homelink { transition:none; }
}