/* Reuse the customer workspace controls; project-specific content stays scoped. */
.hp-charts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; }
.hp-chart-toggle { margin-top:12px; }
.hp-chart-toggle > summary { cursor:pointer; font-size:12px; color:var(--text-primary); padding:4px 0; }
.hp-chart-toggle > summary span { margin-left:8px; font-size:11px; color:var(--text-secondary); }
.hp-charts > .pb-card { padding:16px; min-width:0; }
.hp-charts .pbd-h3 { font-size:13px; margin:0 0 12px; }
.hp-charts .pbd-bars { max-height:210px; overflow:auto; }
.hp-charts .pbd-bar { grid-template-columns:minmax(65px,1.2fr) minmax(20px,1fr) 28px; gap:6px; font-size:11px; }
.hp-charts .pbd-bar-label { overflow-wrap:anywhere; }
.hp-status-legend { display:grid; gap:6px; }
.hp-status-legend button { display:flex; gap:6px; align-items:center; background:none; border:0; color:var(--text-secondary); font:inherit; font-size:11px; cursor:pointer; text-align:left; min-height:30px; padding:3px; }
.hp-status-legend button b { margin-left:auto; color:var(--text-primary); }
.hp-status-legend [aria-pressed=true] { background:var(--surface-raised); border-radius:5px; }
.hp-table th:first-child { width:24%; }
.hp-table th:nth-child(2) { width:21%; }
.hp-table th:nth-child(3) { width:12%; }
.hp-table th:nth-child(4) { width:14%; }
.hp-table th:nth-child(5) { width:12%; }
.hp-table th:nth-child(6) { width:17%; }
.hp-table .pb-pill { white-space:normal; }
.hp-table .hc-row-actions .pb-btn { min-height:36px; }
#hp-insights { padding:0 18px 18px; }
#hp-date-error { font-size:12px; color:var(--danger-fg); }
.hp-workspace .hc-detail-kv dd { white-space:pre-wrap; }
.hp-workspace .hc-has-selection { grid-template-columns:minmax(0,1fr) 340px; }
.hp-workspace .hc-has-selection .hp-table th:nth-child(n) { width:auto; }
.hp-workspace .hc-has-selection .hp-table td, .hp-workspace .hc-has-selection .hp-table th { padding:10px 8px; }
.pb-nav { overscroll-behavior-y:contain; }
@media (max-width:1250px) { .hp-charts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:1100px) { .hp-workspace .hc-has-selection { grid-template-columns:minmax(0,1fr); } #hp-detail { order:-1; } }
@media (max-width:767px) {
  .hp-chart-toggle > summary { padding:12px 0; }
  .hp-toolbar #hp-new { order:1; padding-inline:10px; }
  .hp-charts { gap:8px; }
  .hp-charts > .pb-card { padding:12px; }
  .hp-charts .pbd-bar { grid-template-columns:minmax(0,1fr) 24px; }
  .hp-charts .pbd-bar-track { display:none; }
  .hp-charts .pbd-months { overflow-x:auto; }
  .hp-status-legend button { min-height:44px; }
  .hp-table th:first-child { width:auto; }
  .hp-table .hc-row-actions .pb-btn { min-height:44px; }
  .hp-workspace .hc-has-selection .hp-table td, .hp-workspace .hc-has-selection .hp-table th { padding:0; }
}
@media (max-width:479px) { .hp-charts { grid-template-columns:minmax(0,1fr); } }