/* Early theme shell — load before main CSS to avoid FOUC */
html { touch-action: manipulation; }
html[data-theme="dark"] { color-scheme: dark; background: #06080d; }
html[data-theme="light"] { color-scheme: light; background: #f3f5f8; }
html[data-theme="dark"] body { background: #06080d !important; color: #eef2f8; }
html[data-theme="light"] body { background: #f3f5f8 !important; color: #0f172a; }
html[data-theme="dark"] #page-topbar {
  background: rgba(10, 14, 22, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}
html[data-theme="light"] #page-topbar {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .vertical-menu { background: #fff !important; }
html[data-theme="dark"] .vertical-menu { background: rgba(10, 14, 22, 0.98) !important; }