/* R60: replace the R57 filter rules; React keeps labels, counts and events. */
.r57-client-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;align-items:stretch}
.r57-client-filters button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:68px;width:100%;margin:0;border:1px solid #e4d5dc;border-radius:14px;background:#fff;color:#584750;padding:10px 6px;font:inherit;font-size:clamp(14px,3.5vw,16px);font-weight:600;line-height:1.25;white-space:normal;overflow-wrap:anywhere;text-align:center}
.r57-client-filters button[aria-pressed=true]{background:#f6d6de;color:#493842;border-color:#d8b4c2}
.r57-client-filters small{display:block;box-sizing:border-box;max-width:100%;margin:0;padding:2px 9px;border-radius:999px;background:#f8f1f4;color:#685b63;font-size:12px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.r57-client-filters button[aria-pressed=true] small{background:#fff9fc;color:#493842}
.r57-client-filters :focus-visible{outline:2px solid #917725;outline-offset:2px}
@media(min-width:640px){.r57-client-filters button{flex-direction:row;gap:10px;min-height:48px;padding:10px 14px}}

.client-access-r48 label{display:grid;gap:8px}.client-access-r48 input{font-size:16px;min-height:44px;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #e4d5dc;border-radius:12px;padding:10px}
.client-list-shell .r57-manual-state{display:block;margin-top:4px;font-size:.8em;font-weight:400;color:#685b63}