/* Golden School shared screen theme. Printed documents retain their own layouts. */
:root{--gs-primary:#233b8b;--gs-ink:#17263e;--gs-muted:#63748a;--gs-border:#dce4ed;--gs-surface:#fff;--gs-canvas:#f1f5f9;--gs-radius:14px}
@media screen {
body.school-app,body.school-login{background:var(--gs-canvas);color:var(--gs-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}
body.school-app .main:not(.dashboard-page){background:var(--gs-canvas);padding:28px;min-width:0}
body.school-app .main:not(.dashboard-page) h1{color:var(--gs-ink);font-size:clamp(23px,2.2vw,30px);letter-spacing:-.7px;font-weight:800}
body.school-app .main:not(.dashboard-page) h2,body.school-app .main:not(.dashboard-page) h3{color:#243a58;letter-spacing:-.25px}
body.school-app .main:not(.dashboard-page) .topbar{background:white;border:1px solid var(--gs-border);box-shadow:0 3px 16px #17263e06;border-radius:var(--gs-radius);padding:22px 24px;gap:16px}
body.school-app .main:not(.dashboard-page) :is(.card,.controls,.filter-card,.form-card,.table-card){border:1px solid var(--gs-border);border-radius:var(--gs-radius);box-shadow:0 5px 20px #17263e06;background:white}
body.school-app .main:not(.dashboard-page) :is(.stat-card,.stat,.summary-card){border:1px solid var(--gs-border);border-radius:var(--gs-radius);box-shadow:0 3px 14px #17263e05}
body.school-app .main:not(.dashboard-page) label{font-size:13px;font-weight:650;color:#334963;line-height:1.5;margin-bottom:7px}
body.school-app .main:not(.dashboard-page) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]){background:#fbfcfe;border:1px solid #cbd7e3;border-radius:9px;color:var(--gs-ink);padding:11px 12px;font-size:14px;min-height:44px;max-width:100%;box-shadow:none}
body.school-app .main:not(.dashboard-page) textarea{min-height:90px;resize:vertical}
body.school-app .main:not(.dashboard-page) :is(input,select,textarea):focus-visible{outline:3px solid #2563eb25;outline-offset:1px;border-color:#466bca}
body.school-app .main:not(.dashboard-page) input:is([type=checkbox],[type=radio]){accent-color:var(--gs-primary);width:auto;min-height:0}
body.school-app .main:not(.dashboard-page) :is(.btn,button[type=submit],.action-btn){border-radius:9px;font-weight:650;font-size:14px;line-height:1.4;cursor:pointer;transition:filter .15s,box-shadow .15s;text-decoration:none}
body.school-app .main:not(.dashboard-page) .btn{background:var(--gs-primary);color:white;padding:11px 17px;border:1px solid transparent}
body.school-app .main:not(.dashboard-page) :is(.btn,.action-btn):hover{filter:brightness(.94);box-shadow:0 3px 10px #17263e12}
body.school-app .main:not(.dashboard-page) :is(.btn-danger,.btn.danger,.btn-delete,.btn-suspend){background:#b42335;color:white}
body.school-app .main:not(.dashboard-page) :is(.btn-success,.btn-green,.btn-activate){background:#087f63;color:white}
body.school-app .main:not(.dashboard-page) :is(.btn.secondary,.btn-secondary,.btn-cancel,.export-secondary){background:#e9eff6;color:#29425e}
body.school-app .main:not(.dashboard-page) :is(a,button,input,select,summary):focus-visible{outline:3px solid #4169cf;outline-offset:3px}
body.school-app .main:not(.dashboard-page) :is(.table-wrap,.table-responsive){overflow-x:auto;border-radius:12px}
body.school-app .main:not(.dashboard-page) table{border-collapse:collapse;font-size:14px}
body.school-app .main:not(.dashboard-page) table th{background:#edf2f8;color:#344b69;font-size:11px;font-weight:750;letter-spacing:.55px;text-transform:uppercase;padding:14px;border-bottom:1px solid #d7e2ee}
body.school-app .main:not(.dashboard-page) table td{border-bottom:1px solid #e5ebf2;padding:14px;vertical-align:middle}
body.school-app .main:not(.dashboard-page) table tbody tr:hover{background:#f7faff}
body.school-app .main:not(.dashboard-page) table tfoot th{background:#e5edf7;color:#203b5b}
body.school-app .main:not(.dashboard-page) :is(.alert,.alert-error,.alert-success,.notice){border-radius:10px;padding:14px 18px;line-height:1.6}
body.school-app .main:not(.dashboard-page) :is(.alert-error,.alert.error){background:#fff0f1;color:#9f273b;border:1px solid #f2ccd3}
body.school-app .main:not(.dashboard-page) :is(.alert-success,.alert.success){background:#eaf8f0;color:#1a6446;border:1px solid #c6e8d5}
body.school-app .main:not(.dashboard-page) .muted{color:var(--gs-muted)}
body.school-app .sidebar{background:linear-gradient(180deg,#233b8b,#192e64);box-shadow:3px 0 18px #17263e10}
body.school-app .sidebar :is(.active-link,.menu-link.active){background:#315ed5;color:white}
body.school-app .sidebar :is(a,button):focus-visible{outline:2px solid white;outline-offset:2px}
body.school-login :is(input,button){border-radius:9px}
body.school-login input:focus-visible{outline:3px solid #466bca40;outline-offset:2px}
}
@media screen and (max-width:768px){body.school-app .main:not(.dashboard-page){padding:18px 14px;padding-top:65px}body.school-app .main:not(.dashboard-page) .topbar{padding:18px;flex-wrap:wrap}body.school-app .main:not(.dashboard-page) :is(.actions,.topbar-actions,.form-actions){flex-wrap:wrap;gap:10px}body.school-app .main:not(.dashboard-page) .card{padding:18px}body.school-app .main:not(.dashboard-page) .table-wrap{padding:0}}
@media(prefers-reduced-motion:reduce){body.school-app .main:not(.dashboard-page) :is(.btn,.action-btn){transition:none}}