.client-navigation{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.client-navigation a{padding:12px 18px;border-radius:9px;color:var(--muted);font-size:.84rem;font-weight:600}.client-navigation a.active,.client-navigation a:hover{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow)}.client-banner{background:linear-gradient(100deg,var(--accent-ink),var(--accent));color:var(--on-accent);padding:22px 24px;border-radius:14px;display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.client-banner h1{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 5px}.client-banner p{font-size:.78rem;margin:0}.client-metrics .metric{padding:18px}.client-metrics strong{margin:0 0 8px;font-size:1.5rem}.client-actions{min-width:140px}.client-actions summary{list-style:none;cursor:pointer}.client-actions>div{display:grid;gap:4px;margin-top:6px;white-space:normal}.client-actions a{padding:9px;background:var(--surface-alt);border-radius:5px;font-size:.8rem}.client-filter-extra{width:100%}.client-filter-extra summary{cursor:pointer;font-size:.8rem;color:var(--accent-ink);margin-bottom:12px}.client-profile-tabs{display:flex;overflow-x:auto;gap:8px;padding:8px;border-bottom:1px solid var(--line);background:var(--surface);margin-bottom:20px;border-radius:10px}.client-profile-tabs a{padding:12px 15px;white-space:nowrap;color:var(--muted);font-size:.8rem;font-weight:700}.client-profile-tabs .active{color:var(--accent-ink);background:var(--accent-soft);border-radius:7px}.client-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0}.client-fields>div{padding:13px 0;border-bottom:1px solid var(--line);min-width:0}.client-fields dt{text-transform:uppercase;font-size:.67rem;color:var(--muted);margin-bottom:5px}.client-fields dd{margin:0;font-size:.86rem;overflow-wrap:anywhere;white-space:pre-wrap}.client-fields .wide{grid-column:1/-1}.client-note{padding:14px 0;border-bottom:1px solid var(--line)}.client-note p{white-space:pre-wrap;margin-bottom:5px}.birthday-today{color:var(--green);font-weight:700}.client-profile-head{display:flex;gap:18px;align-items:center;margin-bottom:18px}.client-profile-head h2{margin-bottom:6px}.client-profile-head p{margin:0}.client-future{padding:20px;background:var(--surface-alt);border-radius:10px;color:var(--muted)}
@media(max-width:700px){.client-banner{align-items:flex-start;flex-direction:column}.client-fields{grid-template-columns:1fr}.client-navigation a{padding:10px}.client-profile-head{align-items:flex-start}.client-profile-tabs{margin-left:-4px;margin-right:-4px}}