/* ThaoSaki global dark mode - loaded after theme CSS */
html.theme-dark{
  --bg:#0f1724;
  --card:#172033;
  --text:#e8eef8;
  --muted:#94a3b8;
  --muted2:#c3cede;
  --line:rgba(255,255,255,.10);
  --line2:#334155;
  --primary-l:#17345f;
  --primary-l2:#13233d;
  color-scheme:dark;
}
html.theme-dark body,
html.theme-dark .main,
html.theme-dark .page,
html.theme-dark .content,
html.theme-dark .app-shell,
html.theme-dark .wrap,
html.theme-dark .play-page,
html.theme-dark .student-page{
  background:var(--bg)!important;
  color:var(--text)!important;
}
html.theme-dark .sidebar{
  background:#111827!important;
  border-right:1px solid var(--line)!important;
  box-shadow:none!important;
}
html.theme-dark .sidebar .brand{
  background:#111827!important;
  border-bottom:1px solid var(--line)!important;
}
html.theme-dark .nav-group{
  color:#94a3b8!important;
  opacity:1!important;
}
html.theme-dark .sidebar .nav-item{
  color:#d8e2f0!important;
  font-weight:500!important;
}
html.theme-dark .sidebar .nav-item .ico{
  opacity:.95!important;
}
html.theme-dark .sidebar .nav-item:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
html.theme-dark .sidebar .nav-item.active{
  background:#2563eb!important;
  color:#fff!important;
  font-weight:600!important;
  box-shadow:none!important;
}
html.theme-dark .sidebar-foot{
  background:#111827!important;
  border-top:1px solid var(--line)!important;
}
html.theme-dark .mode-sw{
  background:rgba(255,255,255,.06)!important;
  border-color:var(--line)!important;
}
html.theme-dark .mode-sw button{
  color:#d8e2f0!important;
  font-weight:500!important;
}
html.theme-dark .mode-sw button.on{
  background:#2563eb!important;
  color:#fff!important;
  font-weight:600!important;
}
html.theme-dark .topbar{
  background:#111827!important;
  border-bottom:1px solid var(--line)!important;
}
html.theme-dark .topsearch input,
html.theme-dark .bell,
html.theme-dark .hamb,
html.theme-dark .gx-chip,
html.theme-dark .theme-toggle,
html.theme-dark .user-chip,
html.theme-dark .btn,
html.theme-dark .chip,
html.theme-dark .pill,
html.theme-dark .badge,
html.theme-dark .tag{
  background:#172033!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html.theme-dark .card,
html.theme-dark .stat,
html.theme-dark .table,
html.theme-dark .q-card,
html.theme-dark .qb-item,
html.theme-dark .qb-card,
html.theme-dark .auth-card,
html.theme-dark .ym,
html.theme-dark .flash-face,
html.theme-dark .xopt-box,
html.theme-dark .section,
html.theme-dark .panel,
html.theme-dark .box,
html.theme-dark .widget,
html.theme-dark .chart-card,
html.theme-dark .content-card,
html.theme-dark .lesson-card,
html.theme-dark .form-card,
html.theme-dark .page-head,
html.theme-dark .modal,
html.theme-dark .modal-box,
html.theme-dark .dropdown-menu,
html.theme-dark .gx-ud-menu,
html.theme-dark .audio-tools,
html.theme-dark .vocab-word-tools,
html.theme-dark .quick-import-card{
  background:var(--card)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html.theme-dark [style*="background:#fff"],
html.theme-dark [style*="background: #fff"],
html.theme-dark [style*="background:#ffffff"],
html.theme-dark [style*="background: #ffffff"],
html.theme-dark [style*="background:white"],
html.theme-dark [style*="background: white"],
html.theme-dark [style*="background-color:#fff"],
html.theme-dark [style*="background-color: #fff"],
html.theme-dark [style*="background-color:#ffffff"],
html.theme-dark [style*="background-color: #ffffff"],
html.theme-dark [style*="background-color:white"],
html.theme-dark [style*="background-color: white"],
html.theme-dark [style*="background: rgb(255, 255, 255)"],
html.theme-dark [style*="background-color: rgb(255, 255, 255)"]{
  background:var(--card)!important;
  color:var(--text)!important;
}
html.theme-dark .table th,
html.theme-dark table th,
html.theme-dark thead th{
  background:#111827!important;
  color:var(--muted2)!important;
  border-color:var(--line)!important;
}
html.theme-dark .table td,
html.theme-dark table td,
html.theme-dark tbody td,
html.theme-dark .table tr,
html.theme-dark table tr{
  background:transparent!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html.theme-dark .table tbody tr:nth-child(even) td,
html.theme-dark table tbody tr:nth-child(even) td,
html.theme-dark .table tbody tr:hover td,
html.theme-dark table tbody tr:hover td{
  background:rgba(255,255,255,.035)!important;
}
html.theme-dark input,
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .input,
html.theme-dark .select,
html.theme-dark .textarea,
html.theme-dark .form-control{
  background:#111827!important;
  color:var(--text)!important;
  border-color:var(--line2)!important;
}
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder{
  color:#7f8da3!important;
}
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6,
html.theme-dark label,
html.theme-dark .title,
html.theme-dark .card-title,
html.theme-dark .stat-title,
html.theme-dark .gx-bc .cur{
  color:var(--text)!important;
}
html.theme-dark .muted,
html.theme-dark .muted2,
html.theme-dark small,
html.theme-dark .help,
html.theme-dark .hint,
html.theme-dark .subtext,
html.theme-dark .gx-bc,
html.theme-dark .gx-bc a,
html.theme-dark .gx-footer{
  color:var(--muted)!important;
}
html.theme-dark a{
  color:#7db5ff;
}
html.theme-dark hr,
html.theme-dark .divider,
html.theme-dark .gx-footer{
  border-color:var(--line)!important;
}
html.theme-dark .alert-info{
  background:#172554!important;
  color:#bfdbfe!important;
  border-color:#1d4ed8!important;
}
html.theme-dark .alert-success{
  background:#052e1b!important;
  color:#bbf7d0!important;
  border-color:#047857!important;
}
html.theme-dark .alert-error,
html.theme-dark .alert-danger{
  background:#3f1518!important;
  color:#fecaca!important;
  border-color:#b91c1c!important;
}