/* v356: mismo lienzo de Canchas, métricas más livianas y filas sin degradados. */
body main>.tools>.input{border-color:#29343d;box-shadow:none}
body main>.tools>.input:focus-visible{border-color:#607991;outline:2px solid #a5c9fc;outline-offset:3px}

/* Un mismo lienzo para las cuatro métricas; el color queda en iconos y cifras. */
body main>.metrics>.metric{min-height:126px;padding:14px 15px;border:1px solid #24303e;background:var(--palmar-beta-neutral-bg,radial-gradient(ellipse at 75% 0,#18222f44,transparent 65%),linear-gradient(145deg,#0b1016,#06090d));box-shadow:none;transition:border-color .15s,background .15s}
body main>.metrics>.metric::before{content:none;display:none}
body main>.metrics>.metric:hover,body main>.metrics>.metric:focus-within{border-color:#3b4a59;box-shadow:none}
body main>.metrics>.metric.has-critical,body main>.metrics>.metric.has-critical:hover,body main>.metrics>.metric.has-critical:focus-within{border-color:#985661}
body main>.metrics .metric-top i{width:38px;height:38px;flex:0 0 38px;border-color:color-mix(in srgb,var(--metric-accent) 30%,#29343d);background:color-mix(in srgb,var(--metric-accent) 8%,#10161b);box-shadow:none}
body main>.metrics .metric-top i svg{width:19px;height:19px}
body main>.metrics .metric-top span{color:#d3dde7;font-weight:600}
body main>.metrics .metric b{margin-left:52px;font-size:31px;line-height:1.1}
body main>.metrics .metric-link{margin:7px 0 0 52px;color:#b0bdc9}
body main>.metrics .metric-link:hover{color:var(--metric-accent)}
body main>.metrics .metric-link::after{border:0;background:none;box-shadow:none;color:#97adbd}

/* Un solo contenedor, sin cajas adicionales alrededor del menú y las columnas. */
body main>.workspace>.card{border-color:#24303e;background:var(--palmar-beta-neutral-bg,radial-gradient(ellipse at 75% 0,#18222f44,transparent 65%),linear-gradient(145deg,#0b1016,#06090d));box-shadow:inset 0 1px #b1d0ff09}
body main>.workspace>.card>.filters{padding:0 0 12px;border:0;border-bottom:1px solid #202a31;border-radius:0;background:none;box-shadow:none}
body main>.workspace .filters>.filter{min-height:36px;padding:8px 11px;border:1px solid #263443;background:#0d141d;color:#bdc9d6;box-shadow:none}
body main>.workspace .filters>.filter .filter-icon{color:#8fa7b8}
body main>.workspace .filters>.filter.active{border-color:color-mix(in srgb,var(--client-filter-accent) 40%,#29343d);background:color-mix(in srgb,var(--client-filter-accent) 12%,#0e141b);box-shadow:inset 0 -2px var(--client-filter-accent);color:#e4edea;font-weight:600}
body main>.workspace .filters>.filter.active .filter-icon{color:var(--client-filter-accent)}
body main>.workspace .filters>.filter:hover{border-color:#425365;background:#161e28}
body main>.workspace .filters>.filter.active:hover{border-color:color-mix(in srgb,var(--client-filter-accent) 50%,#29343d);background:color-mix(in srgb,var(--client-filter-accent) 16%,#0e141b)}
body main>.workspace .list-head{border:0;border-bottom:1px solid #202a31;border-radius:0;background:none;box-shadow:none;color:#96a9ba}
body main>.workspace .list-head :is(.list-sort-select,.category-sort-button,#clientPositionSort,#clientSubscriberSort){border-color:#303d49;background:#10171f}

/* Filas neutras: abono sigue en su badge; las alertas sí mantienen marca propia. */
body main>.workspace #clientList{gap:6px}
body main>.workspace #clientList>.client-row{border:1px solid #202b36;border-radius:10px;background:var(--palmar-beta-inset-bg,#0a1017);box-shadow:none}
body main>.workspace #clientList>.client-row:hover,body main>.workspace #clientList>.client-row:focus-within,body main>.workspace #clientList>.client-row.selected{border-color:#394c61;background:var(--palmar-beta-inset-hover,#111d2a);box-shadow:none}
body main>.workspace #clientList>.client-row.selected{border-color:#607991;box-shadow:inset 2px 0 #87aacf}
body main>.workspace #clientList>.client-row:is(.blocked,.critical),body main>.workspace #clientList>.client-row:is(.blocked,.critical):is(:hover,:focus-within,.selected){border-left:2px solid var(--client-row-accent)}
body main>.workspace #clientList>.client-row .subscriber-badge{border-color:#634b86;background:#1c1728;box-shadow:none;color:#dbc5f5}
body main>.workspace #clientList>.client-row .subscriber-dot{text-shadow:none}

/* El teclado conserva una señal clara aunque los bordes en reposo sean suaves. */
body main>.metrics .metric-link:focus-visible,body main>.workspace .filters>.filter:focus-visible,body main>.workspace #clientList>.client-row:focus-visible{outline:2px solid #a5c9fc;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body main>.metrics>.metric,body main>.workspace .filters>.filter,body main>.workspace #clientList>.client-row{transition:none}}