/* ── Giao diện (theme) — nút "Giao diện" trên thanh đầu, nhớ trong trình duyệt ──
   html[data-theme="soft"]  : Tối dịu — nền xám than, viền mảnh, không neon, chữ rõ (dễ nhìn lâu)
   html[data-theme="light"] : Sáng — nền trắng, chữ đậm, như app văn phòng
   Không có data-theme      : Neon (giao diện gốc)                                                     */

/* ───────── chung cho 2 theme mới: tắt neon / phát sáng ───────── */
html[data-theme] .neon-lines, html[data-theme] .brand__layer { display: none !important; }
html[data-theme] .brand__inner { transform: none !important; }
html[data-theme] *:not(.brand__face):not(.brand__face *) { text-shadow: none !important; }
html[data-theme] .perf-title, html[data-theme] .mon-page-title { letter-spacing: .14em !important; font-weight: 800 !important; }

/* ═════════ TỐI DỊU ═════════ */
html[data-theme="soft"] {
  --bg-start: #0f1115; --bg-end: #0f1115; --surface: #171a20; --border: #2a2f38;
  --text: #e9ecf1; --text-muted: #9aa3b2; --glass-bg: #15181e; --glass-border: #262b33;
  --cyan: 96, 165, 250; --neon-core: 96, 165, 250; --neon-mid: 59, 130, 246; --neon-far: 37, 99, 235; --neon-head: 147, 197, 253;
  --acc: 96,165,250;
}
html[data-theme="soft"] body { background: #0f1115 !important; }
html[data-theme="soft"] .header, html[data-theme="soft"] .sidebar { background: #13161b !important; box-shadow: none !important; backdrop-filter: none !important; }
html[data-theme="soft"] .header { border-bottom: 1px solid #23272f !important; }
html[data-theme="soft"] .sidebar { border-right: 1px solid #23272f !important; }
html[data-theme="soft"] .perf-wrap, html[data-theme="soft"] .rbx-card, html[data-theme="soft"] #dq-app .pn, html[data-theme="soft"] #dq-app .cd {
  background: #171a20 !important; border: 1px solid #2a2f38 !important; box-shadow: 0 1px 2px rgba(0,0,0,.25) !important; }
html[data-theme="soft"] .perf-hd { border-bottom: 1px solid #23272f !important; }
html[data-theme="soft"] .perf-title, html[data-theme="soft"] .mon-page-title { color: #e9ecf1 !important; font-size: 15px !important; }
html[data-theme="soft"] .mon-divider { background: #23272f !important; box-shadow: none !important; }
html[data-theme="soft"] .perf-action-btn, html[data-theme="soft"] .perf-preset-btn, html[data-theme="soft"] .rj-btn, html[data-theme="soft"] .ck-tile, html[data-theme="soft"] .hstat__b {
  background: #1d2129 !important; border: 1px solid #30363f !important; color: #d6dbe3 !important; box-shadow: none !important; }
html[data-theme="soft"] .perf-action-btn:hover, html[data-theme="soft"] .rj-btn:hover, html[data-theme="soft"] .ck-tile:hover, html[data-theme="soft"] .hstat__b:hover { background: #242933 !important; border-color: #3b424d !important; }
html[data-theme="soft"] .perf-action-btn.active, html[data-theme="soft"] .perf-preset-btn.active, html[data-theme="soft"] .rj-btn.on, html[data-theme="soft"] .ck-tile.is-on {
  background: rgba(96,165,250,.14) !important; border-color: rgba(96,165,250,.55) !important; color: #bfdbfe !important; }
html[data-theme="soft"] .perf-adv-input, html[data-theme="soft"] input[type=text], html[data-theme="soft"] input[type=number], html[data-theme="soft"] textarea, html[data-theme="soft"] select {
  background: #0f1216 !important; border: 1px solid #2c323b !important; color: #e9ecf1 !important; }
html[data-theme="soft"] .perf-adv-input:focus { border-color: rgba(96,165,250,.7) !important; }
html[data-theme="soft"] .perf-adv-label, html[data-theme="soft"] .mon-sec-label { color: #9aa3b2 !important; }
html[data-theme="soft"] .side-nav__item.is-active { background: rgba(96,165,250,.12) !important; border-color: rgba(96,165,250,.45) !important; color: #dbeafe !important; box-shadow: none !important; }
html[data-theme="soft"] .rj-log, html[data-theme="soft"] .mon-c, html[data-theme="soft"] .mon-t { background: #13161b !important; border-color: #262b33 !important; }

/* ═════════ SÁNG ═════════ */
html[data-theme="light"] {
  --bg-start: #f3f5f9; --bg-end: #f3f5f9; --surface: #ffffff; --border: #dfe4ec;
  --text: #0f172a; --text-muted: #5b6577; --glass-bg: #ffffff; --glass-border: #e3e7ee;
  --cyan: 37, 99, 235; --neon-core: 37, 99, 235; --neon-mid: 29, 78, 216; --neon-far: 30, 64, 175; --neon-head: 30, 64, 175;
}
html[data-theme="light"] body { background: #f3f5f9 !important; color: #0f172a !important; }
html[data-theme="light"] .header, html[data-theme="light"] .sidebar { background: #ffffff !important; box-shadow: none !important; backdrop-filter: none !important; }
html[data-theme="light"] .header { border-bottom: 1px solid #e3e7ee !important; }
html[data-theme="light"] .sidebar { border-right: 1px solid #e3e7ee !important; }
html[data-theme="light"] .brand__face { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; text-shadow: none !important; }
html[data-theme="light"] .brand__word--accent .brand__face { color: #2563eb !important; -webkit-text-fill-color: #2563eb !important; }
html[data-theme="light"] .perf-wrap, html[data-theme="light"] .rbx-card {
  background: #ffffff !important; border: 1px solid #e3e7ee !important; box-shadow: 0 1px 3px rgba(15,23,42,.06) !important; color: #0f172a !important; }
html[data-theme="light"] .perf-hd { border-bottom: 1px solid #eef1f5 !important; }
html[data-theme="light"] .perf-title, html[data-theme="light"] .mon-page-title { color: #0f172a !important; font-size: 15px !important; }
html[data-theme="light"] .mon-divider { background: #eef1f5 !important; box-shadow: none !important; }
html[data-theme="light"] .perf-action-btn, html[data-theme="light"] .perf-preset-btn, html[data-theme="light"] .rj-btn, html[data-theme="light"] .ck-tile, html[data-theme="light"] .hstat__b, html[data-theme="light"] .auth-btn, html[data-theme="light"] .low-ui-btn {
  background: #ffffff !important; border: 1px solid #d6dce6 !important; color: #1e293b !important; box-shadow: none !important; }
html[data-theme="light"] .perf-action-btn:hover, html[data-theme="light"] .rj-btn:hover, html[data-theme="light"] .ck-tile:hover, html[data-theme="light"] .hstat__b:hover { background: #f1f5f9 !important; }
html[data-theme="light"] .perf-action-btn.active, html[data-theme="light"] .perf-preset-btn.active, html[data-theme="light"] .rj-btn.on, html[data-theme="light"] .ck-tile.is-on {
  background: #eff6ff !important; border-color: #93c5fd !important; color: #1d4ed8 !important; }
html[data-theme="light"] .perf-adv-input, html[data-theme="light"] input[type=text], html[data-theme="light"] input[type=number], html[data-theme="light"] textarea, html[data-theme="light"] select {
  background: #f8fafc !important; border: 1px solid #d6dce6 !important; color: #0f172a !important; }
html[data-theme="light"] .perf-adv-label, html[data-theme="light"] .mon-sec-label { color: #475569 !important; }
html[data-theme="light"] .side-nav__item { color: #334155 !important; }
html[data-theme="light"] .side-nav__item.is-active { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: none !important; }
html[data-theme="light"] .side-nav__label { color: #64748b !important; }
html[data-theme="light"] .rj-log, html[data-theme="light"] .mon-c, html[data-theme="light"] .mon-t { background: #f8fafc !important; border-color: #e3e7ee !important; color: #0f172a !important; }
html[data-theme="light"] .rj-log-n, html[data-theme="light"] td, html[data-theme="light"] th { color: #0f172a !important; }

/* ── Tối dịu: các khung còn lại (khối đầu 4 trang ROBLOX, khung Tracker DQ + mọi tracker, nút Tracker) ── */
html[data-theme="soft"] .rh-card,
html[data-theme="soft"] #dq-app .top > .pn, html[data-theme="soft"] #dq-app .w > .pn, html[data-theme="soft"] #dq-app .tabframe,
html[data-theme="soft"] .page--game .perf-wrap {
  background: #171a20 !important; border: 1px solid #2a2f38 !important; box-shadow: 0 1px 2px rgba(0,0,0,.25) !important; }
html[data-theme="soft"] .side-foot {
  color: #dbe3ee !important; border: 1px solid #30363f !important; background: #1d2129 !important; box-shadow: none !important; text-shadow: none !important; }
html[data-theme="soft"] .side-foot .side-nav__icon { color: #93c5fd !important; filter: none !important; }
html[data-theme="soft"] .side-foot:hover, html[data-theme="soft"] .side-foot:focus-visible { background: #242933 !important; border-color: #3b424d !important; box-shadow: none !important; }
html[data-theme="soft"] .side-nav__item:hover { background: #1b1f26 !important; }
html[data-theme="soft"] .trk-modal__box { background: #171a20 !important; border-color: #2a2f38 !important; box-shadow: none !important; }
html[data-theme="soft"] .trk-game { border-color: #2a2f38 !important; box-shadow: none !important; }   /* giữ nguyên nền ảnh icon game như cũ */
html[data-theme="soft"] .trk-game:hover, html[data-theme="soft"] .trk-game.is-active { border-color: rgba(96,165,250,.55) !important; }
html[data-theme="soft"] .rh-dot.on { box-shadow: none !important; }
html[data-theme] .trk-game.has-bg .trk-game__name { text-shadow: 0 1px 6px rgba(0,0,0,.9) !important; }   /* chữ trên ảnh icon game cần bóng để dễ đọc */