:root{
  --navy:#0F2A4A; --navy-soft:#1E4470; --gold:#C9A227; --teal:#0E7C7B;
  --red:#C0392B; --amber:#E67E22; --green:#1E8449;
  --bg:#F5F7FA; --card:#FFFFFF; --border:#E3E8EF; --text:#1B2A3A; --muted:#6B7A8D;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background:var(--bg);color:var(--text);font-size:14px;padding-bottom:40px}
.wrap{max-width:1360px;margin:0 auto;padding:0 20px}

/* Header */
header{background:var(--navy);color:#fff;padding:18px 0 0;margin-bottom:20px}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
header h1{font-size:19px;font-weight:700}
header .sub{font-size:12px;color:#AEC3DC;margin-top:3px}
.demo-badge{background:var(--gold);color:var(--navy);font-weight:700;font-size:11px;padding:5px 12px;border-radius:20px;letter-spacing:.5px}
.tabs{display:flex;gap:4px;margin-top:14px}
.tabbtn{background:transparent;border:none;color:#AEC3DC;font-family:inherit;font-size:13px;font-weight:700;padding:10px 18px;cursor:pointer;border-radius:8px 8px 0 0}
.tabbtn.on{background:var(--bg);color:var(--navy)}

/* Controls */
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:6px 13px;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted);transition:.15s}
.chip:hover{border-color:var(--navy)}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.mode-toggle{margin-left:auto;display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.mode-toggle button{border:none;background:var(--card);padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted)}
.mode-toggle button.on{background:var(--teal);color:#fff}

/* KPI cards */
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:15px 16px}
.kpi .label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.kpi .value{font-size:24px;font-weight:800;color:var(--navy);margin:6px 0 2px}
.kpi .value small{font-size:13px;font-weight:600;color:var(--muted)}
.kpi .delta{font-size:12px;font-weight:600;line-height:1.45}
.kpi .delta.up{color:var(--green)} .kpi .delta.down{color:var(--red)} .kpi .delta.neutral{color:var(--muted)}
.kpi .bar{height:5px;background:#EDF1F6;border-radius:3px;margin-top:9px;overflow:hidden}
.kpi .bar i{display:block;height:100%;border-radius:3px}

/* Layout */
.main-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:20px}
.mid-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-bottom:20px}
.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}
.panel h2{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}
.panel .hint{font-size:11px;color:var(--muted);margin-bottom:10px}
.real-badge{display:inline-block;background:#E4F2F2;color:var(--teal);font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px;letter-spacing:.3px;vertical-align:middle}
.chart-box{position:relative;height:280px}
.chart-box.small{height:170px;margin-top:14px}

/* Events */
.ev-list{display:flex;flex-direction:column;gap:9px;max-height:520px;overflow-y:auto}
.ev{border:1px solid var(--border);border-left:4px solid var(--navy);border-radius:8px;padding:10px 12px}
.ev .tags{display:flex;gap:6px;margin-bottom:5px;flex-wrap:wrap}
.tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.3px}
.tag.contract{background:#E8EEF6;color:var(--navy)} .tag.cash{background:#E4F2F2;color:var(--teal)}
.tag.risk{background:#FBEAE6;color:var(--red)} .tag.milestone{background:#F8F1DC;color:#8A6D10}
.tag.plan{background:#EEF1F5;color:var(--muted)} .tag.co{background:var(--navy);color:#fff}
.ev .title{font-size:12.5px;font-weight:700;line-height:1.4}
.ev .impact{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.45}
.ev.risk{border-left-color:var(--red)} .ev.cash{border-left-color:var(--teal)}
.ev.milestone{border-left-color:var(--gold)} .ev.plan{border-left-color:#B9C4D0}
.ev-empty{font-size:12px;color:var(--muted);padding:20px 0;text-align:center}

/* Tables */
table{width:100%;border-collapse:collapse}
th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:right;padding:9px 8px;border-bottom:2px solid var(--border);font-weight:700}
th:first-child{text-align:left}
td{padding:9px 8px;font-size:13px;text-align:right;border-bottom:1px solid var(--border);font-weight:500}
td:first-child{text-align:left;font-weight:700;color:var(--navy)}
tr.row{cursor:pointer;transition:.12s}
tr.row:hover{background:#F2F6FB}
tr.row.sel{background:#E8EEF6}
tr.total td{font-weight:800;color:var(--navy);border-top:2px solid var(--navy);background:#FAFBFD}
.pbar{display:inline-block;width:64px;height:6px;background:#EDF1F6;border-radius:3px;vertical-align:middle;margin-left:7px;overflow:hidden}
.pbar i{display:block;height:100%;border-radius:3px}
.neg{color:var(--red)} .pos{color:var(--green)} .warncl{color:var(--amber)}
td .sub{font-size:11px;color:var(--muted);font-weight:500}

/* Assets */
.asset-total{font-size:26px;font-weight:800;color:var(--navy);margin:4px 0 2px}
.asset-date{font-size:11px;color:var(--muted);margin-bottom:10px}
.asset-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.asset-row:last-of-type{border-bottom:none}
.asset-row .an{font-weight:700;color:var(--navy)}
.asset-row .an .sub{display:block;font-size:11px;color:var(--muted);font-weight:500}
.asset-row .av{font-weight:700;text-align:right}
.asset-mix{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:10px 0 6px}
.asset-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:10.5px;color:var(--muted);font-weight:600}
.asset-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.wk{margin-top:14px;padding-top:12px;border-top:2px solid var(--border)}
.wk .t{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.wk-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;padding:5px 0}

/* Budget core */
.bt-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.bt-num{background:#FAFBFD;border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.bt-num .l{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.bt-num .v{font-size:19px;font-weight:800;color:var(--navy);margin-top:3px}
.bt-num .s{font-size:11px;color:var(--muted);font-weight:600}
.bt-pace{position:relative;height:14px;background:#EDF1F6;border-radius:7px;margin:6px 0 4px;overflow:visible}
.bt-pace .fill{position:absolute;left:0;top:0;height:100%;border-radius:7px;background:var(--teal)}
.bt-pace .mark{position:absolute;top:-4px;width:2px;height:22px;background:var(--red)}
.bt-pace-lbl{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);font-weight:600;margin-bottom:12px}
.bt-block{margin-bottom:8px}
.bt-block .bl{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:3px}
.bt-block .bl b{color:var(--navy)}
.bt-block .bbar{height:7px;background:#EDF1F6;border-radius:4px;overflow:hidden}
.bt-block .bbar i{display:block;height:100%;border-radius:4px}
.bt-alerts{margin-top:12px;padding-top:10px;border-top:2px solid var(--border)}
.bt-alerts .t{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.bt-alert{font-size:12px;padding:4px 0;color:var(--text);font-weight:500}
.bt-alert b{color:var(--red)}

/* Transactions tab */
.tx-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}
.tx-controls select{font-family:inherit;font-size:12px;font-weight:600;color:var(--navy);border:1px solid var(--border);border-radius:8px;padding:7px 10px;background:var(--card)}
.tx-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.tx-note{font-size:12px;line-height:1.6;color:var(--muted);background:#F8F1DC;border:1px solid #EBDCA8;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.tx-note b{color:#8A6D10}
#txTable{min-width:940px}
#txTable td{font-weight:500}
#txTable td:nth-child(3){max-width:380px;white-space:normal;word-break:break-word}
#txTable td:nth-child(4){max-width:180px;white-space:normal;word-break:break-word}
#txTable th:last-child,#txTable td:last-child{min-width:170px;white-space:nowrap}
#txTable select{font-family:inherit;font-size:11.5px;font-weight:700;border:1px solid var(--border);border-radius:6px;padding:6px 6px;min-height:36px;width:100%;background:var(--card)}
th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
th.sortable::after{content:' ↕';opacity:.45}
th.sortable.on[data-dir="desc"]::after{content:' ↓';opacity:1;color:var(--navy)}
th.sortable.on[data-dir="asc"]::after{content:' ↑';opacity:1;color:var(--navy)}
.dt-sub{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:12px 0 6px}
#txTable select.thu{color:var(--green)} #txTable select.chi{color:var(--red)}
#txTable select.noibo{color:var(--muted)} #txTable select.khac{color:var(--amber)}
tr.dim td{opacity:.5}
.src-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:9px;background:#EEF1F5;color:var(--muted)}
.src-tag.manual{background:#F8F1DC;color:#8A6D10}
.auto-tag{font-size:9.5px;font-weight:700;color:var(--teal)}

/* Notes accordion */
details{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:14px}
summary{font-size:13px;font-weight:700;color:var(--navy);cursor:pointer}
details .note{font-size:12.5px;line-height:1.7;color:var(--text);margin-top:10px}
details .note p{margin-bottom:8px}
.footer-note{font-size:11px;color:var(--muted);text-align:center;margin-top:18px}

@media(max-width:1000px){.kpis,.tx-sum{grid-template-columns:repeat(2,1fr)}.main-grid,.mid-grid{grid-template-columns:1fr}}

/* ===== Tab Dữ liệu — dựng từ đúng token và class sẵn có, không thêm màu mới ===== */
.dt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}
.dt-drop{border:2px dashed var(--border);border-radius:12px;padding:26px 16px;text-align:center;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:.15s;background:#FAFBFD}
.dt-drop:hover,.dt-drop.over{border-color:var(--teal);color:var(--teal);background:#F4FAFA}
.dt-drop b{display:block;font-size:13.5px;color:var(--navy);margin-bottom:4px}
.dt-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}
.dt-f label{display:block;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.dt-f input,.dt-f select{width:100%;font-family:inherit;font-size:13px;font-weight:600;color:var(--navy);border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:var(--card);min-height:44px}
.dt-f input:focus,.dt-f select:focus{outline:none;border-color:var(--teal)}
.btn{font-family:inherit;font-size:12.5px;font-weight:700;border:none;border-radius:8px;padding:0 18px;min-height:44px;cursor:pointer;background:var(--navy);color:#fff}
.btn:hover{background:var(--navy-soft)}
.btn.ghost{background:var(--card);color:var(--navy);border:1px solid var(--border)}
.btn.ghost:hover{background:#F2F6FB}
.btn.danger{background:var(--card);color:var(--red);border:1px solid var(--border)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.dt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dt-msg{font-size:12px;font-weight:600;padding:9px 12px;border-radius:8px;margin-top:10px;display:none;line-height:1.5}
.dt-msg.ok{display:block;background:#E4F2F2;color:var(--teal)}
.dt-msg.err{display:block;background:#FBEAE6;color:var(--red)}
.dt-empty{font-size:12px;color:var(--muted);padding:18px 0;text-align:center}
.dt-help{font-size:11.5px;color:var(--muted);line-height:1.6;margin-top:8px}
.dt-help code{background:#EEF1F5;border-radius:4px;padding:1px 5px;font-size:11px}
.pill-del{background:none;border:none;color:var(--red);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;padding:6px 8px;min-height:44px}
@media(max-width:1000px){.dt-grid{grid-template-columns:1fr}}
.dt-grid>.panel{min-width:0}          /* ô lưới không được rộng hơn màn hình vì bảng bên trong — bảng tự cuộn trong .tbl-wrap */
.tbl-wrap{max-width:100%}

/* ===== Màn hình hẹp: giao diện máy tính KHÔNG đổi một pixel (chỉ dưới 560px) ===== */
.tbl-wrap{overflow-x:auto}
@media(max-width:560px){
  .wrap{padding:0 14px}
  header h1{font-size:16px;line-height:1.35}
  header .sub{font-size:11px}
  .tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabbtn{flex:0 0 auto;font-size:12px;padding:10px 13px}
  .kpis,.tx-sum{grid-template-columns:1fr}
  #hrGrid{grid-template-columns:1fr !important}
  .controls{align-items:stretch}
  .mode-toggle{margin-left:0;align-self:flex-start}
  .tx-controls select{flex:1 1 140px;min-height:44px}
  .chart-box{height:240px}
  .chart-box.small{height:190px}
  .bt-nums{grid-template-columns:1fr}
  .tbl-wrap table{min-width:640px}
}

/* ===== Nút Cập nhật dữ liệu + trạng thái đồng bộ — nằm gọn một hàng bên phải, đầu trang chỉ cao thêm ~18px ===== */
.hd-right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:520px;flex:0 0 auto;margin-left:auto}
.btn-capnhat{font-family:inherit;font-size:12px;font-weight:700;color:#fff;background:transparent;border:1px solid #AEC3DC;border-radius:8px;padding:0 14px;min-height:44px;cursor:pointer;transition:.15s;letter-spacing:.2px}
.btn-capnhat:hover{background:var(--navy-soft);border-color:#fff}
.btn-capnhat:disabled{opacity:.55;cursor:wait}
.dongbo{flex:1 1 100%;font-size:11px;color:#AEC3DC;text-align:right;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}
.dongbo.ok{color:#8FD6C9}
.dongbo.loi{color:#F5A79B}
@media(max-width:560px){.hd-right{justify-content:flex-start;max-width:100%}.dongbo{text-align:left;white-space:normal}}

/* ===== Đăng nhập & phân quyền (TN-12) ===== */
#manDangNhap{position:fixed;inset:0;background:var(--navy);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
#manDangNhap[hidden]{display:none}
.dn-hop{background:var(--card);border-radius:16px;padding:32px 28px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.dn-tieu-de{font-size:16px;font-weight:700;color:var(--navy);letter-spacing:.3px}
.dn-phu{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.dn-ghi-chu{font-size:11.5px;color:var(--muted);margin-top:18px;line-height:1.5}
.nguoi-dung{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:600}
.nguoi-dung img{width:26px;height:26px;border-radius:50%;border:1px solid #AEC3DC}
.nd-vai-tro{font-size:10px;font-weight:700;background:rgba(255,255,255,.14);color:#DCE7F2;padding:3px 8px;border-radius:10px;letter-spacing:.3px}
/* Người chỉ xem (xem-dashboard / xem-tat-ca): ẩn hẳn mọi chỗ nhập — form, kéo thả, nút thêm/xóa/duyệt; bảng số và diễn giải giữ nguyên */
body.chi-xem .nhap-lieu,body.chi-xem #btnCapNhat,body.chi-xem .cho-duyet,body.chi-xem .pill-del,body.chi-xem .pl-nut,body.chi-xem #dnNutGoogle.an{display:none!important}
body.chi-xem .dt-grid:has(>.panel.nhap-lieu:only-child){display:none}
body.chi-xem #tab-pnl .dt-grid{grid-template-columns:1fr}
.chi-xem-bao{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:10px;padding:8px 14px;margin-bottom:14px;display:flex;gap:8px;align-items:center}
.chi-xem-bao::before{content:'👁';font-size:14px}

/* ===== Nhiều tab (PO 12/09/2026) ===== */
.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabbtn{flex:0 0 auto;white-space:nowrap}
.tx-ngay{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}
.tx-ngay input{font-family:inherit;font-size:12px;font-weight:600;color:var(--navy);border:1px solid var(--border);border-radius:8px;padding:6px 8px;min-height:36px;background:var(--card)}
.cho-duyet{font-size:12.5px;line-height:1.6;color:#8A6D10;background:#F8F1DC;border:1px solid #EBDCA8;border-radius:10px;padding:10px 14px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cho-duyet[hidden]{display:none}
#txTable tr.cho td:first-child{box-shadow:inset 3px 0 0 var(--amber)}
#txTable{min-width:1040px}
#txTable th:last-child,#txTable td:last-child{min-width:230px;white-space:normal}
.pl-o{display:flex;flex-direction:column;gap:4px}
.pl-o select{width:100%}
.pl-nut{display:flex;gap:4px;flex-wrap:wrap}
.pl-nut .pill-del{padding:4px 6px;min-height:36px;font-size:11px}
.xem-nhu{font-family:inherit;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid #AEC3DC;border-radius:8px;padding:0 8px;min-height:36px;max-width:220px}
.xem-nhu[hidden]{display:none}
body.xem-nhu-khac header{box-shadow:inset 0 -4px 0 var(--gold)}
#bsTable td:first-child{font-weight:600}
#coTable td{white-space:nowrap} #coTable td:nth-last-child(2){white-space:normal;min-width:220px}
/* Đầu trang không được rộng hơn màn hình ở 375px: khối phải co, chữ trạng thái xuống dòng */
header .wrap>div{min-width:0;max-width:100%}
.hd-right{max-width:100%;min-width:0;flex:1 1 auto}
.dongbo{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:560px){header h1{font-size:15px} .hd-right{justify-content:flex-start} .tx-ngay input{min-height:44px}}

.tx-phan-trang{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.tx-phan-trang .btn{min-height:36px;padding:0 12px;font-size:12px}
.tx-so-trang{font-size:12px;font-weight:700;color:var(--navy)}
.tx-phan-trang select{font-family:inherit;font-size:12px;font-weight:700;color:var(--navy);border:1px solid var(--border);border-radius:8px;padding:6px 8px;min-height:36px;background:var(--card)}

/* ô chọn trong bảng khi chỉ xem → chữ */
.chi-xem-chu{font-weight:700;color:var(--navy);font-size:12.5px}
.dn-moi{font-size:13px;color:var(--navy);background:#EEF1F5;border-radius:10px;padding:14px 16px;line-height:1.5}

/* ===== Bối cảnh cho AI + gợi ý AI (ADR-010) ===== */
.bc-panel textarea{width:100%;min-height:96px;font-family:inherit;font-size:13px;font-weight:500;color:var(--navy);border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card);resize:vertical}
.bc-panel textarea:focus{outline:none;border-color:var(--teal)}
.bc-file{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}
.bc-file input{font-size:12px}
.bc-item{border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-top:10px;font-size:12.5px;line-height:1.55}
.bc-item .bc-tt{font-weight:700;color:var(--navy);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bc-item .bc-qt{margin:6px 0 0 0;padding-left:18px;color:var(--muted);font-weight:500}
.bc-dexuat{background:#F8F1DC;border-radius:8px;padding:8px 12px;margin-top:8px}
.bc-dexuat label{display:flex;gap:8px;align-items:flex-start;font-weight:500;margin:4px 0}
.ai-tag{font-size:10.5px;font-weight:700;color:var(--teal);margin-top:2px}
.ai-tag.khong-chac{color:#8A6D10}
.hd-td{font-size:11.5px;font-weight:500;color:var(--muted);max-width:360px;white-space:normal;word-break:break-word}
.hd-td b{color:var(--navy)}

/* Nút ⓘ mở đoạn giải thích (vùng chạm 44px, hình vẽ 17px) */
.info-nut{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-14px -10px -14px -6px;vertical-align:middle;background:none;border:0;cursor:pointer;padding:0}
.info-nut .i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--teal);color:var(--teal);font:italic 700 11px Georgia,'Times New Roman',serif;line-height:1}
.info-nut:hover .i,.info-nut.on .i{background:var(--teal);color:#fff}
.info-dong{display:flex;align-items:center;gap:2px;margin:0 0 6px}
.info-nhan{font-size:11px;font-weight:700;color:var(--teal);cursor:pointer}
.gt-an{display:none!important}

/* Mũi tên gấp/mở bảng mục — cả dòng tiêu đề bấm được */
.gap-tieu-de{cursor:pointer;user-select:none;display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:44px;margin:-10px 0 -6px}
.gap-nut{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 -6px 0 -14px;background:none;border:0;cursor:pointer;padding:0;color:var(--navy)}
.gap-nut .mt{display:inline-block;font-size:14px;line-height:1;transition:transform .15s}
.gap-nut.dong .mt{transform:rotate(-90deg)}
.panel.gap > :not(h2){display:none!important}
.panel.gap{padding-bottom:10px}
/* Trạng thái đầu trang: một dòng ngắn + nút ⓘ (màu sáng trên nền navy) */
.dongbo .info-nut .i{border-color:#AEC3DC;color:#AEC3DC}
.dongbo .info-nut:hover .i,.dongbo .info-nut.on .i{background:#AEC3DC;color:var(--navy)}
.dongbo .db-dai{display:block;margin-top:2px}
/* Panel Tài sản: ô màu + % trên từng dòng thay cho chú giải (PO 15/09) */
.asset-mau{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.asset-pct{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:8px;padding:1px 6px;vertical-align:1px}

/* bảng chi phí MISA: dòng con (khoản mục dưới mã định khoản) nhạt hơn */
.misa-cp-con td{background:color-mix(in srgb,var(--card) 92%,var(--border));font-size:12.5px}
.misa-cp-cha td{border-top:1px solid var(--border)}