/* ====================================================================
   QUY CHUẨN GIAO DIỆN appsx — dùng chung 4 trang (/ · /thep · /go · /hvac)
   BGĐ chốt 25/10/2026: 1 màu xanh TDH cho mọi module · 5 cỡ chữ · 3 mức cảnh báo
   Nạp SAU <style> riêng của trang → các mục chung dưới đây là chuẩn.
   Người lập: Xuất từ Appsx — TDH Đồng Nai
   ==================================================================== */
:root{
  /* màu nhận diện — 1 màu chung */
  --xanh:#1B5E20; --xanh2:#2E7D32; --xanh-nhat:#E8F5E9; --cam:#EF6F18;
  /* màu module cũ → quy về màu chung (trang gỗ / HVAC dùng các biến này) */
  --go:#1B5E20; --go2:#2E7D32; --go-nhat:#E8F5E9; --hv:#1B5E20; --hv2:#2E7D32; --hv-nhat:#E8F5E9;
  /* nền, chữ, viền */
  --nen:#F4F6F4; --chu:#212121; --xam:#616161; --xam-nhat:#9E9E9E; --vien:#CFD8CF;
  /* 3 mức cảnh báo + thông tin */
  --do:#C62828;  --do-nen:#FFEBEE;  --do-vien:#EF9A9A;
  --vang:#8D6E00; --vang-nen:#FFF8E1; --vang-vien:#FFD54F;
  --ok:#1B5E20;  --ok-nen:#E8F5E9;  --ok-vien:#A5D6A7;
  --tt:#1565C0;  --tt-nen:#E3F2FD;  --tt-vien:#90CAF9;
  /* thang cỡ chữ: 12 phụ · 13 bảng/ghi chú · 14 nội dung · 15 nút · 19 tiêu đề */
  --c12:12px; --c13:13px; --c14:14px; --c15:15px; --c19:19px;
}
body{font-family:Arial,Helvetica,sans-serif;font-size:var(--c14);background:var(--nen);color:var(--chu)}
header{background:var(--xanh);color:#fff;padding:14px 22px}
main{max-width:1240px}
header h1{font-size:var(--c19)}
header .sub{font-size:var(--c12);opacity:.85}
.logo{background:#fff;border-radius:8px;padding:6px 12px}
.logo img{height:34px}
.tab{padding:10px 20px;border-color:var(--vien);background:#E6EBE6;color:var(--xam);font-size:var(--c14)}
.tab.on{background:#fff;color:var(--xanh)}
.panel{border-color:var(--vien)}
button{background:var(--xanh);color:#fff;border-radius:7px;padding:10px 24px;font-size:var(--c15);font-weight:bold}
button:hover{background:var(--xanh2)}
button.phu{background:#fff;color:var(--xanh);border:1.5px solid var(--xanh);padding:6px 14px;font-size:var(--c13)}
button.phu:hover{background:var(--xanh-nhat)}
label{font-size:var(--c12);color:var(--xam)}
input,select,textarea{font-size:var(--c14)}
legend{color:var(--xanh);font-size:var(--c13)}
footer{font-size:var(--c12);color:var(--xam)}
.sohuu{color:var(--xam)} .sohuu b{color:var(--xanh);font-weight:600}
.goiy,.lsx-nho{font-size:var(--c12);color:var(--xam)}

/* ---- hộp cảnh báo: .cb do | vang | ok(xanh) | tt  ·  .canhbao (cũ) = vàng ---- */
.cb,.canhbao{border:1px solid;border-radius:7px;padding:8px 12px;font-size:var(--c13);line-height:1.45;margin:6px 0}
.cb.do{background:var(--do-nen);border-color:var(--do-vien);color:var(--do)}
.cb.vang,.canhbao{background:var(--vang-nen);border-color:var(--vang-vien);color:var(--vang)}
.cb.xanh,.cb.ok{background:var(--ok-nen);border-color:var(--ok-vien);color:var(--ok)}
.cb.tt{background:var(--tt-nen);border-color:var(--tt-vien);color:var(--tt)}
.cb ul,.canhbao ul{margin:4px 0 0;padding-left:18px}
/* nội dung cảnh báo 2 dòng: dòng 1 vấn đề (đậm) · dòng 2 Đề xuất */
.vd{font-weight:bold}
.dx{display:block;font-weight:normal;color:var(--chu);opacity:.85}
li.do,li.DO{color:var(--do)} li.vang,li.VANG{color:var(--vang)}

/* ---- thông báo nổi (thay hộp thoại alert) ---- */
#tbNoi{position:fixed;right:16px;bottom:16px;z-index:3000;display:flex;flex-direction:column;gap:8px;max-width:min(460px,calc(100vw - 32px))}
#tbNoi .cb{margin:0;box-shadow:0 6px 22px rgba(0,0,0,.18);cursor:pointer;white-space:normal}
#tbNoi .cb .dong{display:block;margin-top:2px}
@media (max-width:640px){header{padding:12px 16px}.tab{padding:9px 14px}}