/* Extracted from bisatumbuh_soh_performance_v15.html lines 539-595.
   export buttons, sortable-column arrows, DOI trend chart cards
   Phase 1: verbatim copy - no rule added, removed, or reordered. */
/* Total Value per Principal — header row, sortable columns, export button */
#page-home .perp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#page-home .perp-export{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-family:inherit;font-size:12px;font-weight:700;color:var(--blue,#0F4583);
  background:#fff;border:1.5px solid var(--border,#e3eae6);border-radius:9px;
  padding:8px 13px;cursor:pointer;transition:.15s}
#page-home .perp-export:hover{border-color:var(--blue,#0F4583);background:var(--soft,#eef2f7)}
#page-home th.perp-sort{cursor:pointer;user-select:none;-webkit-user-select:none;transition:.12s}
#page-home th.perp-sort:hover{background:var(--soft,#eef2f7);color:var(--blue,#0F4583)}
#page-home th.perp-sort.on{color:var(--blue,#0F4583)}
#page-home th.perp-sort .perp-arrow{font-size:10px}
#page-home th.perp-sort:not(.on):hover .perp-arrow::after{content:' \2195';opacity:.45}
/* Brand heat map — header row + export button */
#page-po .po-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#page-po .po-export{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-family:inherit;font-size:12px;font-weight:700;color:var(--blue-600,#0F4583);
  background:#fff;border:1.5px solid var(--line,#e3eae6);border-radius:9px;
  padding:8px 13px;cursor:pointer;transition:.15s}
#page-po .po-export:hover{border-color:var(--blue-600,#0F4583);background:var(--ink-50,#F6F7F9)}
/* DOI burn-down — panel header row + export button */
#page-doi .dm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#page-doi .dm-export{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-family:inherit;font-size:12px;font-weight:700;color:#0F4583;
  background:#fff;border:1.5px solid #e3eae6;border-radius:9px;
  padding:8px 13px;cursor:pointer;transition:.15s}
#page-doi .dm-export:hover{border-color:#0F4583;background:#f7fafd}
/* daily movement line chart (rationalization & slow moving) */
#page-doi .dm-trend-wrap{position:relative;height:300px;margin-top:16px}
#page-doi .dm-trend-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
#page-doi .dm-trend-foot .tcard{flex:1 1 200px;border:1px solid var(--border);border-radius:12px;padding:11px 14px;background:#fbfdfe}
#page-doi .dm-trend-foot .tcard .tlab{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--t3)}
#page-doi .dm-trend-foot .tcard .tval{font-size:14px;font-weight:800;color:var(--navy);margin-top:4px;font-variant-numeric:tabular-nums}
#page-doi .dm-trend-foot .tcard .tdelta{font-size:12px;font-weight:800;margin-top:3px}
#page-doi .dm-trend-foot .tcard .tdelta.dn{color:var(--green-d)}
#page-doi .dm-trend-foot .tcard .tdelta.up{color:var(--red)}
#page-doi .dm-trend-foot .tcard .tdelta.flat{color:var(--t3)}
#page-doi .dm-trend-foot .tcard .tnote{font-size:11px;color:var(--t2);margin-top:4px;line-height:1.4}
#page-doi .dm-trend-foot .tcard .tvs{font-weight:700;color:var(--t3)}
#page-doi .dm-trend-foot .tcard .tnote .dn{font-weight:800;color:var(--green-d)}
#page-doi .dm-trend-foot .tcard .tnote .up{font-weight:800;color:var(--red)}
#page-doi .dm-trend-foot .tcard .tnote .flat{font-weight:800;color:var(--t2)}
#page-doi table.dm-tbl#dmSummary td{font-size:13px}
#page-doi table.dm-tbl#dmSummary tr.grp td{font-weight:800}
#page-doi table.dm-tbl .prin-cell{color:#0A2E58;font-weight:800;white-space:nowrap}
/* SKU detail table — header row, export button, sortable columns */
#page-perf .sku-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#page-perf .sku-export{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-family:inherit;font-size:12px;font-weight:700;color:var(--c-vf,#0F4583);
  background:#fff;border:1.5px solid var(--border,#e3eae6);border-radius:9px;
  padding:8px 13px;cursor:pointer;transition:.15s}
#page-perf .sku-export:hover{border-color:var(--c-vf,#0F4583);background:var(--soft,#eef2f7)}
#page-perf th.sku-sort{cursor:pointer;user-select:none;-webkit-user-select:none;transition:.12s}
#page-perf th.sku-sort:hover{background:var(--soft,#eef2f7);color:var(--c-vf,#0F4583)}
#page-perf th.sku-sort.on{color:var(--c-vf,#0F4583)}
#page-perf th.sku-sort .sku-arrow{font-size:10px}
#page-perf th.sku-sort:not(.on):hover .sku-arrow::after{content:' \2195';opacity:.45}