/* ShahrVam v668 — root separation of contact state from business state. */
.sm148-supervisor-workbench .sm668-contact-filter{
  display:flex;
  align-items:center;
  gap:8px;
  margin:8px 12px 6px;
  padding:7px 9px;
  border:1px solid var(--line,#dbe5ef);
  border-radius:10px;
  background:var(--surface,#fff);
  overflow:hidden;
}
.sm668-contact-filter-head{display:flex;align-items:center;gap:7px;flex:0 0 auto;white-space:nowrap}
.sm668-contact-filter-head>b{font-size:11px;font-weight:950}
.sm668-contact-filter-head>small{display:none}
.sm668-contact-filter-head>button{border:0;background:transparent;color:#245b8d;padding:2px 4px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.sm668-contact-chips{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}
.sm668-contact-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;min-height:28px;padding:3px 8px;border:1px solid var(--line,#dbe5ef);border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:9.5px;font-weight:850;cursor:pointer;white-space:nowrap}
.sm668-contact-chip>b{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#f1f5f9;font-size:9px;font-weight:950;font-variant-numeric:tabular-nums}
.sm668-contact-chip:hover{border-color:#9cb7d1;background:#f8fbff}
.sm668-contact-chip.is-active{border-color:#2b6da7;background:#eef6ff;color:#174d7c;box-shadow:0 0 0 1px rgba(43,109,167,.08)}
.sm668-contact-chip.is-overdue.is-active,.sm668-contact-chip.is-no_answer.is-active{border-color:#dc8c8c;background:#fff4f4;color:#9f1d1d}
.sm668-contact-chip.is-answered.is-active{border-color:#76b990;background:#effaf3;color:#166534}
.sm668-contact-chip.is-pending_result.is-active{border-color:#d4aa57;background:#fff9e9;color:#7a5100}

/* Business stage is a separate, compact row; no contact-result tabs live here. */
.sm148-supervisor-workbench .sm668-business-tabs{margin:5px 12px 6px;padding:0;gap:5px;display:flex;flex-wrap:wrap;background:transparent;border:0}
.sm148-supervisor-workbench .sm668-business-tabs button{min-height:29px;padding:4px 9px;border-radius:8px;font-size:9.5px;gap:6px}
.sm148-supervisor-workbench .sm668-business-tabs button b{min-width:19px;height:19px;font-size:9px}

/* One filter band instead of tall stacked controls. */
.sm148-supervisor-workbench .sm664-filter-toolbar{margin:5px 12px 8px;padding:8px;gap:7px;grid-template-columns:minmax(210px,1.5fr) minmax(145px,.9fr) minmax(145px,.9fr) minmax(128px,.75fr) minmax(128px,.75fr) auto}
.sm148-supervisor-workbench .sm664-filter-field{gap:3px}
.sm148-supervisor-workbench .sm664-filter-field>span{font-size:9px;line-height:1.2}
.sm148-supervisor-workbench .sm664-filter-field input,.sm148-supervisor-workbench .sm664-filter-field select{min-height:34px;height:34px;font-size:10px;padding-block:4px}
.sm148-supervisor-workbench .sm664-search-box{min-height:34px}
.sm148-supervisor-workbench .sm664-reset-filters{align-self:end;min-height:34px;height:34px;padding:5px 9px;font-size:9.5px;white-space:nowrap}

/* Dense but readable table for ordinary branch monitors (1366px included). */
.sm148-supervisor-workbench .sm668-supervisor-table{min-width:1080px!important;width:100%;table-layout:fixed}
.sm668-supervisor-table th,.sm668-supervisor-table td{padding:7px 6px!important;vertical-align:middle}
.sm668-supervisor-table th{font-size:9.5px!important;white-space:nowrap}
.sm668-supervisor-table td{font-size:10px}
.sm668-supervisor-table th:nth-child(1),.sm668-supervisor-table td:nth-child(1){width:42px}
.sm668-supervisor-table th:nth-child(2),.sm668-supervisor-table td:nth-child(2){width:145px}
.sm668-supervisor-table th:nth-child(3),.sm668-supervisor-table td:nth-child(3){width:112px}
.sm668-supervisor-table th:nth-child(4),.sm668-supervisor-table td:nth-child(4){width:115px}
.sm668-supervisor-table th:nth-child(5),.sm668-supervisor-table td:nth-child(5){width:178px;min-width:0!important}
.sm668-supervisor-table th:nth-child(6),.sm668-supervisor-table td:nth-child(6){width:72px}
.sm668-supervisor-table th:nth-child(7),.sm668-supervisor-table td:nth-child(7){width:137px}
.sm668-supervisor-table th:nth-child(8),.sm668-supervisor-table td:nth-child(8){width:105px;min-width:0!important}
.sm668-supervisor-table th:nth-child(9),.sm668-supervisor-table td:nth-child(9){width:174px}
.sm668-supervisor-table .sm148-row-person b{font-size:10.5px;line-height:1.45}
.sm668-supervisor-table .sm148-row-person small,.sm668-supervisor-table .sm664-handoff-date small{font-size:8.5px;line-height:1.35}
.sm668-supervisor-table .sm564-phone-cell b{font-size:10px;white-space:nowrap}
.sm668-supervisor-table .sm148-row-actions,.sm668-supervisor-table .sm564-queue-actions{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;white-space:nowrap}
.sm668-supervisor-table .sm148-icon-action{width:28px;height:28px;min-width:28px;padding:5px}
.sm668-supervisor-table .sm665-contact-state{min-width:0;gap:2px}
.sm668-supervisor-table .sm665-contact-state>span{min-height:22px;padding:2px 7px;font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sm668-supervisor-table .sm665-contact-state>small{max-width:100%;font-size:8.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}
.sm668-supervisor-table .sm665-contact-state>button{font-size:8.5px}
.sm668-business-state{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.sm668-business-state .badge{font-size:8.5px;white-space:nowrap}
.sm668-business-state>small{font-size:8px;line-height:1.35;color:var(--muted,#64748b);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:1180px){
  .sm148-supervisor-workbench .sm664-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm148-supervisor-workbench .sm668-contact-filter{align-items:flex-start;flex-direction:column}
  .sm668-contact-chips{width:100%}
}
@media (max-width:760px){
  .sm148-supervisor-workbench .sm664-filter-toolbar{grid-template-columns:1fr 1fr}
  .sm148-supervisor-workbench .sm668-contact-filter{margin-inline:8px}
  .sm148-supervisor-workbench .sm668-business-tabs{margin-inline:8px}
}
@media (max-width:520px){
  .sm148-supervisor-workbench .sm664-filter-toolbar{grid-template-columns:1fr}
}