/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  lp-tracking.css — LA VENTANA DEL SEGUIMIENTO IN SITU                    ║
   ╚══════════════════════════════════════════════════════════════════════════╝

   QUÉ ES
   El seguimiento de Andesmar y Andreani (línea de tiempo, comprobantes y PDF) es
   el visor de Despachos: js/jsLogisticas/inSituModal.js + andesmarTrackingInSitu.js
   + andreaniTrackingInSitu.js. Lo monta sobre un <sl-dialog class="lp-modal
   e3tk-dialog"> js/jsE3Omni/etiquetas/e3OmniTrackingInSitu.js
   (window.E3OmniTrackingInSitu.abrir(transporte, número, {cliente, remitos})).
   Estas reglas le dan lugar a esa ventana y ajustan el visor sin tocar el CSS de
   Despachos.

   QUIÉN LO USA
     e3StoresOmni.html  -> detalle de la venta y diálogo de la etiqueta
     index.html         -> «Seguimiento» del historial de etiquetas

   DE QUÉ DEPENDE
   De css/ui/lp-modal.css (el chrome del sl-dialog) y de los tokens de Shoelace.
   Va DESPUÉS de lp-modal.css: en un empate de especificidad, gana esta.

   Se mudó de css/e3_stores/e3-omni-etiquetas.css el 18-09-2026, sin cambios.
   ========================================================================== */

/* ── el seguimiento in situ ─────────────────────────────────────────────────
   El visor de Andesmar / Andreani es el MISMO de la pantalla de Despachos
   (js/jsLogisticas/), montado sobre un sl-dialog por
   js/jsE3Omni/etiquetas/e3OmniTrackingInSitu.js.

   Se abre DESDE el detalle (un diálogo de LogiAvisos en 999999) y desde el
   diálogo de la etiqueta (1000010): con el z-index que trae Shoelace quedaría
   atrás de cualquiera de los dos. */
.e3tk-dialog {
  --sl-z-index-dialog: 1000020;
  --width: min(720px, 94vw);
}

.e3tk-dialog::part(panel) {
  height: auto;
  max-height: min(88vh, 900px);
}

/* El visor trae su propio CSS inyectado (`.lis-*`), con su tipografía y sus
   colores: acá solo se le da lugar. */
.e3tk-cuerpo { min-height: 8rem; }

/* ── ajustes del visor, SOLO adentro de esta página ────────────────────────
   `js/jsLogisticas/inSituModal.js` es de Despachos y lo comparten las dos
   pantallas: tocarle el CSS allá le cambiaría el aspecto a Despachos también.
   Estas reglas van scopeadas al diálogo de acá y ganan por especificidad
   (`.e3tk-cuerpo .lis-…` contra `.lis-…` a secas).

   Lo que se corrige es lo mismo que en el resto de e3StoresOmni: nada de
   pastillas —los badges van poco redondeados— y los botones con la forma y los
   colores de Shoelace. */

/* El estado del envío ("PENDIENTE DE FACTURACIÓN") es un badge, no una
   pastilla: 999px lo dejaba con forma de cápsula. */
.e3tk-cuerpo .lis-info-row.is-status strong {
  border-radius: var(--sl-border-radius-medium);
}

/* Los botones del pie ya son `sl-button` (Cerrar default, Descargar PDF
   success) desde el propio visor, iguales en las tres páginas: acá no se tocan. */