/* ASLLC Lekòl360 sidebar and icon redesign v20260710
   Purpose: one professional education-focused icon language and compact intuitive navigation. */
:root{
  --lk-nav-bg:#09233d;
  --lk-nav-bg-2:#0d2c4c;
  --lk-nav-border:rgba(255,255,255,.12);
  --lk-nav-text:#e7eff8;
  --lk-nav-muted:#aebed0;
  --lk-nav-hover:#12395f;
  --lk-nav-active:#174a78;
  --lk-nav-active-line:#8ecf7a;
  --lk-nav-icon-bg:#edf6ff;
  --lk-nav-icon-line:#0a3a64;
  --lk-nav-icon-fill:#d8eaf8;
  --lk-nav-icon-fill-2:#cfeccb;
  --lk-nav-icon-fill-3:#f4dfb9;
  --lk-sidebar-width:304px;
  --lk-sidebar-collapsed:82px;
}
html[data-theme="dark"],body.theme-dark{
  --lk-nav-bg:#071d32;
  --lk-nav-bg-2:#0a2742;
  --lk-nav-hover:#123654;
  --lk-nav-active:#174667;
  --lk-nav-icon-bg:#eef6ff;
  --lk-nav-icon-line:#08345a;
}
/* Sidebar shell */
html body .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride),
html body .modern-school-sidebar:not(#lk360EnterpriseOverride){
  width:var(--lk-sidebar-width)!important;
  padding:12px 10px!important;
  gap:9px!important;
  background:var(--lk-nav-bg)!important;
  background-image:none!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:6px 0 18px rgba(3,16,31,.18)!important;
  overflow-x:visible!important;
}
html body .sidebar-school-header:not(#lk360EnterpriseOverride){
  min-height:70px!important;
  padding:10px 11px!important;
  background:var(--lk-nav-bg-2)!important;
  border:1px solid var(--lk-nav-border)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  gap:10px!important;
}
html body .school-mark:not(#lk360EnterpriseOverride){
  width:42px!important;height:42px!important;min-width:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;background:#fff!important;border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:none!important;padding:5px!important;
}
html body .school-mark img:not(#lk360EnterpriseOverride){width:100%!important;height:100%!important;object-fit:contain!important;border-radius:5px!important}
html body .school-header-copy strong:not(#lk360EnterpriseOverride){font-size:1rem!important;color:#fff!important;letter-spacing:-.02em!important;font-weight:850!important}
html body .school-header-copy small:not(#lk360EnterpriseOverride){font-size:.72rem!important;color:var(--lk-nav-muted)!important;line-height:1.25!important;font-weight:650!important}
/* Primary navigation */
html body .sidebar nav:not(#lk360EnterpriseOverride){
  display:flex!important;flex-direction:column!important;
  gap:3px!important;padding:6px 0!important;margin:0!important;
  overflow-y:auto!important;overflow-x:visible!important;scrollbar-width:thin!important;
}
html body .sidebar nav a:not(#lk360EnterpriseOverride){
  position:relative!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;gap:10px!important;
  min-height:40px!important;
  padding:6px 9px!important;
  border-radius:6px!important;
  color:var(--lk-nav-text)!important;
  background:transparent!important;background-image:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-size:.88rem!important;line-height:1.15!important;font-weight:720!important;
  letter-spacing:-.005em!important;
  transform:none!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;
}
html body .sidebar nav a:not(#lk360EnterpriseOverride)::before{
  content:""!important;display:block!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 span:not(#lk360EnterpriseOverride){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important}
html body .sidebar nav a:hover:not(#lk360EnterpriseOverride),
html body .sidebar nav a:focus-visible:not(#lk360EnterpriseOverride){
  background:var(--lk-nav-hover)!important;border-color:rgba(255,255,255,.13)!important;color:#fff!important;
  outline:none!important;text-decoration:none!important;transform:none!important;box-shadow: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:var(--lk-nav-active)!important;border-color:rgba(255,255,255,.20)!important;color:#fff!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:var(--lk-nav-active-line)!important}
html body .sidebar nav a:nth-child(5n+1):not(:first-child):not(#lk360EnterpriseOverride){margin-top:8px!important;padding-top:7px!important}
html body .sidebar nav a:nth-child(5n+1):not(:first-child):not(#lk360EnterpriseOverride)::after{
  content:""!important;position:absolute!important;left:9px!important;right:9px!important;top:-5px!important;height:1px!important;background:rgba(255,255,255,.10)!important;opacity:.85!important;
}
/* Unified icon system: flat two-tone academic glyphs inside consistent tiles. */
html body .sidebar .school-nav-icon:not(#lk360EnterpriseOverride),
html body .mobile-menu-button .school-nav-icon:not(#lk360EnterpriseOverride),
html body .sidebar-tool .school-nav-icon:not(#lk360EnterpriseOverride){
  width:30px!important;height:30px!important;min-width:30px!important;
  padding:5px!important;border-radius:6px!important;
  background:var(--lk-nav-icon-bg)!important;background-image:none!important;
  color:var(--lk-nav-icon-line)!important;box-shadow:none!important;filter:none!important;
  overflow:visible!important;display:block!important;
}
html body .sidebar .school-nav-icon .icon-line:not(#lk360EnterpriseOverride),
html body .sidebar .school-nav-icon .icon-line.alt:not(#lk360EnterpriseOverride){
  fill:none!important;stroke:var(--lk-nav-icon-line)!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;
}
html body .sidebar .school-nav-icon .icon-fill:not(#lk360EnterpriseOverride){fill:var(--lk-nav-icon-fill)!important;stroke:none!important;opacity:1!important}
html body .sidebar .school-nav-icon .icon-fill.alt:not(#lk360EnterpriseOverride){fill:var(--lk-nav-icon-fill-2)!important}
html body .sidebar .school-nav-icon .icon-fill.alt2:not(#lk360EnterpriseOverride){fill:var(--lk-nav-icon-fill-3)!important}
html body .sidebar nav a:hover .school-nav-icon:not(#lk360EnterpriseOverride),
html body .sidebar nav a:focus-visible .school-nav-icon:not(#lk360EnterpriseOverride),
html body .sidebar nav a[aria-current="page"] .school-nav-icon:not(#lk360EnterpriseOverride),
html body .sidebar nav a[data-active-route="true"] .school-nav-icon:not(#lk360EnterpriseOverride){
  background:#fff!important;color:#07375f!important;
}
/* Footer action rail */
html body .sidebar-footer-actions.compact-sidebar-tools:not(#lk360EnterpriseOverride){
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;padding:9px 0 0!important;margin-top:auto!important;border-top:1px solid rgba(255,255,255,.10)!important;
}
html body .sidebar-footer-actions .sidebar-tool:not(#lk360EnterpriseOverride),
html body .sidebar-tool-form .logout-button:not(#lk360EnterpriseOverride),
html body .sidebar-footer-actions .theme-toggle:not(#lk360EnterpriseOverride){
  width:100%!important;height:42px!important;min-height:42px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:6px!important;
  background:var(--lk-nav-bg-2)!important;background-image:none!important;
  border:1px solid var(--lk-nav-border)!important;color:#fff!important;box-shadow:none!important;transform:none!important;
}
html body .sidebar-footer-actions .sidebar-tool:hover:not(#lk360EnterpriseOverride),
html body .sidebar-footer-actions .sidebar-tool:focus-visible:not(#lk360EnterpriseOverride),
html body .sidebar-tool-form .logout-button:hover:not(#lk360EnterpriseOverride){
  background:var(--lk-nav-hover)!important;border-color:rgba(255,255,255,.22)!important;outline:none!important;transform:none!important;box-shadow:none!important;
}
html body .sidebar-footer-actions .sidebar-tool svg:not(#lk360EnterpriseOverride){width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;background:transparent!important;color:currentColor!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;border-radius:0!important}
html body .sidebar-footer-actions .sidebar-tool span:not(#lk360EnterpriseOverride){border-radius:6px!important;background:#101927!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;font-weight:760!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important}
/* Collapsed desktop state: centered icon rail and clear tooltips. */
body.sidebar-collapsed .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride){width:var(--lk-sidebar-collapsed)!important;padding:10px 9px!important;align-items:center!important}
body.sidebar-collapsed .main:not(#lk360EnterpriseOverride){margin-left:var(--lk-sidebar-collapsed)!important}
body.sidebar-collapsed .sidebar-school-header:not(#lk360EnterpriseOverride){width:58px!important;min-height:58px!important;padding:7px!important;justify-content:center!important;margin-inline:auto!important}
body.sidebar-collapsed .school-header-copy:not(#lk360EnterpriseOverride){display:none!important}
body.sidebar-collapsed .school-mark:not(#lk360EnterpriseOverride){width:44px!important;height:44px!important;min-width:44px!important}
body.sidebar-collapsed .sidebar nav:not(#lk360EnterpriseOverride){align-items:center!important;width:100%!important;gap:5px!important;padding-top:8px!important;overflow:visible!important}
body.sidebar-collapsed .sidebar nav a:not(#lk360EnterpriseOverride){width:54px!important;height:46px!important;min-height:46px!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;justify-content:center!important;border-radius:6px!important;margin-inline:auto!important}
body.sidebar-collapsed .sidebar nav a span:not(#lk360EnterpriseOverride),
body.sidebar-collapsed .sidebar nav a .notification-badge:not(#lk360EnterpriseOverride){display:none!important}
body.sidebar-collapsed .sidebar nav a::before{left:2px!important;top:11px!important;bottom:11px!important}
body.sidebar-collapsed .sidebar nav a:nth-child(5n+1):not(:first-child)::after{display:none!important}
body.sidebar-collapsed .sidebar nav a::after,
body.sidebar-collapsed .sidebar-school-header::after,
body.sidebar-collapsed .sidebar-tool::after{
  content:attr(data-tooltip)!important;position:absolute!important;left:calc(100% + 12px)!important;top:50%!important;z-index:120!important;
  transform:translateY(-50%) translateX(-4px)!important;opacity:0!important;pointer-events:none!important;
  padding:7px 9px!important;border-radius:6px!important;background:#101927!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;
  font-size:.78rem!important;font-weight:760!important;white-space:nowrap!important;box-shadow:0 12px 26px rgba(0,0,0,.28)!important;transition:opacity .14s ease,transform .14s ease!important;
}
body.sidebar-collapsed .sidebar nav a:hover::after,
body.sidebar-collapsed .sidebar nav a:focus-visible::after,
body.sidebar-collapsed .sidebar-school-header:hover::after,
body.sidebar-collapsed .sidebar-school-header:focus-visible::after,
body.sidebar-collapsed .sidebar-tool:hover::after,
body.sidebar-collapsed .sidebar-tool:focus-visible::after{opacity:1!important;transform:translateY(-50%) translateX(0)!important}
body.sidebar-collapsed .sidebar-footer-actions.compact-sidebar-tools:not(#lk360EnterpriseOverride){grid-template-columns:1fr!important;justify-items:center!important;width:100%!important;gap:7px!important}
body.sidebar-collapsed .sidebar-footer-actions .sidebar-tool:not(#lk360EnterpriseOverride),body.sidebar-collapsed .sidebar-tool-form .logout-button:not(#lk360EnterpriseOverride){width:50px!important;height:44px!important}
/* Edge toggle */
html body .sidebar-edge-toggle:not(#lk360EnterpriseOverride),html body .global-sidebar-edge-toggle:not(#lk360EnterpriseOverride){
  width:34px!important;height:34px!important;min-height:34px!important;border-radius:6px!important;background:#fff!important;color:#0a3a64!important;border:1px solid #c9d7e5!important;box-shadow:0 8px 18px rgba(3,16,31,.12)!important;
}
html body .sidebar-edge-toggle svg:not(#lk360EnterpriseOverride){width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important}
body.sidebar-collapsed .sidebar-edge-toggle-icon{transform:rotate(180deg)!important}
/* Mobile drawer */
@media (max-width:780px){
  html body .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride){width:min(304px,88vw)!important;padding:12px 10px!important;transform:translateX(-105%)!important;z-index:40!important}
  html body.sidebar-open .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride){transform:translateX(0)!important}
  body.sidebar-collapsed .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride){width:min(304px,88vw)!important}
  body.sidebar-collapsed .sidebar nav a:not(#lk360EnterpriseOverride){width:100%!important;height:auto!important;min-height:40px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;place-items:initial!important;padding:6px 9px!important;justify-content:start!important}
  body.sidebar-collapsed .sidebar nav a span:not(#lk360EnterpriseOverride){display:block!important}
  body.sidebar-collapsed .sidebar nav a::after,body.sidebar-collapsed .sidebar-school-header::after,body.sidebar-collapsed .sidebar-tool::after{display:none!important}
  body.sidebar-collapsed .school-header-copy:not(#lk360EnterpriseOverride){display:block!important}
  html body .sidebar-footer-actions.compact-sidebar-tools:not(#lk360EnterpriseOverride),body.sidebar-collapsed .sidebar-footer-actions.compact-sidebar-tools:not(#lk360EnterpriseOverride){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body .mobile-menu-button:not(#lk360EnterpriseOverride){background:#fff!important;color:#0a3a64!important;border:1px solid #c9d7e5!important;border-radius:6px!important;box-shadow:0 8px 18px rgba(3,16,31,.12)!important}
}
@media (prefers-reduced-motion:reduce){html body .sidebar *,html body .sidebar-edge-toggle{transition:none!important}}
/* End ASLLC Lekòl360 sidebar and icon redesign v20260710 */

/* ASLLC Lekòl360 sidebar active-state and collapsed-width fix v20260710b */
html body.sidebar-collapsed .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride),
html body.sidebar-collapsed .modern-school-sidebar:not(#lk360EnterpriseOverride){width:82px!important;max-width:82px!important;min-width:82px!important}
html body.sidebar-collapsed .main:not(#lk360EnterpriseOverride),
html body.sidebar-collapsed main.main:not(#lk360EnterpriseOverride){margin-left:82px!important}
html body.sidebar-collapsed .sidebar nav a:not(#lk360EnterpriseOverride){width:52px!important;max-width:52px!important;min-width:52px!important}
html body .sidebar nav a.lk-nav-active:not(#lk360EnterpriseOverride){background:var(--lk-nav-active)!important;border-color:rgba(255,255,255,.20)!important;color:#fff!important}
html body .sidebar nav a.lk-nav-active:not(#lk360EnterpriseOverride)::before{background:var(--lk-nav-active-line)!important}
html body .sidebar nav a.lk-nav-active .school-nav-icon:not(#lk360EnterpriseOverride){background:#fff!important;color:#07375f!important}
@media (max-width:780px){html body.sidebar-collapsed .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride){width:min(304px,88vw)!important;max-width:88vw!important;min-width:0!important}html body.sidebar-collapsed .main:not(#lk360EnterpriseOverride),html body.sidebar-collapsed main.main:not(#lk360EnterpriseOverride){margin-left:0!important}}
/* End ASLLC Lekòl360 sidebar active-state and collapsed-width fix v20260710b */

/* ASLLC Lekòl360 mobile sidebar footer overlap fix v20260710c */
@media (max-width:780px){
  html body .sidebar.sidebar-nav-only:not(#lk360EnterpriseOverride){display:flex!important;flex-direction:column!important;max-height:100svh!important;overflow:hidden!important}
  html body .sidebar.sidebar-nav-only nav:not(#lk360EnterpriseOverride){flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding-bottom:10px!important}
  html body .sidebar-footer-actions.compact-sidebar-tools:not(#lk360EnterpriseOverride),
  html body.sidebar-collapsed .sidebar-footer-actions.compact-sidebar-tools:not(#lk360EnterpriseOverride){
    position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important;
    width:100%!important;max-width:100%!important;margin-top:10px!important;flex:0 0 auto!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
/* End ASLLC Lekòl360 mobile sidebar footer overlap fix v20260710c */