/* Listado de Clientes v193. No modifica los modales ni sus controles. */
main>.page-title>#newClientBtn{border:1px solid #69ac83;border-left:3px solid #91d6aa;border-radius:12px;background:linear-gradient(110deg,#3f785b,#32664f 55%,#28513f);box-shadow:inset 0 1px #b9f0cb18;color:#f1fff6}
main>.page-title>#newClientBtn:hover{background:linear-gradient(110deg,#488866,#387559 55%,#305d48);filter:none}
main>.tools{max-width:760px;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin-bottom:16px}
main>.tools>.input{min-height:43px;border:1px solid #37516d;background:linear-gradient(135deg,#132334,#0b1823);box-shadow:inset 0 1px #c3e6ff08;border-radius:11px;padding:11px 15px;font-size:13px}
main>.tools>#clientSearch{padding-left:39px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%239eb7cd' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E"),linear-gradient(135deg,#132334,#0b1823);background-repeat:no-repeat;background-position:13px center,0 0}
main>.metrics{gap:12px;margin-bottom:19px}
main>.metrics>.metric{--metric-accent:#7bbde7;position:relative;isolation:isolate;overflow:hidden;min-height:130px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--metric-accent) 40%,#243843);border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--metric-accent) 14%,#10202e),#0c1823 72%);box-shadow:inset 0 1px #d7efff0a}
main>.metrics>.metric.debt{--metric-accent:#e7b461}
main>.metrics>.metric.subscriber{--metric-accent:#ae80ee}
main>.metrics>.metric.favor{--metric-accent:#7ed6a2}
main>.metrics>.metric::before{content:'';position:absolute;z-index:-1;width:70%;height:150%;right:-20%;bottom:-85%;border-radius:70% 0 0 0;transform:rotate(-25deg);background:linear-gradient(130deg,color-mix(in srgb,var(--metric-accent) 12%,transparent),transparent)}
main>.metrics .metric-top{gap:14px}
main>.metrics .metric-top i{width:45px;height:45px;flex:0 0 45px;border:1px solid color-mix(in srgb,var(--metric-accent) 38%,transparent);background:color-mix(in srgb,var(--metric-accent) 12%,transparent);color:var(--metric-accent);box-shadow:none}
main>.metrics .metric-top i svg{width:22px;height:22px}
main>.metrics .metric-top span{font-size:13px;font-weight:600}
main>.metrics .metric b{margin:1px 0 0 59px;font:700 34px/1.1 Rajdhani,Inter,sans-serif;color:var(--metric-accent)}
main>.metrics .metric.cyan b{color:#f0f7fb}
main>.metrics .metric-link{margin:9px 0 0 59px;font-size:12px;color:#83dda9}
main>.metrics .metric-link::after{content:'›';position:absolute;right:15px;bottom:13px;display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--metric-accent) 22%,#243843);border-radius:50%;background:color-mix(in srgb,var(--metric-accent) 7%,#10202e);color:#cfdeeb;font:24px/1 Inter,sans-serif}
main>.workspace>.card{padding:0 13px 13px;background:linear-gradient(135deg,#0e1c29,#0a141c);border-color:#2b4358;border-radius:15px}
main>.workspace>.card>.filters{gap:5px;padding:8px 0 0;margin-bottom:15px;border-color:#2b4358;flex-wrap:wrap}
main>.workspace .filters>.filter{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 13px;border-radius:8px 8px 0 0;font-size:12px;border-bottom:2px solid transparent;color:#b0c1d2}
main>.workspace .filters>.filter.active{background:linear-gradient(145deg,#1b3832,#13272b);color:#8ee8b3;border-bottom-color:#80dfa9}
main>.workspace .filter-icon{font-size:17px;color:#a5bbd3;line-height:1}
main>.workspace .filter.active .filter-icon{color:#8ee8b3}
main>.workspace .list-head,main>.workspace .client-row{grid-template-columns:minmax(200px,1.65fr) minmax(100px,.9fr) minmax(100px,.8fr) minmax(75px,.65fr) minmax(90px,.7fr) minmax(105px,.85fr) minmax(72px,.6fr);gap:10px}
main>.workspace .list-head{padding:11px 16px;border:1px solid #263f53;border-radius:11px;background:linear-gradient(145deg,#142232,#0e1c29);font:600 10px/1.2 Inter,sans-serif;text-transform:uppercase;color:#afc2d5;min-height:44px;margin-bottom:5px}
main>.workspace #clientList{display:grid;gap:5px}
main>.workspace .client-row{position:relative;min-height:62px;padding:9px 16px;border:1px solid #263b4c;border-radius:11px;background:linear-gradient(135deg,#12212e,#0c1822);font-size:12px}
main>.workspace .client-row:hover{border-color:#496a86;background:linear-gradient(135deg,#182e3d,#102330)}
main>.workspace .client-row.selected{border-color:#60ab86;box-shadow:inset 3px 0 #7adbaa}
main>.workspace .client-row.critical{border-color:#9c535b;background:linear-gradient(110deg,#35202a,#101a23 65%)}
main>.workspace .client-row.blocked{border-color:#765459}
main>.workspace .person{gap:12px}
main>.workspace .client-list-avatar{width:40px;height:40px;font-size:13px;border-color:#527e93;background:linear-gradient(145deg,#31596d,#203747);box-shadow:inset 0 1px #c3e6ff10}
main>.workspace .person b{font-size:12px}
main>.workspace .person small{font-size:10px;color:#a8bac9}
main>.workspace .client-row>.muted{font-size:11px;margin:0;color:#b1c3d3}
main>.workspace .client-row>.state{justify-self:start;display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #345d51;border-radius:999px;background:#17342c77;font-size:11px;white-space:nowrap;color:#8edfa8}
main>.workspace .client-row>.state.debt{border-color:#8b683e;background:#5b3e2033;color:#efbc79}
main>.workspace .client-row>.state.critical{border-color:#a6565e;background:#52233155;color:#ffb2b7}
main>.workspace .client-row>.state.inactive{border-color:#4c5a68;background:#26323e55;color:#b0bdc8}
main>.workspace .balance{font-size:14px}
main>.workspace .category-badge,main>.workspace .position-badge{min-height:27px;padding:5px 11px;font-size:11px}
@media(max-width:1250px){main>.workspace .list-head,main>.workspace .client-row{grid-template-columns:minmax(170px,1.5fr) minmax(85px,.9fr) minmax(90px,.8fr) 65px 78px minmax(90px,.85fr) 65px;gap:7px;padding-left:10px;padding-right:10px}}
@media(max-width:1000px){main>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}main>.workspace .list-head,main>.workspace .client-row{grid-template-columns:minmax(155px,1.7fr) minmax(85px,1fr) minmax(100px,1fr) 65px 75px}main>.workspace .list-head>:nth-child(6),main>.workspace .list-head>:nth-child(7),main>.workspace .client-row>:nth-child(6),main>.workspace .client-row>:nth-child(7){display:none}}
@media(max-width:690px){main>.tools{grid-template-columns:1fr}main>.workspace .list-head{display:none}main>.workspace .client-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}main>.workspace .client-row>*{display:block!important}main>.workspace .client-row>.person{grid-column:1/-1;display:flex!important}main>.workspace .client-row>.state{display:inline-flex!important}main>.workspace .client-row>.balance{justify-self:end}main>.workspace .client-row .person b,main>.workspace .client-row .person small{white-space:normal}main>.workspace>.card{padding:0 8px 8px}main>.workspace .filters>.filter{padding:8px;font-size:11px}main>.metrics>.metric{padding:13px}main>.metrics .metric-top span{font-size:12px}}
@media(max-width:430px){main>.metrics{grid-template-columns:1fr}}
/* Accesos contextuales del listado: sin acciones automáticas al hacer hover. */
main>.workspace #clientPositionSort{color:#83dda9}
main>.workspace #clientSubscriberSort{color:#bd91f0}
main>.workspace #clientPositionSort,main>.workspace #clientSubscriberSort{font-size:20px;line-height:1;padding:2px 4px;min-width:24px;background:transparent;border:0;cursor:pointer}
main>.workspace .position-badge.drive{--category-line:#458d85;--category-bg:#193c3855;--category-text:#95e0cd}
main>.workspace .position-badge.reves{--category-line:#9370b8;--category-bg:#3e285555;--category-text:#d6b6f4}
main>.workspace>.card{overflow:visible}
main>.workspace .client-row{cursor:pointer;color:inherit;text-align:left;font-family:inherit}
main>.workspace .client-row:hover,main>.workspace .client-row:focus-within{z-index:2}
main>.workspace .client-hover-action{position:relative;display:inline-block;max-width:100%;outline-offset:4px}
main>.workspace .client-hover-box{position:absolute;top:100%;left:0;padding-top:7px;display:none;z-index:5;width:max-content;max-width:270px}
main>.workspace .client-hover-action:hover>.client-hover-box,main>.workspace .client-hover-action:focus-within>.client-hover-box{display:block}
main>.workspace .client-hover-box a,main>.workspace .client-hover-box button{display:block;border:1px solid #467c66;border-radius:9px;padding:10px 12px;background:linear-gradient(120deg,#234638,#13282b);color:#b0edcd;box-shadow:0 5px 18px #0008;font:600 11px/1.4 Inter,sans-serif;text-decoration:none;cursor:pointer;white-space:normal}
main>.workspace .client-hover-box a:hover,main>.workspace .client-hover-box button:hover{border-color:#8adbb4;color:#fff}
@media(hover:none){main>.workspace .client-hover-box{position:static;display:block;padding-top:5px;width:auto}}