/* ============================================================
   Modo embebido (ventana embebida en cobranza) + estados del deep-link.
   Activado por deeplink.js cuando la URL trae embedded=1 / vista / identificacion.
   No afecta el uso normal de la app (sin estos parámetros no se aplica nada).
   ============================================================ */

/* Oculta el chrome propio del análisis para que se vea integrado en cobranza. */
.embedded-mode .app-header { display: none !important; }
.embedded-mode .view-search-bar { display: none !important; }
/* En embebido se llega por deep-link, no buscando: oculta el "Buscador" de fondo
   para que los estados (auth requerida / sin datos / cargando) se vean limpios. */
.embedded-mode #welcomeScreen,
.embedded-mode #datosWelcome { display: none !important; }

/* Estados del deep-link: cargando / vacío / auth requerida / no autorizado / sin conexión. */
.dl-overlay {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; text-align: center; min-height: 60vh; padding: 32px; color: var(--c-texto-2);
}
.dl-overlay i { font-size: 2.4rem; opacity: .85; }
.dl-overlay p { font-size: 1.1rem; margin: 0; }
.dl-overlay .dl-sub { font-size: .9rem; color: var(--c-texto-2); max-width: 440px; line-height: 1.4; }
.dl-auth i { color: var(--c-advertencia); }
.dl-empty i { color: var(--c-primario); }
.dl-offline i { color: var(--c-advertencia); }
.dl-retry {
  margin-top: 6px; cursor: pointer; border: 0; border-radius: 8px;
  background: var(--c-primario); color: var(--c-sobre-primario); padding: 10px 18px; font-size: .95rem;
}
.dl-retry:hover { background: color-mix(in srgb, var(--c-primario) 85%, var(--c-sombra)); }
.dl-spinner {
  width: 42px; height: 42px; border-radius: 50%;
  border: 4px solid color-mix(in srgb, var(--c-texto-2) 25%, transparent); border-top-color: var(--c-primario);
  animation: dl-spin 1s linear infinite;
}
@keyframes dl-spin { to { transform: rotate(360deg); } }