/* ASLLC Lekòl360 school-focused UX polish v20260710
   Final visual layer: cohesive academic identity, clearer hierarchy, refined navigation and responsive page rhythm. */
:root{
  --school-ink:#182235;
  --school-muted:#5b6b80;
  --school-bg:#f5f7fa;
  --school-surface:#ffffff;
  --school-surface-soft:#f8fafc;
  --school-border:#d7e0ea;
  --school-border-strong:#b8c6d5;
  --school-primary:#003b79;
  --school-primary-2:#075985;
  --school-accent:#4f9d2f;
  --school-warning:#c97805;
  --school-danger:#a61f2b;
  --school-focus:rgba(0,59,121,.22);
  --school-shadow:0 8px 22px rgba(15,23,42,.07);
  --school-shadow-soft:0 3px 12px rgba(15,23,42,.06);
  --school-radius-sm:6px;
  --school-radius:8px;
  --school-radius-table:4px;
  --school-sidebar-width:320px;
}
html[data-theme="dark"],body.theme-dark{
  --school-ink:#f2f6fb;
  --school-muted:#b8c5d5;
  --school-bg:#07111d;
  --school-surface:#101927;
  --school-surface-soft:#0c1522;
  --school-border:#2b3a4d;
  --school-border-strong:#3c5068;
  --school-primary:#8bc8ff;
  --school-primary-2:#5eaeea;
  --school-accent:#8ecf7a;
  --school-focus:rgba(139,200,255,.26);
  --school-shadow:0 8px 22px rgba(0,0,0,.25);
  --school-shadow-soft:0 3px 12px rgba(0,0,0,.22);
}
html body{background:var(--school-bg)!important;color:var(--school-ink)!important;font-feature-settings:"kern" 1,"liga" 1!important;text-rendering:optimizeLegibility!important}
html body .main:not(#lk360EnterpriseOverride),html body main.main:not(#lk360EnterpriseOverride){padding:30px!important;background:var(--school-bg)!important}
html body .main.dashboard-experience:not(#lk360EnterpriseOverride){display:flex!important;flex-direction:column!important;gap:22px!important}
html body .container:not(#lk360EnterpriseOverride){max-width:min(1400px,100%)!important}
html body h1:not(#lk360EnterpriseOverride),html body h2:not(#lk360EnterpriseOverride),html body h3:not(#lk360EnterpriseOverride){letter-spacing:-.025em!important;color:var(--school-ink)!important;line-height:1.15!important}
html body p:not(#lk360EnterpriseOverride),html body small:not(#lk360EnterpriseOverride),html body .muted:not(#lk360EnterpriseOverride){color:var(--school-muted)!important}
/* Navigation: academic app shell with clear active state and compact scanning rhythm. */
html body .sidebar:not(#lk360EnterpriseOverride),html body .modern-school-sidebar:not(#lk360EnterpriseOverride){width:var(--school-sidebar-width)!important;background:#0a2745!important;border-right:1px solid rgba(255,255,255,.1)!important}
html body .sidebar-school-header:not(#lk360EnterpriseOverride),html body .brand-link:not(#lk360EnterpriseOverride){min-height:64px!important;align-items:center!important;gap:10px!important;background:#102f50!important;border-color:rgba(255,255,255,.12)!important}
html body .sidebar nav:not(#lk360EnterpriseOverride){gap:5px!important;padding:10px 12px!important}
html body .sidebar nav a:not(#lk360EnterpriseOverride){position:relative!important;min-height:42px!important;padding:10px 12px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:10px!important;font-weight:720!important;color:#e6eef7!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease!important}
html body .sidebar nav a:not(#lk360EnterpriseOverride)::before{content:""!important;position:absolute!important;left:0!important;top:9px!important;bottom:9px!important;width:3px!important;border-radius:3px!important;background:transparent!important}
html body .sidebar nav a:hover:not(#lk360EnterpriseOverride),html body .sidebar nav a:focus-visible:not(#lk360EnterpriseOverride){background:#14395e!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;text-decoration:none!important}
html body .sidebar nav a.is-active:not(#lk360EnterpriseOverride),html body .sidebar nav a[aria-current="page"]:not(#lk360EnterpriseOverride),html body .sidebar nav a[data-active-route="true"]:not(#lk360EnterpriseOverride){background:#173f67!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
html body .sidebar nav a.is-active:not(#lk360EnterpriseOverride)::before,html body .sidebar nav a[aria-current="page"]:not(#lk360EnterpriseOverride)::before,html body .sidebar nav a[data-active-route="true"]:not(#lk360EnterpriseOverride)::before{background:#8ecf7a!important}
html body .sidebar nav svg:not(#lk360EnterpriseOverride),html body .school-nav-icon:not(#lk360EnterpriseOverride){width:30px!important;height:30px!important;min-width:30px!important;border-radius:6px!important;background:rgba(255,255,255,.08)!important;padding:6px!important}
/* Page headers: consistent academic paper style with a restrained subject marker. */
html body .topbar:not(#lk360EnterpriseOverride),html body .focused-topbar:not(#lk360EnterpriseOverride),html body .dashboard-hero:not(#lk360EnterpriseOverride),html body .module-hero:not(#lk360EnterpriseOverride),html body .page-hero:not(#lk360EnterpriseOverride),html body .compact-hero:not(#lk360EnterpriseOverride),html body .entity-hero:not(#lk360EnterpriseOverride),html body .profile-hero:not(#lk360EnterpriseOverride),html body .payments-hero:not(#lk360EnterpriseOverride),html body .report-preview-hero:not(#lk360EnterpriseOverride),html body .collaboration-hero:not(#lk360EnterpriseOverride),html body .academic-dashboard-hero:not(#lk360EnterpriseOverride),html body .dashboard-v3-hero:not(#lk360EnterpriseOverride),html body .lekol360-hero:not(#lk360EnterpriseOverride){padding:22px 24px!important;background:var(--school-surface)!important;border:1px solid var(--school-border)!important;border-left:4px solid var(--school-primary)!important;border-radius:8px!important;box-shadow:var(--school-shadow)!important;gap:18px!important}
html body .dashboard-v3-eyebrow:not(#lk360EnterpriseOverride),html body .eyebrow:not(#lk360EnterpriseOverride),html body .parent-kicker:not(#lk360EnterpriseOverride){display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;background:var(--school-surface-soft)!important;color:var(--school-primary)!important;border:1px solid var(--school-border)!important;border-radius:6px!important;padding:5px 9px!important;font-size:.72rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:820!important}
html body .dashboard-v3-eyebrow:not(#lk360EnterpriseOverride)::before,html body .eyebrow:not(#lk360EnterpriseOverride)::before,html body .parent-kicker:not(#lk360EnterpriseOverride)::before{content:""!important;width:7px!important;height:7px!important;border-radius:50%!important;background:var(--school-accent)!important;box-shadow:none!important}
/* Cards and modules: flat enterprise cards with consistent academic hierarchy. */
html body .panel:not(#lk360EnterpriseOverride),html body .mini-card:not(#lk360EnterpriseOverride),html body .card:not(#lk360EnterpriseOverride),html body .content-card:not(#lk360EnterpriseOverride),html body .info-card:not(#lk360EnterpriseOverride),html body .action-card:not(#lk360EnterpriseOverride),html body .stats>div:not(#lk360EnterpriseOverride),html body .stats div:not(#lk360EnterpriseOverride),html body .dashboard-search:not(#lk360EnterpriseOverride),html body .dashboard-v3-kpi:not(#lk360EnterpriseOverride),html body .dashboard-v3-panel:not(#lk360EnterpriseOverride),html body .portal-option:not(#lk360EnterpriseOverride),html body .portal-note:not(#lk360EnterpriseOverride),html body .teacher-card:not(#lk360EnterpriseOverride),html body .student-card:not(#lk360EnterpriseOverride),html body .parent-child-card:not(#lk360EnterpriseOverride),html body .payment-card:not(#lk360EnterpriseOverride),html body .attendance-card:not(#lk360EnterpriseOverride),html body .report-card:not(#lk360EnterpriseOverride){background:var(--school-surface)!important;color:var(--school-ink)!important;border:1px solid var(--school-border)!important;border-radius:8px!important;box-shadow:var(--school-shadow-soft)!important;padding:20px!important;transition:border-color .16s ease,box-shadow .16s ease!important}
html body .panel:hover:not(#lk360EnterpriseOverride),html body .mini-card:hover:not(#lk360EnterpriseOverride),html body .card:hover:not(#lk360EnterpriseOverride),html body .dashboard-v3-kpi:hover:not(#lk360EnterpriseOverride),html body .portal-option:hover:not(#lk360EnterpriseOverride){border-color:var(--school-border-strong)!important;box-shadow:var(--school-shadow)!important;transform:none!important}
html body .stats:not(#lk360EnterpriseOverride),html body .dashboard-v3-kpi-grid:not(#lk360EnterpriseOverride){gap:14px!important;align-items:stretch!important}
html body .stats>div:not(#lk360EnterpriseOverride),html body .dashboard-v3-kpi:not(#lk360EnterpriseOverride){display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:112px!important;border-top:3px solid var(--school-primary)!important}
html body .dashboard-v3-kpi .kpi-label:not(#lk360EnterpriseOverride),html body .stats strong:not(#lk360EnterpriseOverride){font-weight:850!important;color:var(--school-ink)!important;line-height:1.1!important}
html body .dashboard-v3-kpi small:not(#lk360EnterpriseOverride),html body .stats small:not(#lk360EnterpriseOverride){font-size:.82rem!important;color:var(--school-muted)!important;line-height:1.35!important}
html body .kpi-tone-green:not(#lk360EnterpriseOverride),html body .status-success:not(#lk360EnterpriseOverride){border-top-color:var(--school-accent)!important}
html body .kpi-tone-red:not(#lk360EnterpriseOverride),html body .status-danger:not(#lk360EnterpriseOverride){border-top-color:var(--school-danger)!important}
html body .kpi-tone-amber:not(#lk360EnterpriseOverride),html body .status-warning:not(#lk360EnterpriseOverride){border-top-color:var(--school-warning)!important}
/* Tables and dense administration pages. */
html body .table-wrap:not(#lk360EnterpriseOverride),html body .module-table-panel:not(#lk360EnterpriseOverride),html body .entity-table:not(#lk360EnterpriseOverride){border:1px solid var(--school-border)!important;border-radius:4px!important;background:var(--school-surface)!important;box-shadow:var(--school-shadow-soft)!important;overflow:auto!important}
html body table:not(#lk360EnterpriseOverride){width:100%!important;border-collapse:collapse!important;background:var(--school-surface)!important;color:var(--school-ink)!important}
html body thead th:not(#lk360EnterpriseOverride),html body th:not(#lk360EnterpriseOverride){background:var(--school-surface-soft)!important;color:var(--school-muted)!important;border-bottom:1px solid var(--school-border)!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-size:.73rem!important;font-weight:820!important;padding:12px 14px!important;white-space:nowrap!important}
html body td:not(#lk360EnterpriseOverride){padding:12px 14px!important;border-bottom:1px solid var(--school-border)!important;color:var(--school-ink)!important;vertical-align:middle!important}
html body tbody tr:hover td:not(#lk360EnterpriseOverride){background:var(--school-surface-soft)!important}
/* Forms, filters, and action rows. */
html body label:not(#lk360EnterpriseOverride){font-size:.84rem!important;font-weight:760!important;color:var(--school-ink)!important;margin-bottom:6px!important}
html body input:not([type="checkbox"]):not([type="radio"]):not(#lk360EnterpriseOverride),html body select:not(#lk360EnterpriseOverride),html body textarea:not(#lk360EnterpriseOverride){min-height:42px!important;border-radius:6px!important;border:1px solid var(--school-border-strong)!important;background:var(--school-surface)!important;color:var(--school-ink)!important;padding:10px 12px!important;transition:border-color .16s ease,box-shadow .16s ease!important}
html body input:focus:not(#lk360EnterpriseOverride),html body select:focus:not(#lk360EnterpriseOverride),html body textarea:focus:not(#lk360EnterpriseOverride){outline:none!important;border-color:var(--school-primary)!important;box-shadow:0 0 0 3px var(--school-focus)!important}
html body button:not(#lk360EnterpriseOverride),html body .button:not(#lk360EnterpriseOverride),html body .primary:not(#lk360EnterpriseOverride),html body .btn:not(#lk360EnterpriseOverride),html body .ghost:not(#lk360EnterpriseOverride),html body .demo-clean-submit:not(#lk360EnterpriseOverride){min-height:38px!important;border-radius:6px!important;font-weight:780!important;letter-spacing:.005em!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease!important}
html body .primary:not(#lk360EnterpriseOverride),html body .btn-primary:not(#lk360EnterpriseOverride),html body button[type="submit"]:not(#lk360EnterpriseOverride),html body .demo-clean-submit:not(#lk360EnterpriseOverride){background:var(--school-primary)!important;color:#fff!important;border-color:var(--school-primary)!important}
html body .primary:hover:not(#lk360EnterpriseOverride),html body .btn-primary:hover:not(#lk360EnterpriseOverride),html body button[type="submit"]:hover:not(#lk360EnterpriseOverride),html body .demo-clean-submit:hover:not(#lk360EnterpriseOverride){background:var(--school-primary-2)!important;border-color:var(--school-primary-2)!important;text-decoration:none!important}
html body .ghost:not(#lk360EnterpriseOverride),html body .btn-secondary:not(#lk360EnterpriseOverride),html body .theme-toggle:not(#lk360EnterpriseOverride),html body .icon-button:not(#lk360EnterpriseOverride){background:var(--school-surface-soft)!important;color:var(--school-primary)!important;border-color:var(--school-border)!important}
/* Status systems: predictable academic/admin semantics. */
html body .chip:not(#lk360EnterpriseOverride),html body .badge:not(#lk360EnterpriseOverride),html body .tag:not(#lk360EnterpriseOverride),html body .pill-row span:not(#lk360EnterpriseOverride),html body .status-badge:not(#lk360EnterpriseOverride){border-radius:6px!important;background:var(--school-surface-soft)!important;color:var(--school-primary)!important;border:1px solid var(--school-border)!important;font-weight:780!important}
html body .flash:not(#lk360EnterpriseOverride),html body .alert:not(#lk360EnterpriseOverride),html body .notification-panel:not(#lk360EnterpriseOverride),html body .nc-panel:not(#lk360EnterpriseOverride){border-radius:8px!important;background:var(--school-surface)!important;color:var(--school-ink)!important;border:1px solid var(--school-border)!important;box-shadow:var(--school-shadow-soft)!important}
/* Login and portal selection: polished first impression without decorative AI effects. */
html body .login-page:not(#lk360EnterpriseOverride){background:var(--school-bg)!important;color:var(--school-ink)!important}
html body .login-splash-panel:not(#lk360EnterpriseOverride),html body .premium-auth-card:not(#lk360EnterpriseOverride),html body .refined-portal-card:not(#lk360EnterpriseOverride),html body .clean-login-visual:not(#lk360EnterpriseOverride){border-radius:8px!important;background:var(--school-surface)!important;border:1px solid var(--school-border)!important;box-shadow:var(--school-shadow)!important}
html body .login-page h1:not(#lk360EnterpriseOverride),html body .login-page h2:not(#lk360EnterpriseOverride){color:var(--school-ink)!important;-webkit-text-fill-color:var(--school-ink)!important}
html body .dc-portal-option:not(#lk360EnterpriseOverride),html body .portal-option:not(#lk360EnterpriseOverride){border-radius:6px!important;border:1px solid var(--school-border)!important;background:var(--school-surface)!important;color:var(--school-ink)!important}
html body .dc-portal-option.is-selected:not(#lk360EnterpriseOverride),html body .portal-option.is-selected:not(#lk360EnterpriseOverride){background:var(--school-surface-soft)!important;color:var(--school-primary)!important;border-color:var(--school-primary)!important}
/* Page rhythm and large screen balance. */
@media (min-width:1400px){html body .main:not(#lk360EnterpriseOverride){padding:34px 40px!important}html body .main.dashboard-experience:not(#lk360EnterpriseOverride){gap:26px!important}html body .dashboard-v3-grid:not(#lk360EnterpriseOverride),html body .dashboard-grid:not(#lk360EnterpriseOverride){gap:22px!important}}
@media (min-width:1920px){html body .main:not(#lk360EnterpriseOverride){padding:40px 56px!important}html body .container:not(#lk360EnterpriseOverride){max-width:1480px!important}html body .dashboard-v3-grid:not(#lk360EnterpriseOverride),html body .dashboard-grid:not(#lk360EnterpriseOverride){gap:26px!important}}
@media (max-width:1024px){html body .main:not(#lk360EnterpriseOverride),html body main.main:not(#lk360EnterpriseOverride){padding:22px!important}html body .dashboard-v3-grid:not(#lk360EnterpriseOverride),html body .analytics-grid:not(#lk360EnterpriseOverride),html body .search-results-grid:not(#lk360EnterpriseOverride){grid-template-columns:1fr!important}}
@media (max-width:780px){html body .main:not(#lk360EnterpriseOverride),html body main.main:not(#lk360EnterpriseOverride){padding:14px!important;gap:14px!important;margin-left:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}html body .topbar:not(#lk360EnterpriseOverride),html body .focused-topbar:not(#lk360EnterpriseOverride),html body .dashboard-hero:not(#lk360EnterpriseOverride),html body .module-hero:not(#lk360EnterpriseOverride),html body .page-hero:not(#lk360EnterpriseOverride),html body .entity-hero:not(#lk360EnterpriseOverride),html body .dashboard-v3-hero:not(#lk360EnterpriseOverride){padding:16px!important}html body .stats:not(#lk360EnterpriseOverride),html body .dashboard-v3-kpi-grid:not(#lk360EnterpriseOverride){grid-template-columns:1fr!important}html body .panel:not(#lk360EnterpriseOverride),html body .card:not(#lk360EnterpriseOverride),html body .mini-card:not(#lk360EnterpriseOverride),html body .dashboard-v3-kpi:not(#lk360EnterpriseOverride){padding:16px!important;min-width:0!important}html body .sidebar:not(#lk360EnterpriseOverride){width:min(304px,88vw)!important}}
@media (max-width:360px){html body .main:not(#lk360EnterpriseOverride),html body main.main:not(#lk360EnterpriseOverride){padding:10px!important}html body .topbar:not(#lk360EnterpriseOverride),html body .focused-topbar:not(#lk360EnterpriseOverride){padding-left:58px!important}html body .dashboard-v3-eyebrow:not(#lk360EnterpriseOverride),html body .eyebrow:not(#lk360EnterpriseOverride){white-space:normal!important;width:100%!important}}
/* End ASLLC Lekòl360 school-focused UX polish v20260710 */