/* ============================================================
   sin-ubicacion.css — bandeja "Sin ubicación" (2026-08-30, Pieza 2
   de docs/briefs/2026-08-29-localidades-y-mapa.md). Vive dentro de
   #/datos (views/datos.js) — hasta el 2026-08-30 compartía esa
   pantalla, con tabs, con la bandeja "Sin vendedor" (`sin-
   vendedor.css`, retirada ese día junto con la bandeja — ver header
   de views/datos.js). Este archivo se sigue cargando con sus clases
   propias (`.su-*`) para lo que NO es el editor de localidad.
   ------------------------------------------------------------
   Reusa TODO lo que ya existe en app.css (.appbar, .today-card/
   .tc-*, .filters-block/.filter-row/.searchbar, .bcard.flush.
   table-wrap, table.dense, .empty-state) — acá solo lo genuinamente
   nuevo de esta bandeja: el link a la ficha y la animación de salida.
   ⚠️ El editor in-situ de localidad (antes `.su-ciudad*`, duplicado
   de `.sv-ciudad*`) se extrajo a components/localidad-cell.js +
   css/localidad-cell.css el 2026-08-30 — deuda pagada (CLAUDE.md
   §4.1 nº13). Si buscás esas clases, ya no existen: es `.lc-*`.
   ============================================================ */

.view-sin-ubicacion .su-intro { font-size: var(--fs-sm); color: var(--text-2); line-height: 1.4; }

.su-name-link { color: inherit; text-decoration: none; }
.su-name-link:hover, .su-name-link:focus-visible { text-decoration: underline; }

/* Tarjeta mobile: aire real entre el nombre y la primera fila de datos (mismo ajuste que
   sin-vendedor.css tras la queja de Fernando "botones muy pegados", 2026-08-30). */
/* Aire real entre el nombre y la primera fila de datos (queja de Fernando "botones muy pegados",
   2026-08-30 — el mismo ajuste vivía en la bandeja hermana "Sin vendedor", retirada 2026-08-30). */
.su-card .tc-hd { margin-bottom: 6px; }

@media (pointer: coarse) {
  /* Blanco táctil ≥44px sin agrandar la caja visual (regla del proyecto). El del editor de
     localidad vive en localidad-cell.css (`.lc-btn::after`) — acá solo queda el del link. */
  .su-name-link { position: relative; }
  .su-name-link::after { content: ''; position: absolute; inset: -10px 0 -4px; }
}

/* Salida de fila al normalizar la localidad (elegir una sugerencia real del catálogo) —
   animación breve, mismo criterio que `.sv-leaving` de la bandeja hermana. */
.su-leaving { opacity: 0; transform: scale(.97); transition: opacity .18s var(--ease), transform .18s var(--ease); pointer-events: none; }
tr.su-leaving { display: table-row; }

@media (prefers-reduced-motion: reduce) {
  .su-leaving { transition: none; }
}