/* App Trạm BTS (TD-073) — phần RIÊNG của app thật, nạp SAU khung.css (bộ màu + thành phần của mockup đã duyệt, sinh từ docs/mockup/khung.py).
   khung.css vẽ khung mockup cỡ cố định 1280×720 ⇒ ở đây kéo .mt.app ra toàn màn hình; thêm màn chờ, ô nhập, thẻ đăng nhập, menu tài khoản. */
html,body{height:100%}
body{background:var(--nen)}
.mt.app{width:100%;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none}
.mt.app .nd{overflow:auto}
body.cho #khung{visibility:hidden}
#bts-cho{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--nen);z-index:50}
body.xong #bts-cho{display:none}
#bts-cho-chu{margin:0;color:var(--mo)}
.nho{font-size:12.5px;color:var(--mo)}
.the-dn p.mo{color:var(--mo);margin:0 0 14px}   /* CHỈ dòng phụ đề thẻ — lượt 5: «.mo» trần áp nhầm mục menu GĐ3 a.mo (lề 14 px) */

/* đầu trang */
.dau-app .goc{text-decoration:none;color:inherit}
.tk-toi{position:relative}
.tk .nguoi{border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}
.tk .nguoi:hover,.tk .nguoi[aria-expanded="true"]{background:var(--chinh-nhat)}
.ten-tk{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.nut-tk{border:0;background:none;font:inherit;font-size:12.5px;cursor:pointer}
.nut-tk:hover{background:var(--nen)}
.menu-tk{position:absolute;right:0;top:calc(100% + 6px);min-width:240px;max-width:min(320px,92vw);background:#fff;border:1px solid var(--vien);
  border-radius:10px;box-shadow:0 8px 24px rgba(20,30,50,.16);padding:6px;z-index:30;display:flex;flex-direction:column}
.menu-tk[hidden]{display:none}
.mtk-dau{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--vien);margin-bottom:4px;overflow-wrap:anywhere}
.menu-tk a,.menu-tk button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;border:0;background:none;font:inherit;
  color:var(--chu);text-decoration:none;cursor:pointer;text-align:left}
.menu-tk a:hover,.menu-tk button:hover{background:var(--nen)}

/* menu trái: nút ☰ là <button> (mockup vẽ bằng span) */
.mt.app aside{overflow-y:auto}
.mt.app aside .nut-menu{border:0;border-bottom:1px solid #2c3a59;background:none;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.mt.app aside .nut-menu:hover,.mt.app aside a:hover{background:#24324f;color:#fff}
.mt.app aside a.mo{cursor:not-allowed} .mt.app aside a.mo:hover{background:none;color:#5e6a85}   /* mục GĐ3: <a> KHÔNG href như mockup (khung.menu) */
.mt.app aside[hidden]{display:none}

/* thẻ đăng nhập / chưa được thêm */
.the-dn{max-width:420px;margin:32px auto;padding:22px 24px}
.the-dn h2{margin:0 0 4px;font-size:20px}
input.o{box-sizing:border-box;width:100%;border:1px solid var(--vien);border-radius:7px;padding:8px 10px;font:inherit;background:#fff;color:var(--chu)}
input.o:focus{outline:2px solid var(--chinh);outline-offset:0;border-color:var(--chinh)}
.the-dn .nut.c{min-height:38px}
.hoac{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--nhat);font-size:12.5px}
.hoac::before,.hoac::after{content:"";flex:1;border-top:1px solid var(--vien)}
.o-google{min-height:44px;display:flex;align-items:center;justify-content:center}
.o-google .bao{margin:0;width:100%}
.dn-khac{margin:12px 0 4px;font-size:13px} .dn-khac summary{cursor:pointer;color:var(--chinh)}
#ct-tk{overflow-wrap:anywhere}

/* màn chưa dựng */
.man-cho{max-width:760px}
.man-cho h2{margin:0 0 12px;font-size:19px}

/* BT13.1 Phân quyền › Vai & người dùng (bản 0.5 chỉ đọc) — bảng rộng cuộn NGANG trong thẻ, không đẩy tràn trang ở 360 px */
.man-pq{max-width:1040px;display:flex;flex-direction:column;gap:12px}
.man-pq h2{margin:0;font-size:19px}
.man-pq>p.nho{margin:0}
.bang-cuon{overflow-x:auto;max-width:100%}
#bang-vai tbody tr{cursor:pointer}
#bang-vai tbody tr:focus-visible{outline:2px solid var(--chinh);outline-offset:-2px}
.ten-vai{display:inline;font-size:inherit;margin:0;font-weight:650}

/* BT13 (TD-074, 1.1) — thẻ · ma trận quyền · hộp thoại · phạm vi. Mẫu của mockup (.tabs span · .mtr · .phu/.hop) dùng <button>/<input> thật ở đây */
.man-pq h4{margin:0;font-size:14.5px}
.man-pq .the>.hang{gap:8px;flex-wrap:wrap;margin-bottom:8px}
.man-pq .tabs{margin-bottom:0;overflow-x:auto}
.tabs button{border:0;background:none;font:inherit;padding:8px 14px;color:var(--mo);font-size:13.5px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--chinh);font-weight:650;border-bottom-color:var(--chinh)}
.tabs button:hover{color:var(--chu)}
/* Tab dạng <a> (màn Tiền điện BT08/BT09 — điều hướng bằng hash): phải TRÙNG KIỂU nút tab, không rơi về kiểu link mặc định.
   Ảnh 08/11: «Chốt sốHoá đơnCông nợ» dính nhau, gạch chân xanh — lỗi ở MỌI khổ (không phải chỉ màn hẹp). */
.tabs a.tab{display:inline-block;text-decoration:none;padding:8px 14px;color:var(--mo);font-size:13.5px;line-height:1.2;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a.tab.on{color:var(--chinh);font-weight:650;border-bottom-color:var(--chinh)}
.tabs a.tab:hover{color:var(--chu)}
.pq-hai{display:flex;flex-direction:column;gap:12px}
#pq-ap .bao{margin:0}
#pq-ap .pq-ap-dau{margin-bottom:8px}
#pq-bao{margin:0}
.mtr td input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--chinh)}
.mtr td input[type=checkbox]:disabled{cursor:not-allowed;opacity:.45}
.mtr th.t{text-align:left}
#pq-quyen .hang{gap:8px;margin-bottom:10px} #pq-quyen select.o{width:auto;min-width:180px}
#pq-quyen .bao{margin:12px 0 0}
select.o{box-sizing:border-box;width:100%;border:1px solid var(--vien);border-radius:7px;padding:7px 10px;font:inherit;background:#fff;color:var(--chu)}
.phu.app-phu{position:fixed;z-index:40;padding:12px}
.app-phu .hop{width:560px;max-width:100%;max-height:calc(100dvh - 24px);display:flex;flex-direction:column}
.app-phu .hop .than{overflow:auto}
.app-phu .hop .than .bao{margin-bottom:10px}
.app-phu .cot{display:flex;flex-direction:column;gap:12px}
.app-phu .tr .hang{gap:8px} .app-phu .tr .hang input{flex:1;min-width:0}
.app-phu #bang-tim tbody tr{cursor:pointer}
.app-phu #bang-tim tbody tr.da-co{cursor:not-allowed;color:var(--nhat)}
.app-phu .form .rong{grid-column:1/-1}
.pv-dong{display:flex;flex-direction:column;gap:4px;padding:6px 0;border-bottom:1px solid #eef1f5}
.pv-dong label{display:flex;align-items:center;gap:6px;cursor:pointer}
.pv-dau{margin-bottom:10px}
.ct-nhan{margin:12px 0 4px}
.ct-ten{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--vien);border-radius:8px;background:var(--nen)}
.ct-ten b{font-size:16px;flex:1;min-width:0}
#ct-da-chep{display:block;min-height:1.2em;margin-top:4px}
input.o-tim{max-width:320px;margin-bottom:8px}
.phan-trang{gap:8px;margin-top:8px;align-items:center}
@media (max-width:720px){ .app-phu .form,#dien-chot-form .form,#dien-hd-form .form{grid-template-columns:1fr} .man-pq .tabs,.man-tram .tabs,#dien-tabs{flex-wrap:wrap;overflow-x:visible} .tabs button,.tabs a.tab{padding:8px 10px} }   /* 360: đủ 4 thẻ, không giấu thẻ trong vùng cuộn — .man-tram: 7 thẻ hồ sơ trạm (K8 dt390/dt360: 3 thẻ cuối rơi ngoài khung nhìn khi chỉ .man-pq được bọc) · #dien-tabs: 3 tab BT08/BT09 (ảnh 360 08/11) · biểu mẫu K10 (ảnh 08/11 12:2x: 2 cột ⇒ ô «Số hoá đơn» / select «Thay thế» bị cắt, nhãn tick «ZZK10-E» gãy đôi, chữ gợi ý rơi 4–5 ký tự một dòng) */
/* ≤ 720 px: bảng BT13 (table.the-hep) thành THẺ mỗi dòng — soát ảnh 360 (05/11 20:3x): bảng cuộn ngang đẩy nút «Sửa» / «Sửa phạm vi» ra ngoài màn.
   Vẫn là <table>/<td> (bài K5 đọc cells[]): STT góc trái · tên đậm · «nhãn — giá trị» từ data-nhan · ô nút ở đáy. Nền chẵn / lẻ + dòng chọn giữ trên thẻ. */
@media (max-width:720px){ /* THẺ ≤ 720 px */
  table.the-hep,table.the-hep tbody,table.the-hep tr,table.the-hep td{display:block}
  table.the-hep{width:100%;background:none}
  table.the-hep thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  table.the-hep tbody tr{position:relative;border:1px solid var(--vien);border-radius:9px;padding:8px 10px 8px 38px;margin:0 0 8px;background:#fff}
  table.the-hep tbody tr:nth-child(even){background:#f5f7fb}
  table.the-hep tbody tr:hover{background:#e3edff}
  table.the-hep tbody tr.dchon{background:#d6e4ff;box-shadow:inset 3px 0 0 var(--chinh)}
  table.the-hep tbody tr td{background:none!important;box-shadow:none!important;border:0;padding:2px 0;display:flex;gap:8px;align-items:baseline;text-align:left;white-space:normal}
  table.the-hep td[data-nhan]::before{content:attr(data-nhan);flex:0 0 36%;color:var(--mo);font-size:12px}
  table.the-hep tbody td.stt{position:absolute;left:10px;top:9px;padding:0;color:var(--nhat);font-size:12px}
  table.the-hep tbody td.o-ten{font-weight:650;font-size:14px;padding-bottom:4px}
  table.the-hep tbody td.o-nut{padding-top:6px}
  table.the-hep tbody td.o-nut:empty{display:none}
  table.the-hep tbody td.s{text-align:left}   /* khung.css table.b td.s (căn phải) mạnh hơn luật chung trên — ảnh 360 lượt 4: «Số người» dồn phải */
  /* tfoot (bảng công nợ K10): hàng «Cộng» cũng thành THẺ — 360/390 đo 08/11: bảng 6 cột cuộn ngang, hàng tổng và nút ngoài khung nhìn. */
  table.the-hep tfoot{display:block}
  table.the-hep tfoot tr{display:block;position:relative;border:1px solid var(--vien);border-radius:9px;padding:8px 10px 8px 38px;margin:0 0 8px;background:#eef2f8}
  table.the-hep tfoot td{display:flex;gap:8px;align-items:baseline;border:0;padding:2px 0;background:none!important;text-align:left;white-space:normal;font-weight:650}
  table.the-hep tfoot td[data-nhan]::before{content:attr(data-nhan);flex:0 0 36%;color:var(--mo);font-size:12px;font-weight:400}
  table.the-hep tfoot td.stt{position:absolute;left:10px;top:9px;padding:0}
  table.the-hep tfoot td.o-ten{font-size:14px;padding-bottom:4px}
  table.the-hep tfoot td.s{text-align:left}
}

/* BT03 · BT04 · BT05 Trạm (TD-075, mục 1.2): danh sách lọc được · hồ sơ theo tab · biểu mẫu thêm / sửa. Mẫu: docs/mockup/mockup-bts.html#BT03…#BT05 */
.man-tram{max-width:1180px;display:flex;flex-direction:column;gap:12px}
.man-tram h2{margin:0;font-size:19px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.man-tram>p.nho{margin:0}
.man-tram .loc{gap:8px;margin:0}
.man-tram .loc select.o{width:auto;min-width:150px;max-width:220px}
.man-tram .loc input.o-tim{flex:1 1 220px;max-width:340px;margin:0}
#bang-tram tbody tr{cursor:pointer}
#bang-tram tbody tr:focus-visible{outline:2px solid var(--chinh);outline-offset:-2px}
#bang-tram a{color:inherit;font-weight:650;text-decoration:none}
#bang-tram a:hover{text-decoration:underline}
#tram-trang{margin-top:8px}
.tram-dau{align-items:flex-start;gap:10px}
.tram-dau h2{font-size:20px}
.tram-dau .nho{margin:4px 0 0}
.tram-tab-nd{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.tram-tab-nd .the{flex:1 1 320px;min-width:0}
.man-tram .kv{grid-template-columns:150px 1fr}
.man-tram .kv b{font-weight:550;overflow-wrap:anywhere}
.man-tram .form .tr.loi input.o,.man-tram .form .tr.loi select.o{border-color:#d9534f;background:#fff8f8}
.man-tram .form .tr.loi .goi{color:#8c1b24}
.tram-nut{margin-top:12px}

/* BT06 «Kỳ thanh toán thuê» (TD-077, mục 1.4) — bản vẽ BT06.1: bộ lọc MỘT hàng. `.loc` của khung là flex, nhưng `select.o` mặc định
   rộng 100% ⇒ mỗi ô chiếm cả hàng, màn dựng thành 6 hàng select xếp dọc (so ảnh 08/11). Sửa ở LỚP `.loc` để màn khác dùng cùng lớp cũng đúng. */
.loc select.o{width:auto;min-width:150px;max-width:220px}
.loc input.o-tim{flex:1 1 220px;max-width:340px;margin:0}
/* nhãn dài («Nhảy cóc: thiếu kỳ 01/10/2026–31/12/2026», lý do vướng) phải XUỐNG DÒNG — khung.css để nowrap ⇒ ở 360 nhãn chạy ra ngoài thẻ.
   CHỈ ô Vướng + nhãn Nhảy cóc: nhãn NGẮN («1 · Kế hoạch», «quá 39 ngày») phải giữ MỘT dòng như bản vẽ (ảnh 08/11 07:44: mở nowrap cả
   cột làm ô Bước gãy «1 · Kế / hoạch»; gom cả `.nhan.d` thì «quá 39 ngày» cũng gãy). */
.man-ky td:nth-child(8) .nhan,.man-ky [id^="ky-coc-"]{white-space:normal;overflow-wrap:anywhere}
@media (min-width:721px){
  #ky-bang-ky td:nth-child(2){white-space:nowrap}   /* mã trạm một dòng (ảnh 08/11: «ZZK9-» / «A» gãy đôi) */
  #ky-bang-ky td:nth-child(3){white-space:nowrap}   /* kỳ «01/01/2027 – 31/03/2027» một dòng như bản vẽ BT06.1 (ảnh 08/11 07:44: gãy sau dấu «–») */
}

/* màn hẹp: menu = thanh biểu tượng (khung luôn thu gọn); mở rộng thì nổi lên trên nội dung */
@media (max-width:720px){
  .dau-app{padding:0 8px 0 10px;gap:6px}
  .dau-app .goc{width:auto}
  .dau-app .td{display:none}
  .ten-tk{max-width:110px}
  .tk .chu-nho{display:none}
  .mt.app:not(.thu) aside{position:absolute;top:54px;bottom:0;left:0;z-index:20;box-shadow:4px 0 16px rgba(0,0,0,.3)}
  .mt.app .nd{padding:14px 12px}
  .the-dn{margin:16px auto;padding:18px 16px}
  .man-tram .form{grid-template-columns:1fr}   /* 360 / 390: biểu mẫu một cột, không tràn ngang */
  .man-tram .loc{gap:6px}
  .man-tram .loc select.o,.man-tram .loc input.o-tim{width:100%;max-width:none}
  .loc select.o,.loc input.o-tim{width:100%;max-width:none}   /* BT06 cùng lớp .loc: 360/390 một cột, không tràn */
  /* 360/390: ô Hạn = «30/09/2026» + nhãn «quá 39 ngày» ⇒ nowrap làm nhãn chạy RA NGOÀI thẻ (đo 08/11). Cho THẺ xuống dòng:
     nhãn rơi xuống dòng dưới, giữ MỘT dòng; nhãn dài («Nhảy cóc…») vẫn được bẻ chữ bên trong. Màn rộng (>720) giữ nowrap như bản vẽ. */
  .man-ky td{flex-wrap:wrap}
  .man-ky td .nhan{white-space:normal;overflow-wrap:anywhere}
  .tram-dau{flex-wrap:wrap}
}

/* BT15 Nhập dữ liệu (TD-081): 4 thẻ đếm 4 cột ở màn rộng, 2 cột ở màn hẹp — bỏ style nội tuyến vì 4 cột ở 360 px
   làm thẻ tràn ngang 21 px (đo K11 dt360 09/11). */
.man-nhap .so{grid-template-columns:repeat(4,1fr)}
@media (max-width:720px){ .man-nhap .so{grid-template-columns:repeat(2,1fr)} }
/* BT02 Bảng điều hành · BT10 Trạm tồn (TD-080): 4 thẻ số 4 cột / 2 cột ở màn hẹp (cùng luật .man-nhap — 4 cột ở 360 px tràn ngang) ·
   thẻ bấm được (button.the) giữ dáng thẻ · hai bảng «theo người» / «theo quận» xếp chồng ở màn hẹp. */
.man-dh .so,.man-ton .so{grid-template-columns:repeat(4,1fr)}
/* 1fr = minmax(auto,1fr) ⇒ «456.852.240 đ» nới một cột, hai thẻ lệch bề ngang + số gãy dòng (ảnh K12 360 09/11 23:51) ⇒ minmax(0,1fr);
   ≤ 480 px thẻ BT02 (số tiền dài) một cột */
@media (max-width:720px){ .man-dh .so,.man-ton .so{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:480px){ .man-dh .so{grid-template-columns:minmax(0,1fr)} }
/* nút canh giữa nội dung theo chiều DỌC (khác div) ⇒ thẻ-nút đứng lệch thẻ thường cùng hàng (ảnh 09/11 23:49) — xếp cột, dồn lên đầu */
.so button.the,.ds button.the{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.so button.the:hover,.ds button.the:hover{border-color:var(--chinh)}
.man-dh .dh-hai{align-items:stretch;flex-wrap:wrap;gap:14px;margin-top:14px}
.man-dh .dh-hai>.the{flex:1 1 380px;min-width:0}
button.so-mo{border:0;background:none;padding:0;font:inherit;color:var(--chinh);cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
button.so-mo:hover{text-decoration-style:solid}
/* thanh bước dùng NÚT (BT06 · BT02 · BT02.2) — khung.css chỉ vẽ .buoc span của mockup ⇒ nút trần trông như nút hệ điều hành; cùng dáng viên thuốc của mẫu */
.buoc button{border:1px solid var(--vien);background:#fff;border-radius:16px;padding:4px 11px;font:inherit;font-size:12.5px;color:#3d4a66;cursor:pointer}
.buoc button b{margin-left:5px}
.buoc button:hover{border-color:var(--chinh)}
.buoc button.on{background:var(--chinh);border-color:var(--chinh);color:#fff}
.buoc button.v{border-color:#f1d58a;background:var(--vang-nhat);color:var(--vang)}
/* BT12.2 (TD-087) ô chọn NHIỀU trạm trong hộp «Công việc mới»: khung cuộn, lưới ô — 182 trạm không đẩy nút «Giao việc» ra ngoài khung nhìn */
.chon-tram{max-height:180px;overflow:auto;border:1px solid var(--vien);border-radius:8px;padding:6px 8px;margin-top:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:2px 10px}
.chon-tram .chon-1{display:flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap}
.chon-tram .chon-1[hidden]{display:none}
.man-td td.o-han .nhan.d{white-space:nowrap}

/* BT04.3 tab «Ảnh» + BT06.5 chụp ảnh nghiệm thu (TD-085, mục 2.2): lưới ảnh thu nhỏ, ô chụp 2 cột trên điện thoại.
   Ảnh tải về là base64 đọc qua API ⇒ `<img>` cố định chiều cao để lưới không nhảy khi ảnh về muộn. */
.luoi-anh{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.luoi-anh .o-anh{margin:0;border:1px solid var(--vien);border-radius:8px;overflow:hidden;background:#fff}
.luoi-anh .o-anh img{display:block;width:100%;height:112px;object-fit:cover}
.o-anh .anh-cho{height:112px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:12px;color:var(--mo);background:#f6f8fb}
.o-anh figcaption{padding:6px 8px;font-size:12.5px;border-top:1px solid var(--vien);overflow-wrap:anywhere}
.chup-man{display:flex;flex-direction:column;gap:12px;max-width:760px}
.chup-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.chup-o{border:1px dashed var(--vien);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#fff;min-width:0}
.chup-o .chup-ten{font-weight:600;font-size:13px}
.chup-o input[type=file]{font-size:12px;width:100%}
.chup-o .chup-xem{font-size:12px;color:var(--mo);min-height:16px;overflow-wrap:anywhere}
.chup-o .chup-xem img{display:block;width:100%;height:86px;object-fit:cover;border-radius:6px;margin-bottom:4px}
.chup-o .chup-xem.thieu{color:#8c1b24}
@media (max-width:480px){.luoi-anh{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* nút khoá phải TRÔNG khoá — khung.css chỉ làm mờ .nut.tat (app dùng 0 chỗ); 94 chỗ khoá bằng disabled trông như bấm được (soát ảnh K16 11/11) */
button:disabled{opacity:.45;cursor:not-allowed}
/* BT04.5 điện thoại — hồ sơ rút gọn + lối tắt việc (TC-TR-15) */
.tram-gon{margin:10px 0}
.loi-tat-ds{display:grid;gap:8px;margin-top:10px}
.loi-tat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:10px 12px;min-height:44px;border:1px solid #dde3ec;border-radius:8px;background:#fff;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.loi-tat .nho{grid-column:1;overflow-wrap:anywhere}
.loi-tat i{grid-row:1/3;grid-column:2;font-style:normal;font-size:20px;color:var(--chinh)}
.loi-tat.tat{opacity:.55;cursor:not-allowed}
/* BT06 — tổng hợp tiền thuê cho Kế toán (Quang 12/11): 6 thẻ · 3 cột máy tính · 2 cột ≤ 720 · 1 cột ≤ 480 (như BT02). Số tiền KHÔNG gãy dòng:
   overflow-wrap:anywhere bẻ «5.007.660.000 đ» giữa chữ số ở 360 ⇒ đọc thành «5.007.660.00» (ảnh K9-tiền 12/11 08:36 — lần 2 sau BT02 09/11).
   Không đặt nowrap cho MỌI .so .the b: thẻ BT15 mang chữ («chưa đọc được») ở 2 cột sẽ tràn — cổng một-dòng ở K9-tiền + K12 canh thẻ số. */
.man-ky .so.ky-tien{grid-template-columns:repeat(3,minmax(0,1fr))}
.man-ky .ky-tien .the b{font-size:18px;white-space:nowrap}
@media (max-width:720px){ .man-ky .so.ky-tien{grid-template-columns:repeat(2,minmax(0,1fr))} .man-ky .ky-tien .the b{font-size:15px} }
@media (max-width:480px){ .man-ky .so.ky-tien{grid-template-columns:minmax(0,1fr)} }