/* Savafinlab brand tokens — v2 (2026-10-11). Logo "Trục cân bằng" (0 & 1 = Nợ/Có), chữ finlab đỏ son.
   Nhúng: <link rel="stylesheet" href="https://www.savafinlab.com.vn/brand/v2/brand.css"> */
:root{
  --sava-navy:#0B1B3F; --sava-navy-2:#13306B; --sava-navy-3:#1D3F82;
  --sava-blue:#1D5BD8; --sava-blue-d:#1546AE; --sava-blue-l:#E6F0FD;
  --sava-red:#C0262D;          /* đỏ son thương hiệu: chữ finlab, trục 1 của logo. KHÔNG dùng cho trạng thái lỗi */
  --sava-red-on-dark:#FF7A6B;  /* đỏ son trên nền navy */
  --sava-cyan:#22D3EE; --sava-cyan-l:#7DF3FF; /* giữ cho tương thích v1; không còn trong logo */
  --sava-ink:#141B2D; --sava-muted:#5B6476; --sava-line:#E3E7EF; --sava-alt:#F4F6FA;
  /* Trạng thái lỗi/vi phạm: luôn là chip nền nhạt + icon + nhãn chữ, không bao giờ là chữ đỏ trơn */
  --sava-danger:#B42318; --sava-danger-bg:#FEE4E2;
  --sava-font:"Inter","Segoe UI",-apple-system,Roboto,Arial,sans-serif;
  --sava-mono:"JetBrains Mono","IBM Plex Mono",Consolas,monospace;
  --sava-radius:2px;
}
.sava-btn{display:inline-flex;align-items:center;gap:8px;font:600 14.5px var(--sava-font);padding:12px 22px;border-radius:var(--sava-radius);background:var(--sava-blue);color:#fff;border:0;cursor:pointer;text-decoration:none}
.sava-btn:hover{background:var(--sava-blue-d)}
.sava-btn--outline{background:#fff;color:var(--sava-navy);border:1.5px solid var(--sava-navy)}
.sava-disclaimer{font:12.5px/1.5 var(--sava-font);color:#8A93A6}
.sava-wordmark{font:700 21px/1 var(--sava-mono);letter-spacing:.02em;color:var(--sava-navy)}
.sava-wordmark i{font-style:normal;color:var(--sava-red)}
.sava-danger{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--sava-radius);background:var(--sava-danger-bg);color:var(--sava-danger);font:600 12.5px var(--sava-font)}