/* AI Project Universe V6.5 — colorful Helpdesk-aligned design system. */
:root{
  --apu-hd-radius-sm:10px;
  --apu-hd-radius:14px;
  --apu-hd-radius-lg:18px;
  --apu-hd-transition:180ms cubic-bezier(.2,.8,.2,1);
}

/* Every project keeps an individual accent while sharing the same Helpdesk structure. */
html[data-scroll-theme='it-helpdesk']{--apu-hd-accent:#2563eb;--apu-hd-accent-2:#06b6d4;--apu-hd-accent-rgb:37,99,235;--apu-hd-accent-hsl:221 83% 53%;--apu-hd-accent2-hsl:189 94% 43%;}
html[data-scroll-theme='computer-vision']{--apu-hd-accent:#0f766e;--apu-hd-accent-2:#06b6d4;--apu-hd-accent-rgb:15,118,110;--apu-hd-accent-hsl:175 77% 26%;--apu-hd-accent2-hsl:189 94% 43%;}
html[data-scroll-theme='incident-monitoring']{--apu-hd-accent:#dc2626;--apu-hd-accent-2:#f59e0b;--apu-hd-accent-rgb:220,38,38;--apu-hd-accent-hsl:0 72% 51%;--apu-hd-accent2-hsl:38 92% 50%;}
html[data-scroll-theme='kotlin-policy']{--apu-hd-accent:#7c3aed;--apu-hd-accent-2:#10b981;--apu-hd-accent-rgb:124,58,237;--apu-hd-accent-hsl:263 70% 50%;--apu-hd-accent2-hsl:160 84% 39%;}
html[data-scroll-theme='malaysia-cost']{--apu-hd-accent:#0f766e;--apu-hd-accent-2:#f59e0b;--apu-hd-accent-rgb:15,118,110;--apu-hd-accent-hsl:175 77% 26%;--apu-hd-accent2-hsl:38 92% 50%;}
html[data-scroll-theme='network-subnet']{--apu-hd-accent:#0369a1;--apu-hd-accent-2:#06b6d4;--apu-hd-accent-rgb:3,105,161;--apu-hd-accent-hsl:201 96% 32%;--apu-hd-accent2-hsl:189 94% 43%;}
html[data-scroll-theme='sentiment-analysis']{--apu-hd-accent:#7c3aed;--apu-hd-accent-2:#ec4899;--apu-hd-accent-rgb:124,58,237;--apu-hd-accent-hsl:263 70% 50%;--apu-hd-accent2-hsl:330 81% 60%;}
html[data-scroll-theme='url-shortener']{--apu-hd-accent:#4f46e5;--apu-hd-accent-2:#ec4899;--apu-hd-accent-rgb:79,70,229;--apu-hd-accent-hsl:243 75% 59%;--apu-hd-accent2-hsl:330 81% 60%;}
html[data-scroll-theme='academic-evidence']{--apu-hd-accent:#1d4ed8;--apu-hd-accent-2:#d97706;--apu-hd-accent-rgb:29,78,216;--apu-hd-accent-hsl:224 76% 48%;--apu-hd-accent2-hsl:32 95% 44%;}
html[data-scroll-theme='ai-architect']{--apu-hd-accent:#4f46e5;--apu-hd-accent-2:#c026d3;--apu-hd-accent-rgb:79,70,229;--apu-hd-accent-hsl:243 75% 59%;--apu-hd-accent2-hsl:293 69% 49%;}
html[data-scroll-theme='student-performance']{--apu-hd-accent:#6d28d9;--apu-hd-accent-2:#0f9f91;--apu-hd-accent-rgb:109,40,217;--apu-hd-accent-hsl:263 69% 50%;--apu-hd-accent2-hsl:174 83% 34%;}

html[data-apu-theme='light'][data-apu-project-scroll]{
  color-scheme:light;
  --apu-hd-bg:#f4f7fb;
  --apu-hd-bg-2:#eaf0f8;
  --apu-hd-surface:#ffffff;
  --apu-hd-surface-2:#f8fafc;
  --apu-hd-text:#172033;
  --apu-hd-text-soft:#334155;
  --apu-hd-muted:#64748b;
  --apu-hd-border:#dce5f0;
  --apu-hd-border-strong:#c5d2e2;
  --apu-hd-shadow:0 10px 28px rgba(15,23,42,.08);
  --apu-hd-shadow-lg:0 22px 55px rgba(15,23,42,.13);
  --apu-hd-overlay:rgba(255,255,255,.86);
  --apu-hd-on-accent:#ffffff;
}
html[data-apu-theme='dark'][data-apu-project-scroll]{
  color-scheme:dark;
  --apu-hd-bg:#07101f;
  --apu-hd-bg-2:#0b1729;
  --apu-hd-surface:#101d31;
  --apu-hd-surface-2:#17263c;
  --apu-hd-text:#f8fafc;
  --apu-hd-text-soft:#dbe7f6;
  --apu-hd-muted:#9fb0c6;
  --apu-hd-border:#273a53;
  --apu-hd-border-strong:#3a506d;
  --apu-hd-shadow:0 12px 34px rgba(0,0,0,.31);
  --apu-hd-shadow-lg:0 25px 65px rgba(0,0,0,.42);
  --apu-hd-overlay:rgba(10,22,39,.88);
  --apu-hd-on-accent:#ffffff;
}

/* Override the legacy monochrome contract. */
html[data-apu-project-scroll]{
  --apu-bg:var(--apu-hd-bg)!important;
  --apu-bg-2:var(--apu-hd-bg-2)!important;
  --apu-surface:var(--apu-hd-surface)!important;
  --apu-surface-2:var(--apu-hd-surface-2)!important;
  --apu-surface-glass:var(--apu-hd-overlay)!important;
  --apu-text:var(--apu-hd-text)!important;
  --apu-text-soft:var(--apu-hd-text-soft)!important;
  --apu-muted:var(--apu-hd-muted)!important;
  --apu-border:var(--apu-hd-border)!important;
  --apu-border-strong:var(--apu-hd-border-strong)!important;
  --apu-accent:var(--apu-hd-accent)!important;
  --apu-accent-rgb:var(--apu-hd-accent-rgb)!important;
  --apu-accent-contrast:var(--apu-hd-on-accent)!important;
  --apu-shadow:var(--apu-hd-shadow)!important;
  accent-color:var(--apu-hd-accent)!important;
}
html[data-apu-theme='dark'][data-apu-project-scroll] body>#root,
html[data-apu-theme='dark'][data-apu-project-scroll] #root{
  filter:none!important;
}
html[data-apu-project-scroll] body{
  color:var(--apu-hd-text)!important;
  background:
    radial-gradient(circle at 8% -10%,rgba(var(--apu-hd-accent-rgb),.18),transparent 32rem),
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--apu-hd-accent-2) 12%,transparent),transparent 28rem),
    linear-gradient(180deg,var(--apu-hd-bg),var(--apu-hd-bg-2))!important;
}
html[data-apu-project-scroll] .apu-grid-overlay-v62{
  background-image:
    linear-gradient(color-mix(in srgb,var(--apu-hd-accent) 6%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--apu-hd-accent) 6%,transparent) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.72!important;
}

/* HSL variable apps (Tailwind/shadcn) use the same Helpdesk palette. */
html[data-apu-project-scroll]:is(
  [data-scroll-theme='computer-vision'],[data-scroll-theme='incident-monitoring'],
  [data-scroll-theme='sentiment-analysis'],[data-scroll-theme='url-shortener'],
  [data-scroll-theme='academic-evidence'],[data-scroll-theme='ai-architect']
){
  --primary:var(--apu-hd-accent-hsl)!important;
  --primary-foreground:0 0% 100%!important;
  --ring:var(--apu-hd-accent-hsl)!important;
  --sidebar-primary:var(--apu-hd-accent-hsl)!important;
  --sidebar-primary-foreground:0 0% 100%!important;
}
html[data-apu-theme='light'][data-apu-project-scroll]:is(
  [data-scroll-theme='computer-vision'],[data-scroll-theme='incident-monitoring'],
  [data-scroll-theme='sentiment-analysis'],[data-scroll-theme='url-shortener'],
  [data-scroll-theme='academic-evidence'],[data-scroll-theme='ai-architect']
){
  --background:216 33% 97%!important;--foreground:222 41% 14%!important;
  --card:0 0% 100%!important;--card-foreground:222 41% 14%!important;
  --popover:0 0% 100%!important;--popover-foreground:222 41% 14%!important;
  --secondary:214 37% 94%!important;--secondary-foreground:222 35% 20%!important;
  --muted:214 37% 94%!important;--muted-foreground:215 18% 42%!important;
  --accent:var(--apu-hd-accent2-hsl)!important;--accent-foreground:0 0% 100%!important;
  --border:214 30% 87%!important;--input:214 30% 87%!important;
  --sidebar-background:0 0% 100%!important;--sidebar-foreground:222 41% 14%!important;
  --sidebar-accent:214 45% 94%!important;--sidebar-accent-foreground:222 41% 14%!important;
  --sidebar-border:214 30% 87%!important;
}
html[data-apu-theme='dark'][data-apu-project-scroll]:is(
  [data-scroll-theme='computer-vision'],[data-scroll-theme='incident-monitoring'],
  [data-scroll-theme='sentiment-analysis'],[data-scroll-theme='url-shortener'],
  [data-scroll-theme='academic-evidence'],[data-scroll-theme='ai-architect']
){
  --background:216 62% 7%!important;--foreground:210 40% 98%!important;
  --card:216 50% 13%!important;--card-foreground:210 40% 98%!important;
  --popover:216 50% 13%!important;--popover-foreground:210 40% 98%!important;
  --secondary:215 40% 19%!important;--secondary-foreground:210 40% 98%!important;
  --muted:215 40% 19%!important;--muted-foreground:215 24% 72%!important;
  --accent:var(--apu-hd-accent2-hsl)!important;--accent-foreground:0 0% 100%!important;
  --border:214 31% 24%!important;--input:214 31% 24%!important;
  --sidebar-background:216 50% 11%!important;--sidebar-foreground:210 40% 98%!important;
  --sidebar-accent:215 40% 19%!important;--sidebar-accent-foreground:210 40% 98%!important;
  --sidebar-border:214 31% 24%!important;
}

/* Native-variable projects. */
html[data-scroll-theme='it-helpdesk']{
  --primary:var(--apu-hd-accent)!important;--primary-dark:#1d4ed8!important;
  --secondary:#64748b!important;--success:#16a34a!important;--warning:#f59e0b!important;--danger:#ef4444!important;--info:#06b6d4!important;
  --bg-primary:var(--apu-hd-bg)!important;--bg-secondary:var(--apu-hd-surface)!important;
  --text-primary:var(--apu-hd-text)!important;--text-secondary:var(--apu-hd-muted)!important;--border:var(--apu-hd-border)!important;
}
html[data-scroll-theme='malaysia-cost']{
  --bg:var(--apu-hd-bg)!important;--surface:var(--apu-hd-surface)!important;--surface-soft:var(--apu-hd-surface-2)!important;
  --ink:var(--apu-hd-text)!important;--muted:var(--apu-hd-muted)!important;--line:var(--apu-hd-border)!important;
  --brand:var(--apu-hd-accent)!important;--brand-deep:#075d73!important;--brand2:#14b8a6!important;--accent:#f59e0b!important;--danger:#ef4444!important;
}
html[data-scroll-theme='network-subnet']{
  --bg:var(--apu-hd-bg)!important;--panel:var(--apu-hd-surface)!important;--panel-2:var(--apu-hd-surface-2)!important;
  --surface:var(--apu-hd-surface)!important;--surface-2:var(--apu-hd-surface-2)!important;--ink:var(--apu-hd-text)!important;
  --muted:var(--apu-hd-muted)!important;--line:var(--apu-hd-border)!important;--blue:var(--apu-hd-accent)!important;--blue2:var(--apu-hd-accent-2)!important;
  --navy:#0b1324!important;--green:#059669!important;--amber:#d97706!important;--red:#dc2626!important;
}
html[data-scroll-theme='student-performance']{
  --bg:var(--apu-hd-bg)!important;--panel:var(--apu-hd-surface)!important;--panel-2:var(--apu-hd-surface-2)!important;--panel-3:var(--apu-hd-bg-2)!important;
  --line:var(--apu-hd-border)!important;--text:var(--apu-hd-text)!important;--muted:var(--apu-hd-muted)!important;
  --brand:var(--apu-hd-accent)!important;--brand-2:var(--apu-hd-accent-2)!important;--cyan:#0891b2!important;--green:#059669!important;--amber:#d97706!important;--red:#e11d48!important;
}
html[data-scroll-theme='kotlin-policy']{
  --bg-primary:var(--apu-hd-bg)!important;--bg-secondary:var(--apu-hd-surface)!important;
  --text-primary:var(--apu-hd-text)!important;--text-secondary:var(--apu-hd-muted)!important;
  --border-color:var(--apu-hd-border)!important;--accent:var(--apu-hd-accent)!important;
}

/* Shared IT Helpdesk visual language: clean surfaces, compact radii, visible hierarchy. */
html[data-apu-project-scroll] :where(
  header,.app-header,.app-header-bar,.topbar,.top-bar,.navbar,.nav-header,
  [class*='sticky'][class*='top-0']
){
  border-color:var(--apu-hd-border)!important;
}
html[data-apu-project-scroll] :where(
  .card,.panel,.stat-card,.metric-card,.chart-card,.table-card,.detail-card,.summary-card,
  [class*='rounded-xl'][class*='border'],[class*='rounded-2xl'][class*='border'],
  [data-radix-popper-content-wrapper] > div
){
  border-color:var(--apu-hd-border)!important;
  box-shadow:var(--apu-hd-shadow)!important;
}
html[data-apu-project-scroll] :where(.card,.panel,.stat-card,.metric-card,.chart-card,.table-card,.detail-card,.summary-card){
  border-radius:var(--apu-hd-radius)!important;
}
html[data-apu-project-scroll] :where(aside,.sidebar,[data-sidebar='sidebar'],.side-nav,.app-sidebar){
  border-color:var(--apu-hd-border)!important;
  box-shadow:8px 0 28px rgba(15,23,42,.055)!important;
}
html[data-apu-theme='dark'][data-apu-project-scroll] :where(aside,.sidebar,[data-sidebar='sidebar'],.side-nav,.app-sidebar){
  box-shadow:10px 0 32px rgba(0,0,0,.24)!important;
}
html[data-apu-project-scroll] :where(nav a,.nav a,.sidebar a,[data-sidebar='menu-button']){
  border-radius:10px!important;
  transition:background-color var(--apu-hd-transition),color var(--apu-hd-transition),transform var(--apu-hd-transition)!important;
}
html[data-apu-project-scroll] :where(nav a,.nav a,.sidebar a,[data-sidebar='menu-button']):hover{
  background:color-mix(in srgb,var(--apu-hd-accent) 11%,transparent)!important;
}
html[data-apu-project-scroll] :where(nav a.active,.nav a.active,.sidebar a.active,[aria-current='page'],[data-active='true']){
  color:var(--apu-hd-accent)!important;
  background:color-mix(in srgb,var(--apu-hd-accent) 14%,transparent)!important;
}
html[data-apu-theme='dark'][data-apu-project-scroll] :where(nav a.active,.nav a.active,.sidebar a.active,[aria-current='page'],[data-active='true']){
  color:#ffffff!important;
}
html[data-apu-project-scroll] :where(input:not([type='checkbox']):not([type='radio']),textarea,select){
  color:var(--apu-hd-text)!important;
  background-color:var(--apu-hd-surface)!important;
  border-color:var(--apu-hd-border-strong)!important;
  border-radius:10px!important;
}
html[data-apu-project-scroll] :where(input,textarea,select)::placeholder{color:var(--apu-hd-muted)!important;opacity:.95!important;}
html[data-apu-project-scroll] :where(select option){color:var(--apu-hd-text)!important;background:var(--apu-hd-surface)!important;}
html[data-apu-project-scroll] :where(table){border-color:var(--apu-hd-border)!important;}
html[data-apu-project-scroll] :where(th){color:var(--apu-hd-text-soft)!important;background:color-mix(in srgb,var(--apu-hd-accent) 8%,var(--apu-hd-surface-2))!important;}
html[data-apu-project-scroll] :where(td,th){border-color:var(--apu-hd-border)!important;}
html[data-apu-project-scroll] :where(button,[role='button']){border-radius:10px!important;}
html[data-apu-project-scroll] :where(.btn-primary,button.bg-primary,[class*='bg-primary']){
  box-shadow:0 8px 18px rgba(var(--apu-hd-accent-rgb),.18)!important;
}
html[data-apu-project-scroll] :where(a,button,input,select,textarea,[role='button']):focus-visible{
  outline:3px solid color-mix(in srgb,var(--apu-hd-accent) 35%,transparent)!important;
  outline-offset:2px!important;
}

/* Translation/theme menu: same container style and guaranteed light/dark contrast. */
#apu-ui-dock-v62{
  color:var(--apu-hd-text)!important;
  background:var(--apu-hd-overlay)!important;
  border:1px solid var(--apu-hd-border-strong)!important;
  border-radius:16px!important;
  box-shadow:var(--apu-hd-shadow-lg)!important;
  gap:8px!important;
  padding:7px!important;
}
#apu-ui-dock-v62 .apu-chunky-v62,
#apu-ui-dock-v62 .apu-ui-theme-v62,
#apu-ui-dock-v62 .apu-ui-language-wrap-v62{
  min-height:44px!important;
  color:var(--apu-hd-text)!important;
  background:var(--apu-hd-surface)!important;
  border:1px solid var(--apu-hd-border-strong)!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
#apu-ui-dock-v62 .apu-ui-theme-v62:hover,
#apu-ui-dock-v62 .apu-ui-language-wrap-v62:hover{
  color:var(--apu-hd-on-accent)!important;
  background:var(--apu-hd-accent)!important;
  border-color:var(--apu-hd-accent)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(var(--apu-hd-accent-rgb),.20)!important;
}
#apu-ui-dock-v62 .apu-ui-language-wrap-v62{min-width:238px!important;overflow:hidden!important;}
#apu-ui-dock-v62 .apu-ui-language-v62{
  width:100%!important;min-width:238px!important;max-width:none!important;min-height:42px!important;
  color:inherit!important;background:transparent!important;border:0!important;border-radius:inherit!important;
  padding:0 40px 0 44px!important;font-weight:750!important;
}
#apu-ui-dock-v62 .apu-ui-language-v62 option{
  color:var(--apu-hd-text)!important;
  background:var(--apu-hd-surface)!important;
}
html[data-apu-theme='dark'] #apu-ui-dock-v62 .apu-ui-language-v62 option{color:#ffffff!important;background:#101d31!important;}
html[data-apu-theme='light'] #apu-ui-dock-v62 .apu-ui-language-v62 option{color:#172033!important;background:#ffffff!important;}
#apu-ui-dock-v62 .apu-ui-language-wrap-v62>svg,
#apu-ui-dock-v62 .apu-ui-language-wrap-v62::after{color:inherit!important;}
#apu-ui-dock-v62[data-apu-inline='true']{margin:10px 12px!important;max-width:calc(100% - 24px)!important;}

/* Sentiment Analysis must contain only the original upper SentiScope application. */
html[data-scroll-theme='sentiment-analysis'] :where(#apuSentimentStudio,.apu-studio-jump,#apuSentimentToast){display:none!important;}

/* Ensure dark theme never leaves dark text on dark project surfaces. */
html[data-apu-theme='dark'][data-apu-project-scroll] :where(
  .bg-white,.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-slate-100,
  [class~='text-gray-900'],[class~='text-slate-900'],[class~='text-zinc-900']
){color:var(--apu-hd-text)!important;}
html[data-apu-theme='light'][data-apu-project-scroll] :where(
  .bg-black,.bg-gray-950,.bg-gray-900,.bg-slate-950,.bg-slate-900,
  [class~='text-white']
){color:var(--apu-hd-text)!important;}

@media(max-width:900px){
  html[data-apu-project-scroll] :where(.card,.panel,.stat-card,.metric-card,.chart-card,.table-card,.detail-card,.summary-card){border-radius:12px!important;}
  #apu-ui-dock-v62{border-radius:14px!important;}
}
@media(max-width:620px){
  #apu-ui-dock-v62[data-apu-inline='true']{width:calc(100% - 16px)!important;max-width:none!important;margin:8px!important;}
  #apu-ui-dock-v62[data-apu-inline='true'] .apu-ui-theme-v62{flex:1 1 100px!important;}
  #apu-ui-dock-v62[data-apu-inline='true'] .apu-ui-language-wrap-v62{flex:2 1 190px!important;min-width:180px!important;}
  #apu-ui-dock-v62 .apu-ui-language-v62{min-width:180px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-apu-project-scroll] *,html[data-apu-project-scroll] *::before,html[data-apu-project-scroll] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}


/* AI Project Universe V6.5 — Helpdesk mobile header, left drawer, exit button and narrow mobile content. */
.apu-mobile-header-v65,.apu-mobile-drawer-v65,.apu-mobile-overlay-v65{display:none}
.apu-sr-v65{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media (max-width:54rem){
  html[data-apu-mobile-helpdesk='v6.5'],html[data-apu-mobile-helpdesk='v6.5'] body{max-width:100%!important;overflow-x:hidden!important}
  html[data-apu-mobile-helpdesk='v6.5'] body{padding-top:64px!important}
  html.apu-mobile-menu-open-v65,html.apu-mobile-menu-open-v65 body{overflow:hidden!important;overscroll-behavior:none!important}

  /* Disable previous generated bars so one consistent Helpdesk navigation remains. */
  .apu-v5-mobile-project-bar,.apu-v5-mobile-nav-drawer{display:none!important}

  .apu-mobile-header-v65{
    position:fixed;inset:0 0 auto 0;z-index:2147483200;
    display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;
    min-height:64px;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));
    color:var(--apu-hd-text,#f8fafc);background:var(--apu-hd-nav,#0b172a);
    border-bottom:1px solid var(--apu-hd-border-strong,#2a3a52);box-shadow:0 10px 28px rgba(0,0,0,.22);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  .apu-mobile-menu-v65,.apu-mobile-exit-v65,.apu-mobile-drawer-head-v65 button{
    width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;
    color:var(--apu-hd-text,#f8fafc);background:var(--apu-hd-surface,#112139);
    border:1px solid var(--apu-hd-border-strong,#31445f);border-radius:12px;box-shadow:none;cursor:pointer;touch-action:manipulation;
  }
  .apu-mobile-menu-v65>span{width:21px;display:grid;gap:4px}
  .apu-mobile-menu-v65 i{display:block;width:21px;height:2px;border-radius:99px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  html.apu-mobile-menu-open-v65 .apu-mobile-menu-v65 i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  html.apu-mobile-menu-open-v65 .apu-mobile-menu-v65 i:nth-child(2){opacity:0}
  html.apu-mobile-menu-open-v65 .apu-mobile-menu-v65 i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .apu-mobile-exit-v65 span,.apu-mobile-drawer-head-v65 button{font:800 25px/1 system-ui,sans-serif}
  .apu-mobile-title-v65{min-width:0;text-align:left}
  .apu-mobile-title-v65 strong,.apu-mobile-title-v65 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .apu-mobile-title-v65 strong{font-size:15px;line-height:1.18;color:var(--apu-hd-text,#f8fafc)}
  .apu-mobile-title-v65 small{margin-top:3px;font-size:11px;line-height:1.1;color:var(--apu-hd-muted,#a9bad1)}

  .apu-mobile-overlay-v65{
    position:fixed;inset:64px 0 0;z-index:2147483000;display:block;padding:0;border:0;border-radius:0;
    background:rgba(2,6,23,.66);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;
  }
  .apu-mobile-drawer-v65{
    position:fixed;left:0;top:64px;bottom:0;z-index:2147483100;display:flex;flex-direction:column;
    width:min(86vw,330px);max-width:calc(100vw - 38px);min-width:0;padding:0;
    color:var(--apu-hd-text,#f8fafc);background:var(--apu-hd-nav,#0b172a);border:0;border-right:1px solid var(--apu-hd-border-strong,#2a3a52);
    box-shadow:24px 0 52px rgba(0,0,0,.36);transform:translateX(-104%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  html.apu-mobile-menu-open-v65 .apu-mobile-overlay-v65{opacity:1;visibility:visible;pointer-events:auto}
  html.apu-mobile-menu-open-v65 .apu-mobile-drawer-v65{transform:translateX(0);visibility:visible}
  .apu-mobile-drawer-head-v65{display:grid;grid-template-columns:46px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--apu-hd-border,#23344b)}
  .apu-mobile-mark-v65{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--apu-hd-accent,#2563eb);color:var(--apu-hd-on-accent,#fff);font-weight:900;font-size:13px}
  .apu-mobile-drawer-head-v65 div{min-width:0}
  .apu-mobile-drawer-head-v65 strong,.apu-mobile-drawer-head-v65 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .apu-mobile-drawer-head-v65 strong{font-size:15px;color:var(--apu-hd-text,#f8fafc)}
  .apu-mobile-drawer-head-v65 small{margin-top:3px;font-size:10px;color:var(--apu-hd-muted,#a9bad1)}
  .apu-mobile-drawer-v65 nav{flex:1;min-height:0;display:grid;align-content:start;gap:7px;overflow-y:auto;overscroll-behavior:contain;padding:12px}
  .apu-mobile-drawer-v65 nav a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid transparent;border-radius:11px;color:var(--apu-hd-muted,#a9bad1);background:color-mix(in srgb,var(--apu-hd-surface,#112139) 76%,transparent);text-decoration:none;font-size:13px;font-weight:750;line-height:1.25}
  .apu-mobile-drawer-v65 nav a span{min-width:0;overflow-wrap:anywhere}
  .apu-mobile-drawer-v65 nav a b{font-size:20px;font-weight:500}
  .apu-mobile-drawer-v65 nav a[aria-current='page']{color:var(--apu-hd-text,#fff);background:color-mix(in srgb,var(--apu-hd-accent,#2563eb) 20%,var(--apu-hd-surface,#112139));border-color:color-mix(in srgb,var(--apu-hd-accent,#2563eb) 66%,transparent);box-shadow:inset 4px 0 0 var(--apu-hd-accent,#2563eb)}
  .apu-mobile-drawer-exit-v65{margin:0 12px max(12px,env(safe-area-inset-bottom));min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid color-mix(in srgb,#ef4444 62%,var(--apu-hd-border,#23344b));border-radius:11px;background:rgba(239,68,68,.12);color:#fecaca;font-size:13px;font-weight:850;cursor:pointer}

  [data-apu-native-sidebar-v65='true'],[data-apu-native-menu-trigger-v65='true']{display:none!important}
  html[data-scroll-theme='student-performance'] .sp-sidebar,
  html[data-scroll-theme='network-subnet'] .app-header{display:none!important}
  html[data-scroll-theme='student-performance'] .sp-app{display:block!important}
  html[data-scroll-theme='student-performance'] .sp-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:18px 12px 58px!important}
  html[data-scroll-theme='student-performance'] .sp-page-head{grid-template-columns:1fr!important;gap:14px!important}
  html[data-scroll-theme='student-performance'] .sp-head-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important}
  html[data-scroll-theme='student-performance'] .sp-head-actions>*{flex:1 1 150px!important;min-width:0!important}
  html[data-scroll-theme='student-performance'] .sp-grid{grid-template-columns:1fr!important}

  /* Contain all project content inside the phone viewport. */
  html[data-apu-mobile-helpdesk='v6.5'] :where(main,#root,#app,.app-shell,.sp-app,.sp-main,.page,.content,.container,.wrapper){min-width:0!important;max-width:100%!important}
  html[data-apu-mobile-helpdesk='v6.5'] :where(h1,h2,h3,h4,p,li,td,th,label,span,strong,small,a,button){overflow-wrap:anywhere}
  html[data-apu-mobile-helpdesk='v6.5'] :where(img,svg,canvas,video){max-width:100%!important}

  /* Network Subnet: remove desktop-only minimum widths and keep scrolling local to true data grids. */
  html[data-scroll-theme='network-subnet'] :where(.app-shell,#networkApp,#appMain,.page-shell,.page-content,.content-grid,.card,.panel,.calc-card,.calc-step,.troubleshoot-step,.result-card,.detail-card){width:100%!important;max-width:100%!important;min-width:0!important}
  html[data-scroll-theme='network-subnet'] #appMain{padding:14px 10px 48px!important;overflow-x:hidden!important}
  html[data-scroll-theme='network-subnet'] :where(.binary-row,.binary-line,.formula-row,.calc-row,.result-row,.address-row,.mask-row){grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important;gap:8px!important}
  html[data-scroll-theme='network-subnet'] :where(.binary-row>*,.binary-line>*,.formula-row>*,.calc-row>*,.result-row>*,.address-row>*,.mask-row>*){min-width:0!important;max-width:100%!important}
  html[data-scroll-theme='network-subnet'] :where(pre,code,.binary-code,.calc-formula,.formula-box,.command-box){max-width:100%!important;min-width:0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  html[data-scroll-theme='network-subnet'] :where(.bit-map,.table-wrap,.subnet-table-wrap,.command-table-wrap){max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch}
  html[data-scroll-theme='network-subnet'] :where(.calc-card,.calc-step,.troubleshoot-step,.panel,.card){padding:16px!important;border-radius:14px!important}
  html[data-scroll-theme='network-subnet'] :where(input,select,textarea,.input-shell,.output-shell){width:100%!important;max-width:100%!important;min-width:0!important}
  html[data-scroll-theme='network-subnet'] .app-footer{padding:18px 12px!important;display:grid!important;gap:6px!important}

  /* React dashboards: old fixed sidebars and mobile trigger bars stay out of the content flow. */
  html[data-scroll-theme='computer-vision'] #root>div,
  html[data-scroll-theme='sentiment-analysis'] #root>div,
  html[data-scroll-theme='academic-evidence'] #root>div{min-width:0!important;max-width:100%!important}
  html[data-scroll-theme='computer-vision'] main,
  html[data-scroll-theme='sentiment-analysis'] main,
  html[data-scroll-theme='academic-evidence'] main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  html[data-scroll-theme='sentiment-analysis'] main>div[class*='overflow-auto']{height:auto!important;min-height:0!important;overflow:visible!important;padding:16px 12px 56px!important}
}

@media (max-width:400px){
  .apu-mobile-header-v65{grid-template-columns:44px minmax(0,1fr) 44px;padding-inline:7px;gap:6px}
  .apu-mobile-menu-v65,.apu-mobile-exit-v65{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:10px}
  .apu-mobile-title-v65 strong{font-size:13px}.apu-mobile-title-v65 small{font-size:10px}
  html[data-scroll-theme='network-subnet'] #appMain{padding-inline:8px!important}
  html[data-scroll-theme='network-subnet'] :where(.calc-card,.calc-step,.troubleshoot-step,.panel,.card){padding:13px!important}
}
