.client-directory-controls{display:grid;grid-template-columns:minmax(240px,1fr) 180px 160px auto;align-items:end;gap:10px;margin-bottom:14px;padding:14px;border:1px solid var(--line);background:#0d0f14}
.client-directory-controls label{display:grid;gap:6px}.client-directory-controls label>span{color:var(--accent);font:700 9px var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase}.client-directory-controls input,.client-directory-controls select{min-width:0}.client-directory-controls>.meta{align-self:center}
.client-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-card{display:grid;align-content:start;gap:12px;min-height:275px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,#101218,#0d0f14)}.client-card:hover,.client-card.is-selected{border-color:color-mix(in srgb,var(--accent) 75%,var(--line))}.client-card-head{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.client-card h2{margin:.2rem 0 0;font-size:1.05rem}.client-card p{margin:0;color:var(--muted)}.client-card-status{display:flex;flex-wrap:wrap;gap:6px}.client-card-metric{display:flex;align-items:baseline;gap:8px;margin-top:auto}.client-card-metric b{font-size:1.6rem}.client-card-metric small{color:var(--muted)}
.client-full-record{margin-top:20px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:#101218;padding:20px}.client-record-back{margin-bottom:18px}.client-full-record>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.client-record-title{display:flex;align-items:center;gap:14px}.client-record-title .client-avatar{width:52px;height:52px}.client-record-title h2{margin:.25rem 0}.client-record-title p{margin:0;color:var(--muted)}.client-record-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:24px;padding-top:20px}.client-record-grid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-record-grid dl div{border-left:1px solid var(--line);padding-left:10px}.client-record-grid dt{color:var(--muted);font:700 9px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}.client-record-grid dd{margin:.2rem 0 0}.client-full-record .client-action-groups{margin-top:18px}
@media(max-width:900px){.client-directory-controls{grid-template-columns:1fr 1fr}.client-directory-controls label:first-child{grid-column:1/-1}.client-card-grid{grid-template-columns:1fr 1fr}.client-record-grid{grid-template-columns:1fr}}
@media(max-width:560px){.client-directory-controls,.client-card-grid{grid-template-columns:1fr}.client-directory-controls label:first-child{grid-column:auto}.client-directory-controls>.meta{display:none}.client-full-record>header{align-items:flex-start;flex-direction:column}.client-record-grid dl{grid-template-columns:1fr}}
.demo-client-scenarios{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.demo-client-scenarios>.client-card-grid{margin-top:12px}.demo-client-card{min-height:190px;border-style:dashed}.demo-client-card small{color:var(--muted);line-height:1.55}