/* GENERADO por design/gen_hover_css.py — no editar a mano.
 * Fuente: design/screens/ (57 pantallas).
 * Reemplaza a design-shim.js, borrado el 2026-08-31. */

/* Alpine esconde con x-show los elementos que el diseño dibuja siempre y
 * que ahora se muestran u ocultan en el cliente (la barra de acciones
 * masivas de la 48, el tilde de cada fila). Sin esta regla se ven un
 * instante antes de que Alpine arranque. Va acá porque design.css es copia
 * byte a byte del diseño y no se toca. */
[x-cloak] { display: none !important }

/* Estado de carga. Livewire pone el atributo disabled mientras espera al
 * servidor (wire:loading.attr): esto lo hace visible sin inventar ningún
 * componente que el diseño no tenga.
 *
 * El selector es [disabled] y NO button:disabled: el diseño usa <div>
 * clickeables en varios lados —las filas de la cola del Dialer, las de la
 * tabla de Leads— y sobre un <div> el disabled no lo pinta el navegador.
 * Con button:disabled el indicador existía y no se veía, que es peor que
 * no tenerlo.
 *
 * Sin pointer-events:none a propósito: el único control deshabilitado de
 * forma permanente, el «Escuchar» de la 45, lleva un title que explica por
 * qué, y pointer-events:none lo dejaría sin tooltip. */
[disabled] { opacity: 0.55 }

/* «Copiar» se resuelve en el cliente y necesita decir que copió. El verde
 * es el del diseño (el badge «Sincronizado» de la 48), no uno nuevo. */
[data-copiado] { border-color: #1a7f45 !important; color: #1a7f45 !important }

/* LA ANIMACIÓN DE ENTRADA, UNA SOLA VEZ.
 *
 * design.css anima [data-screen-label] con viewIn y nav>div con navIn.
 * En el diseño cada pantalla es un archivo suelto y eso corre una vez; acá
 * el chrome y la pantalla se COMPONEN, así que hay DOS elementos con
 * data-screen-label anidados —«Nave Hub» y la pantalla— y con wire:navigate
 * los dos vuelven a animar en cada navegación. Toda la interfaz, sidebar
 * incluida, aparece desde opacity:0 desplazada 12px: no PARECE una recarga,
 * visualmente ES una recarga.
 *
 * 1) el chrome nunca anima: la animación es de la pantalla, no del marco. */
[data-screen-label="Nave Hub"] { animation: none !important }

/* 2) a partir de la segunda vista de la sesión, tampoco anima el resto.
 *    La marca la pone hub-entrada.js. La bienvenida se ve al ENTRAR a la
 *    app, no cada vez que se toca un ítem del sidebar. */
[data-navegado] [data-screen-label], [data-navegado] nav > div { animation: none !important }

/* style-hover — 25 combinaciones */
[style-hover="background:#a82219"]:hover { background: #a82219 !important }
[style-hover="background:#ececef"]:hover { background: #ececef !important }
[style-hover="background:#f1f1f3"]:hover { background: #f1f1f3 !important }
[style-hover="background:#f1f1f3;color:#131316"]:hover { background: #f1f1f3 !important; color: #131316 !important }
[style-hover="background:#f4f4f5"]:hover { background: #f4f4f5 !important }
[style-hover="background:#f4f4f5;color:#131316"]:hover { background: #f4f4f5 !important; color: #131316 !important }
[style-hover="background:#f7f7f8"]:hover { background: #f7f7f8 !important }
[style-hover="background:#fafafa"]:hover { background: #fafafa !important }
[style-hover="background:#fdecec"]:hover { background: #fdecec !important }
[style-hover="border-color:#131316"]:hover { border-color: #131316 !important }
[style-hover="border-color:#131316;color:#131316"]:hover { border-color: #131316 !important; color: #131316 !important }
[style-hover="border-color:#71717a"]:hover { border-color: #71717a !important }
[style-hover="border-color:#a0a0ab"]:hover { border-color: #a0a0ab !important }
[style-hover="border-color:#a0a0ab;color:#52525b"]:hover { border-color: #a0a0ab !important; color: #52525b !important }
[style-hover="border-color:#d4d4d8"]:hover { border-color: #d4d4d8 !important }
[style-hover="border-color:#d4d4d8;box-shadow:0 1px 3px rgba(0,0,0,0.06)"]:hover { border-color: #d4d4d8 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important }
[style-hover="border-color:#d4d4d8;box-shadow:0 1px 4px rgba(0,0,0,0.05)"]:hover { border-color: #d4d4d8 !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important }
[style-hover="border-color:#d4d4d8;color:#131316"]:hover { border-color: #d4d4d8 !important; color: #131316 !important }
[style-hover="border-color:#e4e4e7"]:hover { border-color: #e4e4e7 !important }
[style-hover="border-color:#ececef"]:hover { border-color: #ececef !important }
[style-hover="color:#131316"]:hover { color: #131316 !important }
[style-hover="color:#52525b"]:hover { color: #52525b !important }
[style-hover="color:#c22a20"]:hover { color: #c22a20 !important }
[style-hover="color:#ffffff"]:hover { color: #ffffff !important }
[style-hover="opacity:0.6"]:hover { opacity: 0.6 !important }

/* style-focus — 1 combinaciones */
[style-focus="border-color:#131316"]:focus { border-color: #131316 !important }

/* style-focus-within — 3 combinaciones */
[style-focus-within="border-bottom-color:#131316"]:focus-within { border-bottom-color: #131316 !important }
[style-focus-within="border-color:#131316"]:focus-within { border-color: #131316 !important }
[style-focus-within="border-color:#131316;box-shadow:0 4px 18px rgba(19,19,22,0.09)"]:focus-within { border-color: #131316 !important; box-shadow: 0 4px 18px rgba(19,19,22,0.09) !important }