/* qt_theme.css — تم یکپارچهٔ QuantradeAI (روشن / تاریک)
   همهٔ رنگ‌های سایت از این متغیرها می‌آید. حالت تاریک با data-theme="dark" روی <html> فعال می‌شود (کلید ذخیره: qt_theme). */
:root{
  --text-body:#475569;
  --brand-ink:#0B7C72;
  --green-ink:#15803D;
  --red-ink:#B91C1C;
  --bg-alt:#F2F4F8;
  --border-strong:#CBD5E1;
  --amber:#F59E0B;
  --amber-tint:#FFFBEB;
  --amber-border:#FDE68A;
  --amber-ink:#92400E;
  --chip-bg:#0F172A;
  --scrim:rgba(15,23,42,.45);
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0D1117;
  --bg-card:#161B22;
  --bg-card-hover:#1C232D;
  --bg-tint:#10302E;
  --bg-alt:#1B222C;
  --border:#2A3441;
  --border-strong:#3B4757;
  --text-primary:#E6EDF3;
  --text-secondary:#A3B1C2;
  --text-muted:#7D8CA0;
  --text-body:#C3CDD9;
  --brand:#11A89A;
  --brand-hover:#14B8A6;
  --brand-tint:#10302E;
  --brand-ink:#5EEAD4;
  --green:#22B35E;
  --green-ink:#4ADE80;
  --green-tint:rgba(34,179,94,.15);
  --red:#EF4444;
  --red-ink:#FCA5A5;
  --red-tint:rgba(239,68,68,.15);
  --amber:#F59E0B;
  --amber-tint:rgba(245,158,11,.14);
  --amber-border:rgba(245,158,11,.38);
  --amber-ink:#FBBF24;
  --chip-bg:#2B3544;
  --scrim:rgba(0,0,0,.6);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --shadow-md:0 4px 14px rgba(0,0,0,.45);
  --sidebar-bg:#0A0D12;
  --sidebar-bg-hover:#151A21;
  --sidebar-text:#8B97A8;
  --sidebar-border:#1E242C;
  color-scheme:dark;
}

/* ───── استانداردسازی فونت (همه‌جا فونت اصلی سایت) ───── */
html body, button, input, select, textarea{font-family:var(--sans);}
html body{background:var(--bg);color:var(--text-primary);}
::selection{background:var(--brand);color:#fff;}
html[data-theme="dark"] ::-webkit-scrollbar{width:10px;height:10px;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#2F3B4A;border-radius:6px;}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:transparent;}
input, select, textarea{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border);}
input::placeholder, textarea::placeholder{color:var(--text-muted);}

/* ───── استانداردسازی جدول‌ها: همان ظاهر جدول اسکرینر در همهٔ تب‌ها (به‌جز جدول‌های رنگی داشبورد) ───── */
#view-screener table th, #view-watchlist table th, #view-picks table th, #view-profile table th, #view-options table th, #view-symbol-result table th, .modal table th{
  background:var(--bg-tint) !important; color:var(--brand-ink) !important; font-size:11.5px !important; font-weight:700 !important;
}
#view-screener table td, #view-watchlist table td, #view-picks table td, #view-profile table td, #view-options table td, #view-symbol-result table td, .modal table td{
  font-size:12.5px; border-bottom:1px solid var(--border);
}
#view-watchlist table th{padding:11px 14px !important;}
#view-watchlist table td{padding:10px 14px;}
#view-screener table tbody tr:hover td, #view-watchlist table tbody tr:hover td, #view-picks table tbody tr:hover td, #view-profile table tbody tr:hover td{background:var(--bg-card-hover);}
#view-profile .ov-table th{padding:8px 10px !important;}

/* ───── دکمهٔ حالت روشن/تاریک در سایدبار ───── */
#theme-toggle{margin-top:6px;border-top:1px solid var(--sidebar-border);border-radius:0 0 9px 9px;padding-top:12px;}
#theme-toggle .ic{font-size:16px;}

/* ───── افزوده‌ها (۱۴۰۵/۰۷/۱۴): هدر جدول‌های رنگی و خوانایی داشبورد ───── */
:root{ --head-green:#0B6B3E; --head-red:#9B1C1C; --row-line:rgba(15,23,42,.06); }
html[data-theme="dark"]{ --head-green:#0F6B3E; --head-red:#8F2020; --row-line:rgba(255,255,255,.07); }
/* جدول‌های رنگی اسکرینر (همان ظاهر بیشترین بازدهی/کاهش داشبورد) */
#view-screener .gl-gain table th{background:var(--head-green) !important;color:#fff !important;}
#view-screener .gl-loss table th{background:var(--head-red) !important;color:#fff !important;}
#view-screener .gl-panel table td{font-size:12.5px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--row-line);}
#view-screener .gl-panel table tbody tr:hover td{background:transparent;}
#view-screener .panel:not(.gl-panel) table tbody tr:hover td{background:var(--bg-card-hover);}