/* Module BÁO CÁO ĐIỀU HÀNH — kiểu riêng, CHỈ dùng biến của web/giao_dien.css (đúng cả chế độ sáng / tối). */
main.bc{padding-top:10px}
main.bc .hc-tab{margin-bottom:10px}
main.bc .hc-tab>a{flex:1 1 0;min-width:0;padding:0 6px;font-size:13.5px}   /* 4 tab vừa màn 390 px */
main.bc .hc-dong-giua .t,main.bc .hc-dong-giua .p{display:block}   /* tên và dòng phụ xuống hàng riêng */
main.bc .hc-the .hc-ds{border:0;border-radius:0;box-shadow:none;margin:4px -16px 0;background:transparent}
main.bc .hc-the .hc-ds>.hc-dong{padding-left:16px;padding-right:16px}
@media (max-width:560px){ .hc-so-luoi.bc-4o{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---- thanh kỳ báo cáo: ‹ Tháng 9/2026 › */
.bc-ky{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.bc-ky .giua-ky{flex:1;min-width:0;text-align:center;line-height:1.25}
.bc-ky .giua-ky b{display:block;font:800 17px var(--tieu-de)}
.bc-ky .giua-ky span{display:block;font-size:12.5px;color:var(--mo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-ky .hc-nut-tron{font:800 20px/1 var(--tieu-de);flex:none}
.bc-ky .hc-nut-tron:disabled{opacity:.35;cursor:default}

/* ---- khối anh hùng */
.bc-hero .bc-so-lon{display:block;margin:8px 0 2px;font:800 44px/1.05 var(--tieu-de);letter-spacing:-.02em;color:#fff}
.bc-hero .bc-so-sanh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.8)}
.bc-hero .bc-so-sanh b{color:#fff;font-weight:700}
.bc-hero .hc-so b{font-size:21px}
.bc-hero .bc-tien-do{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:rgba(255,255,255,.75);margin-top:2px}

/* ---- thẻ cảnh báo */
.bc-canh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:4px}
@media (min-width:900px){ .bc-canh{grid-template-columns:repeat(4,minmax(0,1fr))} }
.bc-canh .hc-the{margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-height:118px}
.bc-c-nhan{font:700 12.5px var(--noi-dung);color:var(--mo)}
.bc-c-so{font:800 30px/1.1 var(--tieu-de);color:var(--chu)}
.bc-c-tien{font:700 13px var(--noi-dung);color:var(--chu)}
.bc-c-phu{font-size:12px;color:var(--mo);line-height:1.35}

/* ---- biểu đồ cột (SVG tự vẽ) */
.bc-bieu{position:relative;margin:6px 0 2px;min-height:40px}
.bc-bieu svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
.bc-cot{fill:var(--chinh)} .bc-cot.nay{fill:var(--vang)} .bc-cot.mo-nhat{opacity:.55}
.bc-cham:hover .bc-cot,.bc-cham:focus .bc-cot,.bc-cham.chon .bc-cot{filter:brightness(1.18)}
.bc-cham{cursor:pointer;outline:none}
.bc-cham:focus-visible .bc-cot{stroke:var(--chu);stroke-width:1.5}
.bc-luoi{stroke:var(--vien-2);stroke-width:1;shape-rendering:crispEdges}
.bc-day{stroke:var(--vien);stroke-width:1;shape-rendering:crispEdges}
.bc-chu-truc{fill:var(--mo);font:600 11px var(--noi-dung);font-variant-numeric:tabular-nums}
.bc-chu-nhan{fill:var(--chu);font:800 11.5px var(--tieu-de)}
.bc-duong{fill:none;stroke:var(--chinh);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.bc-duong-vang{fill:none;stroke:var(--vang);stroke-width:1;shape-rendering:crispEdges}
.bc-diem-vang{fill:var(--vang);stroke:var(--the);stroke-width:2}
.bc-meo{position:absolute;z-index:3;pointer-events:none;background:var(--the);color:var(--chu);border:1px solid var(--vien);border-radius:10px;
  box-shadow:var(--bong-2);padding:8px 10px;font-size:12.5px;line-height:1.4;min-width:132px;transform:translate(-50%,-100%);white-space:nowrap}
.bc-meo b{display:block;font:800 15px var(--tieu-de)} .bc-meo span{color:var(--mo)}
.bc-chu-thich{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--mo);margin-top:6px}
.bc-chu-thich i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--chinh)}
.bc-chu-thich i.vang{background:var(--vang)}
details.bc-bang-so{margin-top:6px}
details.bc-bang-so>summary{cursor:pointer;color:var(--chinh);font:600 13.5px var(--noi-dung);padding:6px 0;list-style:none;min-height:44px;display:flex;align-items:center}
details.bc-bang-so>summary::-webkit-details-marker{display:none}
details.bc-bang-so>summary::before{content:"▸ ";} details.bc-bang-so[open]>summary::before{content:"▾ ";}
details.bc-bang-so .hc-bang-cuon{margin:6px 0 0;box-shadow:none}

/* ---- thanh ngang (NPP, kênh) */
.bc-ngang{display:flex;flex-direction:column;gap:12px}
.bc-tn{display:grid;grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"ten gt" "ray bien";gap:5px 10px;align-items:center}
.bc-tn .ten{grid-area:ten;font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-tn .ten small{font-weight:400;color:var(--mo);margin-left:6px}
.bc-tn .ray{grid-area:ray;height:10px;border-radius:0 4px 4px 0;background:var(--nen-2);overflow:hidden}
.bc-tn .ray>i{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:var(--chinh)}
.bc-tn .gt{grid-area:gt;font:800 15px var(--tieu-de);text-align:right;white-space:nowrap}
.bc-tn .bien{grid-area:bien;text-align:right;white-space:nowrap}
.bc-bien{font:700 12px var(--noi-dung);white-space:nowrap}
.bc-bien.len{color:var(--xanh)} .bc-bien.xuong{color:var(--do)} .bc-bien.ngang{color:var(--mo)}

/* ---- lưới: 1 cột trên điện thoại, 2 cột trên máy tính (minmax 0: bảng rộng cuộn trong thẻ, không đẩy cả trang tràn ngang) */
.bc-hai{display:grid;grid-template-columns:minmax(0,1fr);gap:0 16px;align-items:start}
.bc-hai>*{min-width:0}
@media (min-width:980px){ .bc-hai{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)} }
.bc-the-dau{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.bc-the-dau h3{margin:0;font:800 16px var(--tieu-de)} .bc-the-dau span{font-size:12.5px;color:var(--mo)}

/* ---- danh sách + bộ lọc */
.bc-loc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.bc-loc select{min-height:44px;font-size:14.5px;padding:6px 10px;border-radius:12px;flex:1 1 140px;min-width:0;width:auto;background:var(--the)}
.bc-loc .hc-nut{flex:0 0 auto}
main.bc .hc-dong .p b{color:var(--chu);font-weight:600}   /* 0.7: chỉ trong màn báo cáo — không đổi kiểu module khác */
.bc-them{display:flex;justify-content:center;margin:4px 0 12px}
.bc-rank{font-variant-numeric:tabular-nums}

/* ---- bảng đội ngũ: bảng trên máy tính, danh sách trên điện thoại */
.bc-chi-may{display:none} .bc-chi-dt{display:block}
@media (min-width:900px){ .bc-chi-may{display:block} .bc-chi-dt{display:none} }
main.bc .hc-bang tr.bam{cursor:pointer}
main.bc .hc-bang td .p{display:block;font-size:12px;font-weight:400;color:var(--mo)}
main.bc .hc-bang td.ten-nv{font-weight:700;white-space:nowrap}

/* ---- sức khoẻ dữ liệu */
.bc-dl-so{flex:none;min-width:58px;text-align:right;font:800 22px var(--tieu-de);font-variant-numeric:tabular-nums}
.bc-dl-so.do{color:var(--do)} .bc-dl-so.cam{color:var(--cam-dam)} .bc-dl-so.xanh{color:var(--xanh)} .bc-dl-so.xam{color:var(--mo)}

/* ---- cách tính */
details.bc-cach{margin:18px 2px 8px;font-size:13.5px;color:var(--mo)}
details.bc-cach>summary{cursor:pointer;font-weight:700;color:var(--chinh);padding:6px 0}
details.bc-cach ul{margin:6px 0 0;padding-left:18px} details.bc-cach li{margin:4px 0}
.bc-nguon{font-size:12px;color:var(--mo);text-align:center;margin:10px 0 0}

/* ---- bảng chu kỳ gọn trên điện thoại */
main.bc .hc-bang td.nw,main.bc .hc-bang th.nw{white-space:nowrap}

/* ---- 0.7: dòng điểm bán không bấm được (người xem không mở được màn điểm bán), chú thích nhỏ, bảng tuyến vừa khung máy tính */
main.bc div.hc-dong{cursor:default}
main.bc .bc-chu-nho{margin:-4px 2px 10px;font-size:12.5px}
main.bc .bc-bang-tuyen .hc-bang th{white-space:normal;line-height:1.25;vertical-align:bottom;padding:8px 10px}
main.bc .bc-bang-tuyen .hc-bang td{padding:9px 10px}
main.bc .bc-bang-tuyen td.bc-ma-tuyen{overflow-wrap:anywhere;min-width:112px}
/* điện thoại: 5 cột tuyến vừa bề ngang 390 px (không phải kéo ngang mới thấy cột doanh số) */
@media (max-width:480px){
  main.bc .bc-bang-tuyen .hc-bang{font-size:13px}
  main.bc .bc-bang-tuyen .hc-bang th{padding:6px 5px;font-size:10.5px;letter-spacing:.02em}
  main.bc .bc-bang-tuyen .hc-bang td{padding:8px 5px}
  main.bc .bc-bang-tuyen td.bc-ma-tuyen{min-width:86px}
}
main.bc .bc-an{margin-top:14px}
main.bc .bc-an .hc-ds{margin-top:8px}
/* 0.8 — đơn giao qua đầu mối (dòng riêng, không cộng doanh số) · dòng hàng 3 lớp */
.bc-dau-moi{margin-top:4px!important;font-size:13.5px!important}
.bc-dong-hang .hc-so-luoi{margin:10px 0 8px}
.bc-dong-hang .bc-chua-do{font-size:17px;color:var(--mo)}
.bc-dong-hang a{color:var(--chinh);font-weight:700}