/* ========================================================================
   Black Premium Theme Override
   Scope: UI/CSS only. No trading logic, API, worker, cron, cache, settings,
   Binance/Gate/Paper execution, TP/SL, risk, leverage, or JS behavior changed.
   Load this file AFTER the old CSS files to override visual styles only.
   ======================================================================== */
:root {
  --app-bg: #030406;
  --app-bg-soft: #070A0F;
  --app-bg-gradient: radial-gradient(circle at top right, rgba(212,168,67,0.10), transparent 30%),
                     linear-gradient(180deg, #030406 0%, #070A0F 100%);

  --card-bg: #0D0F12;
  --card-bg-2: #111418;
  --card-bg-3: #151922;

  --card-border: rgba(212, 168, 67, 0.22);
  --card-border-soft: rgba(255, 255, 255, 0.07);

  --text-main: #F8FAFC;
  --text-soft: #D7DEE8;
  --text-muted: #9AA4B2;
  --text-faint: #6B7280;

  --primary: #D4A843;
  --primary-hover: #E7C15E;
  --primary-dark: #8F6B1F;
  --primary-soft: rgba(212, 168, 67, 0.14);

  --success: #22C55E;
  --success-hover: #16A34A;
  --success-soft: rgba(34, 197, 94, 0.15);

  --danger: #EF4444;
  --danger-hover: #DC2626;
  --danger-soft: rgba(239, 68, 68, 0.15);

  --warning: #F59E0B;
  --warning-soft: rgba(245, 158, 11, 0.15);

  --info: #38BDF8;
  --info-soft: rgba(56, 189, 248, 0.14);

  --table-head-bg: #12151B;
  --table-row-bg: #0D0F12;
  --table-row-alt: #10131A;
  --table-row-hover: #171B24;
  --table-border: rgba(212, 168, 67, 0.14);

  --input-bg: #090C11;
  --input-border: rgba(212, 168, 67, 0.25);
  --input-focus: #D4A843;

  --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.45);
  --shadow-gold: 0 0 0 1px rgba(212,168,67,0.18), 0 18px 45px rgba(0,0,0,0.45);

  /* Compatibility with the existing old inline/frontend variables. */
  --bg: var(--app-bg);
  --bg-2: var(--app-bg-soft);
  --panel: var(--card-bg);
  --panel-2: var(--card-bg-2);
  --panel-3: var(--card-bg-3);
  --line: var(--card-border-soft);
  --line-strong: var(--card-border);
  --text: var(--text-main);
  --muted: var(--text-muted);
  --blue: var(--primary);
  --blue-2: var(--primary-hover);
  --cyan: var(--primary-hover);
  --green: var(--success);
  --red: var(--danger);
  --amber: var(--warning);
  --shadow: var(--shadow-gold);

  /* Compatibility with admin variables if any old CSS uses them. */
  --admin-bg: var(--app-bg);
  --admin-bg-2: var(--app-bg-soft);
  --admin-card: var(--card-bg);
  --admin-card-2: var(--card-bg-2);
  --admin-line: var(--card-border-soft);
  --admin-line-strong: var(--card-border);
  --admin-text: var(--text-main);
  --admin-muted: var(--text-muted);
  --admin-gold: var(--primary);
  --admin-gold-dark: var(--primary-dark);
  --admin-gold-soft: var(--primary-soft);
  --admin-green: var(--success);
  --admin-red: var(--danger);
  --admin-shadow: var(--shadow-gold);
  --admin-shadow-soft: var(--shadow-soft);
}

* { box-sizing: border-box; }
html { background: var(--app-bg) !important; }
html,
body {
  color: var(--text-soft) !important;
  background: var(--app-bg-gradient) !important;
  color-scheme: dark;
}
body {
  min-height: 100vh;
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .16 !important;
  background-image:
    linear-gradient(rgba(212,168,67,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,168,67,.045) 1px, transparent 1px) !important;
  background-size: 34px 34px !important;
  mask-image: linear-gradient(180deg, rgba(255,255,255,.68), transparent 82%);
  z-index: 0;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(212,168,67,.07), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(212,168,67,.045), transparent 30%);
  z-index: 0;
}
.wrap,
.admin-dashboard-shell,
.login-page,
main,
.page,
.container {
  position: relative;
  z-index: 1;
}
.wrap {
  max-width: 1520px !important;
}

/* Header / navigation */
.head,
.banner,
.hero,
.top,
.topbar,
.header,
.navbar,
nav,
.scan-details,
.btc-trend-banner,
.candidates-toolbar,
.trade-lock-strip,
.trade-mode-menu,
.tools-list {
  background: linear-gradient(180deg, rgba(17,20,24,.98), rgba(9,12,17,.96)) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--shadow-gold) !important;
  color: var(--text-soft) !important;
}
.head {
  border-radius: 26px !important;
  overflow: hidden !important;
}
.head::before,
.head::after,
.btc-trend-banner::after,
.card::before,
.card::after,
.panel::before,
.box::before {
  background: radial-gradient(circle, rgba(212,168,67,.18), transparent 68%) !important;
  opacity: .65 !important;
}
.title,
h1,
h2,
h3,
h4,
.section-title,
.card h3,
.admin-card-header h3,
.admin-summary-label,
.trade-lock-title,
.trade-mode-indicator .mode-title,
.meta strong,
.kv strong,
.stat .value,
.value,
.big,
strong {
  color: var(--text-main) !important;
}
.title,
h1,
.section-title {
  background: linear-gradient(90deg, #FFFFFF 0%, #F8FAFC 46%, var(--primary-hover) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}
.meta,
.note,
.sub,
.small,
.help-text,
.muted,
.label,
label,
.kv span,
.admin-key-values span,
.scan-message-body,
.candidates-toolbar-meta,
.history-delete-status,
.trade-mode-indicator .mode-subtitle {
  color: var(--text-muted) !important;
}
a { color: var(--primary-hover); }
a:hover { color: var(--primary); }

/* Cards / panels / wrappers */
.card,
.panel,
.box,
.table-wrap,
.login-card,
.admin-card,
.admin-summary-card,
.admin-soft-panel,
.admin-status-strip,
.admin-success-panel,
.stat,
.stats,
.field,
.form,
.profile-mini-help,
.btc-trend-meta > div,
.trade-lock-badge,
.history-selected-count,
.open-trade-target-chip,
.open-trade-targets-summary,
#statusBox {
  background: linear-gradient(180deg, var(--card-bg) 0%, var(--card-bg-2) 100%) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--text-soft) !important;
}
.card,
.panel,
.box,
.table-wrap,
.login-card,
.stat,
.stats,
.field,
.form {
  border-radius: 18px !important;
}
.card.full,
.card.wide,
.wide {
  border-color: var(--card-border) !important;
}
hr,
.divider {
  border-color: var(--table-border) !important;
}

/* Buttons and clickable actions */
button,
.btn,
a.btn,
a.button,
input[type="submit"],
.actions a,
.actions button,
.tools-trigger,
.tools-list a,
.tools-list button,
.card form button[type="submit"],
.admin-card form button[type="submit"],
.mini-btn,
.clear-cache-top-btn,
.trade-toggle-btn,
.trade-mode-dropdown-trigger,
.trade-mode-option-btn,
.save-btn {
  background: linear-gradient(180deg, var(--primary-hover) 0%, var(--primary) 100%) !important;
  color: #080A0D !important;
  border: 1px solid rgba(212,168,67,.55) !important;
  box-shadow: 0 12px 30px rgba(212,168,67,.13), inset 0 1px 0 rgba(255,255,255,.22) !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
button:hover,
.btn:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
.actions a:hover,
.actions button:hover,
.tools-trigger:hover,
.tools-list a:hover,
.tools-list button:hover,
.card form button[type="submit"]:hover,
.admin-card form button[type="submit"]:hover,
.mini-btn:hover,
.clear-cache-top-btn:hover,
.trade-toggle-btn:hover,
.trade-mode-dropdown-trigger:hover,
.trade-mode-option-btn:hover,
.save-btn:hover {
  background: linear-gradient(180deg, #F1CF71 0%, var(--primary-hover) 100%) !important;
  border-color: rgba(231,193,94,.72) !important;
  transform: translateY(-1px);
  filter: none !important;
}
button.secondary,
.btn-secondary,
.secondary,
.mini-btn.secondary,
.trade-mode-dropdown-trigger,
.tools-trigger,
.actions a:not(.danger):not(.warn),
.tools-list a:not(.danger):not(.warn) {
  background: linear-gradient(180deg, var(--card-bg-3) 0%, var(--card-bg-2) 100%) !important;
  color: var(--text-soft) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
button.secondary:hover,
.btn-secondary:hover,
.secondary:hover,
.mini-btn.secondary:hover,
.trade-mode-dropdown-trigger:hover,
.tools-trigger:hover,
.actions a:not(.danger):not(.warn):hover,
.tools-list a:not(.danger):not(.warn):hover {
  background: linear-gradient(180deg, #191E27 0%, #12161D 100%) !important;
  border-color: rgba(212,168,67,.42) !important;
  color: var(--text-main) !important;
}
button.danger,
.btn-danger,
.danger,
.close-trade-btn,
.actions a.danger,
.actions button.danger,
.tools-list button.danger,
.tools-list a.danger,
.mini-btn.danger,
button[name*="close"],
button[id*="close"],
a[href*="close_trade"] {
  background: var(--danger-soft) !important;
  color: var(--danger) !important;
  border: 1px solid rgba(239,68,68,.45) !important;
  box-shadow: 0 10px 25px rgba(239,68,68,.08) !important;
}
button.danger:hover,
.btn-danger:hover,
.danger:hover,
.close-trade-btn:hover,
.actions a.danger:hover,
.actions button.danger:hover,
.tools-list button.danger:hover,
.tools-list a.danger:hover,
.mini-btn.danger:hover,
button[name*="close"]:hover,
button[id*="close"]:hover,
a[href*="close_trade"]:hover {
  background: rgba(239,68,68,.22) !important;
  color: #FCA5A5 !important;
  border-color: rgba(239,68,68,.68) !important;
}
button.warn,
.btn-warning,
.warn,
.actions a.warn,
.actions button.warn,
.tools-list a.warn,
.tools-list button.warn,
.clear-cache-top-btn {
  background: var(--warning-soft) !important;
  color: var(--warning) !important;
  border: 1px solid rgba(245,158,11,.45) !important;
  box-shadow: 0 10px 25px rgba(245,158,11,.08) !important;
}
button.warn:hover,
.btn-warning:hover,
.warn:hover,
.actions a.warn:hover,
.actions button.warn:hover,
.tools-list a.warn:hover,
.tools-list button.warn:hover,
.clear-cache-top-btn:hover {
  background: rgba(245,158,11,.22) !important;
  color: #FCD34D !important;
  border-color: rgba(245,158,11,.68) !important;
}
.good,
.ok,
.actions a.good,
button.good,
.trade-toggle-btn.enabled {
  background: var(--success-soft) !important;
  color: var(--success) !important;
  border: 1px solid rgba(34,197,94,.35) !important;
}

/* Forms */
input,
select,
textarea,
.input,
.candidates-inline-label select,
.trade-mode-quick-label select {
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  caret-color: var(--primary) !important;
}
input::placeholder,
textarea::placeholder { color: var(--text-faint) !important; }
input:focus,
select:focus,
textarea:focus,
.input:focus {
  border-color: var(--input-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212,168,67,.13), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--primary) !important;
}
option {
  background: var(--card-bg) !important;
  color: var(--text-main) !important;
}

/* Tables */
table,
.table {
  background: var(--table-row-bg) !important;
  color: var(--text-soft) !important;
  border-color: var(--table-border) !important;
  border-collapse: separate;
  border-spacing: 0;
}
thead,
thead tr,
thead th,
.table thead,
.table thead tr,
.table thead th {
  background: var(--table-head-bg) !important;
  color: var(--primary) !important;
  border-color: var(--table-border) !important;
  border-bottom: 1px solid var(--table-border) !important;
}
tbody tr,
.table tbody tr {
  background: var(--table-row-bg) !important;
  color: var(--text-soft) !important;
}
tbody tr:nth-child(even),
.table tbody tr:nth-child(even) {
  background: var(--table-row-alt) !important;
}
tbody tr:hover,
.table tbody tr:hover {
  background: var(--table-row-hover) !important;
}
th,
td,
.table th,
.table td {
  border-color: var(--table-border) !important;
  color: inherit !important;
}
td strong,
th strong,
.table td strong,
.table th strong {
  color: var(--text-main) !important;
}
.table-wrap {
  overflow: auto;
}

/* Badges / status chips */
.badge,
.system-badge,
.profile-badge,
.trade-lock-badge,
.btc-trend-badge,
.status,
.chip,
.tag {
  border-radius: 999px !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border: 1px solid rgba(212,168,67,.35) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.badge.long,
.badge.buy,
.badge.success,
.badge.quality-good,
.badge.indicator-up,
.badge.indicator-good,
.badge.prepare-long,
.system-badge.smart,
.profile-badge.smart,
.btc-trend-badge.btc-up,
.status-connected,
.status-profit,
.pnl-up,
.up,
.profit,
.good,
.ok {
  background: var(--success-soft) !important;
  color: var(--success) !important;
  border-color: rgba(34,197,94,.35) !important;
}
.badge.short,
.badge.sell,
.badge.danger,
.badge.indicator-down,
.badge.prepare-short,
.btc-trend-badge.btc-down,
.status-loss,
.status-closed,
.pnl-down,
.down,
.loss,
.fail,
.error {
  background: var(--danger-soft) !important;
  color: var(--danger) !important;
  border-color: rgba(239,68,68,.35) !important;
}
.badge.quality-elite,
.badge.indicator-strong,
.badge.warning,
.badge.quality-wait,
.badge.indicator-neutral,
.badge.indicator-mixed,
.badge.flat,
.system-badge.normal,
.profile-badge.normal,
.btc-trend-badge.btc-neutral,
.neutral {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border-color: rgba(212,168,67,.35) !important;
}
.badge.quality-weak,
.badge.indicator-weak {
  background: rgba(107,114,128,.14) !important;
  color: var(--text-muted) !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* Profit/Loss numbers */
.profit-number,
.profit-target-number,
.tp-number,
.ot-take-profit,
.up,
.pnl-up,
.positive,
.text-success {
  color: var(--success) !important;
  font-weight: 900 !important;
}
.loss-number,
.loss-target-number,
.sl-number,
.ot-stop-loss,
.down,
.pnl-down,
.negative,
.text-danger {
  color: var(--danger) !important;
  font-weight: 900 !important;
}
.ot-current-price,
.ot-entry-price,
.number,
.price,
.amount,
.percent,
.big,
.value {
  color: var(--text-main) !important;
}
.open-trade-target-chip-metric.profit,
.open-trade-target-chip-metric.profit strong {
  color: var(--success) !important;
}
.open-trade-target-chip-metric.loss,
.open-trade-target-chip-metric.loss strong {
  color: var(--danger) !important;
}
.open-trade-target-chip-symbol {
  color: var(--primary) !important;
}

/* Alerts / status */
#statusBox.warn,
.alert.warn,
.alert-warning {
  background: var(--warning-soft) !important;
  color: #FCD34D !important;
  border-color: rgba(245,158,11,.45) !important;
}
#statusBox.ok,
.alert.ok,
.alert-success {
  background: var(--success-soft) !important;
  color: var(--success) !important;
  border-color: rgba(34,197,94,.35) !important;
}
.error,
.card.error,
.alert-danger,
.alert.error,
.login-card .error {
  background: var(--danger-soft) !important;
  color: #FCA5A5 !important;
  border: 1px solid rgba(239,68,68,.45) !important;
}
.code,
code,
pre,
.jsonbox,
.logbox {
  background: #070A0F !important;
  color: var(--text-soft) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 14px !important;
}

/* Progress / lights */
.progress,
.trade-lock-progress {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(212,168,67,.12) !important;
}
.progress > span,
.trade-lock-progress > span {
  background: linear-gradient(90deg, var(--primary-dark), var(--primary-hover)) !important;
  box-shadow: 0 0 18px rgba(212,168,67,.24) !important;
}
.trade-status-light.on,
.mode-light.on,
.trade-mode-indicator.live .mode-light {
  background: var(--success) !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.16), 0 0 18px rgba(34,197,94,.42) !important;
}
.trade-status-light.off,
.mode-light.off,
.trade-toggle-btn.disabled .trade-status-light {
  background: var(--danger) !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.16), 0 0 18px rgba(239,68,68,.42) !important;
}
.trade-mode-indicator.paper .mode-light {
  background: var(--primary) !important;
  box-shadow: 0 0 0 4px rgba(212,168,67,.15), 0 0 18px rgba(212,168,67,.34) !important;
}
.trade-mode-indicator,
.trade-mode-indicator.paper,
.trade-mode-indicator.live,
.trade-mode-quick-label {
  background: linear-gradient(180deg, var(--card-bg-3), var(--card-bg-2)) !important;
  color: var(--text-soft) !important;
  border-color: var(--card-border) !important;
  box-shadow: var(--shadow-soft) !important;
}

/* Modal / popup compatibility */
.modal,
.popup,
.dialog,
.dropdown,
.menu,
details[open] summary + *,
[role="dialog"] {
  background: linear-gradient(180deg, var(--card-bg), var(--card-bg-2)) !important;
  color: var(--text-soft) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--shadow-gold) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #05070A; border-radius: 999px; }
::-webkit-scrollbar-thumb { background: rgba(212,168,67,.35); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(231,193,94,.50); }

::selection {
  background: rgba(212,168,67,.35);
  color: var(--text-main);
}

@media (max-width: 640px) {
  .head { border-radius: 20px !important; }
  .card,
  .panel,
  .box,
  .table-wrap,
  .login-card { border-radius: 16px !important; }
}

/* ========================================================================
   Reference Color Match Patch V2
   هدفه مطابقة الصورة المرجعية السوداء/الذهبية بدقة أكبر وإلغاء أي بقايا
   رمادي/أبيض من الثيم القديم. UI/CSS فقط.
   ======================================================================== */
:root {
  --app-bg: #010101;
  --app-bg-soft: #040504;
  --app-bg-deep: #070706;
  --app-bg-gradient:
    radial-gradient(circle at 11% 18%, rgba(195, 139, 33, 0.105), transparent 25%),
    radial-gradient(circle at 88% 14%, rgba(195, 139, 33, 0.085), transparent 24%),
    radial-gradient(circle at 50% 102%, rgba(7, 12, 18, 0.90), transparent 38%),
    linear-gradient(180deg, #000000 0%, #020302 42%, #050607 100%);

  --card-bg: #080807;
  --card-bg-2: #0B0B0A;
  --card-bg-3: #11100D;
  --card-bg-glass: rgba(8, 8, 7, 0.94);

  --card-border: rgba(196, 143, 39, 0.34);
  --card-border-soft: rgba(196, 143, 39, 0.18);

  --text-main: #F4F4F0;
  --text-soft: #DCD7CC;
  --text-muted: #AFA89A;
  --text-faint: #746D61;

  --primary: #C28A23;
  --primary-hover: #E1B14B;
  --primary-dark: #7E5713;
  --primary-soft: rgba(194, 138, 35, 0.15);

  --success: #1FBA55;
  --success-hover: #179744;
  --success-soft: rgba(31, 186, 85, 0.17);

  --danger: #D83A3A;
  --danger-hover: #B72E2E;
  --danger-soft: rgba(216, 58, 58, 0.17);

  --warning: #DDA33A;
  --warning-soft: rgba(221, 163, 58, 0.15);

  --info: #B98622;
  --info-soft: rgba(185, 134, 34, 0.14);

  --table-head-bg: #0F0E0B;
  --table-row-bg: #070807;
  --table-row-alt: #0A0A09;
  --table-row-hover: #12100C;
  --table-border: rgba(196, 143, 39, 0.18);

  --input-bg: #050605;
  --input-border: rgba(196, 143, 39, 0.32);
  --input-focus: #E1B14B;

  --shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.58);
  --shadow-gold: 0 0 0 1px rgba(196,143,39,0.20), 0 20px 48px rgba(0,0,0,0.58), inset 0 1px 0 rgba(255,255,255,0.025);
  --glow-gold: inset 0 1px 0 rgba(255,255,255,0.025), 0 0 28px rgba(196,143,39,0.065);

  --bg: var(--app-bg);
  --bg-2: var(--app-bg-soft);
  --panel: var(--card-bg);
  --panel-2: var(--card-bg-2);
  --panel-3: var(--card-bg-3);
  --line: var(--card-border-soft);
  --line-strong: var(--card-border);
  --text: var(--text-main);
  --muted: var(--text-muted);
  --blue: var(--primary);
  --blue-2: var(--primary-hover);
  --cyan: var(--primary-hover);
  --green: var(--success);
  --red: var(--danger);
  --amber: var(--warning);
  --shadow: var(--shadow-gold);

  --admin-bg: var(--app-bg);
  --admin-bg-2: var(--app-bg-soft);
  --admin-card: var(--card-bg);
  --admin-card-2: var(--card-bg-2);
  --admin-line: var(--card-border-soft);
  --admin-line-strong: var(--card-border);
  --admin-text: var(--text-main);
  --admin-muted: var(--text-muted);
  --admin-gold: var(--primary);
  --admin-gold-dark: var(--primary-dark);
  --admin-gold-soft: var(--primary-soft);
  --admin-green: var(--success);
  --admin-red: var(--danger);
  --admin-shadow: var(--shadow-gold);
  --admin-shadow-soft: var(--shadow-soft);
}

html,
body {
  background: var(--app-bg-gradient) !important;
  color: var(--text-soft) !important;
}
body::before {
  opacity: .055 !important;
  background-image:
    linear-gradient(rgba(196,143,39,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196,143,39,.045) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
}
body::after {
  background:
    radial-gradient(circle at 9% 20%, rgba(196,143,39,.07), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(196,143,39,.055), transparent 26%),
    radial-gradient(circle at 82% 82%, rgba(196,143,39,.035), transparent 30%) !important;
  opacity: 1 !important;
}

/* Dark premium surfaces matching the reference */
.head,
.banner,
.hero,
.top,
.topbar,
.header,
.navbar,
nav,
.scan-details,
.btc-trend-banner,
.candidates-toolbar,
.trade-lock-strip,
.trade-mode-menu,
.tools-list,
.card,
.panel,
.box,
.table-wrap,
.login-card,
.admin-card,
.admin-summary-card,
.admin-soft-panel,
.admin-status-strip,
.admin-success-panel,
.stat,
.stats,
.field,
.form,
.profile-mini-help,
.btc-trend-meta > div,
.trade-lock-badge,
.history-selected-count,
.open-trade-target-chip,
.open-trade-targets-summary,
#statusBox,
.hero,
.logbox,
.jsonbox,
.code,
pre,
.modal,
.popup,
.dialog,
.dropdown,
.menu,
[role="dialog"] {
  background: linear-gradient(180deg, rgba(13,13,11,.96) 0%, rgba(6,7,6,.98) 100%) !important;
  border-color: var(--card-border) !important;
  color: var(--text-soft) !important;
  box-shadow: var(--shadow-gold), var(--glow-gold) !important;
}

.card::before,
.card::after,
.head::before,
.head::after,
.btc-trend-banner::after,
.login-card::before {
  background: radial-gradient(circle, rgba(196,143,39,.16), transparent 68%) !important;
  opacity: .62 !important;
}
.card:before,
.login-card:before {
  background: linear-gradient(90deg, transparent, rgba(196,143,39,.30), transparent) !important;
}

.title,
h1,
.section-title {
  background: linear-gradient(90deg, #FFFFFF 0%, #F4F4F0 50%, #D6A33A 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
h2,
h3,
h4,
.card h3,
.admin-card-header h3,
.admin-summary-label,
.kv strong,
.meta strong,
.candidates-toolbar-meta strong,
.btc-trend-meta strong,
.trade-lock-title,
.trade-mode-indicator .mode-title,
.profile-status-text,
.admin-key-values strong,
.big,
.value,
strong {
  color: var(--text-main) !important;
}
.meta,
.note,
.small,
.sub,
.admin-card-note,
.admin-soft-hint,
.profile-mini-help,
.scan-message-body,
.candidates-toolbar-meta,
.open-trade-targets-empty,
.history-delete-status,
.kv span,
.admin-key-values span,
label,
.label,
.help-text,
.muted {
  color: var(--text-muted) !important;
}

/* Remove old light/grey strips completely */
.kv,
.admin-key-values > div,
.admin-metrics-list > div {
  background: transparent !important;
  border-bottom: 1px solid rgba(196,143,39,.14) !important;
}
.kv:nth-child(even),
.admin-key-values > div:nth-child(even),
.admin-metrics-list > div:nth-child(even),
.meta span:not(.meta-sep),
.admin-status-strip,
.admin-soft-panel,
.profile-mini-help,
.admin-card-note,
.note {
  background: transparent !important;
  border-color: rgba(196,143,39,.14) !important;
}
.meta span:not(.meta-sep),
.trade-mode-dropdown-value,
.history-selected-count,
.candidates-toolbar-actions .mini-btn,
.candidates-inline-label,
.btc-trend-inline-label,
.trade-mode-quick-label {
  background: linear-gradient(180deg, #11100D, #070807) !important;
  color: var(--text-soft) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* Buttons: dark by default, gold only for active/save/main */
button,
.btn,
a.btn,
a.button,
input[type="submit"],
.actions a,
.actions button,
.tools-trigger,
.tools-list a,
.tools-list button,
.mini-btn,
.trade-toggle-btn,
.trade-mode-dropdown-trigger,
.trade-mode-option-btn,
.clear-cache-top-btn {
  background: linear-gradient(180deg, #15130F 0%, #080908 100%) !important;
  color: var(--text-soft) !important;
  border: 1px solid rgba(196,143,39,.34) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
button:hover,
.btn:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
.actions a:hover,
.actions button:hover,
.tools-trigger:hover,
.tools-list a:hover,
.tools-list button:hover,
.mini-btn:hover,
.trade-toggle-btn:hover,
.trade-mode-dropdown-trigger:hover,
.trade-mode-option-btn:hover,
.clear-cache-top-btn:hover {
  background: linear-gradient(180deg, #1B1710 0%, #0D0C09 100%) !important;
  color: var(--text-main) !important;
  border-color: rgba(225,177,75,.56) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.45), 0 0 18px rgba(196,143,39,.08) !important;
}
.actions a.active,
.actions a.primary,
.nav-active,
button.primary,
.btn-primary,
.save-btn,
.card form button[type="submit"],
.admin-card form button[type="submit"],
.admin-soft-panel button[type="submit"],
input[type="submit"].primary {
  background: linear-gradient(180deg, #D7A33C 0%, #A97416 100%) !important;
  color: #080705 !important;
  border: 1px solid rgba(225,177,75,.68) !important;
  box-shadow: 0 14px 32px rgba(196,143,39,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.actions a.active:hover,
.actions a.primary:hover,
.nav-active:hover,
button.primary:hover,
.btn-primary:hover,
.save-btn:hover,
.card form button[type="submit"]:hover,
.admin-card form button[type="submit"]:hover,
.admin-soft-panel button[type="submit"]:hover {
  background: linear-gradient(180deg, #E8BD58 0%, #C28A23 100%) !important;
}

/* Forms: force dark native fields */
input,
select,
textarea,
.input,
.number-input-en,
.card select,
.card input[type="number"],
.card input[type="text"],
.candidates-inline-label select,
.trade-mode-quick-label select,
.btc-trend-inline-label select,
.admin-card input,
.admin-card select,
.admin-card textarea,
.admin-soft-panel input,
.admin-soft-panel select,
.admin-soft-panel textarea {
  background: linear-gradient(180deg, #070807 0%, #030403 100%) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--input-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 20px rgba(0,0,0,.18) !important;
}
input:focus,
select:focus,
textarea:focus,
.input:focus,
.number-input-en:focus,
.card select:focus,
.card input[type="number"]:focus,
.card input[type="text"]:focus {
  border-color: var(--input-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(196,143,39,.14), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
select option,
option {
  background: #070807 !important;
  color: var(--text-main) !important;
}
input::placeholder,
textarea::placeholder { color: var(--text-faint) !important; }

/* Tables closer to the reference */
.table-wrap,
.table-responsive {
  background: linear-gradient(180deg, rgba(12,12,10,.96), rgba(5,6,5,.98)) !important;
  border: 1px solid var(--card-border) !important;
}
table,
.table {
  background: var(--table-row-bg) !important;
  color: var(--text-soft) !important;
  border-color: var(--table-border) !important;
}
thead,
thead tr,
table th,
.table th,
table thead th,
.table thead th {
  background: linear-gradient(180deg, #12100C 0%, #090A09 100%) !important;
  color: #D8A94A !important;
  border-color: var(--table-border) !important;
}
table td,
.table td,
th,
td {
  color: var(--text-soft) !important;
  border-color: var(--table-border) !important;
  background: transparent !important;
}
table tbody tr,
.table tbody tr,
tbody tr {
  background: var(--table-row-bg) !important;
}
table tbody tr:nth-child(even),
.table tbody tr:nth-child(even),
tbody tr:nth-child(even) {
  background: var(--table-row-alt) !important;
}
table tbody tr:hover,
.table tbody tr:hover,
tbody tr:hover {
  background: var(--table-row-hover) !important;
}

/* Badges/status */
.badge,
.system-badge,
.profile-badge,
.trade-lock-badge,
.btc-trend-badge,
.status,
.chip,
.tag,
.trade-status-inline,
.open-trade-target-chip,
.admin-summary-card,
.admin-success-panel {
  background: var(--primary-soft) !important;
  color: var(--primary-hover) !important;
  border: 1px solid rgba(196,143,39,.36) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.badge.long,
.badge.LONG,
.badge.buy,
.long,
.badge.success,
.badge.quality-good,
.badge.indicator-up,
.badge.indicator-good,
.badge.prepare-long,
.system-badge.smart,
.profile-badge.smart,
.btc-trend-badge.btc-up,
.status-connected,
.status-profit,
.pnl-up,
.up,
.profit,
.good,
.ok,
.success,
.trade-status-light.on,
.trade-toggle-btn.enabled,
.admin-summary-card.pnl-up,
.admin-summary-card.good {
  background: linear-gradient(180deg, rgba(31,186,85,.26), rgba(13,78,36,.30)) !important;
  color: #35D06A !important;
  border-color: rgba(31,186,85,.42) !important;
}
.badge.short,
.badge.SHORT,
.badge.sell,
.short,
.badge.danger,
.badge.indicator-down,
.badge.prepare-short,
.btc-trend-badge.btc-down,
.status-loss,
.status-closed,
.pnl-down,
.down,
.loss,
.fail,
.error,
.danger,
.trade-status-light.off,
.trade-toggle-btn.disabled,
.admin-summary-card.pnl-down,
.admin-summary-card.bad {
  background: linear-gradient(180deg, rgba(216,58,58,.26), rgba(92,22,22,.30)) !important;
  color: #FF5D5D !important;
  border-color: rgba(216,58,58,.44) !important;
}
.badge.quality-elite,
.badge.elite,
.badge.ELITE,
.badge.indicator-strong,
.badge.warning,
.badge.warn,
.badge.quality-wait,
.badge.indicator-neutral,
.badge.indicator-mixed,
.badge.flat,
.system-badge.normal,
.profile-badge.normal,
.btc-trend-badge.btc-neutral,
.neutral,
.warning,
.warn,
.open-trade-target-chip-metric.note {
  background: linear-gradient(180deg, rgba(196,143,39,.24), rgba(97,67,14,.24)) !important;
  color: #E2B44F !important;
  border-color: rgba(196,143,39,.42) !important;
}

/* Profit / loss numeric colors */
.profit-number,
.profit-target-number,
.tp-number,
.ot-take-profit,
.up,
.pnl-up,
.positive,
.text-success,
.profit,
.ot-floating-pnl.pnl-up {
  color: #35D06A !important;
  font-weight: 900 !important;
}
.loss-number,
.loss-target-number,
.sl-number,
.ot-stop-loss,
.down,
.pnl-down,
.negative,
.text-danger,
.loss,
.ot-floating-pnl.pnl-down {
  color: #FF4D4D !important;
  font-weight: 900 !important;
}
.ot-current-price,
.ot-entry-price,
.number,
.price,
.amount,
.percent,
.big,
.value {
  color: var(--text-main) !important;
}

/* Override old inline light conversion rules from previous blue theme */
[style*="background:#24334f"],
[style*="background: #24334f"],
[style*="background:#031124"],
[style*="background:#08162f"],
[style*="background:#0d1525"],
[style*="background:#050913"],
[style*="background:#071733"],
[style*="background:#FFFFFE"],
[style*="background: #FFFFFE"],
[style*="background:#F9FBFD"],
[style*="background:#EBF3FC"],
[style*="background:rgba(249,251,253"],
[style*="background: rgba(249,251,253"] {
  background: linear-gradient(180deg, #0B0B0A, #050605) !important;
  color: var(--text-main) !important;
  border-color: var(--card-border) !important;
}
[style*="background:#8f1d1d"],
[style*="background:#9a481b"],
[style*="background:#7c2d12"],
[style*="background:#8b1f2a"] {
  background: linear-gradient(180deg, rgba(216,58,58,.30), rgba(92,22,22,.36)) !important;
  color: #FFB3B3 !important;
  border-color: rgba(216,58,58,.50) !important;
}
[style*="background:#0b6b3a"],
[style*="background:#0a6b3a"],
[style*="background:#05421a"] {
  background: linear-gradient(180deg, rgba(31,186,85,.28), rgba(13,78,36,.34)) !important;
  color: #B7F7C9 !important;
  border-color: rgba(31,186,85,.48) !important;
}

.progress,
progress,
.progress-bar,
.admin-progress,
.daily-guard-progress,
.trade-lock-progress {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(196,143,39,.16) !important;
}
.progress > div,
.progress span,
.progress > span,
progress::-webkit-progress-value,
.progress-bar-fill,
.admin-progress-fill,
.trade-lock-progress > span {
  background: linear-gradient(90deg, #168540, #35D06A) !important;
  box-shadow: 0 0 18px rgba(31,186,85,.26) !important;
}
progress::-webkit-progress-bar { background: rgba(255,255,255,.045) !important; }

::-webkit-scrollbar-track { background: #030403 !important; }
::-webkit-scrollbar-thumb {
  background: rgba(196,143,39,.34) !important;
  border: 2px solid #030403 !important;
}
::-webkit-scrollbar-thumb:hover { background: rgba(225,177,75,.52) !important; }
::selection { background: rgba(196,143,39,.36) !important; color: var(--text-main) !important; }

/* ========================================================================
   Ultra Black Background Patch V3
   الهدف: جعل الخلفية أغمق بكثير مع الحفاظ على نفس الثيم الذهبي.
   UI/CSS only.
   ======================================================================== */
:root {
  --app-bg: #000000;
  --app-bg-soft: #010101;
  --app-bg-deep: #020202;
  --app-bg-gradient:
    radial-gradient(circle at 10% 16%, rgba(194,138,35,0.055), transparent 22%),
    radial-gradient(circle at 88% 12%, rgba(194,138,35,0.045), transparent 22%),
    linear-gradient(180deg, #000000 0%, #010101 52%, #020202 100%);

  --card-bg: #040404;
  --card-bg-2: #060606;
  --card-bg-3: #0A0908;
  --table-head-bg: #090807;
  --table-row-bg: #040404;
  --table-row-alt: #070706;
  --table-row-hover: #0C0B09;
  --input-bg: #030303;

  --shadow-soft: 0 18px 44px rgba(0,0,0,.72);
  --shadow-gold: 0 0 0 1px rgba(196,143,39,0.18), 0 22px 52px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,0.018);
  --glow-gold: inset 0 1px 0 rgba(255,255,255,.018), 0 0 20px rgba(196,143,39,.045);
}

html,
body {
  background: var(--app-bg-gradient) !important;
}
body::before {
  opacity: .022 !important;
}
body::after {
  background:
    radial-gradient(circle at 10% 18%, rgba(196,143,39,.045), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(196,143,39,.035), transparent 24%) !important;
}

.head,
.banner,
.hero,
.top,
.topbar,
.header,
.navbar,
nav,
.scan-details,
.btc-trend-banner,
.candidates-toolbar,
.trade-lock-strip,
.trade-mode-menu,
.tools-list,
.card,
.panel,
.box,
.table-wrap,
.login-card,
.admin-card,
.admin-summary-card,
.admin-soft-panel,
.admin-status-strip,
.admin-success-panel,
.stat,
.stats,
.field,
.form,
.profile-mini-help,
.btc-trend-meta > div,
.trade-lock-badge,
.history-selected-count,
.open-trade-target-chip,
.open-trade-targets-summary,
#statusBox,
.logbox,
.jsonbox,
.code,
pre,
.modal,
.popup,
.dialog,
.dropdown,
.menu,
[role="dialog"] {
  background: linear-gradient(180deg, rgba(7,7,7,.98) 0%, rgba(2,2,2,.99) 100%) !important;
}

.table-wrap,
.table-responsive,
table,
.table {
  background: #040404 !important;
}

thead,
thead tr,
table th,
.table th,
table thead th,
.table thead th {
  background: linear-gradient(180deg, #0A0908 0%, #050505 100%) !important;
}

input,
select,
textarea,
.input,
.number-input-en,
.card select,
.card input[type="number"],
.card input[type="text"],
.candidates-inline-label select,
.trade-mode-quick-label select,
.btc-trend-inline-label select,
.admin-card input,
.admin-card select,
.admin-card textarea,
.admin-soft-panel input,
.admin-soft-panel select,
.admin-soft-panel textarea,
option {
  background: linear-gradient(180deg, #050505 0%, #020202 100%) !important;
}