/* sobrio-clientes.css · rediseño minimalista de esa pantalla (22/10). Archivo propio para que los rediseños no choquen al juntarlos.
   Estándar «Notion minimalista»: lista limpia, mucho aire, una línea de leyenda por título, una acción por fila, pestañas de texto, cero caja pesada.
   RESTRICCIONES DURAS (el intento de las 13:21 se retiró por romperlas):
   - NO se toca el borde derecho de .nx-th (es el «asa» .nx-rs de arrastre del ancho de columnas) ni --nx-h-fila / --nx-h-th en compu (encabezado 36, fila 37).
   - NO se toca .nx-props-btn (ojo), .nx-menu .nx-pr, .nx-pr-ojo ni .nx-pr-asa. */

/* ---------- título: una línea de leyenda, aire ---------- */
#main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .cab h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
#main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .cab .sub{margin-top:.25rem;font-size:.875rem}
#main[data-eq][data-vista=vClientes] .cab .acc .btn{height:2rem;background:none;border-color:var(--line-2);color:var(--ink);font-weight:600}
#main[data-eq][data-vista=vClientes] .cab .acc .btn:hover{filter:none;border-color:var(--accent);color:var(--accent)}

/* ---------- pestañas de texto en vez de cajas con borde ---------- */
#main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .seg{border:0;background:none;border-radius:0;overflow:visible;gap:.25rem 1.125rem}
#main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .seg button{height:auto;min-height:2.5rem;padding:0 .125rem;border-radius:0;border-bottom:.125rem solid transparent;background:none;box-shadow:none;color:var(--mute);font-weight:500}
#main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .seg button:hover{color:var(--ink)}
#main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .seg button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
#main[data-eq][data-vista=vClientes] .seg button svg{display:none}

/* ---------- buscador sin caja, una línea fina debajo ---------- */
#main[data-eq][data-vista=vClientes] .add{gap:.5rem 1.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--line);align-items:center}
#main[data-eq][data-vista=vClientes] .add .inp{border:0;background:none;box-shadow:none;border-radius:0;padding-inline:0}

/* ---------- tabla: sin marco; encabezado sin relleno propio (usa el fondo de la página: el encabezado fijo sigue tapando las filas) ---------- */
#main[data-eq][data-vista=vClientes] .card.tabla{border:0;background:none;border-radius:0}
#main[data-eq][data-vista=vClientes] .tabla .th{background:var(--bg);color:var(--dim);font-size:var(--fs-chico)}
#main[data-eq][data-vista=vClientes] .tabla.nx-nt .th{background:var(--bg)}
/* las líneas verticales de las FILAS quedan invisibles (mismo ancho, así el autoajuste de columnas mide igual); las del ENCABEZADO no se tocan */
#main[data-eq][data-vista=vClientes] .nx-nt .nx-td{border-right-color:transparent}
html #main[data-eq][data-vista=vClientes] .tabla.nx-nt .tr:hover .nx-td-estudio b{color:var(--accent)}

/* ---------- ficha: bloques alineados con el título, accesos como lista con línea fina ---------- */
#main[data-eq][data-vista=vFicha] .card.pad,#main[data-eq][data-vista=vFicha] .card.numc,#main[data-eq][data-vista=vFicha] .card>.pad{padding-inline:0}
#main[data-eq][data-vista=vFicha] .card.pad,#main[data-eq][data-vista=vFicha] .card.numc,#main[data-eq][data-vista=vFicha] .grid>div>.card{border:0;background:none;border-radius:0;box-shadow:none}
#main[data-eq][data-vista=vFicha] .accesos{display:flex;flex-direction:column;gap:0}
#main[data-eq][data-vista=vFicha] .accesos .acc-g{display:grid;grid-template-columns:1.375rem minmax(0,1fr) auto;align-items:center;column-gap:1rem;min-height:3.5rem;padding:.5rem 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
#main[data-eq][data-vista=vFicha] .accesos .acc-g:first-child{border-top:0}
#main[data-eq][data-vista=vFicha] .accesos .acc-g::after{content:"›";color:var(--dim);font-size:1.25rem;line-height:1}
#main[data-eq][data-vista=vFicha] .accesos .acc-g:hover{background:none}
#main[data-eq][data-vista=vFicha] .accesos .acc-g:hover b{color:var(--accent)}

/* ---------- celular: filas de 2 líneas (nombre + leyenda), una acción por fila, toques de 44 px ---------- */
html[data-ancho=cel] #main[data-eq][data-vista=vClientes] .tabla .tr{min-height:44px;grid-template-columns:minmax(0,1fr) auto 1rem;padding:.375rem 0;border-top:1px solid var(--line)}
html[data-ancho=cel] #main[data-eq][data-vista=vClientes] .tabla .tr::after{content:"›";color:var(--dim);font-size:1.25rem;line-height:1}
html[data-ancho=cel] #main[data-eq][data-vista=vClientes] .tabla .tr:hover{background:none}
html[data-ancho=cel] #main[data-eq][data-vista=vClientes] .add{gap:.25rem 1rem}
html[data-ancho=cel] #main[data-eq][data-vista=vClientes] .add .inp{flex:1 1 100%;border-bottom:1px solid var(--line)}
html[data-ancho=cel] #main[data-eq]:is([data-vista=vClientes],[data-vista=vFicha]) .seg button{min-height:44px}
html[data-ancho=cel] #main[data-eq][data-vista=vClientes] .cab{flex-direction:row;align-items:center}