/* Digitera V4.85.0 — School Workspace Sidebar + modul administrasi sekolah */
body.role-school{background:#f3f6fb}
body.role-school .school-app-shell{min-height:100vh;background:#f3f6fb}
body.role-school .school-app-stage{min-width:0;min-height:100vh;margin-left:var(--teacher-sidebar-width);transition:margin-left .24s ease}
body.role-school .school-app-main{position:relative;min-height:calc(100vh - var(--teacher-topbar-height));padding:0 0 44px;overflow:visible;background:#f3f6fb}
body.role-school .school-app-main>.container{width:min(1280px,calc(100% - 48px))}
body.role-school .school-app-topbar{position:fixed!important;left:var(--teacher-sidebar-width)!important;right:0!important;top:0!important;width:auto!important;z-index:76!important;transition:left .24s ease!important}
body.role-school.teacher-sidebar-collapsed .school-app-stage{margin-left:0}
body.role-school.teacher-sidebar-collapsed .school-app-topbar{left:0!important}
body.role-school .digitera-header-spacer-v4402{height:var(--teacher-topbar-height)!important;min-height:var(--teacher-topbar-height)!important}
body.role-school .school-sidebar{--teacher-sidebar-bg:#22263a;--teacher-sidebar-bg-2:#161c2b;--teacher-sidebar-text:#cdd4df;background:radial-gradient(circle at 12% 0%,rgba(112,71,235,.22),transparent 250px),linear-gradient(180deg,var(--teacher-sidebar-bg),var(--teacher-sidebar-bg-2))}
body.role-school .school-sidebar .teacher-side-link.active,
body.role-school .school-sidebar .teacher-side-submenu a.active{background:linear-gradient(135deg,#6f49ed,#8057f4);box-shadow:0 10px 28px rgba(94,60,214,.3)}
body.role-school .school-sidebar-user .teacher-side-avatar{background:linear-gradient(135deg,#ede9fe,#dbeafe);font-size:1.25rem}
body.role-school .school-topbar-actions .teacher-topbar-portal{background:#fff}
body.role-school .school-topbar-actions .teacher-topbar-profile{min-width:0}
body.role-school .school-app-footer{margin-top:auto}
body.role-school .school-portal-shell{padding-top:24px}

/* Dashboard shortcut modules */
.school-dashboard-modules{margin-top:18px;border-radius:24px}
.school-module-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.school-module-menu-grid>a{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;align-items:center;padding:15px;border:1px solid #e8e4f3;border-radius:18px;background:linear-gradient(145deg,#fff,#faf9ff);color:#302653;text-decoration:none;box-shadow:0 10px 25px rgba(50,35,91,.05);transition:.18s ease}
.school-module-menu-grid>a:hover{transform:translateY(-3px);border-color:#cfc3fb;box-shadow:0 16px 30px rgba(80,54,150,.11)}
.school-module-menu-grid>a>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#f1edff,#e8f1ff);font-size:1.35rem}
.school-module-menu-grid strong{font-size:.9rem}.school-module-menu-grid small{color:#817991;margin-top:3px;font-size:.75rem}

/* Generic school module pages */
.school-module-page .page-head{margin-top:0}
.school-module-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:18px;margin-bottom:18px}
.school-module-form,.school-module-summary,.school-module-table{border-radius:24px}
.school-module-summary{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:linear-gradient(155deg,#fff,#f8f7ff)}
.school-module-summary .school-module-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#eee9ff,#e8f2ff);font-size:2rem;box-shadow:0 14px 32px rgba(95,62,181,.12)}
.school-module-summary h2{margin:14px 0 6px;color:#342753}.school-module-summary p{margin:0;color:#80788f;line-height:1.6}
.school-module-mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin-top:18px}
.school-module-mini-stats>div{padding:11px;border:1px solid #ece8f7;border-radius:14px;background:#fff}.school-module-mini-stats strong,.school-module-mini-stats span{display:block}.school-module-mini-stats strong{font-size:1.25rem;color:#6542da}.school-module-mini-stats span{font-size:.72rem;color:#81798f;margin-top:2px}
.school-module-table{margin-top:18px}.school-module-table .school-teacher-table{min-width:760px}
.school-module-stats{margin-bottom:18px}.school-module-stats article strong{font-size:1.25rem;word-break:break-word}
.school-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.school-report-grid>.card{border-radius:22px}.school-report-grid h2{margin:6px 0 14px;color:#322650}.school-report-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.school-report-numbers>div{padding:12px;border:1px solid #ece9f5;border-radius:14px;background:#faf9ff}.school-report-numbers small,.school-report-numbers strong{display:block}.school-report-numbers small{font-size:.68rem;color:#837b92}.school-report-numbers strong{margin-top:4px;color:#4b367d;font-size:.95rem;word-break:break-word}

@media(max-width:1180px){body.role-school .school-app-main>.container{width:min(100% - 36px,1180px)}.school-module-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){body.role-school .school-app-stage,body.role-school.teacher-sidebar-collapsed .school-app-stage{margin-left:0}body.role-school .school-app-topbar,body.role-school.teacher-sidebar-collapsed .school-app-topbar{left:0!important}.school-module-grid{grid-template-columns:1fr}.school-topbar-actions .teacher-topbar-portal{display:none!important}}
@media(max-width:720px){body.role-school .school-app-main>.container{width:min(100% - 24px,1120px)}body.role-school .school-portal-shell{padding-top:14px}.school-module-menu-grid{grid-template-columns:1fr}.school-report-grid{grid-template-columns:1fr}.school-report-numbers{grid-template-columns:1fr}.school-module-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.school-module-page .page-head .actions{display:grid;grid-template-columns:1fr;width:100%}.school-module-summary{padding:21px}}
@media print{body.role-school .school-sidebar,body.role-school .school-app-topbar,body.role-school .school-app-footer{display:none!important}body.role-school .school-app-stage{margin-left:0!important}body.role-school .school-app-main>.container{width:100%!important}.school-module-page .page-head .actions{display:none!important}}
