/* ════════════════════════════════════════════════════════════════
   Dashboard Sales OS — Revamp v2 (Codename mono + cobalt accent)
   Scoped #tab-dashboard · CHỈ re-theme card/layout/font.
   Màu chart (Chart.js) đổi riêng trong dashboard.js (Phase 2).
   Font: Be Vietnam Pro (hỗ trợ tiếng Việt đầy đủ — xem skill luật 6b).
   ════════════════════════════════════════════════════════════════ */

#tab-dashboard{
  /* override palette Company → Codename mono + cobalt */
  --dash-slate:#18181B;     /* ink */
  --dash-indigo:#2563EB;    /* cobalt accent */
  --dash-gold:#F59E0B;      /* amber */
  --dash-teal:#3FC9BA;      /* teal — positive */
  --dash-bg:#F1F1F3;
  --rv-card:#FFFFFF; --rv-line:#ECECEE; --rv-muted:#6B6B72; --rv-soft:#A1A1AA;
  --rv-sh:0 2px 18px rgba(20,20,25,.05);
  font-family:'Be Vietnam Pro','Figtree','Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  background:var(--dash-bg);
}
#tab-dashboard *{font-family:inherit;}

/* Header */
#tab-dashboard .summary-header h2{color:#18181B;font-weight:800;letter-spacing:-.02em;}
#tab-dashboard .summary-header h2::before{background:var(--dash-indigo);}

/* ── KPI: number-first + hero ── */
#tab-dashboard .kpi-row{
  display:grid;grid-template-columns:1.6fr 1fr 1fr .85fr .85fr;gap:14px;align-items:stretch;
}
@media (max-width:1100px){ #tab-dashboard .kpi-row{grid-template-columns:1fr 1fr;} }
#tab-dashboard .kpi-card{
  background:var(--rv-card);border:none;border-left:none;
  border-radius:16px;box-shadow:var(--rv-sh);padding:18px 20px;
}
#tab-dashboard .kpi-label{color:var(--rv-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
#tab-dashboard .kpi-value{font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#18181B;margin-top:6px;}
#tab-dashboard .kpi-sub{color:var(--rv-muted);font-size:12px;}
/* hero = tổng doanh số: số CỰC LỚN */
#tab-dashboard .kpi-card.kpi-total{padding:22px 24px;}
#tab-dashboard .kpi-card.kpi-total .kpi-value{font-size:34px;color:#18181B;}
#tab-dashboard .kpi-card.kpi-total .kpi-label{color:var(--rv-muted);}
/* accent chip mép trái mỏng theo nghĩa */
#tab-dashboard .kpi-card{position:relative;overflow:hidden;}
#tab-dashboard .kpi-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dash-indigo);}
#tab-dashboard .kpi-card.kpi-total::before{background:#18181B;}
#tab-dashboard .kpi-card.kpi-cs::before{background:var(--dash-indigo);}
#tab-dashboard .kpi-card.kpi-ca::before{background:var(--dash-gold);}
#tab-dashboard .kpi-card.kpi-clickable::before{background:var(--dash-teal);}
#tab-dashboard .kpi-card .kpi-value,
#tab-dashboard .kpi-card.kpi-total .kpi-value,
#tab-dashboard .kpi-card.kpi-cs .kpi-value,
#tab-dashboard .kpi-card.kpi-ca .kpi-value{color:#18181B;}     /* số luôn ink, accent ở chip mép */
#tab-dashboard .kpi-team-row{color:#18181B;font-variant-numeric:tabular-nums;}
#tab-dashboard .kpi-team-row .kpi-team-name{color:var(--rv-muted);}
#tab-dashboard .kpi-extra-line strong{color:#18181B;}

/* ── Chart cards: bento ── */
#tab-dashboard .chart-card{
  background:var(--rv-card);border:none;border-radius:16px;box-shadow:var(--rv-sh);
}
#tab-dashboard .chart-card h3{color:#18181B;font-weight:800;letter-spacing:-.01em;border-bottom:1px solid var(--rv-line);}
#tab-dashboard .section-title{color:#18181B;font-weight:800;letter-spacing:-.01em;}

/* Top outlet tables */
#tab-dashboard .top-outlets-summary th,
#tab-dashboard .top-outlets-category th{background:#F4F4F5;color:#18181B;border-bottom:1px solid var(--rv-line);font-variant-numeric:tabular-nums;}
#tab-dashboard .top-outlets-summary td,
#tab-dashboard .top-outlets-category td{font-variant-numeric:tabular-nums;}