/* Molecular Design Lab — shared standalone shell based on the new index.html */
:root{
 --mdl-bg:#F4F7F8;--mdl-surface:#ffffff;--mdl-surface-2:#F4F7F8;--mdl-surface-3:#EEF3F5;
 --mdl-text:#0B1626;--mdl-text-2:#364553;--mdl-muted:#5C6B7A;--mdl-line:#D9E2E8;
--mdl-line-2:#C9D4DC;
--mdl-ink:#0B1626;--mdl-nav-text:#364553;--mdl-accent:#20B8C5;
--mdl-accent-2:#0B7480;
--mdl-accent-soft:rgba(32,184,197,.12);--mdl-focus:rgba(32,184,197,.28);
  --mdl-header-h:64px;--mdl-sidebar-w:264px;
  --mdl-serif:Charter,"Bitstream Charter","Iowan Old Style","Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  --mdl-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body.mdl-index-look{margin:0!important;background:var(--mdl-bg)!important;color:var(--mdl-text)!important;font-family:var(--mdl-sans)!important;-webkit-font-smoothing:antialiased}

.mdl-app-header{
  position:sticky!important;top:0!important;z-index:1000!important;min-height:var(--mdl-header-h)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  padding:0 20px!important;background:var(--mdl-ink)!important;color:#fff!important;border:0!important;
  border-bottom:3px solid var(--mdl-accent)!important;box-shadow:none!important;
}
.mdl-brand-link{display:flex;align-items:center;gap:12px;min-width:0;color:#fff!important;text-decoration:none!important}
.mdl-brand-mark{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:2px;background:var(--mdl-accent);color:#fff}
.mdl-brand-mark svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round}
.mdl-brand-copy{min-width:0}
.mdl-brand-title{display:block;color:#fff;font-family:var(--mdl-serif);font-size:19px;line-height:1.15;font-weight:600}
.mdl-brand-tag{display:block;margin-top:1px;max-width:650px;color:var(--mdl-nav-text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mdl-beta{display:inline-flex;align-items:center;margin-left:6px;padding:3px 8px;border:1px solid rgba(255,255,255,.22);border-radius:2px;background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mdl-header-actions{display:flex;align-items:center;gap:8px;flex:none}
.mdl-theme-btn{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16)!important;border-radius:3px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;cursor:pointer}
.mdl-theme-btn:hover{background:rgba(255,255,255,.14)!important}
.mdl-theme-btn svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
.mdl-theme-btn .mdl-sun{display:none}

.mdl-shell{display:grid!important;grid-template-columns:var(--mdl-sidebar-w) minmax(0,1fr)!important;min-height:calc(100vh - var(--mdl-header-h))!important;background:linear-gradient(90deg,var(--mdl-surface) 0,var(--mdl-surface) calc(var(--mdl-sidebar-w) - 1px),var(--mdl-line) calc(var(--mdl-sidebar-w) - 1px),var(--mdl-line) var(--mdl-sidebar-w),transparent var(--mdl-sidebar-w))!important}
.mdl-sidebar{position:sticky!important;top:var(--mdl-header-h)!important;align-self:start!important;min-height:calc(100vh - var(--mdl-header-h))!important;max-height:calc(100vh - var(--mdl-header-h))!important;width:auto!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:16px 12px!important;margin:0!important;background:var(--mdl-surface)!important;border:0!important;border-right:1px solid var(--mdl-line)!important;border-radius:0!important;box-shadow:none!important}
.mdl-sidenav{display:flex;flex-direction:column;gap:2px;flex:1}
.mdl-nav-group{display:flex;flex-direction:column;gap:2px}
.mdl-nav-label{padding:14px 12px 6px;color:var(--mdl-muted);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.mdl-nav-group:first-child .mdl-nav-label{padding-top:4px}
.mdl-navbtn{width:100%!important;min-height:0!important;display:flex!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;margin:0!important;border:0!important;border-radius:3px!important;background:transparent!important;color:var(--mdl-text-2)!important;font-family:var(--mdl-sans)!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important}
.mdl-navbtn svg{width:18px!important;height:18px!important;flex:none!important;color:var(--mdl-muted)!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mdl-navbtn:hover{background:var(--mdl-surface-3)!important;color:var(--mdl-text)!important}
.mdl-navbtn.active{background:var(--mdl-accent-soft)!important;color:var(--mdl-accent-2)!important}
.mdl-navbtn.active svg{color:var(--mdl-accent)!important}
.mdl-sidebar-foot{padding:12px 12px 4px;border-top:1px solid var(--mdl-line);color:var(--mdl-muted);font-size:12px;line-height:1.5}
.mdl-sidebar-foot b{display:block;margin-bottom:2px;color:var(--mdl-text-2);font-size:12px}

body.mdl-index-look .mdl-content{min-width:0!important;width:100%!important;max-width:1250px!important;margin:0!important;padding:28px 32px 40px!important}
body.mdl-index-look .mdl-content h1,body.mdl-index-look .mdl-content h2,body.mdl-index-look .mdl-content h3,body.mdl-index-look .mdl-content h4{font-family:var(--mdl-serif)!important;color:var(--mdl-text)!important;line-height:1.25!important}
body.mdl-index-look .mdl-page-head{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--mdl-line)}
body.mdl-index-look .mdl-page-head h1{margin:0 0 6px!important;font-size:29px!important;font-weight:600!important}
body.mdl-index-look .mdl-page-head p{margin:0!important;max-width:75ch;color:var(--mdl-muted)!important;font-family:var(--mdl-serif)!important;font-size:15px!important;line-height:1.6!important}

body.mdl-index-look .card{border-color:var(--mdl-line)!important;border-radius:4px!important;box-shadow:0 1px 0 rgba(23,21,26,.03)!important}
body.mdl-index-look .primary{background:var(--mdl-accent)!important;border-color:var(--mdl-accent)!important;color:#fff!important;border-radius:3px!important}
body.mdl-index-look .primary:hover{background:var(--mdl-accent-2)!important;border-color:var(--mdl-accent-2)!important}
body.mdl-index-look .secondary{background:var(--mdl-surface)!important;color:var(--mdl-text-2)!important;border-color:var(--mdl-line-2)!important;border-radius:3px!important}
body.mdl-index-look input:not([type=radio]):not([type=checkbox]),body.mdl-index-look select,body.mdl-index-look textarea{border-color:var(--mdl-line-2)!important;border-radius:3px!important;background:var(--mdl-surface)!important;color:var(--mdl-text)!important}
body.mdl-index-look input:not([type=radio]):not([type=checkbox]):focus,body.mdl-index-look select:focus,body.mdl-index-look textarea:focus{outline:none!important;border-color:var(--mdl-accent)!important;box-shadow:0 0 0 3px var(--mdl-focus)!important}
body.mdl-index-look a{color:var(--mdl-accent-2)}
.mdl-app-header svg,.mdl-sidebar svg{max-width:22px!important;max-height:22px!important}

:root[data-theme="dark"]{--mdl-bg:#17171a;--mdl-surface:#1e1e22;--mdl-surface-2:#26262b;--mdl-surface-3:#2f2f35;--mdl-text:#eceaef;--mdl-text-2:#c5c1c9;--mdl-muted:#918c96;--mdl-line:#302f36;--mdl-line-2:#46444d;--mdl-ink:#101012;--mdl-nav-text:#b5b1b8;--mdl-accent:#20B8C5;--mdl-accent-2:#8FE4EA;--mdl-accent-soft:rgba(32,184,197,.13);--mdl-focus:rgba(32,184,197,.35);color-scheme:dark}
:root[data-theme="dark"] .mdl-theme-btn .mdl-sun{display:block}
:root[data-theme="dark"] .mdl-theme-btn .mdl-moon{display:none}

@media (max-width:900px){
  :root{--mdl-header-h:58px}
  .mdl-shell{grid-template-columns:1fr!important;background:none!important}
  .mdl-sidebar{position:sticky!important;top:var(--mdl-header-h)!important;min-height:0!important;max-height:none!important;width:100%!important;height:auto!important;padding:8px 10px!important;border-right:0!important;border-bottom:1px solid var(--mdl-line)!important;flex-direction:row!important;overflow:hidden!important;z-index:900!important}
  .mdl-sidenav{flex-direction:row!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .mdl-sidenav::-webkit-scrollbar{display:none}
  .mdl-nav-group{display:contents!important}
  .mdl-nav-label,.mdl-sidebar-foot{display:none!important}
  .mdl-navbtn{width:auto!important;flex:none!important;white-space:nowrap!important;padding:8px 12px!important;font-size:13px!important;gap:7px!important}
  body.mdl-index-look .mdl-content{padding:18px 16px 36px!important}
  .mdl-brand-tag,.mdl-beta{display:none}
}
@media (max-width:620px){.mdl-brand-title{font-size:14px}.mdl-brand-mark{width:32px;height:32px}.mdl-header-actions{gap:5px}}


/* ==========================================================================\n   MDL MASTER SHELL v2 — authoritative dashboard-matched header + sidebar\n   Loaded LAST in every public HTML page. Keep this block after all legacy CSS.\n   ========================================================================== */
:root{
  --mdl-master-header-h:64px;
  --mdl-master-sidebar-w:264px;
  --mdl-master-bg:#F4F7F8;
  --mdl-master-surface:#ffffff;
  --mdl-master-surface-3:#EEF3F5;
  --mdl-master-text:#0B1626;
  --mdl-master-text-2:#364553;
  --mdl-master-muted:#5C6B7A;
  --mdl-master-line:#D9E2E8;
--mdl-master-bg:#F4F7F8;
--mdl-master-accent-2:#0B7480;
--mdl-master-accent-soft:rgba(32,184,197,.12);
  --mdl-master-nav-text:#B6C6D6;
  --mdl-master-serif:Charter,"Bitstream Charter","Iowan Old Style","Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  --mdl-master-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html,body{margin:0!important;padding:0!important}
body{background:var(--mdl-master-bg)!important;color:var(--mdl-master-text)!important;font-family:var(--mdl-master-sans)!important;-webkit-font-smoothing:antialiased}

/* Header geometry — dashboard is the source of truth. */
.app-header,.mdl-app-header{
  position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:2000!important;
  width:100%!important;max-width:none!important;height:64px!important;min-height:64px!important;max-height:64px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  margin:0!important;padding:0 20px!important;box-sizing:border-box!important;
  background:#20B8C5!important;color:#0B1626!important;border:0!important;border-bottom:3px solid #20B8C5!important;
  border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important;
  font-family:var(--mdl-master-sans)!important;
}
.app-header .brand,.mdl-app-header>div:first-child{
  position:static!important;inset:auto!important;transform:none!important;
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;height:64px!important;
  margin:0!important;padding:0!important;flex:0 1 auto!important;
}
.app-header .brand-link,.mdl-app-header .mdl-brand-link{
  position:static!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;height:64px!important;
  margin:0!important;padding:0!important;color:#fff!important;text-decoration:none!important;
}
.app-header .brand-mark,.mdl-app-header .mdl-brand-mark{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;
  display:grid!important;place-items:center!important;flex:0 0 38px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:2px!important;background:#20B8C5!important;color:#0B1626!important;
}
.app-header .brand-mark svg,.mdl-app-header .mdl-brand-mark svg{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;
  stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.app-header .brand-text,.mdl-app-header .mdl-brand-copy{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
.app-header .brand h1,.app-header .brand-title,.mdl-app-header .mdl-brand-title{
  display:block!important;margin:0!important;padding:0!important;color:#fff!important;font-family:var(--mdl-master-serif)!important;
  font-size:19px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:.005em!important;white-space:nowrap!important;
}
.app-header .brand-tag,.mdl-app-header .mdl-brand-tag{
  display:block!important;margin:1px 0 0!important;padding:0!important;max-width:650px!important;color:#B6C6D6!important;
  font-family:var(--mdl-master-sans)!important;font-size:12px!important;font-weight:400!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.app-header .pill-beta,.mdl-app-header .mdl-beta{
  position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  height:26px!important;min-height:26px!important;max-height:26px!important;margin:0 0 0 6px!important;padding:0 8px!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:2px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;
  font-family:var(--mdl-master-sans)!important;font-size:11px!important;font-weight:700!important;line-height:1!important;letter-spacing:.06em!important;
  text-transform:uppercase!important;white-space:nowrap!important;
}
.app-header .pill-beta svg,.mdl-app-header .mdl-beta svg{width:12px!important;height:12px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}

/* Right controls — fixed desktop widths stop the subtle page-to-page drift. */
.app-header .header-actions,.mdl-app-header .mdl-header-actions{
  position:static!important;inset:auto!important;transform:none!important;float:none!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
  height:64px!important;min-height:64px!important;max-height:64px!important;flex:0 0 auto!important;
  margin:0 0 0 auto!important;padding:0!important;
}
.app-header .learn-switch,.app-header .learn-btn,.mdl-app-header .mdl-learning-btn{
  position:static!important;transform:none!important;width:174px!important;min-width:174px!important;max-width:174px!important;
  height:38px!important;min-height:38px!important;max-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  margin:0!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:3px!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;font-family:var(--mdl-master-sans)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;
}
.app-header .learn-switch>svg,.app-header .learn-btn>svg,.mdl-app-header .mdl-learning-btn>svg{width:17px!important;height:17px!important;flex:none!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
.app-header .learn-switch .track,.app-header .learn-btn .track,.mdl-app-header .mdl-learning-btn .track{
  width:30px!important;height:17px!important;min-width:30px!important;position:relative!important;flex:none!important;border-radius:2px!important;background:rgba(255,255,255,.22)!important;
}
.app-header .learn-switch .track::after,.app-header .learn-btn .track::after,.mdl-app-header .mdl-learning-btn .track::after{
  content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:13px!important;height:13px!important;border-radius:1px!important;background:#fff!important;transition:transform .18s!important;
}
:root:not([data-learn="off"]) .app-header .learn-switch .track,
:root:not([data-learn="off"]) .app-header .learn-btn .track,
:root:not([data-learn="off"]) .mdl-app-header .mdl-learning-btn .track{background:#20B8C5!important}
:root:not([data-learn="off"]) .app-header .learn-switch .track::after,
:root:not([data-learn="off"]) .app-header .learn-btn .track::after,
:root:not([data-learn="off"]) .mdl-app-header .mdl-learning-btn .track::after{transform:translateX(13px)!important}

.app-header .header-user,.mdl-app-header .mdl-account-link{
  position:static!important;transform:none!important;width:104px!important;min-width:104px!important;max-width:104px!important;
  height:38px!important;min-height:38px!important;max-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  margin:0!important;padding:0 10px 0 6px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:3px!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;font-family:var(--mdl-master-sans)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;
}
.app-header .avatar,.mdl-app-header .mdl-account-link .avatar{
  width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;display:grid!important;place-items:center!important;flex:none!important;
  margin:0!important;padding:0!important;border-radius:2px!important;background:#20B8C5!important;color:#0B1626!important;
}
.app-header .avatar svg,.mdl-app-header .mdl-account-link .avatar svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
.app-header .header-user .email,.app-header .header-user .lbl{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.app-header .icon-btn,.app-header .theme-btn,.mdl-app-header .mdl-theme-btn{
  position:static!important;inset:auto!important;transform:none!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:3px!important;
  background:rgba(255,255,255,.06)!important;color:#fff!important;
}
.app-header .icon-btn svg,.app-header .theme-btn svg,.mdl-app-header .mdl-theme-btn svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
.app-header .icon-btn .i-sun,.app-header .theme-btn .sun,.mdl-app-header .mdl-theme-btn .mdl-sun{display:none!important}
:root[data-theme="dark"] .app-header .icon-btn .i-sun,
:root[data-theme="dark"] .app-header .theme-btn .sun,
:root[data-theme="dark"] .mdl-app-header .mdl-theme-btn .mdl-sun{display:block!important}
:root[data-theme="dark"] .app-header .icon-btn .i-moon,
:root[data-theme="dark"] .app-header .theme-btn .moon,
:root[data-theme="dark"] .mdl-app-header .mdl-theme-btn .mdl-moon{display:none!important}

/* Shell + sidebar — supports both dashboard and standalone class names. */
.shell,.mdl-shell{
  display:grid!important;grid-template-columns:264px minmax(0,1fr)!important;min-height:calc(100vh - 64px)!important;
  margin:0!important;padding:0!important;background:linear-gradient(90deg,#fff 0,#fff 263px,#D9E2E8 263px,#D9E2E8 264px,transparent 264px)!important;
}
.sidebar,.mdl-sidebar{
  position:sticky!important;top:64px!important;align-self:start!important;width:264px!important;min-width:264px!important;max-width:264px!important;
  min-height:calc(100vh - 64px)!important;max-height:calc(100vh - 64px)!important;overflow:auto!important;
  display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:16px 12px!important;
  background:#fff!important;border:0!important;border-right:1px solid #D9E2E8!important;border-radius:0!important;box-shadow:none!important;
  font-family:var(--mdl-master-sans)!important;
}
.sidenav,.mdl-sidenav{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1!important;margin:0!important;padding:0!important}
.nav-group,.mdl-nav-group{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:0!important}
.nav-label,.mdl-nav-label{
  margin:0!important;padding:14px 12px 6px!important;color:#5C6B7A!important;font-family:var(--mdl-master-sans)!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.09em!important;text-transform:uppercase!important;
}
.nav-group:first-child .nav-label,.mdl-nav-group:first-child .mdl-nav-label{padding-top:4px!important}
.navbtn,.mdl-navbtn{
  width:100%!important;min-height:0!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:9px 12px!important;
  border:0!important;border-radius:3px!important;background:transparent!important;color:#364553!important;box-shadow:none!important;
  font-family:var(--mdl-master-sans)!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;text-align:left!important;text-decoration:none!important;white-space:nowrap!important;
}
.navbtn svg,.mdl-navbtn svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:none!important;color:#5C6B7A!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.navbtn:hover,.mdl-navbtn:hover{background:#EEF3F5!important;color:#0B1626!important}
.navbtn.active,.mdl-navbtn.active{
  background:rgba(32,184,197,.12)!important;
  color:#0B7480!important;
}
.sidebar-foot,.mdl-sidebar-foot{margin-top:auto!important;padding:12px 12px 4px!important;border-top:1px solid #D9E2E8!important;color:#5C6B7A!important;font-family:var(--mdl-master-sans)!important;font-size:12px!important;line-height:1.5!important}
.sidebar-foot b,.mdl-sidebar-foot b{display:block!important;margin:0 0 2px!important;color:#364553!important;font-size:12px!important}

@media(max-width:900px){
  :root{--mdl-master-header-h:58px}
  .app-header,.mdl-app-header{height:58px!important;min-height:58px!important;max-height:58px!important;padding:0 12px!important}
  .app-header .brand,.app-header .brand-link,.mdl-app-header>div:first-child,.mdl-app-header .mdl-brand-link{height:58px!important}
  .app-header .header-actions,.mdl-app-header .mdl-header-actions{height:58px!important;min-height:58px!important;max-height:58px!important;gap:6px!important}
  .app-header .brand-tag,.mdl-app-header .mdl-brand-tag,.app-header .pill-beta,.mdl-app-header .mdl-beta{display:none!important}
  .app-header .learn-switch,.app-header .learn-btn,.mdl-app-header .mdl-learning-btn{width:48px!important;min-width:48px!important;max-width:48px!important;padding:0!important;gap:0!important}
  .app-header .learn-switch .lbl,.app-header .learn-btn .lbl,.mdl-app-header .mdl-learning-btn .lbl,.app-header .learn-switch>svg,.app-header .learn-btn>svg,.mdl-app-header .mdl-learning-btn>svg{display:none!important}
  .app-header .header-user,.mdl-app-header .mdl-account-link{width:38px!important;min-width:38px!important;max-width:38px!important;padding:0!important;justify-content:center!important}
  .app-header .header-user .email,.app-header .header-user .lbl,.mdl-app-header .mdl-account-link .lbl{display:none!important}
  .shell,.mdl-shell{grid-template-columns:1fr!important;background:none!important}
  .sidebar,.mdl-sidebar{position:sticky!important;top:58px!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;height:auto!important;padding:8px 10px!important;border-right:0!important;border-bottom:1px solid #D9E2E8!important;flex-direction:row!important;overflow:hidden!important;z-index:1900!important}
  .sidenav,.mdl-sidenav{flex-direction:row!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .nav-group,.mdl-nav-group{display:contents!important}
  .nav-label,.mdl-nav-label,.sidebar-foot,.mdl-sidebar-foot{display:none!important}
  .navbtn,.mdl-navbtn{width:auto!important;flex:none!important;padding:8px 12px!important;font-size:13px!important;gap:7px!important}
}

/* Stronger sidebar readability — light mode */
:root:not([data-theme="dark"]) .mdl-navbtn,
:root:not([data-theme="dark"]) .navbtn {
    color:#0B1626!important;
}

html:not([data-theme="dark"]) .mdl-sidebar,
html:not([data-theme="dark"]) .sidebar {
    color: #000000 !important;
}

html:not([data-theme="dark"]) .mdl-sidebar *,
html:not([data-theme="dark"]) .sidebar * {
    color: #000000 !important;
}

html:not([data-theme="dark"]) .mdl-navbtn,
html:not([data-theme="dark"]) .navbtn,
html:not([data-theme="dark"]) .mdl-navbtn.active,
html:not([data-theme="dark"]) .navbtn.active,
html:not([data-theme="dark"]) .mdl-nav-label,
html:not([data-theme="dark"]) .nav-label,
html:not([data-theme="dark"]) .mdl-sidebar-foot,
html:not([data-theme="dark"]) .sidebar-foot {
    color: #000000 !important;
}

/* Icons */
html:not([data-theme="dark"]) .mdl-sidebar svg,
html:not([data-theme="dark"]) .sidebar svg {
    color: #000000 !important;
    stroke: #000000 !important;
}

/* Keep borders light */
html:not([data-theme="dark"]) .mdl-sidebar,
html:not([data-theme="dark"]) .sidebar {
    border-color: #D9E2E8 !important;
}