/* VM_CLIENT_ACCOUNT_MANAGER_20260928_V1 */
/* VM_CLIENT_ACCOUNT_MANAGER_LAYOUT_20260928_V1_2 */

/* Scope: Clients list only. Global font, colour, sidebar and topbar are untouched. */
.vm-client-list-panel{overflow:hidden}
.vm-client-toolbar{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(0,3fr);gap:12px;align-items:center}
.vm-client-toolbar>.search{width:100%;max-width:none;min-width:0}
.vm-client-filter-grid{display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(145px,.9fr) minmax(145px,.9fr) auto;gap:10px;align-items:center;min-width:0}
.vm-client-filter-grid select{width:100%;min-width:0;min-height:44px;border:1px solid #bed8ef;border-radius:7px;background:#fff;color:#234c76;padding:0 12px;text-overflow:ellipsis}
.vm-client-filter-grid .filter{min-height:44px;padding:0 18px;white-space:nowrap}

.vm-client-list-panel .table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.vm-client-table{width:100%;min-width:1060px;table-layout:fixed;border-collapse:collapse}
.vm-client-table col.vm-col-id{width:125px}
.vm-client-table col.vm-col-name{width:20%}
.vm-client-table col.vm-col-phone{width:120px}
.vm-client-table col.vm-col-company{width:22%}
.vm-client-table col.vm-col-manager{width:185px}
.vm-client-table col.vm-col-city{width:145px}
.vm-client-table col.vm-col-tags{width:135px}
.vm-client-table th,.vm-client-table td{vertical-align:middle;padding:11px 9px;line-height:1.25;height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-client-table th{overflow:visible;text-overflow:clip}
.vm-client-table tbody tr{cursor:pointer}
.vm-client-table tbody tr:hover td{background:#f7fbff}
.vm-client-table tbody tr:focus-visible{outline:2px solid #2b78c5;outline-offset:-2px}
.vm-client-table td:nth-child(2),.vm-client-table td:nth-child(4),.vm-client-table td:nth-child(6){overflow:hidden;text-overflow:ellipsis}

.vm-account-pill{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.vm-client-tags{display:flex;gap:5px;align-items:center;flex-wrap:nowrap;min-width:0;white-space:nowrap;overflow:hidden}
.vm-client-tags .badge{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
.vm-client-tags .muted{flex:none;white-space:nowrap}

@media(max-width:1180px){
  .vm-client-toolbar{grid-template-columns:1fr}
  .vm-client-filter-grid{grid-template-columns:minmax(190px,1.2fr) minmax(145px,1fr) minmax(145px,1fr) auto}
  .vm-client-table{min-width:1060px}
}
@media(max-width:760px){
  .vm-client-toolbar{display:block}
  .vm-client-toolbar>.search{margin-bottom:10px}
  .vm-client-filter-grid{grid-template-columns:1fr}
  .vm-client-filter-grid .filter{width:100%}
  .vm-client-table{min-width:1000px}
}