/* «Avísame cuando llegue» de una línea (1/10/2026) — ventana de aviso (assets/js/aviso-linea.js).
   Fondo blanco y texto #0f172a/#334155: todo por encima de 7:1; el botón azul #1d4ed8 con blanco, 6,7:1. */
/* Centrada: alguna regla general del sitio deja `margin:0` a los <dialog> y la ventana quedaba arriba a la izquierda. */
.nyx-aviso-linea{position:fixed;inset:0;margin:auto !important;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;border:0;padding:0;border-radius:20px;max-width:min(420px,calc(100vw - 32px));width:100%;
  background:#fff;color:#0f172a;box-shadow:0 30px 80px -20px rgba(2,6,23,.55);font-family:inherit}
.nyx-aviso-linea::backdrop{background:rgba(2,6,23,.6);backdrop-filter:blur(3px)}
.nyx-al__caja{position:relative;padding:28px 24px 20px;display:flex;flex-direction:column;gap:12px;margin:0}
.nyx-al__cerrar{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:#f1f5f9;
  color:#334155;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.nyx-al__cerrar:hover,.nyx-al__cerrar:focus-visible{background:#e2e8f0;outline:2px solid #2563eb;outline-offset:2px}
.nyx-al__icono{width:52px;height:52px;border-radius:16px;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;
  justify-content:center;font-size:22px}
.nyx-al__titulo{margin:0;font-size:20px;line-height:1.25;font-weight:800;color:#0f172a;padding-right:36px}
.nyx-al__texto{margin:0;font-size:14.5px;line-height:1.5;color:#334155}
.nyx-al__campo{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:#0f172a}
.nyx-al__campo i{color:#1d4ed8;width:16px}
.nyx-al__campo .fa-whatsapp{color:#15803d}
.nyx-al__campo input{height:46px;border:1.5px solid #94a3b8;border-radius:12px;padding:0 14px;font-size:16px;color:#0f172a;
  background:#fff;font-weight:500}
.nyx-al__campo input::placeholder{color:#64748b}
.nyx-al__campo input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}
.nyx-al__msg{margin:0;min-height:1em;font-size:14px;font-weight:600}
.nyx-al__msg:empty{display:none}
.nyx-al__msg.is-error{color:#b91c1c}
.nyx-al__msg.is-ok{color:#15803d;font-size:15px}
.nyx-al__enviar{height:48px;border:0;border-radius:12px;background:#1d4ed8;color:#fff;font-size:16px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px}
.nyx-al__enviar:hover{background:#1e40af}
.nyx-al__enviar:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.nyx-al__enviar:disabled{opacity:.7;cursor:wait}
.nyx-al__nota{margin:0;font-size:12.5px;color:#475569;text-align:center}
.nyx-al__caja.is-hecho .nyx-al__campo{opacity:.6}
@media (prefers-reduced-motion:no-preference){.nyx-aviso-linea[open]{animation:nyxAlEntra .2s ease-out}}
@keyframes nyxAlEntra{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

/* Disparadores: píldora «Pronto» de la fila de líneas y del lateral de filtros. */
button.clp-linea-pill.is-pronto{font:inherit;cursor:pointer}
button.clp-linea-pill.is-pronto:hover,button.clp-linea-pill.is-pronto:focus-visible{border-color:#1d4ed8;color:#0f172a;outline:none}
button.clp-linea-pill.is-pronto:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.35)}
.clp-linea-pill.is-pronto .clp-linea-count i{margin-right:3px}
.clp-linea-pill.is-avisado .clp-linea-count{background:#dcfce7;color:#14532d}
#clpSheet .clp-linea-lista button.is-pronto{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;
  padding:7px 10px;border-radius:10px;font-size:13.3px;font-weight:500;color:rgba(255,255,255,.75);cursor:pointer}
#clpSheet .clp-linea-lista button.is-pronto:hover,#clpSheet .clp-linea-lista button.is-pronto:focus-visible{background:rgba(96,165,250,.14);color:#fff}
#clpSheet .clp-linea-lista button.is-pronto:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}
#clpSheet .clp-linea-lista button.is-pronto i{width:16px;text-align:center;color:rgba(255,255,255,.75)}
#clpSheet .clp-linea-lista button.is-pronto em{font-style:normal;color:#93c5fd;font-size:12.5px}
#clpSheet .clp-linea-lista button.is-avisado em{color:#86efac}
/* Página de una línea vacía: el aviso es la acción principal. */
.clp-empty .clp-btn-aviso{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border:0;border-radius:12px;
  background:#1d4ed8;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.clp-empty .clp-btn-aviso:hover{background:#1e40af}
.clp-empty .clp-btn-aviso:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.clp-empty .clp-btn-aviso.is-avisado{background:#15803d}
.clp-empty .clp-link-todo{display:inline-block;margin-top:12px;color:#1d4ed8;font-weight:600;text-decoration:underline}