/* ============================================================
   v2-bridge.css — بازتمِ بدنه‌های قدیمی با توکن‌های طراحی v2
   بدون تغییرِ مارک‌آپ/داده: فقط متغیرهای style.css قدیمی را به
   توکن‌های tokens.css (v2) ری‌مپ می‌کند + کمی پرداختِ کامپوننت.
   بعد از style.css و v2 css بارگذاری می‌شود تا برنده باشد.
   چون به توکن‌های v2 اشاره می‌کند، تم روشن/تاریک هم خودکار کار می‌کند.
   ============================================================ */
:root{
  --bg:var(--bg-page);
  --panel:var(--bg-raised);
  --card:var(--bg-card);
  --card2:var(--bg-card-2);
  --card3:var(--bg-hover);
  --border:var(--line-2);
  --border2:var(--line-3);
  --muted:var(--ink-3);
  --muted2:var(--ink-3);
  --text:var(--ink-1);
  --text2:var(--ink-2);
  --accent:var(--gold);
  --accent2:var(--gold-deep);
  --accent3:var(--gold-08);
  --green:var(--up);
  --green2:var(--up-deep);
  --red:var(--down);
  --red2:var(--down-deep);
  --amber:var(--gold);
  --amber2:var(--gold-deep);
  --blue:var(--info);
  --blue2:var(--info);
  --purple:var(--purple);
  --teal:var(--teal);
}

/* ---------- تایپوگرافی پایه ---------- */
.main-content, .page{ color:var(--ink-2); }
.page-title{ font-weight:800; letter-spacing:-.01em; color:var(--ink-1); }
.page-sub, .chart-sub, .stat-label, .card-badge, .mini-label{ color:var(--ink-3); }

/* ---------- کارت‌ها ---------- */
.card, .chart-card, .stat-card, .glow-card, .modal-box{
  background:var(--bg-card);
  border:1px solid var(--line-1);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-card);
}
.stat-card{ border-radius:var(--r-md); transition:transform var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
.stat-card:hover{ transform:translateY(-2px); border-color:var(--gold-25); }
.stat-value{ font-weight:800; letter-spacing:-.02em; color:var(--ink-1); }
.stat-icon{ border-radius:var(--r-md); }

.card-head, .chart-header{ border-bottom:1px solid var(--line-1); }
.card-title, .chart-title{ color:var(--ink-1); font-weight:700; }
.card-badge{
  background:var(--gold-08); border:1px solid var(--gold-25);
  color:var(--gold-bright); border-radius:var(--r-full);
  padding:3px 10px; font-weight:700;
}

/* ---------- دکمه‌ها ---------- */
.btn-gold, .btn-green, .btn-red, .btn-gray, .btn-outline{
  border-radius:var(--r-md); font-weight:700;
  transition:transform var(--t-fast) var(--ease), filter var(--t-fast) var(--ease);
}
.btn-gold{ background:var(--gold-grad); color:var(--gold-ink); border:none; box-shadow:var(--sh-gold); }
.btn-gold:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.btn-outline{ background:transparent; border:1px solid var(--line-2); color:var(--ink-1); }
.btn-gray{ background:var(--bg-card-2); border:1px solid var(--line-2); color:var(--ink-1); }
.btn-green{ background:var(--up); color:#04120c; border:none; }
.btn-red{ background:var(--down); color:#180406; border:none; }

/* ---------- بج‌ها و وضعیت ---------- */
.badge{ border-radius:var(--r-full); font-weight:700; }
.live-badge{
  background:var(--up-12); border:1px solid var(--up-25);
  color:var(--up); border-radius:var(--r-full);
}
.live-dot{ background:var(--up); box-shadow:0 0 0 3px var(--up-12); }
.up, .text-green{ color:var(--up)!important; }
.down, .text-red{ color:var(--down)!important; }

/* ---------- جدول‌ها ---------- */
.main-table{ border-collapse:separate; border-spacing:0; }
.main-table th{
  color:var(--ink-3); font-weight:700; text-transform:none;
  background:var(--bg-card-2); border-bottom:1px solid var(--line-2);
}
.main-table td{ border-bottom:1px solid var(--line-1); color:var(--ink-2); }
.main-table tr:hover td{ background:var(--hover); }

/* ---------- سیگنال ردیف‌ها ---------- */
.sig-row{ border-bottom:1px solid var(--line-1); }
.sig-row:hover{ background:var(--hover); }
.sym{ color:var(--ink-1); font-weight:700; }
.sym-sub{ color:var(--ink-3); }
.sbar{ background:var(--line-2); border-radius:var(--r-full); }

/* ---------- فرم‌ها ---------- */
input, select, textarea{
  background:var(--bg-inset)!important;
  border:1px solid var(--line-2)!important;
  color:var(--ink-1)!important;
  border-radius:var(--r-md)!important;
}
input:focus, select:focus, textarea:focus{
  border-color:var(--gold-45)!important;
  outline:none; box-shadow:0 0 0 3px var(--gold-08)!important;
}
label{ color:var(--ink-2); }

/* ---------- حلقه‌ی win-rate و مینی‌سلول ---------- */
.ring-pct{ font-weight:800; }
.mini-cell{ background:var(--bg-card-2); border:1px solid var(--line-1); border-radius:var(--r-md); }
.mini-val{ font-weight:800; }

/* ---------- حالت خالی ---------- */
.empty-state-icon{ color:var(--ink-4); }
.empty-state-title{ color:var(--ink-2); }
.empty-state-desc{ color:var(--ink-4); }

/* ---------- مودال ---------- */
.modal-overlay{ background:rgba(3,5,8,.66); backdrop-filter:blur(6px); }
.modal-box{ box-shadow:var(--sh-pop); }