/* DARK_MODE_GLOBAL_V1 */
.dark-toggle{position:fixed;right:18px;top:14px;z-index:10002;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;color:#111827;box-shadow:0 12px 32px rgba(15,23,42,.16);font-size:20px;display:flex;align-items:center;justify-content:center}
body.dark-mode{--bg:#0b1020;--card:#111827;--text:#f9fafb;--muted:#cbd5e1;--line:#263244;--brand:#e5e7eb;--soft:#1f2937;background:#0b1020;color:#f9fafb}
body.dark-mode .sidebar,body.dark-mode .card,body.dark-mode .login-card,body.dark-mode table{background:#111827!important;border-color:#263244!important;color:#f9fafb}
body.dark-mode th{background:#1f2937!important;color:#f9fafb}
body.dark-mode td{border-color:#263244!important}
body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#0f172a!important;color:#f9fafb!important;border-color:#334155!important}
body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8!important}
body.dark-mode .nav a{color:#e5e7eb}
body.dark-mode .nav a:hover{background:#1f2937}
body.dark-mode .btn.secondary{background:#1f2937;color:#f9fafb;border:1px solid #334155}
body.dark-mode button,body.dark-mode .btn{background:#f9fafb;color:#111827}
body.dark-mode .muted,body.dark-mode .help{color:#cbd5e1}
body.dark-mode .course-chip{background:#1e293b;color:#dbeafe}
body.dark-mode .bar-track{background:#1e293b}
body.dark-mode .bar-fill,body.dark-mode .mini-bar{background:#e5e7eb}
body.dark-mode .sim-banner{background:#1e1b4b;border-color:#4338ca;color:#e0e7ff}
body.dark-mode .mobile-menu-btn,body.dark-mode .dark-toggle{background:#111827;color:#f9fafb;border-color:#334155}
body.dark-mode .mobile-menu-overlay{background:rgba(0,0,0,.55)}
body.dark-mode .login-page{background:linear-gradient(135deg,#020617 0%,#111827 100%)}
@media(max-width:760px){.dark-toggle{right:12px;top:12px}}

/* DARK_TOGGLE_INSIDE_MENU_V2 */
.dark-toggle {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 42px !important;
  margin: 8px 0 0 !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid var(--line) !important;
  background: #f9fafb !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

body.dark-mode .dark-toggle {
  background: #1f2937 !important;
  color: #f9fafb !important;
  border-color: #334155 !important;
}