/* ============================================================
   TMGDK Portal — GÖRÜNÜM MODLARI (themes.css)
   ------------------------------------------------------------
   GERİ ALINABİLİRLİK: Tüm kurallar `html[data-theme="..."]` altında.
   Klasik (data-theme YOK) → hiçbir kural eşleşmez → mevcut görünüm bire bir.

   YAPI: Renkler/bileşenler TÜM modlarda ortak (Modern tasarım sistemi tabanı).
   Yapısal modlar (app/pano/sekme/komut) MENÜ YERLEŞİMİ, İÇERİK DİZİLİŞİ ve
   PANO bilgisini köklü değiştirir — renk değişmez.

   Modlar:
     modern  — temiz tasarım sistemi (üst menü + kenar çubuğu, kart panosu)
     app     — Kenar Odaklı: üst menü kalkar, zengin sol kenar çubuğu tek nav
     sekme   — Üst Sekmeli: kenar çubuğu kalkar, üstte yatay sekmeler, tam genişlik
     pano    — Pano Odaklı: zengin widget panosu, kenar çubuğu çekmece
     komut   — Komut/Arama: minimal chrome + belirgin arama/komut paleti (Ctrl+K)
   ============================================================ */

/* ===== 1) ORTAK AÇIK TOKEN'LAR (tüm modlar) ===== */
html[data-theme]{
  --bg:#f3f5f8;
  --surface:#ffffff; --surface-2:#f6f8fb; --surface-3:#eef2f7;
  --border:#e5e7eb; --border-strong:#d1d5db;
  --text:#1f2937; --text-muted:#6b7280; --text-subtle:#9ca3af;
  --brand-1:#0a1f44; --brand-2:#123a6f; --brand-text:#e2e8f0;
  --on-brand:#93c5fd; --on-brand-bg:rgba(96,165,250,0.18);
  --accent:#2563eb; --accent-hover:#1d4ed8; --accent-contrast:#ffffff; --accent-soft:#eff4fd;
  --link:#2563eb;
  --success:#059669; --success-bg:#ecfdf5; --success-bd:#a7f3d0; --success-tx:#065f46;
  --danger:#dc2626;  --danger-bg:#fef2f2;  --danger-bd:#fecaca;  --danger-tx:#991b1b;
  --warning:#d97706; --warning-bg:#fffbeb; --warning-bd:#fde68a; --warning-tx:#92400e;
  --info:#2563eb;    --info-bg:#eff6ff;    --info-bd:#bfdbfe;    --info-tx:#1e40af;
  --radius:8px; --radius-lg:12px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(16,24,40,0.06);
  --shadow:0 1px 3px rgba(16,24,40,0.10), 0 1px 2px rgba(16,24,40,0.06);
  --shadow-md:0 4px 12px rgba(16,24,40,0.10);
  --shadow-lg:0 10px 28px rgba(16,24,40,0.12);
}

/* ===== 2) BİLEŞEN MOTORU — tasarım sistemi (tüm modlarda ortak) ===== */
html[data-theme] body{ background-color:var(--bg); color:var(--text); }
html[data-theme] a:not([class]){ color:var(--link); }
html[data-theme] h1{ color:var(--text); }
html[data-theme] h2,html[data-theme] h3{ color:var(--text); }

html[data-theme] .card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
html[data-theme] .card:not([style*="padding"]){ padding:16px; }
html[data-theme] .section-title,html[data-theme] .card-title{ font-weight:700; color:var(--text); margin:0 0 10px; }
html[data-theme] .section-title{ font-size:17px; } html[data-theme] .card-title{ font-size:15px; }

html[data-theme] .table{ border-collapse:collapse; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }
html[data-theme] .table th{ background:var(--surface-2); color:var(--text-muted); font-weight:700; font-size:12.5px; border-bottom:1px solid var(--border); padding:11px 12px; }
html[data-theme] .table td{ padding:10px 12px; border-bottom:1px solid #eef1f4; color:var(--text); }
html[data-theme] .table tbody tr:last-child td{ border-bottom:none; }
html[data-theme] .table tbody tr:nth-child(even){ background:var(--surface-2); }
html[data-theme] .table tbody tr:hover{ background:var(--accent-soft); }

html[data-theme] .btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 14px; border:1px solid transparent; border-radius:var(--radius); font-size:13.5px; font-weight:600; line-height:1.2; cursor:pointer; transition:background .15s, box-shadow .15s, transform .05s; text-decoration:none; background:#eef1f5; color:#374151; border-color:#e2e6ec; }
html[data-theme] .btn:hover{ background:#e5e9ef; } html[data-theme] .btn:active{ transform:translateY(1px); }
html[data-theme] .btn-primary{ background:var(--accent); color:#fff; border-color:transparent; }
html[data-theme] .btn-primary:hover{ background:var(--accent-hover); }
html[data-theme] .btn-success{ background:var(--success); color:#fff; } html[data-theme] .btn-success:hover{ background:#047857; }
html[data-theme] .btn-danger{ background:var(--danger); color:#fff; } html[data-theme] .btn-danger:hover{ background:#b91c1c; }
html[data-theme] .btn-warning{ background:var(--warning); color:#fff; }
html[data-theme] .btn-info{ background:var(--info); color:#fff; }
html[data-theme] .btn-sm{ padding:5px 10px; font-size:12px; }

html[data-theme] .form-group{ margin-bottom:14px; }
html[data-theme] .form-group label{ font-weight:600; color:var(--text); margin-bottom:5px; }
html[data-theme] .form-control,html[data-theme] textarea.form-control,html[data-theme] select.form-control{ border:1px solid var(--border-strong); border-radius:var(--radius); padding:9px 11px; font-size:14px; background:var(--surface); color:var(--text); transition:border-color .15s, box-shadow .15s; }
html[data-theme] .form-control:focus,html[data-theme] textarea.form-control:focus,html[data-theme] select.form-control:focus{ border-color:var(--accent); outline:none; box-shadow:0 0 0 3px rgba(37,99,235,0.14); }

html[data-theme] .badge{ display:inline-flex; align-items:center; gap:4px; padding:3px 9px; border-radius:var(--radius-pill); font-size:12px; font-weight:700; line-height:1.4; }
html[data-theme] .badge-success,html[data-theme] .badge.badge-ok{ background:var(--success-bg); color:var(--success-tx); }
html[data-theme] .badge-error,html[data-theme] .badge-danger,html[data-theme] .badge.badge-missing{ background:var(--danger-bg); color:var(--danger-tx); }
html[data-theme] .badge-warning,html[data-theme] .badge.badge-warn{ background:var(--warning-bg); color:var(--warning-tx); }
html[data-theme] .badge-info{ background:var(--info-bg); color:var(--info-tx); }

html[data-theme] .alert{ padding:12px 14px; border-radius:var(--radius-lg); margin:0 0 16px; font-size:14px; font-weight:500; border:1px solid transparent; }
html[data-theme] .alert-success{ background:var(--success-bg); color:var(--success-tx); border-color:var(--success-bd); }
html[data-theme] .alert-error,html[data-theme] .alert-danger{ background:var(--danger-bg); color:var(--danger-tx); border-color:var(--danger-bd); }
html[data-theme] .alert-warning{ background:var(--warning-bg); color:var(--warning-tx); border-color:var(--warning-bd); }
html[data-theme] .alert-info{ background:var(--info-bg); color:var(--info-tx); border-color:var(--info-bd); }

html[data-theme] .empty-state{ background:var(--surface); border:1px dashed var(--border-strong); border-radius:var(--radius-lg); padding:28px 20px; text-align:center; }
html[data-theme] .empty-state-title{ font-weight:700; color:var(--text); }
html[data-theme] .empty-state-subtitle{ color:var(--text-muted); font-size:13px; margin-top:4px; }

/* Chrome cilası (ortak) */
html[data-theme] .mega-trigger{ border-radius:var(--radius); }
html[data-theme] .mega-item.open .mega-trigger,html[data-theme] .mega-trigger:hover{ background:rgba(255,255,255,0.14); }
html[data-theme] .mega-dropdown{ border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }
html[data-theme] .mega-dropdown a:hover{ background:var(--accent-soft); color:var(--accent) !important; }
html[data-theme] .side-nav-item{ margin:1px 8px; border-radius:var(--radius); }
html[data-theme] .side-nav-item.active{ background:var(--on-brand-bg); border-left-color:transparent; box-shadow:inset 3px 0 0 var(--on-brand); }
html[data-theme] .side-nav-group-header{ border-radius:var(--radius); margin:1px 8px; }
html[data-theme] .mobile-tabbar .mtab.active{ color:var(--accent); }
html[data-theme] .page-backbar .btn-back .back-ico{ color:var(--accent); }
html[data-theme] .fab-back{ background:var(--accent); }
html[data-theme] .firm-card,html[data-theme] .cons-card,html[data-theme] .rm-card,html[data-theme] .gm-card,html[data-theme] .admin-card{ border-radius:var(--radius-lg) !important; box-shadow:var(--shadow-sm); transition:transform .15s, box-shadow .15s, border-color .15s; }
html[data-theme] .firm-card:hover,html[data-theme] .cons-card:hover,html[data-theme] .rm-card:hover,html[data-theme] .gm-card:hover,html[data-theme] .admin-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); }
html[data-theme] .login-header{ background:linear-gradient(135deg,var(--brand-1),var(--brand-2)) !important; }
html[data-theme] .login-card{ border-radius:16px; box-shadow:var(--shadow-lg); }

/* ===== 3) ROL PANOSU (dashboard_modern.php) — ortak ===== */
html[data-theme] .dash{ max-width:1180px; margin:0 auto; }
html[data-theme] .dash-head{ margin:6px 0 18px; }
html[data-theme] .dash-hello{ font-size:14px; color:var(--text-muted); font-weight:600; }
html[data-theme] .dash-title{ font-size:26px; font-weight:800; letter-spacing:-0.01em; margin:2px 0 0; color:var(--text); }
html[data-theme] .stat-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:14px; margin-bottom:22px; }
html[data-theme] .stat{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:16px 18px; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:6px; text-decoration:none; color:var(--text); transition:transform .15s, box-shadow .15s, border-color .15s; }
html[data-theme] a.stat:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:#cdd6e4; }
html[data-theme] .stat-top{ display:flex; align-items:center; justify-content:space-between; }
html[data-theme] .stat-label{ font-size:13px; color:var(--text-muted); font-weight:600; }
html[data-theme] .stat-ico{ width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:var(--accent-soft); color:var(--accent); }
html[data-theme] .stat-ico svg{ width:19px; height:19px; }
html[data-theme] .stat-value{ font-size:30px; font-weight:800; line-height:1; letter-spacing:-0.02em; color:var(--text); }
html[data-theme] .stat-sub{ font-size:12.5px; color:var(--text-subtle); }
html[data-theme] .stat.is-alert .stat-ico{ background:var(--danger-bg); color:var(--danger); } html[data-theme] .stat.is-alert .stat-value{ color:var(--danger); }
html[data-theme] .stat.is-warn .stat-ico{ background:var(--warning-bg); color:var(--warning); }
html[data-theme] .stat.is-ok .stat-ico{ background:var(--success-bg); color:var(--success); } html[data-theme] .stat.is-ok .stat-value{ color:var(--success); }
html[data-theme] .dash-section-title{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--text-subtle); margin:24px 0 12px; }
html[data-theme] .quick-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(132px,1fr)); gap:12px; }
html[data-theme] .quick{ display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:16px 12px; text-decoration:none; color:var(--text); box-shadow:var(--shadow-sm); transition:transform .15s, box-shadow .15s, border-color .15s; }
html[data-theme] .quick:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:#cdd6e4; }
html[data-theme] .quick-ico{ width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--accent-soft); color:var(--accent); }
html[data-theme] .quick-ico svg{ width:23px; height:23px; }
html[data-theme] .quick-label{ font-size:13px; font-weight:600; line-height:1.25; }
html[data-theme] .dash-list{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }
html[data-theme] .dash-row{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid #eef1f4; text-decoration:none; color:var(--text); }
html[data-theme] .dash-row:last-child{ border-bottom:none; }
html[data-theme] .dash-row:hover{ background:var(--accent-soft); }
html[data-theme] .dash-row .dr-name{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html[data-theme] .dash-row .dr-sub{ font-size:12.5px; color:var(--text-muted); }

/* ============================================================
   4) YAPISAL MODLAR — masaüstü düzen değişiklikleri (≥769px)
   Mobil (<769px) mevcut responsive davranışı korur.
   ============================================================ */

/* ——— KENAR ODAKLI (app): üst menü kalkar, kenar çubuğu tek nav ——— */
@media (min-width:769px){
  html[data-theme="app"] .mega-nav .mega-item{ display:none; }            /* üst menü öğeleri gizli */
  html[data-theme="app"] .mega-nav{ justify-content:flex-end; }           /* sağ ikonlar kalır */
  html[data-theme="app"] .side-nav{ width:256px; }
  html[data-theme="app"] .side-nav .side-toggle{ display:none; }          /* daraltma kapalı — hep açık */
  html[data-theme="app"] main.has-sidebar{ margin-left:256px; }
  html[data-theme="app"].sidebar-collapsed main.has-sidebar,
  body.sidebar-collapsed html[data-theme="app"] main.has-sidebar{ margin-left:256px; }
  html[data-theme="app"] .side-nav-item{ font-size:14px; padding:11px 16px; }
  html[data-theme="app"] .side-nav-group-header{ font-size:12px; }
  /* Kenar çubuğu arama kutusu (header.php enjekte eder) */
  html[data-theme="app"] .sidenav-search{ display:block; padding:10px 12px; }
  html[data-theme="app"] .page-backbar .page-back-inner{ margin-left:256px; }
}
html[data-theme="app"] .sidenav-search{ display:none; }
html[data-theme="app"] .sidenav-search input{ width:100%; box-sizing:border-box; padding:9px 12px; border-radius:9px; border:1px solid rgba(255,255,255,0.15); background:rgba(255,255,255,0.08); color:#fff; font-size:13px; }
html[data-theme="app"] .sidenav-search input::placeholder{ color:rgba(255,255,255,0.55); }

/* ——— ÜST SEKMELİ (sekme): kenar çubuğu kalkar, üstte yatay sekmeler ——— */
@media (min-width:769px){
  html[data-theme="sekme"] .side-nav{ display:none; }
  html[data-theme="sekme"] .side-fab{ display:none; }
  html[data-theme="sekme"] main.has-sidebar{ margin-left:0 !important; max-width:1240px; margin-left:auto !important; margin-right:auto !important; }
  html[data-theme="sekme"] .page-backbar .page-back-inner{ margin-left:auto !important; }
  html[data-theme="sekme"] .mega-trigger{ font-size:14.5px; padding:0 16px; height:46px; border-bottom:3px solid transparent; border-radius:0; }
  html[data-theme="sekme"] .mega-item.open .mega-trigger,
  html[data-theme="sekme"] .mega-trigger:hover{ background:transparent; border-bottom-color:var(--on-brand); color:#fff; }
  html[data-theme="sekme"] .mega-nav{ gap:0; }
  html[data-theme="sekme"] .site-header{ padding-bottom:0; }
}

/* ——— PANO ODAKLI (pano): kenar çubuğu çekmece (varsayılan gizli), tam genişlik ——— */
@media (min-width:769px){
  html[data-theme="pano"] .side-nav{ transform:translateX(-100%); transition:transform .2s ease; box-shadow:var(--shadow-lg); }
  html[data-theme="pano"] .side-nav.drawer-open{ transform:translateX(0); }
  html[data-theme="pano"] main.has-sidebar{ margin-left:0 !important; max-width:1280px; margin-left:auto !important; margin-right:auto !important; }
  html[data-theme="pano"] .page-backbar .page-back-inner{ margin-left:auto !important; }
  html[data-theme="pano"] .side-fab{ display:inline-flex !important; top:calc(var(--header-h, 70px) + 10px) !important; left:0 !important; right:auto !important; border-radius:0 8px 8px 0 !important; background:linear-gradient(135deg,var(--brand-1),var(--brand-2)) !important; width:34px; height:40px; }
}
/* Pano: widget bölümü dilimleri */
html[data-theme="pano"] .pano-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:14px; }
html[data-theme="pano"] .pano-col-4{ grid-column:span 4; } html[data-theme="pano"] .pano-col-6{ grid-column:span 6; } html[data-theme="pano"] .pano-col-8{ grid-column:span 8; } html[data-theme="pano"] .pano-col-12{ grid-column:span 12; }
@media (max-width:900px){ html[data-theme="pano"] .pano-col-4,html[data-theme="pano"] .pano-col-6,html[data-theme="pano"] .pano-col-8{ grid-column:span 12; } }
html[data-theme] .widget{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); padding:16px 18px; }
html[data-theme] .widget-h{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.03em; color:var(--text-subtle); margin:0 0 12px; display:flex; align-items:center; justify-content:space-between; }
html[data-theme] .widget-h a{ font-size:12px; font-weight:600; text-transform:none; letter-spacing:0; color:var(--accent); }

/* ——— KOMUT / ARAMA (komut): minimal chrome + komut paleti ——— */
@media (min-width:769px){
  html[data-theme="komut"] .mega-nav .mega-item{ display:none; }
  html[data-theme="komut"] .side-nav{ display:none; }
  html[data-theme="komut"] .side-fab{ display:none; }
  html[data-theme="komut"] main.has-sidebar{ margin-left:0 !important; max-width:1080px; margin-left:auto !important; margin-right:auto !important; }
  html[data-theme="komut"] .page-backbar .page-back-inner{ margin-left:auto !important; }
}
/* Header'daki arama tetikleyici (header.php enjekte) */
html[data-theme] .cmdk-trigger{ display:none; }
html[data-theme="komut"] .cmdk-trigger{ display:flex; align-items:center; gap:8px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.18); color:#cbd5e1; border-radius:10px; padding:8px 14px; cursor:pointer; font-size:13px; min-width:240px; }
html[data-theme="komut"] .cmdk-trigger:hover{ background:rgba(255,255,255,0.16); }
html[data-theme="komut"] .cmdk-trigger .kbd{ margin-left:auto; font-size:11px; background:rgba(255,255,255,0.14); border-radius:5px; padding:1px 6px; }
/* Komut paleti overlay (header.php enjekte, footer.php JS) — tüm modlarda DOM'da olabilir, sadece açıkken görünür */
html[data-theme] #cmdk-overlay{ display:none; position:fixed; inset:0; background:rgba(15,23,42,0.45); z-index:100000; align-items:flex-start; justify-content:center; padding-top:12vh; }
html[data-theme] #cmdk-overlay.open{ display:flex; }
html[data-theme] #cmdk-box{ width:92%; max-width:560px; background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,0.35); overflow:hidden; }
html[data-theme] #cmdk-input{ width:100%; box-sizing:border-box; border:0; border-bottom:1px solid var(--border); padding:16px 18px; font-size:16px; outline:none; color:var(--text); background:var(--surface); }
html[data-theme] #cmdk-list{ max-height:50vh; overflow-y:auto; padding:6px; }
html[data-theme] .cmdk-item{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:9px; cursor:pointer; color:var(--text); text-decoration:none; font-size:14px; }
html[data-theme] .cmdk-item .ci-ico{ width:26px; height:26px; flex:0 0 26px; border-radius:7px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; }
html[data-theme] .cmdk-item .ci-ico svg{ width:15px; height:15px; }
html[data-theme] .cmdk-item.active,html[data-theme] .cmdk-item:hover{ background:var(--accent-soft); }
html[data-theme] .cmdk-empty{ padding:18px; text-align:center; color:var(--text-muted); font-size:14px; }

/* ============================================================
   5) INLINE-YÜZEY MOTORU — dramatik (koyu/cam) modların TÜM sayfalarda
   çalışması için yaygın satır-içi stilleri token'a bağlar. Açık modlarda
   no-op (beyaz→beyaz). Anlamsal (status) renkler KORUNUR.
   ============================================================ */
html[data-theme] [style*="background:#fff;"],html[data-theme] [style*="background:#fff "],
html[data-theme] [style*="background: #fff;"],html[data-theme] [style*="background: #fff "],
html[data-theme] [style$="background:#fff"],html[data-theme] [style$="background: #fff"],
html[data-theme] [style*="background:#ffffff"],html[data-theme] [style*="background: #ffffff"],
html[data-theme] [style*="background:white"],html[data-theme] [style*="background: white"],
html[data-theme] [style*="background-color:#fff;"],html[data-theme] [style$="background-color:#fff"],
html[data-theme] [style*="background-color:#ffffff"],html[data-theme] [style*="background-color: #fff"]{
  background-color:var(--surface) !important;
}
html[data-theme] [style*="background:#f8fafc"],html[data-theme] [style*="background:#f9fafb"],
html[data-theme] [style*="background:#f8f9fa"],html[data-theme] [style*="background:#f1f5f9"],
html[data-theme] [style*="background:#f3f4f6"],html[data-theme] [style*="background:#fafbfc"],
html[data-theme] [style*="background:#f5f5f5"],html[data-theme] [style*="background:#f4f4f4"],
html[data-theme] [style*="background:#f0f4f8"],html[data-theme] [style*="background: #f8fafc"],
html[data-theme] [style*="background-color:#f8fafc"],html[data-theme] [style*="background-color:#f9fafb"]{
  background-color:var(--surface-2) !important;
}
html[data-theme] [style*="color:#111;"],html[data-theme] [style*="color:#111 "],html[data-theme] [style$="color:#111"],
html[data-theme] [style*="color: #111"],html[data-theme] [style*="color:#000"],html[data-theme] [style*="color: #000"],
html[data-theme] [style*="color:#222"],html[data-theme] [style*="color:#333"],html[data-theme] [style*="color: #333"],
html[data-theme] [style*="color:#1a1a1a"],html[data-theme] [style*="color:#1f2937"],html[data-theme] [style*="color: #1f2937"],
html[data-theme] [style*="color:#111827"],html[data-theme] [style*="color:#0f172a"],html[data-theme] [style*="color:#212529"],
html[data-theme] [style*="color:#1e3a5f"],html[data-theme] [style*="color:black"]{ color:var(--text) !important; }
html[data-theme] [style*="color:#6b7280"],html[data-theme] [style*="color: #6b7280"],html[data-theme] [style*="color:#64748b"],
html[data-theme] [style*="color: #64748b"],html[data-theme] [style*="color:#94a3b8"],html[data-theme] [style*="color:#9ca3af"],
html[data-theme] [style*="color:#6c757d"],html[data-theme] [style*="color:#475569"],html[data-theme] [style*="color:#737373"],
html[data-theme] [style*="color:#777"],html[data-theme] [style*="color:#888"],html[data-theme] [style*="color:#999"],
html[data-theme] [style*="color:#374151"],html[data-theme] [style*="color: #374151"]{ color:var(--text-muted) !important; }
html[data-theme] [style*="#e5e7eb"],html[data-theme] [style*="#e2e8f0"],html[data-theme] [style*="#d1d5db"],
html[data-theme] [style*="#cbd5e1"],html[data-theme] [style*="#dee2e6"],html[data-theme] [style*="#e0e0e0"],
html[data-theme] [style*=" #ddd"],html[data-theme] [style*=":#ddd"],html[data-theme] [style*=" #eee"],
html[data-theme] [style*=":#eee"],html[data-theme] [style*=" #ccc"],html[data-theme] [style*=":#ccc"]{ border-color:var(--border) !important; }

/* ============================================================
   5b) BESPOKE BİLEŞENLER — sayfa-içi <style> bloklarındaki sınıf kuralları
   (inline-motor yakalamaz; token'a bağla ki koyu/cam modlar tam görünsün)
   ============================================================ */
/* Rapor görünümü (home_report_view.php — her rol panosunda) */
html[data-theme] .rpt-acc{ background:var(--surface) !important; border:1px solid var(--border) !important; }
html[data-theme] .rpt-acc-head{ color:var(--text); }
html[data-theme] .rpt-acc-head:hover{ background:var(--surface-2) !important; }
html[data-theme] .rpt-acc-head h3{ color:var(--text) !important; }
html[data-theme] .rpt-acc-arrow{ color:var(--text-subtle) !important; }
html[data-theme] .rpt-info-card{ background:var(--surface-2) !important; border:1px solid var(--border) !important; color:var(--text); }
html[data-theme] .rpt-table{ color:var(--text); }
html[data-theme] .rpt-table th{ color:var(--text-muted) !important; border-color:var(--border) !important; }
html[data-theme] .rpt-table td{ border-color:var(--border) !important; }
html[data-theme] .rpt-empty{ color:var(--text-muted) !important; }
html[data-theme] .rpt-acc-body{ color:var(--text); }
/* Tablo sarmalayıcı (firms_list, users_list, regions…) */
html[data-theme] .table-wrap{ background:var(--surface) !important; border:1px solid var(--border) !important; border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
/* Onay kartları (approvals.php) */
html[data-theme] .fer-card{ background:var(--surface) !important; border:1px solid var(--border) !important; color:var(--text); }
html[data-theme] .fer-card .fer-head:hover{ background:var(--surface-2) !important; }
/* Genel başlık varyantları */
html[data-theme] .tdf-section-title,html[data-theme] .doc-title{ color:var(--text) !important; }

/* ============================================================
   6) CAM (Glass) — koyu degrade + buzlu cam + parıltı, kenar-odaklı app kabuğu
   ============================================================ */
html[data-theme="cam"]{
  --bg:#0a0f22;
  --surface:rgba(255,255,255,0.055); --surface-2:rgba(255,255,255,0.028); --surface-3:rgba(255,255,255,0.10);
  --border:rgba(255,255,255,0.12); --border-strong:rgba(255,255,255,0.22);
  --text:#eaf0fb; --text-muted:#a6b6d4; --text-subtle:#6f82a6;
  --accent:#38bdf8; --accent-hover:#7dd3fc; --accent-contrast:#06283d; --accent-soft:rgba(56,189,248,0.16); --link:#7dd3fc;
  --on-brand:#38bdf8; --on-brand-bg:rgba(56,189,248,0.20);
  --success:#34d399; --success-bg:rgba(52,211,153,0.14); --success-bd:rgba(52,211,153,0.35); --success-tx:#6ee7b7;
  --danger:#fb7185;  --danger-bg:rgba(251,113,133,0.14);  --danger-bd:rgba(251,113,133,0.35);  --danger-tx:#fda4af;
  --warning:#fbbf24; --warning-bg:rgba(251,191,36,0.14); --warning-bd:rgba(251,191,36,0.35); --warning-tx:#fcd34d;
  --info:#38bdf8;    --info-bg:rgba(56,189,248,0.14);    --info-bd:rgba(56,189,248,0.35);    --info-tx:#7dd3fc;
  --radius:12px; --radius-lg:18px;
  --shadow-sm:0 2px 10px rgba(0,0,0,0.3); --shadow:0 4px 16px rgba(0,0,0,0.35);
  --shadow-md:0 10px 30px rgba(0,0,0,0.45); --shadow-lg:0 20px 50px rgba(0,0,0,0.55);
}
html[data-theme="cam"] body{
  background:
    radial-gradient(1100px 560px at 8% -8%, #20305e 0%, rgba(32,48,94,0) 60%),
    radial-gradient(1000px 520px at 108% 6%, #3a2570 0%, rgba(58,37,112,0) 55%),
    radial-gradient(900px 700px at 50% 120%, #0e3a4a 0%, rgba(14,58,74,0) 55%),
    linear-gradient(160deg, #0a1024 0%, #0c1330 55%, #0a0f22 100%) !important;
  background-attachment:fixed !important;
}
html[data-theme="cam"] .card,html[data-theme="cam"] .stat,html[data-theme="cam"] .quick,html[data-theme="cam"] .table,
html[data-theme="cam"] .widget,html[data-theme="cam"] .dash-list,html[data-theme="cam"] .login-card,
html[data-theme="cam"] .mega-dropdown,html[data-theme="cam"] #cmdk-box,html[data-theme="cam"] .firm-card,
html[data-theme="cam"] .cons-card,html[data-theme="cam"] .rm-card,html[data-theme="cam"] .gm-card,html[data-theme="cam"] .admin-card{
  -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%);
}
html[data-theme="cam"] .site-header{ background:rgba(9,14,32,0.55) !important; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 1px 0 rgba(255,255,255,0.06); }
html[data-theme="cam"] .side-nav{ background:rgba(11,17,38,0.5) !important; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); border-right:1px solid rgba(255,255,255,0.07); }
html[data-theme="cam"] .stat-ico,html[data-theme="cam"] .quick-ico{ box-shadow:0 0 18px var(--accent-soft); }
html[data-theme="cam"] .btn-primary{ box-shadow:0 0 0 1px rgba(56,189,248,0.45), 0 8px 24px rgba(56,189,248,0.30); }
html[data-theme="cam"] .stat-value{ text-shadow:0 0 22px rgba(56,189,248,0.28); }
html[data-theme="cam"] .dash-title{ text-shadow:0 0 30px rgba(125,211,248,0.25); }
html[data-theme="cam"] .table th{ background:rgba(255,255,255,0.04) !important; }
/* Yapı: kenar-odaklı app kabuğu */
@media (min-width:769px){
  html[data-theme="cam"] .mega-nav .mega-item{ display:none; }
  html[data-theme="cam"] .mega-nav{ justify-content:flex-end; }
  html[data-theme="cam"] .side-nav{ width:264px; }
  html[data-theme="cam"] .side-nav .side-toggle{ display:none; }
  html[data-theme="cam"] main.has-sidebar{ margin-left:264px; }
  html[data-theme="cam"] .page-backbar .page-back-inner{ margin-left:264px; }
}

/* ============================================================
   7) BENTO — açık, oyuncu bento ızgara + büyük yuvarlak, üst sekmeli
   ============================================================ */
html[data-theme="bento"]{
  --bg:#eceffa; --surface:#ffffff; --surface-2:#f3f5fc; --surface-3:#e9edf9;
  --border:#e4e8f5; --border-strong:#cdd5ee;
  --text:#1a1f36; --text-muted:#5b6486; --text-subtle:#8b93b3;
  --accent:#6366f1; --accent-hover:#4f46e5; --accent-soft:#eaecff; --link:#6366f1;
  --on-brand:#a5b4fc; --on-brand-bg:rgba(129,140,248,0.20);
  --brand-1:#312e81; --brand-2:#4338ca;
  --radius:14px; --radius-lg:24px;
  --shadow-sm:0 2px 8px rgba(49,46,129,0.06); --shadow-md:0 14px 34px rgba(49,46,129,0.12); --shadow-lg:0 20px 50px rgba(49,46,129,0.16);
}
html[data-theme="bento"] body{ background:radial-gradient(900px 500px at 100% 0%, #e7e3ff 0%, rgba(231,227,255,0) 60%), #eceffa !important; }
/* Pano → bento ızgara (farklı boyutlu renkli kutucuklar) */
html[data-theme="bento"] .stat-grid{ grid-template-columns:repeat(4,1fr); grid-auto-rows:128px; gap:16px; }
html[data-theme="bento"] .stat{ border-radius:24px; padding:18px 20px; justify-content:space-between; border:none; box-shadow:var(--shadow-sm); }
html[data-theme="bento"] .stat:nth-child(1){ grid-column:span 2; }
html[data-theme="bento"] .stat:nth-child(4){ grid-column:span 2; }
html[data-theme="bento"] .stat .stat-value{ font-size:40px; }
html[data-theme="bento"] .stat.is-alert{ background:linear-gradient(140deg,#ffe4e6,#fff 70%) !important; }
html[data-theme="bento"] .stat.is-warn{ background:linear-gradient(140deg,#fef3c7,#fff 70%) !important; }
html[data-theme="bento"] .stat.is-ok{ background:linear-gradient(140deg,#d1fae5,#fff 70%) !important; }
html[data-theme="bento"] .stat:not(.is-alert):not(.is-warn):not(.is-ok){ background:linear-gradient(140deg,#e0e7ff,#fff 70%) !important; }
html[data-theme="bento"] .quick{ border-radius:22px; border:none; box-shadow:var(--shadow-sm); }
html[data-theme="bento"] .quick-ico{ width:48px; height:48px; border-radius:16px; }
html[data-theme="bento"] .card,html[data-theme="bento"] .widget,html[data-theme="bento"] .dash-list,html[data-theme="bento"] .table{ border-radius:24px; border:none; box-shadow:var(--shadow-sm); }
html[data-theme="bento"] .btn{ border-radius:14px; }
html[data-theme="bento"] .btn-primary{ box-shadow:0 8px 20px rgba(99,102,241,0.30); }
@media (max-width:900px){ html[data-theme="bento"] .stat-grid{ grid-template-columns:repeat(2,1fr); } html[data-theme="bento"] .stat:nth-child(n){ grid-column:span 1; } }
/* Yapı: üst sekmeli, tam genişlik */
@media (min-width:769px){
  html[data-theme="bento"] .side-nav{ display:none; }
  html[data-theme="bento"] .side-fab{ display:none; }
  html[data-theme="bento"] main.has-sidebar{ margin-left:auto !important; margin-right:auto !important; max-width:1240px; }
  html[data-theme="bento"] .page-backbar .page-back-inner{ margin-left:auto !important; }
  html[data-theme="bento"] .mega-trigger{ font-size:14.5px; padding:0 16px; height:48px; border-bottom:3px solid transparent; border-radius:0; }
  html[data-theme="bento"] .mega-item.open .mega-trigger,html[data-theme="bento"] .mega-trigger:hover{ background:transparent; border-bottom-color:var(--on-brand); }
}

/* ============================================================
   8) PRO / TERMINAL — koyu kömür, ince ikon rayı, monospace, yoğun
   ============================================================ */
html[data-theme="pro"]{
  --bg:#0d0f14; --surface:#16191f; --surface-2:#1b1f27; --surface-3:#232831;
  --border:#2a2f3a; --border-strong:#3a4150;
  --text:#d7dce5; --text-muted:#8b94a6; --text-subtle:#5e6677;
  --accent:#84cc16; --accent-hover:#a3e635; --accent-contrast:#0d0f14; --accent-soft:rgba(132,204,22,0.14); --link:#a3e635;
  --on-brand:#a3e635; --on-brand-bg:rgba(132,204,22,0.16);
  --brand-1:#0d0f14; --brand-2:#16191f;
  --success:#4ade80;--success-bg:rgba(74,222,128,.12);--success-bd:rgba(74,222,128,.3);--success-tx:#86efac;
  --danger:#f87171;--danger-bg:rgba(248,113,113,.12);--danger-bd:rgba(248,113,113,.3);--danger-tx:#fca5a5;
  --warning:#fbbf24;--warning-bg:rgba(251,191,36,.12);--warning-bd:rgba(251,191,36,.3);--warning-tx:#fcd34d;
  --info:#38bdf8;--info-bg:rgba(56,189,248,.12);--info-bd:rgba(56,189,248,.3);--info-tx:#7dd3fc;
  --radius:5px; --radius-lg:7px; --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 6px 16px rgba(0,0,0,.55); --shadow-lg:0 12px 30px rgba(0,0,0,.6);
}
html[data-theme="pro"] body{ background:var(--bg) !important; }
html[data-theme="pro"] .stat-value,html[data-theme="pro"] .table td,html[data-theme="pro"] .table th{ font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace; }
html[data-theme="pro"] .stat-value{ font-size:26px; letter-spacing:-0.5px; }
html[data-theme="pro"] .table td,html[data-theme="pro"] .table th{ padding:6px 10px; font-size:12.5px; }
html[data-theme="pro"] .table th{ text-transform:uppercase; letter-spacing:0.5px; font-size:11px; }
html[data-theme="pro"] .dash-title{ letter-spacing:-0.5px; }
@media (min-width:769px){
  html[data-theme="pro"] .mega-nav .mega-item{ display:none; }
  html[data-theme="pro"] .mega-nav{ justify-content:flex-end; }
  html[data-theme="pro"] .side-nav{ width:62px !important; }
  html[data-theme="pro"] .side-nav .side-nav-label{ display:none; }
  html[data-theme="pro"] .side-nav .side-toggle{ display:none; }
  html[data-theme="pro"] .side-nav-item{ justify-content:center; padding:12px 0; margin:2px 8px; }
  html[data-theme="pro"] .side-nav-group-header{ justify-content:center; padding:10px 0; }
  html[data-theme="pro"] .side-nav-group-header .side-nav-label,html[data-theme="pro"] .side-nav-group-chev{ display:none; }
  html[data-theme="pro"] main.has-sidebar{ margin-left:62px; }
  html[data-theme="pro"] .page-backbar .page-back-inner{ margin-left:62px; }
}

/* ============================================================
   9) YÖNETİCİ / LUX — koyu, serif başlıklar + altın vurgu, geniş boşluk
   ============================================================ */
html[data-theme="lux"]{
  --bg:#13151a; --surface:#1c1f27; --surface-2:#23262f; --surface-3:#2b2f3a;
  --border:#353a47; --border-strong:#4a5060;
  --text:#ece8e0; --text-muted:#aba79e; --text-subtle:#7d7a72;
  --accent:#c9a227; --accent-hover:#dbb43a; --accent-contrast:#1a1206; --accent-soft:rgba(201,162,39,0.14); --link:#dbb43a;
  --on-brand:#dbb43a; --on-brand-bg:rgba(201,162,39,0.18);
  --brand-1:#0f1116; --brand-2:#1a1d24;
  --success:#5fb88a;--success-bg:rgba(95,184,138,.12);--success-bd:rgba(95,184,138,.3);--success-tx:#8fd3ad;
  --danger:#d98a8a;--danger-bg:rgba(217,138,138,.12);--danger-bd:rgba(217,138,138,.3);--danger-tx:#e9b3b3;
  --warning:#d4af37;--warning-bg:rgba(212,175,55,.12);--warning-bd:rgba(212,175,55,.3);--warning-tx:#e6cf7a;
  --info:#9ab0c9;--info-bg:rgba(154,176,201,.12);--info-bd:rgba(154,176,201,.3);--info-tx:#c1d0e0;
  --radius:6px; --radius-lg:10px;
  --shadow-sm:0 2px 10px rgba(0,0,0,.3); --shadow-md:0 12px 30px rgba(0,0,0,.45); --shadow-lg:0 20px 50px rgba(0,0,0,.55);
}
html[data-theme="lux"] body{ background:linear-gradient(180deg,#16181e,#0f1116) !important; }
html[data-theme="lux"] h1,html[data-theme="lux"] h2,html[data-theme="lux"] h3,html[data-theme="lux"] .dash-title,
html[data-theme="lux"] .stat-value,html[data-theme="lux"] .section-title,html[data-theme="lux"] .card-title,
html[data-theme="lux"] .rpt-acc-head h3{ font-family:Georgia,'Times New Roman',serif !important; letter-spacing:0.3px; }
html[data-theme="lux"] .dash-title{ font-weight:700; }
html[data-theme="lux"] .stat{ border-top:2px solid rgba(201,162,39,0.55); }
html[data-theme="lux"] .stat-ico,html[data-theme="lux"] .quick-ico{ background:rgba(201,162,39,0.12); color:var(--accent); }
html[data-theme="lux"] .btn-primary{ background:var(--accent); color:#1a1206; }
html[data-theme="lux"] .dash-section-title{ color:var(--accent); }
@media (min-width:769px){
  html[data-theme="lux"] .mega-nav .mega-item{ display:none; }
  html[data-theme="lux"] .mega-nav{ justify-content:flex-end; }
  html[data-theme="lux"] .side-nav{ width:258px; }
  html[data-theme="lux"] .side-nav .side-toggle{ display:none; }
  html[data-theme="lux"] main.has-sidebar{ margin-left:258px; }
  html[data-theme="lux"] .page-backbar .page-back-inner{ margin-left:258px; }
}

/* ============================================================
   10) NEON / SİBER — çok koyu + neon camgöbeği/magenta glow, yüksek enerji
   ============================================================ */
html[data-theme="neon"]{
  --bg:#070a14; --surface:#0d1222; --surface-2:#111831; --surface-3:#16203f;
  --border:rgba(34,211,238,0.20); --border-strong:rgba(34,211,238,0.40);
  --text:#e6f9ff; --text-muted:#86b8cf; --text-subtle:#5b89a3;
  --accent:#22d3ee; --accent-hover:#67e8f9; --accent-contrast:#04141a; --accent-soft:rgba(34,211,238,0.12); --link:#67e8f9;
  --on-brand:#e879f9; --on-brand-bg:rgba(232,121,249,0.16);
  --brand-1:#070a14; --brand-2:#0b1430;
  --success:#34d399;--success-bg:rgba(52,211,153,.12);--success-bd:rgba(52,211,153,.35);--success-tx:#6ee7b7;
  --danger:#fb7185;--danger-bg:rgba(251,113,133,.12);--danger-bd:rgba(251,113,133,.35);--danger-tx:#fda4af;
  --warning:#fbbf24;--warning-bg:rgba(251,191,36,.12);--warning-bd:rgba(251,191,36,.35);--warning-tx:#fcd34d;
  --info:#22d3ee;--info-bg:rgba(34,211,238,.12);--info-bd:rgba(34,211,238,.35);--info-tx:#67e8f9;
  --radius:10px; --radius-lg:14px; --shadow-md:0 8px 28px rgba(0,0,0,.5);
}
html[data-theme="neon"] body{ background:radial-gradient(820px 520px at 8% 0%, rgba(34,211,238,0.10), rgba(34,211,238,0) 60%), radial-gradient(720px 520px at 104% 102%, rgba(232,121,249,0.13), rgba(232,121,249,0) 55%), #070a14 !important; background-attachment:fixed !important; }
html[data-theme="neon"] .stat,html[data-theme="neon"] .card,html[data-theme="neon"] .quick,html[data-theme="neon"] .widget,
html[data-theme="neon"] .table,html[data-theme="neon"] .dash-list,html[data-theme="neon"] .rpt-acc{ box-shadow:0 0 0 1px rgba(34,211,238,0.16), 0 0 22px rgba(34,211,238,0.05) !important; }
html[data-theme="neon"] a.stat:hover,html[data-theme="neon"] .quick:hover{ box-shadow:0 0 0 1px rgba(34,211,238,0.55), 0 0 30px rgba(34,211,238,0.22) !important; }
html[data-theme="neon"] .dash-title{ text-shadow:0 0 20px rgba(34,211,238,0.5); }
html[data-theme="neon"] .stat-value{ text-shadow:0 0 16px currentColor; }
html[data-theme="neon"] .stat-ico,html[data-theme="neon"] .quick-ico{ box-shadow:0 0 20px rgba(34,211,238,0.4); }
html[data-theme="neon"] .btn-primary{ box-shadow:0 0 20px rgba(34,211,238,0.5); }
html[data-theme="neon"] .side-nav-item.active{ box-shadow:inset 3px 0 0 #e879f9, 0 0 18px rgba(232,121,249,0.22) !important; }
@media (min-width:769px){
  html[data-theme="neon"] .mega-nav .mega-item{ display:none; }
  html[data-theme="neon"] .mega-nav{ justify-content:flex-end; }
  html[data-theme="neon"] .side-nav{ width:258px; }
  html[data-theme="neon"] .side-nav .side-toggle{ display:none; }
  html[data-theme="neon"] main.has-sidebar{ margin-left:258px; }
  html[data-theme="neon"] .page-backbar .page-back-inner{ margin-left:258px; }
}

/* ============================================================
   11) EDİTÖRYEL KAĞIT — açık sıcak kağıt/krem, serif, dergi düzeni, ferah
   ============================================================ */
html[data-theme="kagit"]{
  --bg:#f3eee2; --surface:#fffdf7; --surface-2:#f0eadc; --surface-3:#e8e1cf;
  --border:#e2dac6; --border-strong:#cabfa3;
  --text:#2b2620; --text-muted:#6b6253; --text-subtle:#988e7b;
  --accent:#9a3412; --accent-hover:#7c2d12; --accent-contrast:#fffdf7; --accent-soft:#f4e6dc; --link:#9a3412;
  --on-brand:#e0b487; --on-brand-bg:rgba(224,180,135,0.22);
  --brand-1:#3a2f24; --brand-2:#5c4a36;
  --success:#3f6b3a;--success-bg:#e6efdf;--success-bd:#c2d6b3;--success-tx:#2f5230;
  --danger:#9a3412;--danger-bg:#f6e3da;--danger-bd:#e3c3b2;--danger-tx:#7c2d12;
  --warning:#92610e;--warning-bg:#f6ecd5;--warning-bd:#e3d3a6;--warning-tx:#6b470a;
  --info:#3a5a7c;--info-bg:#e2ebf3;--info-bd:#bcd0e2;--info-tx:#2a4663;
  --radius:6px; --radius-lg:9px; --fs-base:15px;
  --shadow-sm:none; --shadow:none; --shadow-md:0 2px 12px rgba(60,50,30,0.06); --shadow-lg:0 8px 24px rgba(60,50,30,0.08);
}
html[data-theme="kagit"] body{ background:#f3eee2 !important; }
html[data-theme="kagit"] h1,html[data-theme="kagit"] h2,html[data-theme="kagit"] h3,html[data-theme="kagit"] .dash-title,
html[data-theme="kagit"] .section-title,html[data-theme="kagit"] .card-title,html[data-theme="kagit"] .rpt-acc-head h3,
html[data-theme="kagit"] .stat-value{ font-family:Georgia,'Times New Roman',serif !important; letter-spacing:0.2px; }
html[data-theme="kagit"] .dash-title{ font-weight:700; }
html[data-theme="kagit"] .card,html[data-theme="kagit"] .stat,html[data-theme="kagit"] .quick,html[data-theme="kagit"] .table,
html[data-theme="kagit"] .widget,html[data-theme="kagit"] .dash-list,html[data-theme="kagit"] .rpt-acc{ box-shadow:none !important; border:1px solid var(--border) !important; }
html[data-theme="kagit"] .stat{ border-left:3px solid var(--accent) !important; }
html[data-theme="kagit"] .stat-ico,html[data-theme="kagit"] .quick-ico{ background:var(--accent-soft); color:var(--accent); }
@media (min-width:769px){
  html[data-theme="kagit"] .side-nav{ display:none; }
  html[data-theme="kagit"] .side-fab{ display:none; }
  html[data-theme="kagit"] main.has-sidebar{ margin-left:auto !important; margin-right:auto !important; max-width:1080px; }
  html[data-theme="kagit"] .page-backbar .page-back-inner{ margin-left:auto !important; }
  html[data-theme="kagit"] .mega-trigger{ font-size:14.5px; padding:0 16px; height:48px; border-bottom:2px solid transparent; border-radius:0; }
  html[data-theme="kagit"] .mega-item.open .mega-trigger,html[data-theme="kagit"] .mega-trigger:hover{ background:transparent; border-bottom-color:var(--on-brand); }
}

/* ——— Koyu modlarda header/sidebar'ı palete uydur (kalite) ——— */
html[data-theme="pro"] .site-header{ background:#16191f !important; box-shadow:0 1px 0 #2a2f3a; }
html[data-theme="pro"] .side-nav{ background:#13161c !important; border-right:1px solid #2a2f3a; }
html[data-theme="lux"] .site-header{ background:linear-gradient(135deg,#0f1116,#1a1d24) !important; box-shadow:0 1px 0 rgba(201,162,39,0.18); }
html[data-theme="lux"] .side-nav{ background:linear-gradient(180deg,#16181e,#0f1116) !important; border-right:1px solid #353a47; }
html[data-theme="neon"] .site-header{ background:#0a0f1e !important; box-shadow:0 1px 0 rgba(34,211,238,0.20); }
html[data-theme="neon"] .side-nav{ background:#0a0f1e !important; border-right:1px solid rgba(34,211,238,0.20); }
html[data-theme="bento"] .site-header{ background:linear-gradient(135deg,#312e81,#4338ca) !important; }
html[data-theme="kagit"] .site-header{ background:linear-gradient(135deg,#3a2f24,#5c4a36) !important; }

@media (max-width:768px){
  html[data-theme] .dash-title{ font-size:22px; }
  html[data-theme] .stat-value{ font-size:26px; }
}
</content>