/* Tema layar bersama seluruh workspace absensi. */
:root{--school-blue:#2563eb;--school-ink:#18243c;--school-muted:#64748b;--school-line:#e5ebf3}
body{color:var(--school-ink)}.content-container{background:#f5f7fb}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid var(--school-line);padding:16px 28px;flex-shrink:0;min-height:74px}.admin-topbar-label{display:block;font-size:9px;letter-spacing:1.7px;color:#94a3b8;font-weight:700;margin-bottom:4px}.admin-topbar strong{font-size:14px;font-weight:600}.admin-topbar-account{display:flex;gap:20px;align-items:center;font-size:12px;color:#64748b}.admin-topbar-account a{background:#f8fafc;padding:8px 12px;border:1px solid var(--school-line);border-radius:9px;display:flex;gap:8px;align-items:center}.admin-topbar-account i{color:#2563eb;font-size:17px}
.absensi-theme .absensi-heading{box-shadow:none;border-radius:18px;padding:26px 28px;margin-bottom:24px;background:linear-gradient(115deg,#1d4ed8,#4f46e5)}.absensi-theme .absensi-heading h1{font-size:26px;letter-spacing:-.6px}.absensi-theme .absensi-heading-icon{border-radius:14px;background:#ffffff1c;border:1px solid #ffffff25}
.absensi-theme .bg-white:not(.bg-opacity-20):not(button):not(input):not(select):not(textarea){border-radius:16px;border-color:var(--school-line);box-shadow:0 3px 16px #0f172a03}.absensi-theme .bg-white.bg-opacity-20{box-shadow:none;border:0}
.absensi-theme .module-panel{background:white;border:1px solid var(--school-line);border-radius:16px;padding:24px;margin-bottom:22px}.absensi-theme .module-panel h2{font-size:17px;line-height:1.5;font-weight:650;margin:0 0 8px}.module-description{font-size:12px;color:#64748b;margin-bottom:18px;line-height:1.7}.module-test-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px;align-items:end}.module-test-grid form{margin:0}.module-test-grid label{display:block;margin-bottom:8px}.module-test-grid input{display:block;width:100%;margin-top:6px}.placeholder-chips{display:flex;gap:8px;flex-wrap:wrap}.placeholder-chips code{font-size:11px;padding:6px 10px;border-radius:7px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.absensi-theme .module-legacy-header{margin:0 0 24px;border-radius:18px;box-shadow:none;padding:26px 28px}.absensi-theme .module-legacy-header h1{font-size:26px;letter-spacing:-.6px}.absensi-theme input:not([type=checkbox]):not([type=hidden]):not([type=radio]),.absensi-theme select,.absensi-theme textarea{border-color:#dce3ee;background:#fbfcfe}.absensi-theme input:focus,.absensi-theme select:focus,.absensi-theme textarea:focus{background:white;outline:3px solid #2563eb12}.absensi-theme button.bg-blue-600,.absensi-theme a.bg-blue-600{box-shadow:none;border-radius:9px}.absensi-theme .toggle-password{min-height:28px;padding:4px;box-shadow:none}.absensi-theme input.pr-12{padding-right:48px}
.absensi-theme .settings-grid{gap:22px}.absensi-theme .settings-grid>form{padding:24px}.absensi-theme .settings-grid h2{padding-bottom:14px;border-bottom:1px solid #eef2f7;margin-bottom:18px;font-size:17px}.absensi-theme .settings-grid label{font-size:12px}.absensi-theme th{font-size:10px}.absensi-theme .report-sheet{border-radius:12px;box-shadow:0 3px 16px #0f172a03}
#sidebar{box-shadow:2px 0 16px #0f172a03!important}#sidebar .sidebar-brand{background:linear-gradient(135deg,#1d4ed8,#4338ca)}#sidebar nav a,#sidebar nav button{border-radius:10px}#sidebar nav a:hover{transition:background .15s}#sidebar .sidebar-section-label{padding-top:15px;padding-bottom:6px}#sidebar nav .space-y-1>a{margin-top:3px}
@media(max-width:1023px){.admin-topbar{display:none}}
@media(max-width:700px){.module-test-grid{grid-template-columns:1fr}.absensi-theme .module-panel{padding:18px}.absensi-theme .absensi-heading,.absensi-theme .module-legacy-header{padding:20px}.absensi-theme .absensi-heading h1,.absensi-theme .module-legacy-header h1{font-size:21px}.absensi-theme .settings-grid>form{padding:18px}}
@media print{.admin-topbar{display:none}.absensi-theme .report-sheet{box-shadow:none;border-radius:0}}

/* Desktop sidebar collapse; mobile uses the existing drawer. */
.desktop-sidebar-toggle { display:none; }
@media (min-width:1024px) {
  .main-content { position:relative; }
  .desktop-sidebar-toggle { display:flex; position:absolute; top:20px; left:16px; z-index:45; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid #dce3ed; border-radius:8px; background:#fff; color:#475569; cursor:pointer; }
  .desktop-sidebar-toggle:hover { background:#eef4ff; color:#2563eb; }
  .desktop-sidebar-toggle:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
  .main-content > .admin-topbar { padding-left:66px; }
  #app-wrapper.sidebar-collapsed > #sidebar { display:none; }
}