/* sobrio-leads.css · rediseño minimalista de LEADS del equipo (22/10, rama n22-u). Archivo propio para que los rediseños no choquen al juntarlos.
   Estándar Notion minimalista: título + leyenda de una línea, módulos (estudio, Leads/Campañas) a un lado y «Vista» al otro,
   pestañas de texto con subrayado, lista con línea fina, tablero sin caja doble, una acción por fila. Solo CSS (cero cambios de datos).
   Solo la vista del EQUIPO (la del cliente ya tiene el suyo en sobrio.css, marcado por .emb-cl).
   Regla de oro: nada de esto ensancha la página; el tablero se desliza DENTRO de su contenedor. */
#main[data-vista=vLeads]:not(:has(.emb-cl)){padding:1.5rem 1.75rem 1rem;gap:.75rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .llena{min-width:0}
#main[data-vista=vLeads]:not(:has(.emb-cl))>.small,#main[data-vista=vLeads]:not(:has(.emb-cl))>p.small{margin:0;color:var(--mute)}
/* título y leyenda */
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab{flex-direction:column;align-items:stretch;gap:.5rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab h1{font-size:1.5rem;font-weight:500;letter-spacing:0}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .sub{margin-top:.25rem;font-size:.875rem;line-height:1.35;color:var(--mute)}
/* módulos a la izquierda, «Vista» a la derecha */
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc{width:100%;min-width:0;gap:.25rem 1.5rem;align-items:center}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc>select.inp,#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc select.inp{width:auto;max-width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background-color:transparent;box-shadow:none;padding-left:0;font-weight:500}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc>.seg[aria-label=Vista]{margin-left:auto;padding-left:1.25rem;border-left:1px solid var(--line);align-items:center}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc>.seg[aria-label=Vista]::before{content:"Vista";font-size:.75rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-right:.25rem}
/* pestañas de texto con subrayado */
#main[data-vista=vLeads]:not(:has(.emb-cl)) .seg{border:0;background:none;border-radius:0;overflow:visible;gap:.125rem 1.125rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .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-vista=vLeads]:not(:has(.emb-cl)) .seg button:hover{color:var(--ink)}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .seg button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
/* contador de inbound / pitch: una línea, sin caja */
#main[data-vista=vLeads]:not(:has(.emb-cl)) .card.ctd{background:none;border:0;border-radius:0;box-shadow:none;animation:none;padding:0 0 .25rem;gap:.25rem 1.75rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .ctd .ctd-s{border:0;border-bottom:1px solid var(--line);border-radius:0;background-color:transparent;box-shadow:none;font-size:1.125rem;font-weight:500;padding-inline:.375rem .125rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .ctd-g .num{font-size:1.125rem}
/* agregar lead: una acción de texto */
#main[data-vista=vLeads]:not(:has(.emb-cl)) details.plega>summary.btn{border-color:transparent;background:none;color:var(--mute);font-weight:500;padding-inline:0;box-shadow:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) details.plega>summary.btn:hover{color:var(--accent);background:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) form.add.card.pad{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;animation:none;padding:.75rem 0}
/* tablero tipo Notion: columnas sin caja, tarjetas con borde fino */
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb{gap:1.25rem;padding:0 .125rem .5rem;grid-auto-columns:minmax(14rem,1fr);max-width:100%}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-col{background:none;border:0;border-radius:.5rem;box-shadow:none;min-height:8rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-col.sobre{background:var(--accent-soft);box-shadow:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-h{position:static;border:0;padding:.125rem .25rem .5rem;gap:.5rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-h b{font-size:.8125rem;font-weight:500;color:var(--ink)}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-n{background:none;padding:0;color:var(--mute)}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-pie{color:var(--mute)}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-lista{padding:0;gap:.5rem}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-card{border-radius:.5rem;padding:.625rem .75rem;box-shadow:none;animation:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-card:hover{transform:none;box-shadow:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-t{font-weight:500}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-vacio{margin:0;padding:.25rem;text-align:left}
/* las demás vistas: lista plana, línea fina entre filas */
#main[data-vista=vLeads]:not(:has(.emb-cl)) .llena>.card{background:none;border:0;border-radius:0;box-shadow:none;animation:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .tabla .th{background:none;padding-inline:0}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .tabla .tr{padding-inline:0}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .tabla .tr:hover{background:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .tabla .tr:hover .name,#main[data-vista=vLeads]:not(:has(.emb-cl)) .lv-fila:hover .name{color:var(--accent)}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .lv-fila{padding-inline:0}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .lv-fila:hover{background:none}
#main[data-vista=vLeads]:not(:has(.emb-cl)) .card.lead{box-shadow:none;animation:none}
/* lead abierto (panel lateral): pestañas de texto y acción de texto */
.ov-peek .peek .seg{border:0;background:none;border-radius:0;overflow:visible;gap:.125rem 1.125rem}
.ov-peek .peek .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}
.ov-peek .peek .seg button:hover{color:var(--ink)}
.ov-peek .peek .seg button[aria-pressed=true]{background:none;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
.ov-peek .peek .btn.ghost{border-color:transparent;background:none;color:var(--mute);font-weight:500;padding-inline:0}
.ov-peek .peek .btn.ghost:hover{color:var(--bad);background:none}
/* celular */
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .cab{gap:.25rem}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .cab h1{font-size:1.375rem}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .sub{font-size:.8125rem}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc>.seg[aria-label=Vista]{margin-left:0;padding-left:0;border-left:0;flex:1 1 100%}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc>.seg[aria-label=Vista]::before{display:none}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .seg{gap:.125rem .625rem}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .seg button{min-height:44px;min-width:44px;padding:0 .375rem;font-size:.8125rem}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .cab .acc select.inp,html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .ctd .ctd-s{min-height:44px}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) details.plega>summary.btn{min-height:44px}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .kb-card{min-height:44px}
html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .tabla .tr,html[data-ancho=cel] #main[data-vista=vLeads]:not(:has(.emb-cl)) .lv-fila{min-height:44px}
html[data-ancho=cel] .ov-peek .peek .seg button{min-height:44px;min-width:44px;padding:0 .375rem}
html[data-ancho=cel] .ov-peek .peek .btn.ghost{min-height:44px}
@media (max-height:700px){
  html:not([data-ancho=cel]) #main[data-vista=vLeads]:not(:has(.emb-cl)){padding-top:1.125rem;gap:.5rem}
}