.client-history-search,.client-name-list,.client-history-cards{border:1px solid #cfe0f2;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(20,58,101,.07)}
.client-history-search{padding:16px;margin-bottom:14px}
.client-history-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);gap:12px}
.client-history-controls label>span{display:block;margin:0 0 7px;color:#173b61;font-size:12px;font-weight:800}
.client-history-search-control,.client-history-select-control{display:flex;align-items:center;gap:9px;min-height:47px;padding:0 12px;border:1.5px solid #b6cde5;border-radius:12px;background:#f9fcff;transition:border-color .18s,box-shadow .18s}
.client-history-search-control:focus-within,.client-history-select-control:focus-within{border-color:#1764e8;box-shadow:0 0 0 4px rgba(23,100,232,.12)}
.client-history-search-control svg,.client-history-select-control svg{flex:0 0 auto;width:18px;color:#1764e8}
.client-history-search-control input,.client-history-select-control select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0b3159;font:inherit}
.client-history-select-control{position:relative}
.client-history-select-control select{appearance:none;padding-right:22px;cursor:pointer}
.client-history-select-control>svg{position:absolute;right:11px;width:14px;pointer-events:none;transform:rotate(90deg)}
.client-name-list{overflow:hidden;margin-bottom:14px}
.client-name-list>p{margin:0;padding:11px 14px;border-bottom:1px solid #dbe7f2;color:#627990;font-size:11px;font-weight:750}
.client-name-list>button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:48px;padding:11px 14px;border:0;border-bottom:1px solid #e2eaf3;background:#fff;color:#0b3159;text-align:left;cursor:pointer}
.client-name-list>button:last-child{border-bottom:0}
.client-name-list>button span{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.client-name-list>button svg{width:16px;color:#1764e8;transition:transform .16s}
.client-name-list>button:hover,.client-name-list>button:focus-visible,.client-name-list>button.is-selected{background:#eaf3ff;outline:0}
.client-name-list>button.is-selected{box-shadow:inset 4px 0 #1764e8;color:#104f9c}
.client-name-list>button:hover svg,.client-name-list>button:focus-visible svg{transform:translateX(3px)}
.client-name-empty{padding:24px 15px;color:#667d94;text-align:center;font-size:12px}
.client-history-cards{overflow:hidden}
.client-history-selected-tools{display:flex;margin:0 0 12px}
.client-history-selected-tools .btn{display:inline-flex;align-items:center;gap:6px}
.client-history-selected-tools svg{width:15px}
.client-history-cards-stack{display:grid;gap:14px}
.client-history-cards-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #dbe7f2}
.client-history-cards-head h2{margin:0;color:#0b3159;font-size:16px}
.client-history-cards-head small{display:block;margin-top:3px;color:#647b91;font-size:11px;font-weight:700}
.client-history-cards-head span{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#e9f2ff;color:#1764e8;font-size:10px;font-weight:850}
.client-history-card-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.client-history-card-scroll:focus-visible{outline:3px solid #1764e8;outline-offset:-3px}
.client-history-card-scroll table{width:100%;min-width:610px;border-collapse:collapse;background:#fff}
.client-history-card-scroll th,.client-history-card-scroll td{padding:12px 14px;border-bottom:1px solid #e1eaf3;color:#153a60;text-align:left;font-size:12px;white-space:nowrap}
.client-history-card-scroll th{background:#155ce5;color:#fff;font-size:11px;font-weight:800}
.client-history-card-scroll tbody tr:last-child td{border-bottom:0}
.client-history-card-scroll td strong{color:#092e55}
.client-card-status{display:inline-flex;align-items:center;min-width:42px;justify-content:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}
.client-card-status.is-active{background:#dcf8eb;color:#08744c}
.client-card-status.is-inactive{background:#eef2f6;color:#536b83}
.client-history-table-empty{height:82px;color:#6d8196!important;text-align:center!important}
@media(max-width:620px){
 .client-history-search{padding:13px}
 .client-history-controls{grid-template-columns:1fr}
 .client-history-cards-head{align-items:flex-start;flex-direction:column;gap:7px}
}
@media(prefers-reduced-motion:reduce){.client-history-search-control,.client-history-select-control,.client-name-list>button svg{transition:none}}