.client-detail-loading{padding:32px;text-align:center;color:var(--muted)}
.client-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.client-detail-summary div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f9fafb}
.client-detail-summary b,.client-detail-summary span{display:block}
.client-detail-summary b{font:800 20px Manrope}
.client-detail-summary span{font-size:9px;color:var(--muted);margin-top:3px}
.client-detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}
.client-user-list{display:grid;gap:9px}
.client-user-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}
.client-user-row .avatar{width:32px;height:32px;flex:none}
.client-user-main{min-width:0;flex:1}
.client-user-main b,.client-user-main span,.client-user-main small{display:block}
.client-user-main b{font-size:11px}
.client-user-main span,.client-user-main small{font-size:9px;color:var(--muted);margin-top:3px}
.client-user-main p{margin:7px 0 0;font-size:10px}
.client-user-status{padding:4px 7px;border-radius:12px;font-size:8px;font-weight:800}
.client-user-status.active{background:#e9f9f1;color:#22845a}
.client-user-status.inactive{background:#fff0f0;color:#c44747}
.view-client{border:1px solid #b9dec8;background:#edf8f1;color:#28744a;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}
.view-client:hover{background:#dff2e6}
@media(max-width:760px){.client-detail-grid{grid-template-columns:1fr}.client-detail-summary{grid-template-columns:repeat(3,1fr)}.client-card-actions{flex-wrap:wrap}}