/* v196: estética deportiva, sin alterar datos ni acciones del listado. */
/* v197: alta con el acabado mate verde de Saldo a favor. */
main>.page-title>#newClientBtn{position:relative;isolation:isolate;overflow:hidden;border:1px solid #527d6d;border-left:3px solid #8bcba4;border-radius:12px;background:linear-gradient(115deg,#203c39,#14252b 65%,#142228);box-shadow:inset 0 1px #bce8cc12;color:#effbf4}
main>.page-title>#newClientBtn::before{content:'';position:absolute;z-index:-1;width:65%;height:230%;right:-12%;bottom:-175%;border-radius:75% 0 0 0;transform:rotate(-25deg);background:linear-gradient(130deg,#76c29b1c,#76c29b05)}
main>.page-title>#newClientBtn:hover{border-color:#80b596;background:linear-gradient(115deg,#284940,#192e30 65%,#17292c);filter:none}
main>.metrics>.metric{min-height:151px;border-radius:12px;border-color:color-mix(in srgb,var(--metric-accent) 62%,#233749);background:linear-gradient(100deg,#081427e8,#091629b0 58%,#08121d40),url('assets/clientes-padel-v196.png') center/cover;box-shadow:inset 0 1px #c4e7ff18,0 5px 16px #0003}
main>.metrics>.metric::before{inset:0;width:auto;height:auto;transform:none;border-radius:inherit;background:linear-gradient(115deg,color-mix(in srgb,var(--metric-accent) 13%,transparent),transparent 58%,color-mix(in srgb,var(--metric-accent) 18%,transparent));bottom:0}
main>.metrics>.metric.debt{background-position:center,65% 70%;--metric-accent:#ebc468}
main>.metrics>.metric.subscriber{background-position:center,right center;--metric-accent:#a77aef}
main>.metrics>.metric.favor{background-position:center,right bottom;--metric-accent:#8de1a7}
main>.metrics .metric-top i{width:52px;height:52px;flex-basis:52px;border-width:1.5px;background:linear-gradient(135deg,color-mix(in srgb,var(--metric-accent) 22%,#0e2036),#102036);box-shadow:inset 0 1px #ffffff19}
main>.metrics .metric-top i svg{width:26px;height:26px}
main>.metrics .metric-top span{color:#edf4ff;text-shadow:0 1px 5px #000;font-size:13px}
main>.metrics .metric b{margin-left:66px;font-size:39px;line-height:1;text-shadow:0 2px 8px #0008}
main>.metrics .metric-link{margin-left:66px;font-size:12px;color:#97e3ae;text-shadow:0 1px 4px #000}
main>.workspace>.card{background:linear-gradient(145deg,#0d1a2c,#07121f);border-color:#304c69;padding:0 0 12px}
main>.workspace>.card>.filters{position:relative;isolation:isolate;margin:0 0 14px;padding:7px 11px 0;border:1px solid #395975;border-radius:12px;background:linear-gradient(100deg,#0b1b2af2,#0c1b30e8);min-height:55px;gap:8px}
main>.workspace>.card>.filters::after{content:'';position:absolute;z-index:-1;right:12px;top:4px;width:155px;height:45px;opacity:.45;background:radial-gradient(circle,#3c769b 1.3px,transparent 1.8px) 0 0/13px 13px;mask-image:linear-gradient(90deg,transparent,#000)}
main>.workspace .filters>.filter{gap:10px;padding:11px 14px;min-height:45px;color:#b7c9e0}
main>.workspace .filters>.filter.active{background:linear-gradient(135deg,#213d3755,#16333199);color:#99eeb3}
main>.workspace .filter-icon{font-size:20px;min-width:22px;text-align:center}
main>.workspace .list-head{background:linear-gradient(125deg,#142136,#0e1b2c);border-color:#30465f;min-height:47px;margin:0 0 5px;border-radius:11px}
main>.workspace #clientList{gap:5px}
main>.workspace .client-row{min-height:70px;padding-top:11px;padding-bottom:11px;border-color:#293f58;background:linear-gradient(115deg,#11243a,#0b1727 70%,#0e1d2d);box-shadow:inset 0 1px #9dbed809}
main>.workspace .client-row:hover{background:linear-gradient(115deg,#193449,#11253a);border-color:#4a7091}
main>.workspace .client-list-avatar{position:relative;width:44px;height:44px;border-color:#6bbad2;border-width:1.5px;background:linear-gradient(135deg,#31587b,#172c43);font-size:14px;overflow:visible}
main>.workspace .client-list-avatar::after{content:'';position:absolute;right:-3px;bottom:0;width:12px;height:12px;border:2px solid #162c3a;border-radius:50%;background:linear-gradient(130deg,#d0f589,#90ce55);box-shadow:0 0 0 1px #9dc568}
main>.workspace .client-list-avatar img{border-radius:50%}
main>.workspace .person b{font-size:12px;line-height:1.4}
main>.workspace .person small{font-size:10px;line-height:1.5}
main>.workspace .client-row>.state{background:linear-gradient(120deg,#23463480,#18382b60);color:#a4ecad;border-color:#508263}
main>.workspace .client-row>.state.debt{background:#5b3e2033;color:#efbc79;border-color:#8b683e}
main>.workspace .client-row>.state.critical{background:#52233155;color:#ffb2b7;border-color:#a6565e}
main>.workspace .client-row>.state.inactive{background:#26323e55;color:#b0bdc8;border-color:#4c5a68}
main>.workspace .balance.ok{color:#99e9ad}
main>.workspace .client-row.critical{background:linear-gradient(110deg,#35202a,#101a23 65%);border-color:#9c535b}
main>.workspace .client-row.blocked{border-color:#765459}
main>.workspace .client-row.selected{border-color:#60ab86}
main>.workspace .client-pager{padding:12px}
main>.workspace .position-badge.drive::before,main>.workspace .position-badge.reves::before{content:'';width:13px;height:16px;margin-right:5px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cellipse cx='14' cy='10' rx='8' ry='9' fill='none' stroke='black' stroke-width='2' transform='rotate(25 14 10)'/%3E%3Cpath d='M8 17 2 26M11 19 5 27' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='6' r='1'/%3E%3Ccircle cx='16' cy='7' r='1'/%3E%3Ccircle cx='10' cy='10' r='1'/%3E%3Ccircle cx='14' cy='11' r='1'/%3E%3Ccircle cx='18' cy='11' r='1'/%3E%3Ccircle cx='12' cy='15' r='1'/%3E%3Ccircle cx='16' cy='15' r='1'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:690px){main>.metrics>.metric{min-height:143px}main>.workspace .filters>.filter{padding:9px 7px;gap:5px;font-size:11px}main>.workspace>.card>.filters::after{display:none}main>.workspace .client-row{padding:10px}main>.metrics .metric-top span{font-size:12px}}