/* School and teacher workspace. The owner console keeps its existing theme. */
body:has(.school-workspace){background:#f4f6f5;color:#243c3c;--blue:#236b67;--ink:#243c3c;--muted:#697b7b;--line:#dfe7e5;font-family:"Segoe UI",Arial,sans-serif}
.school-topbar{position:fixed;inset:0 0 auto;z-index:30;min-height:76px;background:#163d3d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 28px;box-shadow:0 2px 10px #163d3d15}.school-brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.6px;flex-shrink:0}.school-brand:hover{text-decoration:none}.school-brand-mark{display:grid;place-items:center;width:38px;height:42px;border:1px solid #8bad9f;font-family:Georgia,serif;font-size:1.8rem;color:#e1e9d6;border-radius:4px}.school-brand small{display:block;font-size:.53rem;font-weight:400;letter-spacing:1.7px;margin-top:5px;color:#b8d0c7}.school-institution{text-align:right;min-width:0;max-width:65%}.school-institution strong{display:block;font-size:.85rem;text-transform:uppercase;overflow-wrap:anywhere}.school-institution small{display:block;font-size:.7rem;color:#b8cdca;margin-top:4px;overflow-wrap:anywhere}
.school-sidebar{top:94px;bottom:18px;left:18px;width:242px;border:1px solid #dfe7e5;border-radius:10px;box-shadow:0 4px 18px #183f3d08;background:#fff;padding:0;display:flex;flex-direction:column}.school-profile{padding:26px 16px 23px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px}.school-avatar{display:grid;place-items:center;width:78px;height:78px;border:4px double #79998a;background:#edf3eb;color:#315e4f;border-radius:50%;font-family:Georgia,serif;font-size:2.5rem;margin-bottom:9px}.school-profile strong{font-size:.84rem;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%}.school-profile small{color:#72827d;font-size:.72rem}.school-validity{background:#e6eee4;border-top:1px solid #d6e1d4;border-bottom:1px solid #d6e1d4;text-align:center;padding:13px;color:#36583e}.school-validity span{display:block;font-size:.57rem;font-weight:700;letter-spacing:1.5px}.school-validity strong{display:block;margin-top:4px;font-size:.95rem;letter-spacing:.6px}.school-sidebar nav{display:grid;gap:4px;padding:18px 11px;margin:0}.school-sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;color:#637571;font-size:.78rem;border-radius:5px;white-space:normal}.school-sidebar nav a svg{width:18px;height:18px;flex-shrink:0}.school-sidebar nav a.active{background:#e8f1ee;color:#245f55;font-weight:650;box-shadow:inset 3px 0 #32766a}.school-sidebar nav a:hover{background:#f0f5f2;text-decoration:none}.school-sidebar-bottom{margin-top:auto;border-top:1px solid #e3eae7;padding:13px 21px}.school-sidebar-bottom form{margin:0}.school-sidebar-bottom button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#995c4b;font-size:.8rem;min-height:42px;padding:0}.school-sidebar-bottom svg{width:18px;height:18px}.school-sidebar-bottom small{display:block;color:#8b9690;font-size:.6rem;margin-top:5px}
.school-workspace{margin:76px 0 0 278px}.school-workspace .content{padding:26px 26px 32px 10px;min-height:calc(100vh - 133px)}.school-workspace .page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;gap:16px}.school-eyebrow{font-size:.58rem;letter-spacing:1.8px;font-weight:600;color:#82948a;margin:0 0 5px}.school-workspace .page-heading h1{font-size:1.55rem;letter-spacing:-.6px;font-weight:650;margin:0}.school-role{font-size:.67rem;border:1px solid #dbe5df;border-radius:4px;padding:6px 10px;color:#657c70;background:#fff}.school-dashboard{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:24px;align-items:start}.school-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.school-tile{display:flex;flex-direction:column;min-width:0;min-height:182px;border-radius:8px;padding:23px 25px;color:white;box-shadow:0 7px 17px #2344400d;transition:transform .16s,box-shadow .16s}.school-tile:hover{color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 24px #23444022}.school-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:53px;margin-bottom:15px}.school-tile-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:9px;background:#ffffff21;flex-shrink:0}.school-tile-icon svg{height:26px;width:26px}.school-tile-arrow{font-size:1.3rem;color:#ffffffb3}.school-tile h2{color:#fff;font-size:1.14rem;font-weight:650;line-height:1.2;margin:0 0 7px;letter-spacing:-.3px;overflow-wrap:anywhere}.school-tile p{font-size:.75rem;line-height:1.5;color:#ffffffe3;margin:0;max-width:220px}.school-tile-count{font-size:2.55rem;font-weight:650;line-height:1;letter-spacing:-1px;text-align:right;overflow-wrap:anywhere;min-width:0}.school-tile-count small{display:block;font-size:.53rem;font-weight:400;letter-spacing:.4px;margin-top:5px;color:#ffffffe3}.tone-teal{background:#236c68}.tone-slate{background:#4a6580}.tone-copper{background:#a16335}.tone-plum{background:#775778}.tone-olive{background:#64764d}.tone-clay{background:#a25e56}
.school-alerts{background:#fff;border:1px solid #e1e7e3;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #254a3909}.school-alerts-heading{display:flex;gap:12px;align-items:center;background:#254e50;color:white;padding:20px}.school-alerts-heading svg{width:23px;height:23px}.school-alerts-heading h2{margin:0;font-size:.95rem;letter-spacing:0}.school-alerts-heading>span{margin-left:auto;background:#ffffff20;border-radius:4px;min-width:24px;text-align:center;font-size:.7rem;padding:2px 5px}.school-font-download{display:block;text-align:center;padding:18px 12px;margin:15px;background:#f3f6f2;border:1px solid #e0e8dc;border-radius:5px;color:#426252}.school-font-download [lang=ur]{font-size:1.1rem}.school-font-download small{display:block;font-size:.62rem;margin-top:8px}.school-font-download small span{margin-left:10px}.school-alert{margin:15px;padding:16px 14px;border:1px solid #e7ece8;border-left:3px solid #8fa893;border-radius:4px}.school-alert h3{font-size:.8rem;line-height:1.8;margin-bottom:7px;overflow-wrap:anywhere}.school-alert p{font-family:"Segoe UI",Jameel,Arial,sans-serif;font-size:.8rem;line-height:1.95;margin:0;color:#63756a;overflow-wrap:anywhere}.school-alerts-empty{text-align:center;padding:26px 22px 35px;color:#809184}.school-alerts-empty svg{width:28px;height:28px;margin-bottom:12px}.school-alerts-empty h3{font-size:.85rem;color:#4c6355;margin:0 0 7px}.school-alerts-empty p{font-size:.75rem;line-height:1.8;margin:0}.school-workspace>footer{color:#89978e;border-color:#dfe7e5}
@media(min-width:1450px){.school-workspace .content{max-width:1440px;margin:auto}.school-tile{min-height:205px;padding:28px}.school-tile-top{margin-bottom:23px}}
@media(max-width:1150px){.school-sidebar{width:216px;left:12px}.school-workspace{margin-left:240px}.school-workspace .content{padding-right:18px}.school-dashboard{gap:18px;grid-template-columns:minmax(0,1fr) 235px}.school-tiles{gap:16px}.school-tile{padding:20px 18px}.school-tile h2{font-size:1rem}}
@media(max-width:950px){.school-dashboard{grid-template-columns:1fr}.school-alerts{max-width:none}.school-topbar{padding:13px 20px}.school-institution strong{font-size:.75rem}}
@media(max-width:760px){.school-topbar{position:static;flex-wrap:wrap;gap:15px;padding:18px 20px}.school-institution{max-width:100%;width:100%;text-align:left;border-top:1px solid #ffffff20;padding-top:12px}.school-sidebar{position:static;width:auto;margin:12px;max-height:none;display:block}.school-profile{padding:14px;display:grid;grid-template-columns:44px 1fr;gap:0 12px;text-align:left}.school-avatar{width:44px;height:44px;font-size:1.4rem;grid-row:1/3;margin:0}.school-profile strong{font-size:.75rem}.school-profile small{font-size:.65rem}.school-validity{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;gap:10px}.school-validity strong{margin:0;font-size:.78rem}.school-validity span{font-size:.51rem}.school-sidebar nav{display:flex;overflow:auto;padding:8px;gap:4px}.school-sidebar nav a{white-space:nowrap;padding:10px;font-size:.72rem;gap:7px}.school-sidebar-bottom{padding:7px 14px;display:flex;align-items:center;justify-content:space-between}.school-sidebar-bottom button{min-height:34px;font-size:.7rem}.school-sidebar-bottom small{margin:0}.school-workspace{margin:0}.school-workspace .content{padding:18px 16px 28px}.school-workspace .page-heading{flex-direction:row;align-items:center;margin-bottom:18px}.school-tiles{gap:12px}.school-tile{min-height:175px;padding:18px 15px}.school-tile-top{margin-bottom:13px}.school-tile-icon{width:37px;height:37px}.school-tile-icon svg{width:22px;height:22px}.school-tile h2{font-size:.95rem}.school-tile p{font-size:.68rem}.school-tile-count{font-size:2rem}.school-role{font-size:.59rem}.school-dashboard{gap:22px}}
@media(max-width:360px){.school-tiles{grid-template-columns:1fr}.school-tile{min-height:160px}}
@media(prefers-reduced-motion:reduce){.school-tile{transition:none}.school-tile:hover{transform:none}}
@media print{.school-topbar,.school-sidebar{display:none}.school-workspace{margin:0}.school-workspace .content{padding:0}}

/* Card navigation and announcement feed */
.school-sidebar nav{gap:9px;padding:15px 12px}.school-sidebar nav a{min-height:46px;padding:11px 12px;border:1px solid #d7e2de;background:#fff;box-shadow:0 2px 5px #254b3e0a;color:#263f37;font-size:.85rem;font-weight:600;border-radius:7px}.school-sidebar nav a svg{color:#356c5a;width:20px;height:20px}.school-sidebar nav a.active{background:#235d50;color:#fff;border-color:#235d50;box-shadow:0 3px 8px #235d5026}.school-sidebar nav a.active svg{color:#fff}.school-sidebar nav a:hover{background:#edf4ef;border-color:#8eac9b;color:#193d2d}.school-sidebar nav a.active:hover{background:#194a3f;color:#fff}.school-profile small{color:#52675b}.school-sidebar-bottom small{color:#64786b}
.school-alerts{box-shadow:0 9px 24px #234b3812}.school-alerts-heading{padding:18px 16px;min-height:72px}.school-alerts-heading>svg{box-sizing:content-box;padding:10px;background:#ffffff20;border-radius:7px}.school-alerts-heading h2{font-size:1rem}.school-alerts-heading>span{border-radius:50%}.school-alert{display:flex;gap:10px;align-items:flex-start;margin:13px 15px;padding:17px 13px;background:#fff;border:0;border-radius:7px;box-shadow:0 2px 7px #213d2f16;color:#325d83}.school-alert>div{min-width:0;flex:1}.school-alert h3{font-size:.82rem;color:inherit;line-height:1.65;margin:0 0 5px}.school-alert p{font-size:.79rem;color:#34463c;line-height:1.85}.school-alert .alert-status{font-family:"Segoe UI",sans-serif;display:grid;place-items:center;flex-shrink:0;font-size:1rem;font-weight:700;width:23px;height:23px;line-height:1.2;border-radius:50%;background:#edf3f8;color:inherit;margin-top:2px}.school-alert.alert-success{color:#208057}.school-alert.alert-success .alert-status{background:#eaf5ee}.school-alert.alert-warning{color:#b54452}.school-alert.alert-warning .alert-status{background:#fff0f0}.school-alert.alert-warning p{color:#a7414d}.school-alert.alert-progress{color:#a06e1f}.school-alert.alert-progress .alert-status{background:#fbf3df}.school-alert[lang=ur] h3,.school-alert[lang=ur] p{font-family:Jameel,"Urdu Typesetting",serif;font-size:1.15rem;font-weight:400;line-height:2}.school-font-download{background:#fff;border:0;box-shadow:0 2px 7px #213d2f16;color:#325d83}.school-font-download small{color:#536f7c}
@media(max-width:760px){.school-sidebar nav{gap:8px;padding:10px}.school-sidebar nav a{min-height:44px;font-size:.8rem;padding:10px 12px;flex-shrink:0}}
