/* ═══ CLIENTS ════════════════════════════════════════════ */
.cl-detail{position:absolute;inset:0;background:var(--bg);z-index:50;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column}
.cl-detail.open{transform:translateX(0)}
.cl-d-hdr{display:flex;align-items:center;gap:12px;padding:14px 16px 12px;background:var(--card);border-bottom:1px solid var(--b);flex-shrink:0}
.cl-d-bk{width:36px;height:36px;border-radius:var(--r-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cl-d-bk svg{width:18px;height:18px;stroke:var(--text2);stroke-width:2;fill:none}
.cl-stats{display:flex;gap:10px;padding:14px 16px}
.cl-sc{flex:1;background:var(--card);border-radius:var(--r);padding:14px;box-shadow:var(--sh);text-align:center}
.cl-sc-v{font-size:20px;font-weight:900;color:var(--text);letter-spacing:-.4px}
.cl-sc-l{font-size:11px;color:var(--text3);font-weight:600;margin-top:3px}