/* PHF HR — VẬN HÀNH · CHI PHÍ HOẠT ĐỘNG V1.
   Builds on the Lương theo năm / Chi phí VPP vocabulary (.phf-pa panels,
   .phf-pa-recon tables, .phf-pa-svg charts, .phf-payroll-filterbar) and the
   shared QTTH base. Corporate: Arial, square corners, no gradients/glow;
   tables primary, charts secondary. Variance (Theo kỳ): increase red, decrease
   blue; Chi phí cần theo dõi stays neutral (▲/▼/= only). */
.phf-oc{--oc-orange:#F58220;--oc-orange-ink:#B8560A;--oc-orange-wash:#FEF3E8;--oc-ink:#1E2430;--oc-muted:#5C6672;--oc-line:#E3E6EB;--oc-line-strong:#CDD2D9;--oc-up:#b42318;--oc-down:#175cd3;font-family:Arial,Helvetica,sans-serif;color:var(--oc-ink)}
.phf-oc,.phf-oc *,.phf-oc-sheet,.phf-oc-sheet *{border-radius:0!important}
.phf-oc .phf-qr-block-no{background:var(--oc-orange)}
.phf-oc .phf-payroll-filterbar{border-left-color:var(--oc-orange)}
.phf-oc .phf-qr-filters{align-items:flex-end}
.phf-oc .phf-oc-search{min-width:240px;flex:1 1 240px;max-width:380px}
.phf-oc .phf-oc-search input{width:100%}
/* own header class: .phf-pa-head under .phf-pa is the Lương theo năm export hook */
.phf-oc .phf-oc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px}
.phf-oc .phf-oc-head h2{margin:2px 0 4px}
.phf-oc .phf-oc-viewname{font-size:15px;font-weight:400;color:var(--oc-muted)}

/* contextual navigation: no in-page tabs (sidebar owns navigation); Chi tiết is
   opened from a report and offers the way back to it */
/* secondary action: a quiet right-aligned line under the filters, never inside the controls */
.phf-oc .phf-oc-ctxline{margin:-2px 0 10px;text-align:right}
.phf-oc .phf-oc-detaillink{font-size:12px;color:var(--oc-muted);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.phf-oc .phf-oc-detaillink:hover{color:var(--oc-orange-ink)}
/* source / range line: secondary */
.phf-oc .phf-oc-head .phf-pa-scope{font-size:12px;color:var(--oc-muted);margin:0}
.phf-oc .phf-oc-back{display:inline-block;margin:0 0 4px;font-size:12.5px}
.phf-oc .phf-oc-from{font-size:12px;color:var(--oc-muted)}

/* KPI strip */
.phf-oc.phf-pa .phf-oc-kpis,.phf-oc.phf-pa .phf-oc-kpis.is-3{grid-template-columns:1.2fr 1fr 1fr}
.phf-oc .phf-oc-commonnote{margin:-4px 0 12px}
.phf-oc .phf-pa-kpi.is-h{border-top-color:var(--oc-orange);background:var(--oc-orange-wash)}
.phf-oc .phf-pa-kpi.is-h .phf-pa-kpi-label,.phf-oc .phf-pa-kpi.is-h .phf-pa-kpi-value{color:var(--oc-ink)}
.phf-oc .phf-pa-kpi-value .c-delta{font-size:17px}
.phf-oc .phf-pa-kpi.is-cmp .phf-pa-kpi-value .c-delta{font-size:21px}
.phf-oc .phf-pa-kpi.is-cmp .phf-pa-kpi-value .c-delta small{font-size:13px}

/* quiet notices + source-quality chip */
.phf-oc .phf-oc-notice{margin:0 0 12px;padding:9px 12px;border:1px solid var(--oc-line-strong);border-left:3px solid #55758a;background:#F7F9FA;font-size:12.5px;line-height:1.45}
.phf-oc .phf-oc-notice.is-warn{border-left-color:#B45309;background:#FFF8EC}
.phf-oc .phf-oc-warnchip{align-self:flex-start;padding:4px 10px;border:1px solid #D9C7A5;background:#FFFBF2;color:#7A4B0C;font:inherit;font-size:12px;cursor:pointer}
.phf-oc .phf-oc-warnchip:hover{background:#FFF4DE}
.phf-oc .phf-oc-warnchip u{text-underline-offset:2px}
.phf-oc .phf-oc-warnbox{margin:0 0 12px;padding:8px 12px;border:1px solid #E5D8BF;background:#FFFCF6;font-size:12px;color:#4A3B20}
.phf-oc .phf-oc-warnbox ul{margin:0 0 4px;padding-left:18px}
.phf-oc .phf-oc-warnbox p{margin:0;color:var(--oc-muted)}

/* tables */
.phf-oc .phf-pa-body>.phf-pa-panel{margin-bottom:14px}
.phf-oc .phf-oc-matrix{overflow-x:auto}
.phf-oc .phf-oc-matrix table{min-width:760px}
.phf-oc .phf-pa-recon th.c-name,.phf-oc .phf-pa-recon td.c-name{text-align:left;white-space:normal;min-width:180px}
.phf-oc .phf-oc-matrix th.c-name,.phf-oc .phf-oc-matrix td.c-name,.phf-oc .phf-oc-matrix tfoot td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 var(--oc-line)}
.phf-oc .phf-oc-matrix thead th.c-name{background:#f6f7f8}
.phf-oc .phf-pa-recon td.is-na,.phf-oc .phf-pa-recon th.is-na{color:#98a1ab}
.phf-oc .phf-pa-recon td.is-zero{color:#8a949e}
.phf-oc .phf-pa-recon td.c-total{font-weight:700!important}
.phf-oc .phf-pa-recon th small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--oc-muted)}
.phf-oc tr.is-sub td{background:#F3F5F7;font-weight:700}
.phf-oc tr.is-bucket td{background:#FFF9F2}
.phf-oc tr.is-bucket td.c-name{font-style:italic}
.phf-oc tr.is-muted td{color:var(--oc-muted)}
.phf-oc tr.is-total td{font-weight:700;border-top:2px solid #9aa3ad}
.phf-oc tr.is-untyped td{background:#F4F5F6}
.phf-oc .phf-oc-tag{display:inline-block;margin-left:6px;padding:0 4px;font-size:10px;line-height:15px;font-style:normal;font-weight:400;border:1px solid #E2C9A6;background:#FFF4E6;color:#7A4B0C;vertical-align:1px;white-space:nowrap}
.phf-oc .phf-oc-sub{display:block;font-size:10.5px;color:var(--oc-muted);font-weight:400}
.phf-oc .phf-oc-code,.phf-oc td.c-code{font-variant-numeric:tabular-nums;white-space:nowrap}
.phf-oc .phf-oc-subh,.phf-oc-sheet .phf-oc-subh{margin:6px 0;font-size:12px;font-weight:700;color:var(--oc-muted)}
.phf-oc .phf-oc-scrollbox{max-height:460px;overflow:auto}
.phf-oc .phf-oc-scrollbox.is-tall{max-height:640px}
.phf-oc .phf-oc-scrollbox thead th{position:sticky;top:0;background:#f6f7f8;z-index:1}
.phf-oc .phf-pa-panel>.phf-qtth-btn{margin-top:8px}
.phf-oc .phf-oc-grid2{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.2fr);gap:16px;align-items:start;margin-top:8px}
.phf-oc .phf-oc-hrow{grid-template-columns:minmax(140px,210px) minmax(0,1fr) 62px 52px}
.phf-oc .phf-oc-hrow .phf-pa-oname b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phf-oc tr.phf-oc-pick{cursor:pointer}
.phf-oc tr.phf-oc-pick:hover td{background:#FAFBFB}
.phf-oc tr.phf-oc-pick:focus{outline:2px solid var(--oc-orange);outline-offset:-2px}
.phf-oc tr.phf-oc-pick.is-selected td{background:var(--oc-orange-wash)}
.phf-oc tr.phf-oc-pick.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--oc-orange)}
.phf-oc .phf-oc-pltable{max-width:760px}
.phf-oc .phf-oc-pltable td.c-code{width:28px;text-align:center;font-weight:700}
.phf-oc .phf-oc-scopeh{margin:18px 0 10px;padding:8px 12px;border-left:3px solid var(--oc-orange);background:#F6F7F8;font-size:14px}
.phf-oc .phf-oc-scopeh small{font-weight:400;color:var(--oc-muted);margin-left:6px}

/* variance: increase = red, decrease = blue, no change = neutral */
.phf-oc .c-delta{white-space:nowrap;font-weight:700}
.phf-oc .c-delta.is-up,.phf-oc .phf-oc-legend-delta .is-up{color:var(--oc-up)}
.phf-oc .c-delta.is-down,.phf-oc .phf-oc-legend-delta .is-down{color:var(--oc-down)}
.phf-oc .c-delta.is-flat{color:var(--oc-muted)}
.phf-oc .c-delta.is-na{color:#98a1ab;font-weight:400;font-size:11.5px}
.phf-oc .c-delta small{font-weight:400}

/* Chi phí cần theo dõi — neutral: a change is a fact, never coloured as good/bad */
.phf-oc .phf-oc-tracked td.c-tdelta{white-space:nowrap;color:var(--oc-ink)}
.phf-oc .phf-oc-tracked .c-sym{width:54px;text-align:center;font-weight:700;color:var(--oc-ink)}
.phf-oc .phf-oc-tracked .is-na{color:#98a1ab;font-weight:400}
.phf-oc .phf-oc-tracked tr.phf-oc-trow td{border-top:1px solid var(--oc-line-strong)}
.phf-oc .phf-oc-tracked tr.is-branch td{font-size:12px;color:var(--oc-muted);background:#FAFBFB}
.phf-oc .phf-oc-tracked tr.is-branch td.c-name{padding-left:18px}
.phf-oc .phf-oc-tracked tr.is-branch.is-bucket td{background:#FFFBF6}
.phf-oc .phf-oc-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px dashed var(--oc-line-strong);background:#FAFBFB;font-size:13px}
.phf-oc .phf-oc-cfgbtn{margin-left:auto}

/* shared report filters: branch select + ONE searchable Mã phí / Tên chi phí combobox */
.phf-oc .phf-oc-branchfield{flex:1 1 190px}
.phf-oc .phf-oc-combo{position:relative;flex:1.6 1 260px;min-width:220px}
.phf-oc .phf-oc-combo-box{position:relative}
.phf-oc .phf-oc-combo-box input{width:100%;box-sizing:border-box;padding-right:28px}
.phf-oc .phf-oc-combo-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--oc-muted);font:700 15px/1 Arial,sans-serif;cursor:pointer}
.phf-oc .phf-oc-combo-clear:hover{color:var(--oc-orange-ink)}
.phf-oc .phf-oc-combo-list{position:absolute;z-index:30;left:0;right:0;top:100%;max-height:300px;overflow:auto;margin:2px 0 0;padding:0;list-style:none;background:#fff;border:1px solid var(--oc-line-strong);font-size:12.5px;font-weight:400;color:var(--oc-ink)}
.phf-oc .phf-oc-combo-list[hidden]{display:none}
.phf-oc .phf-oc-combo-list li{padding:6px 10px;border-bottom:1px solid #F0F2F4;cursor:pointer;white-space:normal;line-height:1.35}
.phf-oc .phf-oc-combo-list li:hover,.phf-oc .phf-oc-combo-list li.is-hi{background:var(--oc-orange-wash)}
.phf-oc .phf-oc-combo-list li[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--oc-orange)}
.phf-oc .phf-oc-combo-list li.is-empty{color:var(--oc-muted);cursor:default}

/* Thiết lập danh sách (Admin drawer) */
.phf-oc-cfg .phf-oc-cfgtracked td{vertical-align:top}
.phf-oc-cfg .phf-oc-stopbtn{margin-left:6px;font-size:12px}
.phf-oc-cfg .phf-oc-stopform{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;margin-top:6px}
.phf-oc-cfg .phf-oc-stopform p{flex:1 1 100%;margin:2px 0 0;font-size:11.5px;color:#5C6672}
.phf-oc-cfg .phf-oc-stopform .phf-oc-stoperr{color:#9A3412}
.phf-oc-cfg .phf-oc-cfgbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0 6px}
.phf-oc-cfg .phf-oc-search{flex:1 1 220px}
.phf-oc-cfg .phf-oc-search input{width:100%}
.phf-oc-cfg .phf-oc-cfglist{max-height:46vh;overflow:auto;border:1px solid #CDD2D9;background:#fff}
.phf-oc-cfg .phf-oc-cfgrow{display:grid;grid-template-columns:18px 120px minmax(0,1fr) auto;gap:8px;align-items:start;padding:6px 10px;border-bottom:1px solid #EEF0F3;font-size:12.5px;cursor:pointer}
.phf-oc-cfg .phf-oc-cfgrow[hidden]{display:none}
.phf-oc-cfg .phf-oc-cfgrow:hover{background:#FEF3E8}
.phf-oc-cfg .phf-oc-cfgrow.is-blocked{color:#8A93A1;cursor:default;background:#FAFBFB}
.phf-oc-cfg .phf-oc-cfgrow em{font-style:normal;font-size:11px;color:#5C6672;white-space:nowrap}
.phf-oc-cfg .phf-oc-sub{display:block;font-size:10.5px;color:#5C6672}
.phf-oc-cfg .phf-oc-cfgfoot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}
.phf-oc-cfg .phf-oc-cfgfoot span{margin-right:auto;font-size:12.5px;color:#5C6672}
.phf-oc .phf-oc-trackedpanel .phf-pa-h .phf-qtth-link{font-size:12.5px;white-space:nowrap}

/* 100% share bar (coverage) */
.phf-oc .phf-oc-sharebar{display:flex;gap:2px;height:14px;margin:6px 0 6px;background:#fff}
.phf-oc .phf-oc-sharebar i{display:block;height:100%}
.phf-oc .phf-oc-trend{max-height:260px}

/* drillable money cells */
.phf-oc .phf-pa-recon td.is-drill,.phf-oc-sheet .phf-pa-recon td.is-drill{padding:0}
.phf-oc .phf-oc-cellbtn{display:block;width:100%;padding:6px 8px;border:0;background:transparent;font:inherit;color:inherit;text-align:right;cursor:pointer;text-decoration:underline dotted #9aa3ad;text-underline-offset:3px}
.phf-oc .phf-oc-cellbtn:hover{background:var(--oc-orange-wash);color:var(--oc-orange-ink);text-decoration-color:var(--oc-orange)}
.phf-oc .phf-oc-cellbtn:focus-visible{outline:2px solid var(--oc-orange);outline-offset:-2px}

/* evidence ledger */
.phf-oc-ledger td{white-space:nowrap;vertical-align:top}
.phf-oc-ledger td.c-name{white-space:normal;min-width:160px}
.phf-oc-ledger td.c-fee{white-space:normal;min-width:170px}
.phf-oc-ledger td.c-evidence,.phf-oc-ledger th.c-evidence{white-space:normal;min-width:240px;color:#3A4450}
.phf-oc-ledger tr.is-onesided td:first-child{box-shadow:inset 2px 0 0 #D9C7A5}
.phf-oc-ledger .phf-oc-sub{display:block;font-size:10.5px;color:#5C6672}
.phf-oc-ledger .phf-oc-tag{display:inline-block;margin-top:2px;padding:0 4px;font-size:10px;line-height:15px;border:1px solid #E2C9A6;background:#FFF4E6;color:#7A4B0C}
.phf-oc-ledger .phf-oc-srcbtn{display:block;margin-top:3px;font-size:11px}
.phf-oc-dl{display:grid;grid-template-columns:150px 1fr;gap:2px 10px;margin:6px 0 0;padding:6px 8px;border:1px solid #E3E6EB;background:#F7F9FA;font-size:11.5px}
.phf-oc-dl dt{color:#5C6672}
.phf-oc-dl dd{margin:0}

/* drill sheet */
.phf-oc-sheet header strong{display:block;letter-spacing:.02em}
.phf-oc-sheet .phf-oc-sheet-name{display:block;font-size:15px;margin-top:2px}
.phf-oc-sheet .phf-qtth-tablewrap{overflow-x:auto}
.phf-oc-sheet .phf-oc-notice{padding:9px 12px;border:1px solid #CDD2D9;border-left:3px solid #B45309;background:#FFF8EC;font-size:12.5px}

@media (max-width:1100px){
  .phf-oc .phf-oc-grid2{grid-template-columns:1fr}
  .phf-oc.phf-pa .phf-oc-kpis,.phf-oc.phf-pa .phf-oc-kpis.is-3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .phf-oc.phf-pa .phf-oc-kpis,.phf-oc.phf-pa .phf-oc-kpis.is-3{grid-template-columns:1fr}}

/* Báo cáo quản trị V1 (Clean Dataset): VAT note, Truth Data link, WHAT watchlist rows */
.phf-oc .phf-oc-vatnote{margin:4px 0 0;font-size:12px;color:var(--oc-muted)}
.phf-oc .phf-oc-ctxline .phf-oc-truthlink{margin-left:16px}
.phf-oc-cfg .phf-oc-cfgrow.is-what{grid-template-columns:minmax(0,1fr) auto;align-items:center;cursor:default}
.phf-oc-cfg .phf-oc-cfgrow.is-what label{display:flex;gap:8px;align-items:flex-start;cursor:pointer;min-width:0}
.phf-oc-cfg .phf-oc-cfgorder{display:flex;gap:4px}

/* Báo cáo quản trị V2: 4 KPIs, Phòng ban/CN, per-Hạng mục watch cards, period states */
.phf-oc .phf-oc-vatnote{display:inline-block;margin:6px 0 0;padding:4px 8px;font-size:12.5px;color:var(--oc-ink);background:var(--oc-orange-wash);border-left:3px solid var(--oc-orange)}
.phf-oc.phf-pa .phf-oc-kpis.is-4{grid-template-columns:1.2fr 1fr 1fr 1fr}
.phf-oc .phf-pa-kpi-value .is-na,.phf-oc .phf-oc-stat-v .is-na{color:#98a1ab;font-weight:400;font-size:14px}
.phf-oc .phf-pa-recon td.is-na{font-size:11.5px;white-space:nowrap}
.phf-oc .phf-pa-recon td.is-draft,.phf-oc .phf-pa-recon th.is-na small{color:#9a6a2a}
.phf-oc .phf-oc-na.is-draft{fill:#9a6a2a}
.phf-oc .phf-oc-watchhead{margin:4px 0 8px}
.phf-oc .phf-oc-watch{margin-bottom:12px}
.phf-oc .phf-oc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 10px}
.phf-oc .phf-oc-stat{border:1px solid var(--oc-line);padding:8px 10px;background:#fff}
.phf-oc .phf-oc-stat-l{display:block;font-size:11.5px;color:var(--oc-muted)}
.phf-oc .phf-oc-stat-v{display:block;font-size:18px;margin:2px 0}
.phf-oc .phf-oc-stat-v .phf-oc-cellbtn{display:inline;width:auto;text-align:left;font-size:18px;font-weight:700}
.phf-oc .phf-oc-stat-s{display:block;font-size:11.5px;color:var(--oc-muted)}
.phf-oc .phf-oc-mainchange{margin:0 0 10px;padding:6px 10px;border:1px solid var(--oc-line);background:#fafbfc;font-size:13px}
.phf-oc .phf-oc-pbcn td.c-bar,.phf-oc .phf-oc-pbcn th.c-bar{width:22%;min-width:120px}
.phf-oc .phf-oc-pbcn .phf-pa-otrack{height:10px}
.phf-oc .phf-oc-pick{cursor:pointer}
.phf-oc .phf-oc-pick.is-selected td{background:var(--oc-orange-wash)}
/* Vận hành · Tổng quan: audited composition, never a fabricated allocation. */
.phf-op-overview{font-family:Arial,Helvetica,sans-serif;color:#1e2430}.phf-op-overview header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.phf-op-overview h2{margin:2px 0 4px}.phf-op-eyebrow,.phf-op-formula{margin:0;color:#5c6672;font-size:13px}.phf-op-filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding:10px 12px;background:#f7f8fa;border:1px solid #e3e6eb}.phf-op-filters label{display:flex;align-items:center;gap:7px;color:#394150;font-size:13px;font-weight:700}.phf-op-filters select{min-width:128px;padding:6px 26px 6px 8px;border:1px solid #cdd2d9;background:#fff;color:#1e2430;font:inherit;font-weight:400}.phf-op-hero{margin:16px 0;padding:18px;border-left:4px solid #f58220;background:#fff8f1}.phf-op-hero strong{display:block;font-size:30px;line-height:1.2}.phf-op-hero span{display:block;margin-top:6px;font-size:13px;color:#5c6672}.phf-op-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.phf-op-components button{padding:13px;text-align:left;border:1px solid #cdd2d9;background:#fff;cursor:pointer;color:inherit}.phf-op-components button:hover{border-color:#f58220;background:#fff8f1}.phf-op-components b,.phf-op-components strong,.phf-op-components small{display:block}.phf-op-components strong{margin:9px 0 3px;font-size:19px}.phf-op-components small{color:#5c6672}.phf-op-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.phf-op-grid article{padding:14px;border:1px solid #e3e6eb;background:#fff}.phf-op-grid h3{margin:0 0 10px;font-size:15px}.phf-op-grid p{margin:8px 0 0;color:#5c6672;font-size:12px}.phf-op-wide{grid-column:1/-1}.phf-op-bars{height:150px;display:flex;gap:12px;align-items:flex-end;padding:4px 4px 0;border-bottom:1px solid #cdd2d9}.phf-op-bar{height:100%;flex:1;min-width:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.phf-op-bar span{display:block;background:#f58220;min-height:2px}.phf-op-bar.is-empty span{background:#cdd2d9}.phf-op-bar small{text-align:center;margin-top:5px;color:#5c6672}.phf-op-moves{margin:0;padding:0;list-style:none}.phf-op-moves li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eef0f3;font-size:13px}.phf-op-present{position:fixed;inset:0;z-index:10000;padding:12vh 10vw;background:#17202b;color:#fff;font-family:Arial,Helvetica,sans-serif}.phf-op-present button{float:right;margin-left:8px;border:1px solid #fff;background:transparent;color:#fff;font-size:20px;cursor:pointer}.phf-op-present small{display:block;color:#f58220}.phf-op-present h1{margin-top:18vh;font-size:clamp(25px,4vw,54px)}.phf-op-present h2{font-size:clamp(21px,3vw,40px)}
@media (max-width:1100px){.phf-oc.phf-pa .phf-oc-kpis.is-4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.phf-op-overview header,.phf-op-components,.phf-op-grid{display:block}.phf-op-overview header .phf-qtth-btn{margin-top:10px}.phf-op-filters{display:block}.phf-op-filters label{justify-content:space-between;margin:6px 0}.phf-op-filters select{min-width:160px}.phf-op-components button,.phf-op-grid article{width:100%;box-sizing:border-box;margin:8px 0}.phf-op-hero strong{font-size:24px}}
@media (max-width:640px){.phf-oc.phf-pa .phf-oc-kpis.is-4{grid-template-columns:1fr}.phf-oc .phf-oc-stats{grid-template-columns:1fr}}
/* Vận hành · Tổng quan · CHI PHÍ THEO TỔ CHỨC — identified part per organisation, unresolved always shown */
.phf-op-org-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.phf-op-org-h h3{margin:0}
.phf-op-tabs{display:inline-flex;border:1px solid #cdd2d9}
.phf-op-tabs button{padding:6px 12px;border:0;background:#fff;color:#394150;font:inherit;font-size:13px;cursor:pointer}
.phf-op-tabs button+button{border-left:1px solid #cdd2d9}
.phf-op-tabs button[aria-selected="true"]{background:#1e2430;color:#fff;font-weight:700}
.phf-op-org-cov{margin:6px 0 8px!important;color:#394150!important;font-size:13px!important}
.phf-op-org-list{margin:0;padding:0;list-style:none}
.phf-op-org-row{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(70px,2fr) 132px 60px 142px;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px solid #eef0f3;font-size:13px;cursor:default;outline:none}
.phf-op-org-row:hover,.phf-op-org-row:focus-visible{background:#f7f8fa}
.phf-op-org-row:focus-visible{box-shadow:inset 0 0 0 2px #27313d}
.phf-op-org-name{min-width:0;overflow-wrap:anywhere}
.phf-op-org-name small{margin-left:4px;padding:0 4px;border:1px solid #cdd2d9;color:#5c6672;font-size:10.5px;white-space:nowrap}
.phf-op-org-name small.phf-op-org-src{border:0;padding:0;color:#8a939d}
.phf-op-org-bar{display:block;height:10px;background:#f1f3f5}
.phf-op-org-bar>span{display:flex;height:100%}
.phf-op-org-bar i{display:block;height:100%}
.phf-op-org-amt,.phf-op-org-share,.phf-op-org-delta{text-align:right;white-space:nowrap}
.phf-op-org-share{color:#5c6672}
.phf-op-org-row.is-unresolved{color:#5c6672;background:#f7f8fa;border-top:1px dashed #cdd2d9}
.phf-op-org-row.is-unresolved .phf-op-org-bar{background:transparent}
.phf-op-org-note{margin:8px 0 0!important}
.phf-op-tip{max-width:min(360px,calc(100vw - 16px))!important;box-sizing:border-box}.phf-op-tip p em{white-space:normal;text-align:right}
.phf-pc-tip small.phf-op-tipnote{margin-top:4px;text-transform:none;font-weight:400;color:#5c6672;font-size:11px;line-height:1.35}
@media (max-width:640px){.phf-op-org-row{grid-template-columns:1fr auto;grid-template-areas:"name name" "bar bar" "amt delta" "share share";row-gap:4px}
.phf-op-org-name{grid-area:name}.phf-op-org-bar{grid-area:bar}.phf-op-org-amt{grid-area:amt;text-align:left}.phf-op-org-delta{grid-area:delta}.phf-op-org-share{grid-area:share;text-align:left;font-size:12px}
.phf-op-tabs{width:100%}.phf-op-tabs button{flex:1}}
