/* =====================================================================
   V11 – GIAO DIỆN "PRO" (chữ, cỡ chữ, độ đậm theo mẫu TraceX của bạn kho)
   - GIỮ NGUYÊN toàn bộ màu chủ đạo FALCON (navy + vàng cam), không đổi biến màu.
   - Chỉ đổi: phông chữ, cỡ chữ, độ đậm, khoảng đệm đi kèm cỡ chữ.
   - Không sửa HTML/JS, không đụng dữ liệu. Bỏ dòng nạp file này = về giao diện V10.
   ===================================================================== */

/* 1. PHÔNG: phông hệ thống giống TraceX (Windows: Segoe UI; Mac/iPhone: San Francisco; Android: Roboto) */
body{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
     font-size:14px;line-height:1.5;font-weight:400}

/* 2. THANH BÊN */
.brand b{font-size:17px;font-weight:700;letter-spacing:.4px}
.brand span{font-size:10.5px;letter-spacing:.3px}
.nav-group{font-size:9.5px;letter-spacing:1.1px;font-weight:400}
.nav a{font-size:13px;font-weight:400;padding:7px 10px}
.nav a.active{font-weight:600}
.nav a.sub{font-size:12.5px}
.nav .cnt{font-size:9.5px;font-weight:600}
.side-foot{font-size:10px}

/* 3. THANH TRÊN & TIÊU ĐỀ */
.topbar{height:52px}
.topbar h1{font-size:15.5px;font-weight:700}
.user-chip .who b{font-size:12.5px;font-weight:600}
.user-chip .who span,.user-chip .who small{font-size:11px}
.over-chip{font-size:11.5px;font-weight:600;padding:5px 11px}
.content{padding:16px 18px 40px}

/* 4. THẺ */
.card-h{padding:10px 14px}
.card-h h2{font-size:13px;font-weight:700}
.card-b{padding:13px 14px}
.sec-h h2{font-size:13.5px;font-weight:700}
.help,.alert{font-size:12.3px}

/* 5. Ô SỐ LIỆU (KPI) – nhãn chữ HOA nhỏ, số 22 đậm */
.kpi{padding:11px 13px}
.kpi .l{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:400}
.kpi.over .l{font-weight:600}
.kpi .v{font-size:22px;font-weight:700;margin-top:3px}
.kpi .s{font-size:11px;margin-top:2px}

/* 6. BẢNG – chữ 12.3, tiêu đề 11.3 đậm vừa, ô sít hơn */
table.tbl{font-size:12.3px}
.tbl th{font-size:11.3px;font-weight:600;padding:7px 9px}
.tbl td{padding:6px 9px}
.tbl tfoot td,.tbl tr.total td{font-weight:700}
.pager,.empty{font-size:12px}

/* 7. NÚT, Ô NHẬP, NHÃN */
.btn{font-size:12.5px;font-weight:400;padding:6px 12px}
.btn.primary{font-weight:500}
.btn.sm{font-size:11.5px;padding:3px 8px}
.input,select.input,textarea.input{font-size:12.5px;padding:6px 8px}
.field label{font-size:11.5px;font-weight:600}
.field .hint{font-size:11px}
.badge{font-size:10.5px;font-weight:600;padding:1.5px 7px}
.tabs button{font-size:12.3px}
.tabs button.on{font-weight:600}

/* 8. HỘP THOẠI */
.modal-h h3{font-size:13.5px;font-weight:700}
.modal-b{font-size:13px}

/* 9. THẺ PHÒNG BAN & DỰ CHI */
.pb-t b{font-size:13.5px;font-weight:700}
.pb-m .m span{font-size:10.5px}
.pb-m .m b{font-size:14px;font-weight:700}
.dc-sum .l{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
.over-bar{font-size:13px}

/* 10. GIAO DIỆN GỌN của V10.4.2 (.dg-*) – cùng thang chữ */
.dg-sw .btn.on{font-weight:600}
.dg-todo .t{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
.dg-todo .n{font-size:22px;font-weight:700}
.dg-todo ul{font-size:12.3px}
.dg-ok{font-weight:600}
.dg-pbk{font-weight:700}
.dg-mini .dc-pct{font-size:12px}