/* CS Desk · Work Zone · token xuất từ bản thiết kế 06/09/2026 */
:root{
  /* Màu nền và đường kẻ (kế thừa Workzone Design System) */
  --cs-paper:#ffffff; --cs-mist:#f6f9fc; --cs-band:#eef3fa; --cs-line:#dce5f0; --cs-line-strong:#c4d2e6;
  /* Màu chữ */
  --cs-heading:#0e1c33; --cs-body:#3d4a60; --cs-muted:#6b7890; --cs-faint:#9aa6ba;
  /* Thương hiệu */
  --cs-navy:#1c3d6e; --cs-azure:#2f7fd1; --cs-sky-tint:#dceaf9;
  /* Ngữ nghĩa: nền nhạt + chữ đậm cùng họ */
  --cs-crit:#b3261e; --cs-crit-bg:#fdeceb;     /* gấp, quá hạn */
  --cs-warn:#8a5a00; --cs-warn-bg:#fdf3dc;     /* trong 7 ngày */
  --cs-ok:#137a4b;   --cs-ok-bg:#e7f5ed;       /* đã xong */
  /* Chip trạng thái gia hạn (5 giá trị cố định) */
  --chip-chua-bg:#eef3fa; --chip-chua-fg:#3d4a60;
  --chip-nhac-bg:#dceaf9; --chip-nhac-fg:#1c3d6e;
  --chip-dongy-bg:#e7f5ed; --chip-dongy-fg:#137a4b;
  --chip-thu-bg:#137a4b;  --chip-thu-fg:#ffffff;
  --chip-khong-bg:#f1f3f6; --chip-khong-fg:#6b7890;
  /* Số ngày còn lại: 4 mức + gói dừng */
  --days-crit:#b3261e; --days-warn:#8a5a00; --days-soon:#1c3d6e; --days-far:#6b7890; --days-stop:#9aa6ba;
  /* Chữ */
  --cs-font:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fs-base:15px; --fs-sm:13px; --fs-xs:12px; --fs-title:22px; --fs-tile:32px; --fs-countdown:30px;
  --fw-countdown:800; --lh-base:1.5;
  /* Khoảng cách 8pt */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  /* Bo góc: không dùng một cỡ cho mọi thứ */
  --r-chip:999px; --r-btn:10px; --r-card:14px; --r-tile:16px; --r-sheet:20px;
  /* Bóng, chuyển động */
  --shadow-card:0 1px 2px rgba(28,61,110,.06),0 8px 24px -18px rgba(28,61,110,.3);
  --ease:cubic-bezier(.16,1,.3,1); --dur:200ms;
}
body{font-family:var(--cs-font);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--cs-body);background:var(--cs-mist);font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--cs-azure);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}