/* Listado de Clientes con la superficie y selección de Clases. */
main>.workspace>.card{padding:12px;border:1px solid #28364c;border-radius:15px;background:linear-gradient(115deg,#111c2f,#0a121c)}
main>.workspace>.card>.filters{margin:0 0 12px;padding:0 0 10px;min-height:0;border:0;border-bottom:1px solid #28364c;border-radius:0;background:transparent;gap:7px}
main>.workspace>.card>.filters::after{display:none}
main>.workspace .filters>.filter{border-radius:8px;min-height:38px;padding:9px 11px}
main>.workspace .filters>.filter.active{background:#1b3431;color:#93e8b0;border-bottom-color:#93e8b0}
main>.workspace .list-head{margin-bottom:8px;background:transparent;border:0;border-radius:0;min-height:38px;color:#8eabc8}
main>.workspace #clientList{gap:8px}
main>.workspace .client-row{min-height:72px;padding-top:13px;padding-bottom:13px;border:1px solid #263344;border-left:4px solid #465164;border-radius:12px;background:linear-gradient(110deg,#151d27,#0a1016 78%);box-shadow:none;transition:border-color .15s,box-shadow .15s}
main>.workspace .client-row:hover,main>.workspace .client-row:focus-within,main>.workspace .client-row.selected{border-color:#7353a7;border-left-color:#ae7cf7;background:linear-gradient(110deg,#151d27,#0a1016 78%);box-shadow:inset 0 0 0 1px #af7fff0a}
main>.workspace .client-list-avatar{border-color:#658b9e;background:linear-gradient(135deg,#33596b,#233747);font-style:normal;box-shadow:none}
main>.workspace .person small{color:#8eabc8}
main>.workspace .client-row>.state{border-color:#365146;background:#16251f;color:#93e8b0}
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 .client-row.critical{border-color:#9c535b;border-left-color:#cc727c}
main>.workspace .client-row.blocked{border-color:#765459;border-left-color:#ad7680}
main>.workspace .client-row.critical:hover,main>.workspace .client-row.blocked:hover,main>.workspace .client-row.critical:focus-within,main>.workspace .client-row.blocked:focus-within,main>.workspace .client-row.critical.selected,main>.workspace .client-row.blocked.selected{border-color:#7353a7;border-left-color:#ae7cf7}
main>.workspace .position-badge.drive::before,main>.workspace .position-badge.reves::before{display:none;content:none}
@media(max-width:690px){main>.workspace>.card{padding:8px}main>.workspace .client-row{padding:11px 10px}main>.workspace .filters>.filter{padding:9px 7px}}