/* Scoped to the unified staff Klanten workspace. Other toolbars keep their layout. */
.pb-toolbar:has(.hc-toolbar) { padding:12px 24px; overflow:visible; z-index:24; }
.hc-toolbar { display:flex; align-items:center; gap:8px; width:100%; min-width:0; flex-wrap:wrap; position:relative; }
.hc-toolbar .pb-search { flex:1 1 260px; max-width:none; min-width:170px; order:0; }
.hc-toolbar .hc-period { flex:0 1 190px; min-width:150px; }
.hc-toolbar select { width:100%; min-width:0; }
.hc-toolbar .pb-btn, .hc-toolbar .pb-select, .hc-toolbar .pb-search input { min-height:42px; }
.hc-toolbar summary { list-style:none; cursor:pointer; }
.hc-toolbar summary::-webkit-details-marker { display:none; }
.hc-toolbar summary::after { content:"⌄"; margin-left:10px; }
.hc-filter-menu, .hc-tools { position:static; flex:none; }
.hc-filter-panel, .hc-menu-panel { position:absolute; z-index:25; right:0; top:calc(100% + 8px); padding:16px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:0 14px 35px #0003; }
.hc-filter-panel { width:min(660px, 100%); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:12px; }
.hc-filter-panel #hc-reset { justify-self:start; }
.hc-desc { display:flex; gap:8px; align-items:center; min-height:42px; font-size:12px; color:var(--text-secondary); }
.hc-menu-panel { display:grid; gap:8px; min-width:210px; }
.hc-custom { display:flex; flex:1 0 100%; align-items:end; gap:12px; flex-wrap:wrap; }
.hc-custom[hidden] { display:none; }
.hc-custom #hc-date-error { font-size:12px; color:var(--danger-fg,var(--text-primary)); }
.hc-workspace { display:grid; gap:16px; min-width:0; color:var(--text-primary); }
.hc-scope { display:flex; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; font-size:12px; color:var(--text-secondary); margin-bottom:10px; }
.hc-scope b { color:var(--text-primary); font-weight:600; }
.hc-workspace .pb-kpis { gap:12px; }
.hc-workspace .hc-kpi { display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left; font:inherit; cursor:pointer; min-width:0; margin:0; }
.hc-kpi[aria-pressed="true"] { border-color:var(--brand); box-shadow:inset 0 0 0 1px var(--brand); }
.hc-kpi:hover { background:var(--surface-raised); }
.hc-workspace .pb-kpi-val { display:block; font-size:30px; line-height:1.25; }
.hc-workspace .pb-kpi-sub { display:block; font-size:11px; }
.hc-distribution { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:12px 2px 0; color:var(--text-secondary); font-size:11px; }
.hc-distribution .pb-dist { flex:1; min-width:80px; height:6px; margin:0; background:var(--border); }
.hc-list-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid var(--border); }
.hc-list-head h2 { font-size:16px; line-height:1.4; margin:0; }
.hc-list-head p { font-size:11px; color:var(--text-secondary); margin:3px 0 0; overflow-wrap:anywhere; }
.hc-roster { min-width:0; padding:0; overflow:hidden; }
.hc-contact-error { padding:12px 18px; font-size:12px; color:var(--warning-fg); background:var(--warning-bg); }
.hc-table { table-layout:fixed; width:100%; color:var(--text-primary); }
.hc-table th:first-child { width:27%; }
.hc-table th:nth-child(2) { width:22%; }
.hc-table th:nth-child(3) { width:8%; }
.hc-table th:nth-child(4) { width:12%; }
.hc-table th:nth-child(5) { width:15%; }
.hc-table th:nth-child(6) { width:16%; }
.hc-table td, .hc-table th { padding:11px 16px; vertical-align:middle; overflow-wrap:anywhere; white-space:normal; }
.hc-table td { font-size:12px; }
.hc-table .pbd-sort { text-align:left; font-size:10px; line-height:1.5; }
.hc-table .pbd-link { text-align:left; font-size:13px; line-height:1.5; }
.hc-row-sub { display:block; font-size:11px; line-height:1.6; color:var(--text-secondary); font-weight:400; margin-top:2px; }
.hc-new-tag { display:inline-block; vertical-align:middle; font-size:9px; line-height:1.6; text-transform:uppercase; letter-spacing:.04em; color:var(--info-fg); background:var(--info-bg); border-radius:4px; padding:1px 6px; }
.hc-count-link { border:1px solid var(--border); background:var(--surface-raised); color:var(--text-primary); border-radius:7px; font:inherit; font-weight:600; min-width:34px; min-height:32px; cursor:pointer; }
.hc-row-actions .pb-btn { margin:3px 4px 3px 0; }
.hc-workspace .pbd-pager { margin:0; padding:12px 18px; border-top:1px solid var(--border); border-radius:0; }
.hc-insights { padding:0; }
.hc-insights > summary { cursor:pointer; padding:16px 18px; font-size:13px; font-weight:650; }
.hc-insights > summary > span { font-size:11px; font-weight:400; color:var(--text-secondary); margin-left:10px; }
#hc-insights-body { padding:0 18px 18px; }
.hc-manage { display:grid; gap:12px; }
.hc-manage .pb-btn { justify-content:flex-start; white-space:normal; text-align:left; }
.hc-toolbar :focus-visible, .hc-workspace :focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
@media (max-width:1199px) {
  .hc-table th:first-child { width:25%; }
  .hc-table th:nth-child(2) { width:21%; }
  .hc-table td, .hc-table th { padding:12px 10px; }
  .hc-table .pb-pill { white-space:normal; }
}
@media (max-width:767px) {
  .pb-toolbar:has(.hc-toolbar) { padding:10px 12px; }
  .pb-toolbar .hc-toolbar .pb-search { flex:1 1 calc(100% - 160px); min-width:120px; max-width:none; order:0; }
  .hc-toolbar #hc-new { order:1; padding-inline:10px; }
  .hc-toolbar .hc-period { order:2; flex:1 1 140px; }
  .hc-filter-menu { order:3; }
  .hc-tools { order:4; }
  .hc-custom { order:5; }
  .hc-toolbar .pb-btn, .hc-toolbar .pb-select, .hc-toolbar .pb-search input { min-height:44px; }
  .hc-filter-panel { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  .hc-workspace { gap:12px; }
  .hc-workspace .pb-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .hc-workspace .pb-kpi { padding:12px; }
  .hc-workspace .pb-kpi-lbl { font-size:11px; }
  .hc-scope { font-size:11px; }
  .hc-distribution { gap:6px 10px; }
  .hc-distribution > span:first-child { display:none; }
  .hc-table, .hc-table tbody { display:block; }
  .hc-table thead { display:none; }
  .hc-table tr { display:grid; grid-template-columns:1fr 1fr; padding:14px; gap:8px 14px; border-bottom:1px solid var(--border); }
  .hc-table th:first-child, .hc-table td { width:auto; padding:0; border:0; }
  .hc-table th:first-child { grid-column:1/-1; }
  .hc-table td:nth-child(2) { grid-column:1/-1; }
  .hc-table td::before { content:attr(data-label); display:block; font-size:10px; color:var(--text-secondary); margin-bottom:3px; }
  .hc-table .pbd-link { font-size:14px; min-height:24px; }
  .hc-table .hc-row-actions { grid-column:1/-1; display:flex; gap:8px; }
  .hc-row-actions .pb-btn { min-height:44px; margin:0; }
  .hc-row-actions::before { display:none!important; }
  .hc-count-link { min-width:44px; min-height:44px; }
  .hc-list-head { padding:12px 14px; }
  .hc-insights > summary > span { display:block; margin:5px 0 0 15px; }
  .hc-workspace .pbd-pager { padding:12px; gap:6px; flex-wrap:wrap; }
}