/* ===========================================================================
   2026-08-15 — CÓMO SE VE EL WHATSAPP (tema oscuro por línea + letra elegible)
   ---------------------------------------------------------------------------
   Pedido de Osmar: tener DOS líneas (FRIKAF by INTERVENT y FIJO TRANSRADIO) y
   confundirse desde cuál está escribiendo. Solución: cada línea puede verse
   CLARA (como siempre) u OSCURA (fondo negro). Se nota al toque con cuál trabajás.

   Dos clases, que se ponen en la CAJA del WhatsApp (no en el menú ni en la barra
   de arriba del sistema — eso queda igual):
     .wa-dark        -> modo oscuro
     .wa-font-XXXX   -> tipo de letra

   Las pone WaAparienciaService.ClasesPara(lineaId) en las tres pantallas:
     - grande:   .wa-outer   (Pages/WhatsAppChat.razor)
     - celular:  .wam-root   (Pages/WhatsAppMovil.razor)
     - flotante: .pwa-card   (Shared/PinnedWaChat.razor)

   OJO: los colores de acá pisan a los que cada pantalla trae en su propio
   <style>. Por eso casi todo va con dos clases (.wa-dark .lo-que-sea): así gana
   sin necesidad de !important.
   =========================================================================== */

/* ─────────────────────────────  LETRA  ───────────────────────────────────
   Una sola letra para todo el WhatsApp (AppSettings "whatsapp.fuente").
   Solo tipografías que ya están en cualquier computadora o celular: no baja
   nada de internet, así que no tarda ni falla sin conexión. */
.wa-font-sistema    { --wa-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.wa-font-redonda    { --wa-font: 'Trebuchet MS', 'Segoe UI', 'Lucida Grande', Verdana, sans-serif; }
.wa-font-ancha      { --wa-font: Verdana, Tahoma, Geneva, sans-serif; }
.wa-font-clasica    { --wa-font: Georgia, 'Times New Roman', Times, serif; }
.wa-font-maquina    { --wa-font: 'Courier New', Courier, 'Lucida Console', monospace; }
.wa-font-manuscrita { --wa-font: 'Comic Sans MS', 'Segoe Print', 'Bradley Hand', cursive; }

[class*="wa-font-"] { font-family: var(--wa-font); }
/* Los cuadros de texto y los botones NO heredan la letra solos: hay que decírselo.
   (Por eso el cajón de escribir se veía con letra de máquina de escribir.) */
[class*="wa-font-"] textarea,
[class*="wa-font-"] input,
[class*="wa-font-"] select,
[class*="wa-font-"] button { font-family: var(--wa-font); }

/* ─────────────────────────  PALETA DEL MODO OSCURO  ──────────────────────
   Los mismos tonos que usa WhatsApp de noche, para que se sienta familiar. */
.wa-dark {
    --wad-fondo:    #0b141a;  /* el fondo de todo */
    --wad-panel:    #111b21;  /* tarjetas: lista de chats, chat */
    --wad-panel2:   #202c33;  /* encabezados, barras, cajón de escribir */
    --wad-panel3:   #2a3942;  /* botones y campos dentro de las barras */
    --wad-borde:    #2a3942;
    --wad-borde2:   #374248;
    --wad-txt:      #e9edef;  /* texto principal */
    --wad-txt2:     #aebac1;  /* texto secundario */
    --wad-txt3:     #8696a0;  /* fechas, ayudas */
    --wad-in:       #202c33;  /* burbuja del cliente */
    --wad-out:      #005c4b;  /* burbuja nuestra */
    --wad-verde:    #00a884;
    color: var(--wad-txt);
}

/* ==========================================================================
   1) PANTALLA GRANDE  (/whatsapp — Pages/WhatsAppChat.razor)
   ========================================================================== */
.wa-outer.wa-dark { background: var(--wad-fondo); }

/* --- Lista de conversaciones (izquierda) --- */
.wa-dark .wa-sidebar { background: var(--wad-panel); border-color: var(--wad-borde); box-shadow: none; }
.wa-dark .wa-side-header { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .wa-side-title { color: var(--wad-txt); }
.wa-dark .wa-side-count { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-search-box { background: var(--wad-panel3); }
.wa-dark .wa-search-box:focus-within { background: var(--wad-fondo); border-color: var(--wad-verde); box-shadow: 0 0 0 3px rgba(0,168,132,0.18); }
.wa-dark .wa-search-input { color: var(--wad-txt); }
.wa-dark .wa-search-input::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-search-clear { background: #3b4a54; color: var(--wad-txt2); }
.wa-dark .wa-search-clear:hover { background: #4a5c66; color: #fff; }

/* Filtro "Todos ▾" */
.wa-dark .wa-filtro-wrap { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .wa-filtro-toggle { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-filtro-toggle:hover { background: #3b4a54; }
.wa-dark .wa-filtro-clear { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt2); }
.wa-dark .wa-filtro-menu { background: var(--wad-panel2); border-color: var(--wad-borde); box-shadow: 0 12px 30px rgba(0,0,0,0.5); }
.wa-dark .wa-filtro-op { color: var(--wad-txt); }
.wa-dark .wa-filtro-op:hover { background: var(--wad-panel3); }
.wa-dark .wa-filtro-op.sel { background: #0b3d2e; color: #6ee7b7; }
.wa-dark .wa-filtro-grup { color: var(--wad-txt3); }

/* Cada conversación de la lista */
.wa-dark .wa-conv-item { border-bottom-color: var(--wad-borde); }
.wa-dark .wa-conv-item:hover { background: var(--wad-panel2); }
.wa-dark .wa-conv-item.active { background: #2a3942; border-left-color: var(--wad-verde); }
.wa-dark .wa-conv-name { color: var(--wad-txt); }
.wa-dark .wa-conv-last { color: var(--wad-txt2); }
.wa-dark .wa-conv-hora, .wa-dark .wa-conv-leido { color: var(--wad-txt3); }
.wa-dark .wa-conv-pasada { background: #3a2c17; }
.wa-dark .wa-conv-pasada:hover { background: #46351b; }
.wa-dark .wa-avatar-rol { background: var(--wad-panel2); }
.wa-dark .wa-avatar-rol-label { color: var(--wad-txt3); }
.wa-dark .wa-conv-rolbtn:hover { background: var(--wad-panel3); }
/* 2026-08-19: chats FIJADOS (chinche 📌) en las líneas que se ven oscuras */
.wa-dark .wa-conv-item.wa-conv-fijado { background: #2b2a1c; border-left-color: #d9a441; }
.wa-dark .wa-conv-item.wa-conv-fijado:hover { background: #363423; }
.wa-dark .wa-conv-item.wa-conv-fijado.active { background: #2a3942; border-left-color: var(--wad-verde); }
.wa-dark .wa-conv-pinbtn:hover { background: var(--wad-panel3); }
.wa-dark .wa-linea-activa-chip { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-linea-activa-x { color: #6ee7b7; }

/* --- Panel del chat (derecha) --- */
.wa-dark .wa-thread { background: var(--wad-fondo); border-color: var(--wad-borde); box-shadow: none; }
.wa-dark .wa-thread-header { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); color: var(--wad-txt); }
.wa-dark .wa-thread-header h3, .wa-dark .wa-thread-header strong, .wa-dark .wa-thread-header span { color: var(--wad-txt); }
.wa-dark .wa-coord-bar { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .wa-coord-lbl { color: var(--wad-txt2); }
.wa-dark .wa-coord-select, .wa-dark .wa-coord-nota { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-coord-nota::placeholder { color: var(--wad-txt3); }

/* --- 2026-08-17: PANEL DERECHO (contacto + conversación) y su tira de iconos ---
   Sin esto, en las líneas que se ven OSCURAS (FIJO TRANSRADIO) el panel quedaba
   blanco al lado del chat negro. */
.wa-dark .wa-ctx { background: var(--wad-panel2); border-color: var(--wad-borde); box-shadow: none; color: var(--wad-txt); }
.wa-dark .wa-ctx-sec { background: var(--wad-panel3); border-color: var(--wad-borde2); }
.wa-dark .wa-ctx-sec-t, .wa-dark .wa-ctx-lbl { color: var(--wad-txt2); }
.wa-dark .wa-ctx-btn { background: var(--wad-panel2); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-ctx-btn:hover:not(:disabled) { background: #14543f; border-color: #1c6b50; color: #6ee7b7; }
.wa-dark .wa-ctx-btn-ok { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-ctx-btn-on { background: #14543f; border-color: #1c6b50; color: #6ee7b7; }
.wa-dark .wa-ctx-btn-guardar { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.wa-dark .wa-ctx-btn-borrar { background: var(--wad-panel2); border-color: #7f1d1d; color: #fca5a5; }
.wa-dark .wa-ctx-btn-borrar:hover:not(:disabled) { background: #450a0a; border-color: #b91c1c; color: #fca5a5; }
.wa-dark .wa-ctx-sec-peligro { background: var(--wad-panel2); border-color: #7f1d1d; }
.wa-dark .wa-ctx-select, .wa-dark .wa-ctx-input { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-ctx-input::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-ctx-info { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-ctx-rail { background: var(--wad-panel2); border-color: var(--wad-borde); box-shadow: none; }
.wa-dark .wa-ctx-rail-btn { color: var(--wad-txt2); }
.wa-dark .wa-ctx-rail-btn:hover, .wa-dark .wa-ctx-rail-btn.on { background: #14543f; border-color: #1c6b50; }
.wa-dark .wa-ctx-rail-toggle { background: var(--wad-panel3); border-color: var(--wad-borde2); color: #93c5fd; }
/* Menú rol: ahora es un botón de la tira con la miniatura al pasar el mouse. */
.wa-dark .wa-menurol-mini { background: var(--wad-panel3); border-color: var(--wad-borde2); }
.wa-dark .wa-menurol-cap { color: var(--wad-txt); }
.wa-dark .wa-estado-btn, .wa-dark .wa-pasar-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-messages { background: var(--wad-fondo); }
.wa-dark .wa-empty { color: var(--wad-txt2); }

/* Burbujas */
.wa-dark .wa-msg-row.in .wa-bubble { background: var(--wad-in); }
.wa-dark .wa-msg-row.out .wa-bubble { background: var(--wad-out); }
.wa-dark .wa-msg-row.in .wa-bubble::before { border-top-color: var(--wad-in); }
.wa-dark .wa-msg-row.out .wa-bubble::before { border-top-color: var(--wad-out); }
.wa-dark .wa-bubble-body { color: var(--wad-txt); }
.wa-dark .wa-bubble-meta { color: rgba(233,237,239,0.6); }
.wa-dark .wa-msg-row:hover { background: rgba(255,255,255,0.04); }
.wa-dark .wa-msg-row.selected { background: rgba(0,168,132,0.22); }
.wa-dark .wa-tilde { color: rgba(233,237,239,0.55); }
.wa-dark .wa-reply-quote { background: rgba(0,0,0,0.28); }
.wa-dark .wa-reply-quote-text { color: var(--wad-txt2); }
.wa-dark .wa-reply-quote-who { color: #6ee7b7; }
.wa-dark .wa-reaccion-chip { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-reaccion-chip.cliente { background: #14543f; border-color: #1c6b50; }
.wa-dark .wa-react-btn, .wa-dark .wa-reply-btn, .wa-dark .wa-hide-btn,
.wa-dark .wa-emoji-picker { background: var(--wad-panel2); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-emoji-pick:hover { background: var(--wad-panel3); }
.wa-dark .wa-contacto-card { background: rgba(255,255,255,0.07); }
.wa-dark .wa-contacto-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: #6ee7b7; }
.wa-dark .wa-descargar-btn { background: #14543f; border-color: #1c6b50; color: #6ee7b7; }
.wa-dark .wa-oculto-badge { color: #fbbf24; }
/* 2026-08-22: motivo de "no se pudo entregar" en tema oscuro */
.wa-dark .wa-fallo-motivo { background: #3f1d1d; border-color: #7f1d1d; color: #fca5a5; }

/* Barras de abajo: firma, avisos, cajón de escribir */
.wa-dark .wa-firma-bar, .wa-dark .wa-composer, .wa-dark .wa-quick-replies { background: var(--wad-panel2); }
.wa-dark .wa-quick-replies { border-top-color: var(--wad-borde); }
.wa-dark .wa-firma-lbl { color: var(--wad-txt); }
.wa-dark .wa-firma-hint { color: var(--wad-txt3); }
.wa-dark .wa-firma-op { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-firma-op:hover { background: #3b4a54; }
.wa-dark .wa-composer textarea { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-composer textarea::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-composer textarea:focus { border-color: var(--wad-verde); box-shadow: 0 0 0 3px rgba(0,168,132,0.2); }
.wa-dark .wa-attach-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); }
.wa-dark .wa-attach-btn:hover { background: #3b4a54; border-color: var(--wad-verde); }
.wa-dark .wa-menurol-cap { color: var(--wad-txt3); }
.wa-dark .wa-menurol-bubble { background: var(--wad-in); border-color: var(--wad-borde2); }
.wa-dark .wa-menurol-txt { color: var(--wad-txt); }
.wa-dark .wa-menurol-opt { border-top-color: var(--wad-borde); color: #53bdeb; }
.wa-dark .wa-composer-linea { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-presencia { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-alta-cliente-btn { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-alta-cliente-btn:hover { background: #14543f; }
.wa-dark .wa-qr-toggle { background: #0c3b52; border-color: #14536e; color: #7dd3fc; }
.wa-dark .wa-qr-toggle:hover { background: #14536e; }
.wa-dark .wa-qr-dropdown { background: var(--wad-panel2); border-color: var(--wad-borde); }
.wa-dark .wa-chip { background: var(--wad-panel3); border-color: var(--wad-borde2); color: #7dd3fc; }
.wa-dark .wa-chip:hover { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }
.wa-dark .wa-pending-tray { background: var(--wad-panel3); border-color: var(--wad-borde2); }
.wa-dark .wa-pending-head { color: #7dd3fc; }
.wa-dark .wa-pending-item { background: var(--wad-panel2); border-color: var(--wad-borde2); }
.wa-dark .wa-pending-name { color: var(--wad-txt); }
.wa-dark .wa-selection-bar { background: #0b3d2e; border-top-color: var(--wad-verde); color: var(--wad-txt); }
.wa-dark .wa-reply-bar { background: var(--wad-panel3); border-left-color: var(--wad-verde); }
.wa-dark .wa-reply-bar-text { color: var(--wad-txt2); }
.wa-dark .wa-reply-bar-who { color: #6ee7b7; }

/* Cartelitos de la ventana de 24 hs (mantienen su color, pero apagados) */
.wa-dark .wa-vent24.ok { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-vent24.urgente { background: #3a2c17; border-color: #5a441f; color: #fbbf24; }
.wa-dark .wa-vent24.cerrada { background: #3d1d1d; border-color: #5c2a2a; color: #fca5a5; }
.wa-dark .wa-sug-cliente { background: #3a2c17; border-color: #5a441f; color: #fde68a; }
.wa-dark .wa-plantilla-chat { background: #3a2c17; border-color: #5a441f; }
.wa-dark .wa-plantilla-chat-title { color: #fbbf24; }
.wa-dark .wa-plantilla-chat-sub { color: #fde68a; }

/* Ficha del cliente adentro del chat */
.wa-dark .wa-ficha { background: var(--wad-panel); border-color: var(--wad-borde); }
.wa-dark .wa-ficha-top { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .wa-ficha-nombre { color: var(--wad-txt); }
.wa-dark .wa-ficha-datos { color: var(--wad-txt2); }
.wa-dark .wa-ficha-lbl, .wa-dark .wa-ficha-vacio, .wa-dark .wa-ficha-load,
.wa-dark .wa-ficha-facs-titulo, .wa-dark .wa-ficha-fac-fecha { color: var(--wad-txt3); }
.wa-dark .wa-ficha-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-ficha-btn:hover { background: #3b4a54; }
.wa-dark .wa-ficha-fac { background: var(--wad-panel2); border-color: var(--wad-borde); color: var(--wad-txt2); }
.wa-dark .wa-ficha-fac:hover { background: var(--wad-panel3); }
.wa-dark .wa-ficha-fac-tipo { background: var(--wad-panel3); color: var(--wad-txt); }
.wa-dark .wa-ficha-saldo.debe { background: #3d1d1d; border-color: #5c2a2a; }
.wa-dark .wa-ficha-saldo.aldia { background: #0b3d2e; border-color: #14543f; }
.wa-dark .wa-ficha-saldo-lbl { color: var(--wad-txt2); }
.wa-dark .wa-ficha-notas { background: #3a2c17; border-color: #5a441f; color: #fde68a; }

/* Panel "Nueva conversación" (ocupa el lugar del chat) */
.wa-dark .wa-nv-panel { background: var(--wad-fondo); }
.wa-dark .wa-nv-card { background: var(--wad-panel); border-color: var(--wad-borde); box-shadow: none; }
.wa-dark .wa-nv-title { color: var(--wad-txt); }
.wa-dark .wa-nv-sub, .wa-dark .wa-nv-hint, .wa-dark .wa-nv-muted { color: var(--wad-txt3); }
.wa-dark .wa-nv-label { color: var(--wad-txt2); }
.wa-dark .wa-nv-info { background: #0c3b52; border-color: #14536e; color: #7dd3fc; }
.wa-dark .wa-nv-input { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-nv-input::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-nv-results { border-color: var(--wad-borde); }
.wa-dark .wa-nv-item { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); color: var(--wad-txt); }
.wa-dark .wa-nv-item:hover { background: var(--wad-panel3); }
.wa-dark .wa-nv-chip { background: #0b3d2e; border-color: #14543f; color: var(--wad-txt); }
.wa-dark .wa-nv-preview { background: var(--wad-out); color: var(--wad-txt); }
.wa-dark .wa-nv-head-ico { background: var(--wad-out); }

/* Detallitos sueltos */
.wa-dark .wa-cliente-badge { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
/* 2026-08-24: dirección y deuda en la barra de arriba, en tema oscuro */
.wa-dark .wa-hdr-chip.dir { background: #17293f; border-color: #1e3a5f; color: #93c5fd; }
.wa-dark .wa-hdr-chip.dir:hover { background: #1e3550; }
.wa-dark .wa-hdr-chip.debe { background: #3f1d1d; border-color: #7f1d1d; color: #fca5a5; }
.wa-dark .wa-hdr-chip.debe:hover { background: #4c2020; }
.wa-dark .wa-hdr-chip.aldia { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-hdr-chip.aldia:hover { background: #0f4a38; }
.wa-dark .wa-hdr-chip.afavor { background: #2a1f45; border-color: #4c3a7a; color: #c4b5fd; }
.wa-dark .wa-hdr-chip.afavor:hover { background: #332654; }
.wa-dark .wa-header-linea { background: #1e2a4a; color: #a5b4fc; }
.wa-dark .wa-cuenta-tag { background: #1e2a4a; color: #a5b4fc; }
.wa-dark .wa-ver-cliente-ojo { background: #0c3b52; border-color: #14536e; }
.wa-dark .wa-num-edit, .wa-dark .wa-volver-btn { color: var(--wad-txt2); }

/* En el celular la caja grande pasa a ocupar toda la pantalla: que el fondo
   blanco de esa regla no vuelva a aparecer en modo oscuro. */
@media (max-width: 820px) {
    .wa-outer.wa-dark { background: var(--wad-fondo); }
}

/* ==========================================================================
   2) PANTALLA DEL CELULAR  (/whatsapp-movil — Pages/WhatsAppMovil.razor)
   ========================================================================== */
.wam-root.wa-dark { background: var(--wad-fondo); }
.wa-dark .wam-header { background: #1f2c33; }
.wa-dark .wam-lineas, .wa-dark .wam-search { background: var(--wad-panel2); }
.wa-dark .wam-search { border-bottom-color: var(--wad-borde); }
.wa-dark .wam-search-input { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wam-search-input::placeholder { color: var(--wad-txt3); }
.wa-dark .wam-linea-chip { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wam-linea-chip.on { background: var(--wad-verde); border-color: var(--wad-verde); color: #06231c; }
.wa-dark .wam-list { background: var(--wad-panel); }
.wa-dark .wam-conv { border-bottom-color: var(--wad-borde); }
.wa-dark .wam-conv:active { background: var(--wad-panel2); }
.wa-dark .wam-conv-nombre { color: var(--wad-txt); }
.wa-dark .wam-conv-ultimo, .wa-dark .wam-vacio { color: var(--wad-txt2); }
/* 2026-08-31: renglon del telefono + categoria abajo del nombre (lista del celu) */
.wa-dark .wam-conv-sub { color: var(--wad-txt3); }

/* ==========================================================================
   3) CHAT FLOTANTE / EL DEL CELULAR POR DENTRO  (Shared/PinnedWaChat.razor)
   ========================================================================== */
.pwa-card.wa-dark { background: var(--wad-panel); border-color: var(--wad-borde); }
.wa-dark.pwa-card .pwa-head, .wa-dark .pwa-head { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .pwa-head-name { color: var(--wad-txt); }
.wa-dark .pwa-head-line { color: #6ee7b7; }
.wa-dark .pwa-pin { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .pwa-open { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-open:hover { background: #3b4a54; }
.wa-dark .pwa-body { background: var(--wad-fondo); }
.wa-dark .pwa-info, .wa-dark .pwa-time, .wa-dark .pwa-oculto { color: var(--wad-txt3); }
.wa-dark .pwa-bubble.in { background: var(--wad-in); color: var(--wad-txt); }
.wa-dark .pwa-bubble.out { background: var(--wad-out); color: var(--wad-txt); }
.wa-dark .pwa-media { color: var(--wad-txt2); }
.wa-dark .pwa-reply-quote { background: rgba(0,0,0,0.28); }
.wa-dark .pwa-reply-who { color: #6ee7b7; }
.wa-dark .pwa-reply-text { color: var(--wad-txt2); }
.wa-dark .pwa-reaccion-chip { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-acciones, .wa-dark .pwa-firma, .wa-dark .pwa-composer { background: var(--wad-panel2); }
.wa-dark .pwa-composer { border-top-color: var(--wad-borde); }
.wa-dark .pwa-acc-btn, .wa-dark .pwa-firma-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-acc-btn:hover:not(:disabled), .wa-dark .pwa-firma-btn:hover { background: #3b4a54; }
.wa-dark .pwa-firma-lbl { color: var(--wad-txt); }
.wa-dark .pwa-firma-hint { color: var(--wad-txt3); }
.wa-dark .pwa-attach { background: var(--wad-panel3); color: var(--wad-txt); }
.wa-dark .pwa-attach:hover { background: #3b4a54; }
.wa-dark .pwa-input { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-input::placeholder { color: var(--wad-txt3); }
.wa-dark .pwa-replybar { background: var(--wad-panel3); border-top-color: var(--wad-borde); }
.wa-dark .pwa-replybar-who { color: #6ee7b7; }
.wa-dark .pwa-replybar-text { color: var(--wad-txt2); }
.wa-dark .pwa-replybar-x { color: var(--wad-txt2); }
/* Panel del ➕ y menú del toque sostenido (van encima de la tarjeta) */
.wa-dark .pwa-mas { background: var(--wad-panel); }
.wa-dark .pwa-mas-op { background: var(--wad-panel2); border-color: var(--wad-borde); color: var(--wad-txt); }
.wa-dark .pwa-mas-op:hover { background: var(--wad-panel3); }
.wa-dark .pwa-mas-tab { background: var(--wad-panel2); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-mas-tab.on { background: var(--wad-verde); border-color: var(--wad-verde); color: #06231c; }
.wa-dark .pwa-mas-search { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-mas-info, .wa-dark .pwa-mas-item-sub { color: var(--wad-txt3); }
.wa-dark .pwa-mas-item { border-bottom-color: var(--wad-borde); }
.wa-dark .pwa-mas-item:hover { background: var(--wad-panel2); }
.wa-dark .pwa-mas-item-lbl { color: var(--wad-txt); }
.wa-dark .pwa-resp-panel { background: var(--wad-panel2); border-color: var(--wad-borde); }
.wa-dark .pwa-resp-item { border-bottom-color: var(--wad-borde); }
.wa-dark .pwa-resp-item:hover { background: var(--wad-panel3); }
.wa-dark .pwa-resp-nom { color: var(--wad-txt); }
.wa-dark .pwa-resp-txt, .wa-dark .pwa-resp-vacio { color: var(--wad-txt3); }
.wa-dark .pwa-msgmenu { background: var(--wad-panel2); }
.wa-dark .pwa-msgmenu-emoji { background: var(--wad-panel3); }
.wa-dark .pwa-msgmenu-emoji:hover { background: #3b4a54; }
.wa-dark .pwa-msgmenu-op { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-msgmenu-op:hover { background: #3b4a54; }
/* Ventana de 24 hs cerrada */
.wa-dark .pwa-cerrada { background: #23201a; border-top-color: var(--wad-borde); }
.wa-dark .pwa-cerrada-title { color: #fbbf24; }
.wa-dark .pwa-cerrada-sub, .wa-dark .pwa-cerrada-info { color: var(--wad-txt3); }
.wa-dark .pwa-cerrada-sel { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-cerrada-preview { background: var(--wad-panel3); color: var(--wad-txt2); }

/* ==========================================================================
   Botones de Bootstrap que caen adentro de la caja oscura (encabezado del chat)
   ========================================================================== */
.wa-dark .btn-outline-secondary { color: var(--wad-txt2); border-color: var(--wad-borde2); }
.wa-dark .btn-outline-secondary:hover { background: var(--wad-panel3); color: var(--wad-txt); border-color: var(--wad-borde2); }
.wa-dark .btn-light, .wa-dark .btn-outline-dark { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .form-control, .wa-dark .form-select { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .form-control::placeholder { color: var(--wad-txt3); }
.wa-dark .form-control:focus, .wa-dark .form-select:focus { background: var(--wad-panel3); color: var(--wad-txt); border-color: var(--wad-verde); box-shadow: 0 0 0 3px rgba(0,168,132,0.2); }
.wa-dark .text-muted { color: var(--wad-txt3) !important; }

/* ==========================================================================
   2026-08-17 — REPASO DE MODO OSCURO (pedido de Osmar: "el botón Abrir venta
   está en negro y no se ve").
   Dos problemas distintos, encontrados midiendo el contraste de CADA elemento
   de la pantalla con el navegador automático:

   1) Los BOTONES no heredan el color del texto: el navegador les pone letra
      NEGRA aunque el fondo sea oscuro. Por eso "Abrir venta" desaparecía.
   2) Algunas cajas quedaron con fondo CLARO adentro de la parte oscura. Ahí
      el texto sí hereda el color claro → letra clara sobre fondo claro, o sea
      invisible (el menú de categorías, el panel de saldos, reenviar, etc.).
   ========================================================================== */

/* --- 1) Botones con nombre de Bootstrap --- */
.wa-dark .btn-success { background: #0b3d2e; border: 1px solid #14543f; color: #6ee7b7; }
.wa-dark .btn-success:hover:not(:disabled) { background: #14543f; color: #6ee7b7; }
.wa-dark .btn-primary { background: #1d4ed8; border: 1px solid #1d4ed8; color: #fff; }
.wa-dark .btn-primary:hover:not(:disabled) { background: #1e40af; color: #fff; }
.wa-dark .btn-outline-secondary { background: var(--wad-panel3); }
.wa-dark .btn-danger, .wa-dark .btn-outline-danger { background: var(--wad-panel3); border: 1px solid #7f1d1d; color: #fca5a5; }
/* El botón verde de ENVIAR ya trae su propio degradé con letra blanca: no se toca. */

/* --- 2) Cajas que quedaban claras adentro de lo oscuro --- */
/* Menú de categoría del contacto (🏷️) */
.wa-dark .wa-rolmenu { background: var(--wad-panel2); border-color: var(--wad-borde); color: var(--wad-txt); }
.wa-dark .wa-rolmenu-title { color: var(--wad-txt2); border-bottom-color: var(--wad-borde); }
.wa-dark .wa-rolmenu-op { background: var(--wad-panel3); color: var(--wad-txt); }
.wa-dark .wa-rolmenu-op:hover { background: #3b4a54; }
.wa-dark .wa-rolmenu-cancel { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt2); }
/* Reenviar mensajes */
.wa-dark .wa-fwd-modal { background: var(--wad-panel2); color: var(--wad-txt); }
.wa-dark .wa-fwd-chip, .wa-dark .wa-fwd-badge { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
/* Enviar saldo de un cliente (💰) y pasar CBU (🏦) */
.wa-dark .wa-saldo-panel { background: var(--wad-panel2); border-color: var(--wad-borde); color: var(--wad-txt); }
.wa-dark .wa-saldo-cli { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-saldo-cli:hover { background: #3b4a54; }
.wa-dark .wa-cbu-solo-alias { background: var(--wad-panel3); border-color: var(--wad-borde2); }
/* Ficha del cliente: vista previa de la factura */
.wa-dark .wa-ficha-preview { background: var(--wad-panel2); color: var(--wad-txt); }
.wa-dark .wa-ficha-preview-head { background: var(--wad-panel3); color: var(--wad-txt); }
.wa-dark .wa-ficha-preview-frame { background: var(--wad-panel); }
.wa-dark .wa-ficha-cod { background: #0b3d2e; color: #6ee7b7; }
.wa-dark .wa-ficha-chip { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-ficha-fac-estado { background: #0b3d2e; color: #6ee7b7; }
/* Adjuntos esperando ser enviados */
.wa-dark .wa-pending-ico { background: var(--wad-panel3); color: var(--wad-txt); }
.wa-dark .wa-pending-x { background: #450a0a; color: #fca5a5; }
/* Micrófono (nota de voz) */
.wa-dark .wa-mic-btn:hover { background: #450a0a; border-color: #b91c1c; }
.wa-dark .wa-mic-rec { background: #450a0a; border-color: #b91c1c; }
/* Instagram: cartel de "pasaron más de 24 hs" */
.wa-dark .wa-plantilla-chat-ig { background: #2d1b2e; border-color: #4a2b4a; }
/* Chips de la lista de conversaciones y avisos */
.wa-dark .wa-pedido-chip { background: #3b2f0b; color: #fcd34d; }
.wa-dark .wa-asignado-chip { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-presencia-alerta { background: #3b2f0b; border-color: #78500a; color: #fcd34d; }
/* Nueva conversación */
.wa-dark .wa-nv-btn-ghost { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-nv-origen { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt2); }
/* Textos grises/rojos que quedaban muy apagados sobre esos paneles ya oscurecidos */
.wa-dark .wa-fwd-sub, .wa-dark .wa-saldo-info { color: var(--wad-txt2); }
.wa-dark .wa-fwd-x, .wa-dark .wa-saldo-x { color: var(--wad-txt2); }
.wa-dark .wa-mic-rec-label { color: #fca5a5; }
.wa-dark .wa-plantilla-chat-empty { color: #fca5a5; }

/* 2026-08-20: cartelito que parte la charla por dia ("Hoy" / "Ayer"). Sin esto queda con el
   fondo verde claro del tema claro, que al lado del chat oscuro se ve como una mancha. */
.wa-dark .wa-fecha-sep span,
.wa-dark .pwa-fecha { background: var(--wad-panel2); color: var(--wad-txt3); box-shadow: none; }

/* 2026-08-20: el "Leer más" de los mensajes largos, en verde claro para que se lea sobre el oscuro. */
.wa-dark .wa-leermas,
.wa-dark .pwa-leermas { color: #53bdeb; }

/* 2026-08-20: buscador dentro de la charla (la lupa). Sin esto la barra queda blanca sobre el
   chat oscuro y el texto que se escribe no se lee. */
.wa-dark .pwa-buscador { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .pwa-busc-input { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-busc-input::placeholder { color: var(--wad-txt3); }
.wa-dark .pwa-busc-cont { color: var(--wad-txt3); }
.wa-dark .pwa-busc-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .pwa-busc-aviso { background: #3a2f12; border-bottom-color: #5c4a1c; color: #fcd34d; }
.wa-dark .pwa-head-btn { color: var(--wad-txt); }
.wa-dark .pwa-head-btn.on { background: var(--wad-panel3); }

/* 2026-08-20: buscador dentro de la charla, en la pantalla grande. */
.wa-dark .wa-buscador { background: var(--wad-panel2); border-bottom-color: var(--wad-borde); }
.wa-dark .wa-busc-input { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-busc-input::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-busc-cont { color: var(--wad-txt3); }
.wa-dark .wa-busc-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-busc-aviso { background: #3a2f12; border-bottom-color: #5c4a1c; color: #fcd34d; }
.wa-dark .wa-busc-lupa-btn.activo { background: var(--wad-panel3); }

/* 2026-08-20: titulito "Últimas charlas" del cuadro de reenviar. */
.wa-dark .wa-fwd-recientes-t { color: var(--wad-txt3); }

/* 2026-08-20: panel de "Reenviar a…" del celular y boton ↪ de la pantalla grande. */
.wa-dark .pwa-fwd { background: var(--wad-panel); color: var(--wad-txt); }
.wa-dark .pwa-fwd-head, .wa-dark .pwa-fwd-pie { border-color: var(--wad-borde); }
.wa-dark .pwa-fwd-prev { background: var(--wad-panel2); color: var(--wad-txt3); }
.wa-dark .pwa-fwd-sec, .wa-dark .pwa-fwd-num { color: var(--wad-txt3); }
.wa-dark .pwa-fwd-nom { color: var(--wad-txt); }
.wa-dark .pwa-fwd-item.on { background: var(--wad-panel3); }
.wa-dark .pwa-fwd-cancel { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-fwd-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: #93c5fd; }

/* 2026-08-20: cartelito de "por que linea sale" en el reenvio. */
.wa-dark .wa-fwd-linea, .wa-dark .pwa-fwd-linea { color: #6ee7b7; }
.wa-dark .wa-fwd-linea.otra, .wa-dark .pwa-fwd-linea.otra { color: #fcd34d; }
.wa-dark .wa-fwd-chip.otra { background: #3a2f12; border-color: #5c4a1c; }

/* ─────────────  2026-08-21: MODO MELI (panel derecho del chat)  ─────────────
   El panel amarillo de MercadoLibre, de noche: fondo oscuro y tarjetas grises.
   Sin esto las tarjetas quedan blancas dentro de un panel negro. */
.wa-dark .wa-mm { background: var(--wad-panel); }
.wa-dark .wa-mm-top { background: #3a2f12; border-color: #5c4a1c; }
.wa-dark .wa-mm-tit { color: #fcd34d; }
.wa-dark .wa-mm-sec-t, .wa-dark .wa-mm-vacio { color: var(--wad-txt3); }
.wa-dark .wa-mm-busc { background: var(--wad-panel3); border-color: var(--wad-borde2); }
.wa-dark .wa-mm-busc-inp { color: var(--wad-txt); }
.wa-dark .wa-mm-busc-inp::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-mm-match, .wa-dark .wa-mm-cab, .wa-dark .wa-mm-compra { background: var(--wad-panel2); border-color: var(--wad-borde2); }
.wa-dark .wa-mm-match:hover { background: #3a2f12; border-color: #5c4a1c; }
.wa-dark .wa-mm-match-nick, .wa-dark .wa-mm-nick, .wa-dark .wa-mm-estado, .wa-dark .wa-mm-compra-tit { color: var(--wad-txt); }
.wa-dark .wa-mm-match-cnt { background: #3a2f12; color: #fcd34d; }
.wa-dark .wa-mm-match-l2, .wa-dark .wa-mm-dato, .wa-dark .wa-mm-nums, .wa-dark .wa-mm-envio { color: var(--wad-txt2); }
.wa-dark .wa-mm-match-por, .wa-dark .wa-mm-match-fec, .wa-dark .wa-mm-compra-l2 { color: var(--wad-txt3); }
.wa-dark .wa-mm-nums { border-color: var(--wad-borde2); }
.wa-dark .wa-mm-compra-tot { color: var(--wad-txt); }
.wa-dark .wa-mm-compra-cta { background: var(--wad-panel3); color: var(--wad-txt3); }
.wa-dark .wa-mm-compra-foto { border-color: var(--wad-borde2); }
.wa-dark .wa-mm-vinc.ok { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-mm-vinc.btn { background: #1e3a5f; border-color: #1d4ed8; color: #93c5fd; }
.wa-dark .wa-mm-aviso { background: #3a2f12; border-color: #5c4a1c; color: #fcd34d; }
.wa-dark .wa-mm-btn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-mm-btn:hover { background: #374248; }
.wa-dark .wa-mm-btn.ok { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-mm-otro { color: var(--wad-txt3); }

/* 2026-08-21 (parte 2 del Modo MeLi): entrega, preguntas y publicación, de noche. */
.wa-dark .wa-mm-preg, .wa-dark .wa-mm-publi { background: var(--wad-panel2); border-color: var(--wad-borde2); }
.wa-dark .wa-mm-publi { border-color: #5c4a1c; }
.wa-dark .wa-mm-preg-txt, .wa-dark .wa-mm-publi-precio { color: var(--wad-txt); }
.wa-dark .wa-mm-preg-resp { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-mm-dir { color: var(--wad-txt2); }
.wa-dark .wa-mm-rep { color: #93c5fd; }
.wa-dark .wa-mm-perfil { color: #fcd34d; }
.wa-dark .wa-mm-chip { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-mm-chip.rojo { background: #450a0a; border-color: #7f1d1d; color: #fca5a5; }
.wa-dark .wa-mm-vinc.btn.amarillo { background: #3a2f12; border-color: #5c4a1c; color: #fcd34d; }

/* 2026-08-21 (parte 3 del Modo MeLi): el cartelito de arriba del chat, de noche. */
.wa-dark .wa-mm-aviso-chat { background: #3a2f12; border-color: #5c4a1c; color: #fcd34d; }
.wa-dark .wa-mm-aviso-ver { background: #eab308; color: #422006; }
.wa-dark .wa-mm-codigos-lbl { color: var(--wad-txt3); }
.wa-dark .wa-mm-cod { background: #3a2f12; border-color: #5c4a1c; color: #fcd34d; }
.wa-dark .wa-mm-cod:hover { background: #5c4a1c; }

/* 2026-08-21: buscador GLOBAL (una palabra en todos los chats), de noche. */
.wa-dark .wa-bg-btn { background: #1e3a5f; border-color: #1d4ed8; color: #93c5fd; }
.wa-dark .wa-bg-btn:hover:not(:disabled) { background: #1d4ed8; color: #fff; }
.wa-dark .wa-bg-volver { color: #93c5fd; }
.wa-dark .wa-bg-cuenta, .wa-dark .wa-bg-que, .wa-dark .wa-bg-vacio { color: var(--wad-txt3); }
.wa-dark .wa-bg-aviso { background: #3a2f12; border-color: #5c4a1c; color: #fcd34d; }
.wa-dark .wa-bg-hit { background: var(--wad-panel2); border-color: var(--wad-borde2); }
.wa-dark .wa-bg-hit:hover { background: #14543f; border-color: #1c6b50; }
.wa-dark .wa-bg-hit-nom { color: var(--wad-txt); }
.wa-dark .wa-bg-hit-txt { color: var(--wad-txt2); }
.wa-dark .wa-bg-hit-fec, .wa-dark .wa-bg-hit-dir { color: var(--wad-txt3); }
.wa-dark .wa-bg-hit-linea { background: var(--wad-panel3); color: var(--wad-txt2); }

/* ══ 2026-08-24: MODO VENTA de noche ══
   Antes el panel casi no se notaba porque los bloques eran tarjetas sueltas sobre el fondo oscuro.
   Ahora los 3 bloques pintan todo el ancho, así que sin esto quedaba un bloque BLANCO al lado del
   chat oscuro. */
.wa-dark .wa-mv { background: var(--wad-panel); }
.wa-dark .wa-mv-top { background: #0b3d2e; border-bottom-color: #14543f; }
.wa-dark .wa-mv-tit { color: #6ee7b7; }
.wa-dark .wa-mv-paso { background: var(--wad-panel2); border-top-color: var(--wad-borde); }
.wa-dark .wa-mv-paso:hover { background: var(--wad-panel3); }
.wa-dark .wa-mv-paso.abierto { background: #0b3d2e; }
.wa-dark .wa-mv-paso-n { color: #6ee7b7; }
.wa-dark .wa-mv-paso-t { color: var(--wad-txt); }
.wa-dark .wa-mv-paso-r { color: var(--wad-txt3); }
.wa-dark .wa-mv-paso-f { color: var(--wad-txt3); }
.wa-dark .wa-mv-cuerpo { background: var(--wad-panel); }
.wa-dark .wa-mv-cli { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-mv-cli:hover { background: #14543f; border-color: #1c6b50; }
.wa-dark .wa-mv-cli-cta { color: #6ee7b7; }
.wa-dark .wa-mv-sec-t, .wa-dark .wa-mv-top-lbl { color: var(--wad-txt3); }
.wa-dark .wa-mv-vacio, .wa-dark .wa-mv-mas, .wa-dark .wa-mv-limpiar { color: var(--wad-txt3); }
.wa-dark .wa-mv-nota { background: var(--wad-panel3); color: var(--wad-txt2); }
.wa-dark .wa-mv-ant, .wa-dark .wa-mv-linea, .wa-dark .wa-mv-res-item,
.wa-dark .wa-mv-top-chip, .wa-dark .wa-mv-busc, .wa-dark .wa-mv-libre,
.wa-dark .wa-mv-resu { background: var(--wad-panel2); border-color: var(--wad-borde2); }
.wa-dark .wa-mv-ant:hover:not(:disabled), .wa-dark .wa-mv-res-item:hover:not(:disabled),
.wa-dark .wa-mv-top-chip:hover:not(:disabled) { background: #14543f; border-color: #1c6b50; }
.wa-dark .wa-mv-ant-num, .wa-dark .wa-mv-ant-tot, .wa-dark .wa-mv-linea-nom,
.wa-dark .wa-mv-linea-sub, .wa-dark .wa-mv-res-item, .wa-dark .wa-mv-top-chip,
.wa-dark .wa-mv-resu-l b { color: var(--wad-txt); }
.wa-dark .wa-mv-ant-l2, .wa-dark .wa-mv-res-sku, .wa-dark .wa-mv-resu-l span { color: var(--wad-txt3); }
.wa-dark .wa-mv-ant-cta { color: #6ee7b7; }
.wa-dark .wa-mv-busc-inp, .wa-dark .wa-mv-qinp, .wa-dark .wa-mv-inp,
.wa-dark .wa-mv-obs, .wa-dark .wa-mv-det-sel { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-mv-busc-inp::placeholder, .wa-dark .wa-mv-inp::placeholder,
.wa-dark .wa-mv-obs::placeholder { color: var(--wad-txt3); }
.wa-dark .wa-mv-det-mol { background: #3a2f12; border-color: #a16207; color: #fcd34d; }
.wa-dark .wa-mv-qbtn { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt); }
.wa-dark .wa-mv-qbtn:hover:not(:disabled), .wa-dark .wa-mv-qbtn.on { background: #14543f; border-color: #1c6b50; }
.wa-dark .wa-mv-det { border-top-color: var(--wad-borde2); }
.wa-dark .wa-mv-det-lbl { color: var(--wad-txt3); }
.wa-dark .wa-mv-det-volver { color: var(--wad-txt3); }
.wa-dark .wa-mv-op { background: var(--wad-panel2); border-color: var(--wad-borde2); color: var(--wad-txt2); }
.wa-dark .wa-mv-op:hover:not(:disabled) { border-color: #1c6b50; color: #6ee7b7; }
.wa-dark .wa-mv-op.on { background: #16a34a; border-color: #16a34a; color: #fff; }
.wa-dark .wa-mv-op-arca.on { background: #b45309; border-color: #b45309; }
.wa-dark .wa-mv-arca-aviso, .wa-dark .wa-mv-aviso { background: #3a2f12; border-color: #5c4a1c; color: #fcd34d; }
.wa-dark .wa-mv-hecho { background: #0b3d2e; border-color: #14543f; color: #6ee7b7; }
.wa-dark .wa-mv-pie { background: var(--wad-panel2); border-top-color: #16a34a; color: var(--wad-txt2); box-shadow: none; }
.wa-dark .wa-mv-total-monto { color: var(--wad-txt); }
.wa-dark .wa-mv-chip { background: var(--wad-panel3); border-color: var(--wad-borde2); color: var(--wad-txt2); }