/* ─── Ventana de pregunta CON ESTILO (Carlos, 2026-10-03; ver dialogo.js) ──────
   COPIA IGUAL en trackbet/, trackbet-viewer/ y trackbet-web/. La caja oscura de
   la app, todo en Lexend, el título y el botón que acepta con el color de cada
   pregunta (--tbd-c). Encima de todo (z-index alto). */
/* z-index al máximo: los paneles de las extensiones van en 2147483645-647 y la ventana
   tiene que quedar delante (2026-10-03) */
.tbd-fondo { position: fixed; inset: 0; z-index: 2147483647; background: rgba(0,0,0,.66); display: flex; align-items: center; justify-content: center;
  padding: 16px; box-sizing: border-box; animation: tbd-entra .12s ease-out; }
.tbd-caja { --tbd-c: #28cc95; width: 100%; max-width: 400px; box-sizing: border-box; background: #141414; border: 1px solid #2a2a2a;
  border-top: 3px solid var(--tbd-c); border-radius: 10px; padding: 18px 20px 16px; box-shadow: 0 12px 40px rgba(0,0,0,.6);
  font-family: 'Lexend', 'Segoe UI', system-ui, sans-serif; color: #f0efe9; text-align: left; }
.tbd-tit { font: 700 14px 'Lexend', 'Segoe UI', sans-serif; letter-spacing: .3px; color: var(--tbd-c); margin-bottom: 8px; line-height: 1.4; }
.tbd-msg { font: 400 12.5px 'Lexend', 'Segoe UI', sans-serif; color: #a8a8a0; line-height: 1.5; margin-bottom: 16px; }
.tbd-l { white-space: pre-wrap; overflow-wrap: anywhere; }
.tbd-esp { height: 7px; }
.tbd-pie { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.tbd-btn { font: 700 11px 'Lexend', 'Segoe UI', sans-serif; letter-spacing: .5px; padding: 8px 16px; border-radius: 6px; cursor: pointer;
  border: 1px solid #333; background: transparent; color: #a8a8a0; }
.tbd-btn:hover { color: #f0efe9; border-color: #555; }
.tbd-btn.prim { border-color: var(--tbd-c); background: color-mix(in srgb, var(--tbd-c) 16%, transparent); color: var(--tbd-c); }
.tbd-btn.prim:hover { background: color-mix(in srgb, var(--tbd-c) 28%, transparent); }
.tbd-btn:focus-visible { outline: 2px solid var(--tbd-c); outline-offset: 2px; }
/* (2026-10-03) Defensas para cuando la ventana sale DENTRO de la página de una casa
   (extensiones Kalshi, Rock, BOL, BF): que los estilos del sitio no la deformen */
.tbd-fondo *, .tbd-fondo *::before, .tbd-fondo *::after { box-sizing: border-box; text-transform: none; text-shadow: none; float: none; }
.tbd-tit, .tbd-msg, .tbd-l { margin: 0; padding: 0; background: none; border: 0; text-align: left; }
.tbd-tit { margin-bottom: 8px; } .tbd-msg { margin-bottom: 16px; }
.tbd-btn { margin: 0; min-width: 0; width: auto; height: auto; line-height: 1.2; box-shadow: none; }
@keyframes tbd-entra { from { opacity: 0; } to { opacity: 1; } }