/* ============================================================
   localidad-cell.css — editor in-situ de localidad (prefijo `lc-`).
   Componente: components/localidad-cell.js — contrato completo ahí.
   Compartido por "Sin vendedor" y "Sin ubicación" (views/datos.js);
   paga la deuda declarada en el header viejo de sin-ubicacion.css
   (CLAUDE.md §4.1 #13: "un patrón encontrado por segunda vez sube
   a la definición común").
   ============================================================ */

.lc-cell { display: inline-block; }
.lc-btn {
  background: none; border: none; padding: 0; font: inherit; color: inherit; cursor: pointer;
  max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;
}
.lc-btn:hover { text-decoration: underline; }

/* hueco: sin `ciudad` ni `localidad_id` — mismo lenguaje ámbar-punteado que field-edit
   (.fe-btn-empty): un dato faltante es una tarea visible, nunca una celda vacía (§4.1 #7). */
.lc-btn.lc-hueco {
  color: var(--orange-text); font-weight: 700; border: 1px dashed var(--orange-border);
  border-radius: 6px; padding: 1px 8px; font-size: 11px; text-decoration: none;
}
.lc-btn.lc-hueco:hover { background: var(--orange-soft); }

/* sinnorm: hay texto en `ciudad` pero no matcheó el catálogo georef — distinto del hueco: hay un
   dato, solo que no ubica en el mapa. Subrayado punteado, nunca la caja completa (leería "falta
   algo" cuando en realidad falta ELEGIR la sugerencia correcta). */
.lc-btn.lc-sinnorm { border-bottom: 1px dashed var(--orange-border); }
.lc-btn.lc-sinnorm:hover { text-decoration: none; border-bottom-style: solid; }

.lc-input { width: 130px; min-height: 28px; font: inherit; }
.lc-save, .lc-cancel { font: inherit; min-height: 28px; }

/* Celda de tabla densa: ellipsis + `title` en el <td> (lo aplica el llamador sobre el propio
   <td>) — una localidad larga no puede empujar el resto de la fila (§4.1 #12). */
.lc-cell-td { max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (pointer: coarse) {
  /* Blanco táctil ≥44px sin agrandar la caja visual (regla del proyecto) — única definición
     para las dos bandejas, antes duplicada en sin-vendedor.css y sin-ubicacion.css. */
  .lc-btn { position: relative; }
  .lc-btn::after { content: ''; position: absolute; inset: -12px 0; }
  .lc-input, .lc-save, .lc-cancel { min-height: var(--touch, 44px); }
}