/* Executive Precision — Paper White · component + font dùng chung. Kèm theme.js. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --success:#15803D; --warning:#B45309; --error:#B91C1C; --neutral:#6B7280;
  --primary:#F2B705; --on-surface:#001b3d; --on-surface-variant:#43474e; --outline-variant:#c3c7cf;
}
body{ font-family:'Hanken Grotesk','Be Vietnam Pro',system-ui,sans-serif; color:#001b3d; }
.font-headline{ font-family:'Be Vietnam Pro',system-ui,sans-serif; }
.mono,.font-data{ font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; }
.msy{ font-family:'Material Symbols Outlined'; line-height:1; display:inline-block; vertical-align:middle; }
[hidden]{ display:none !important; }

/* Thẻ: viền nhẹ, nền tonal (đúng DESIGN.md) */
.ep-card{ background:#ffffff; border:1px solid #e1e9f5; border-radius:12px; box-shadow:0 1px 2px rgba(0,27,61,.04); }
.ep-card-tonal{ background:#eff4ff; border:1px solid #d4def1; border-radius:12px; }

/* Chấm độ tin cậy (confidence) */
.trust{ display:inline-block; width:8px; height:8px; border-radius:9999px; vertical-align:middle; }
.trust-verified{ background:var(--success); }     /* xanh: số kế toán/đồng bộ */
.trust-manual{ background:var(--primary); }        /* vàng: nhập tay/suy diễn */
.trust-none{ background:var(--neutral); }          /* xám: thiếu dữ liệu */

/* Đèn RAG (line-based light) */
.rag{ display:inline-block; width:10px; height:10px; border-radius:9999px; }
.rag-g{ background:var(--success); } .rag-y{ background:var(--warning); } .rag-r{ background:var(--error); } .rag-n{ background:var(--neutral); }
.t-success{ color:var(--success); } .t-warning{ color:var(--warning); } .t-error{ color:var(--error); } .t-neutral{ color:var(--neutral); }
.bg-success-soft{ background:rgba(21,128,61,.10); } .bg-warning-soft{ background:rgba(180,83,9,.10); } .bg-error-soft{ background:rgba(185,28,28,.10); }

/* Bảng dữ liệu mật độ cao */
.ep-table{ width:100%; text-align:left; border-collapse:collapse; }
.ep-table th{ font-family:'Be Vietnam Pro',sans-serif; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#43474e; padding:10px 14px; border-bottom:1px solid #d4def1; background:#f8f9ff; }
.ep-table td{ padding:10px 14px; border-bottom:1px solid #eef2fb; font-size:13.5px; }
.ep-table tbody tr:hover td, .ep-table tr:hover td{ background:#f4f7ff; }
.ep-table .num{ text-align:right; font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; }
.ep-tot td{ background:#eff4ff; font-weight:700; border-top:2px solid #d4def1; }

/* KPI */
.ep-kpi{ background:#ffffff; border:1px solid #e1e9f5; border-radius:12px; padding:18px; }
.ep-kpi .lbl{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#43474e; }
.ep-kpi .val{ font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; font-size:26px; font-weight:600; color:#001b3d; }

/* Chip trạng thái */
.chip{ display:inline-flex; align-items:center; gap:5px; padding:2px 9px; border-radius:6px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; }

/* Sub-nav (thanh lớp trong 1 module) */
.ep-subnav button{ padding:6px 14px; border-radius:8px; font-size:13.5px; font-weight:500; color:#43474e; }
.ep-subnav button.on{ background:#141414; color:#fff; }
.ep-subnav button:not(.on):hover{ background:#eff4ff; }