/* Clients (Design v4): client title and stage steps; the list uses the v4 toolbar, .tblwrap and .cav tiles. Shares the Projects row/card/board styles. */
.cl-title{display:flex;gap:16px;align-items:center}
.cl-title h1{margin:0}
.cl-steps{list-style:none;margin:12px 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.cl-steps li{display:flex;flex-direction:column;gap:2px}
.cl-steps button,.cl-steps span{min-height:44px;padding:0 16px;border:var(--bw) solid var(--line2);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-weight:550;display:inline-flex;align-items:center;cursor:pointer}
.cl-steps span{cursor:default}
.cl-steps li.now button,.cl-steps li.now span{background:var(--brand-soft);border-color:var(--brand-deep);font-weight:700}
.cl-note p{white-space:pre-wrap}
.cl .tbl .fname{text-decoration:none}
.cl .tbl td a{display:inline-flex;align-items:center;min-height:44px}
.cav.lg{width:60px;height:60px}
@media (max-width:760px){.cl-title h1{font-size:24px}}