/* ═══════════════════════════════════════════════════════════
   ArbiFlow — dashboard.css  (PATCH v2)
   Drop into /css/dashboard.css
═══════════════════════════════════════════════════════════ */

/* ─── HERO BALANCE CARD ─────────────────────────────────── */
.hero-bal{
  background:var(--blue-d);
  padding:28px 22px 22px;
  position:relative;overflow:hidden;
  margin-bottom:2px;
}
.hero-bal::after{
  content:'';position:absolute;right:-40px;top:-40px;
  width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,.04);pointer-events:none;
}
.hero-bal::before{
  content:'';position:absolute;right:60px;bottom:-60px;
  width:130px;height:130px;border-radius:50%;
  background:rgba(19,64,212,.5);pointer-events:none;
}
.hb-lbl{
  font-size:10px;font-weight:800;color:rgba(255,255,255,.45);
  text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;
}
.hb-amt{
  font-family:var(--mono);font-size:clamp(28px,8vw,40px);font-weight:700;
  color:#fff;letter-spacing:-1.5px;line-height:1;
  margin-bottom:6px;position:relative;z-index:1;
  transition:color .3s ease;
}
.hb-cur{font-size:17px;opacity:.45}
.hb-sub{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:22px}
.hb-locked{color:rgba(255,255,255,.7);font-family:var(--mono)}

.hb-actions{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap}
.hb-btn{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:12px 18px;cursor:pointer;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  color:#fff;transition:all var(--ease);
  flex:1;min-width:80px;max-width:120px;
}
.hb-btn:hover{background:rgba(255,255,255,.17);transform:translateY(-1px)}
.hb-btn:active{transform:translateY(0)}
.hb-btn svg{width:18px;height:18px;flex-shrink:0}
.hb-btn-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}

/* ─── STATS GRID ─────────────────────────────────────────── */
.stats-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2px;margin-bottom:2px;background:var(--border);
}
.stat-cell{
  background:var(--bg-card);padding:16px;
  display:flex;flex-direction:column;gap:4px;
  animation:fadeUp .35s ease both;
}
.stat-val{font-family:var(--mono);font-size:clamp(18px,4vw,22px);font-weight:700}
.stat-lbl{font-size:10px;color:var(--tm);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.c-green {color:var(--green)}
.c-blue  {color:var(--blue)}
.c-amber {color:var(--amber)}
.c-red   {color:var(--red)}

/* ─── DASH SECTIONS ──────────────────────────────────────── */
.dsec{background:var(--bg-card);border:1px solid var(--border);margin-bottom:10px}
.dsec-hd{
  padding:14px 18px 12px;border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.dsec-body{padding:0}

/* ─── MARKET ROW ──────────────────────────────────────────── */
.mkt-row{
  display:flex;align-items:center;gap:12px;
  padding:11px 18px;border-bottom:1px solid var(--border);
  transition:background var(--ease);
}
.mkt-row:last-child{border-bottom:none}
.mkt-row:hover{background:var(--bg-alt)}
.mkt-info{flex:1;min-width:0}
.mkt-pair{font-size:13px;font-weight:700}
.mkt-name{font-size:11px;color:var(--tm)}
.mkt-right{text-align:right}
.mkt-price{font-family:var(--mono);font-size:13px;font-weight:700}
.mkt-chg{font-family:var(--mono);font-size:11px;margin-top:1px}
.mkt-chg.up{color:var(--green)}
.mkt-chg.dn{color:var(--red)}

/* ─── LIVE TRADE ROW (inside dsec) ──────────────────────── */
.ltr{
  display:flex;align-items:center;gap:12px;
  padding:12px 18px;border-bottom:1px solid var(--border);
  cursor:pointer;transition:background var(--ease);
  animation:fadeUp .3s ease both;
}
.ltr:last-child{border-bottom:none}
.ltr:hover{background:var(--bg-alt)}
.ltr-info{flex:1;min-width:0}
.ltr-pair{font-size:13px;font-weight:700}
.ltr-meta{font-size:11px;color:var(--tm);display:flex;align-items:center;gap:6px;margin-top:2px}
.ltr-right{text-align:right;flex-shrink:0}
.ltr-pct{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--green)}
.ltr-timer{font-family:var(--mono);font-size:11px;color:var(--tm)}

/* ─── LIVE INDICATOR ─────────────────────────────────────── */
.live-ind{
  display:inline-flex;align-items:center;gap:5px;
  font-size:10px;font-weight:800;color:var(--green);
  text-transform:uppercase;letter-spacing:.6px;
}
.live-ind::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--green);animation:pulseGreen 2s ease-in-out infinite;
}

/* ─── WELCOME BAR ────────────────────────────────────────── */
.wbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.wbar-text h2{font-size:clamp(18px,5vw,22px);font-weight:800;letter-spacing:-.4px}
.wbar-text p{font-size:12px;color:var(--tm);margin-top:1px}
.user-avatar{
  width:38px;height:38px;background:var(--blue);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:14px;flex-shrink:0;
}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media(min-width:640px){
  .stats-grid{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:900px){
  .hero-bal{padding:32px 28px 26px}
}