/* Chasis de los modales de la factura simplificada (TPV): el velo de fondo y la piel de la caja.
   Lo usan CobroRapidoModal, TransformarTicketModal y RecuperarTicketModal.

   ¿Por qué aquí y no en el CSS aislado de cada uno? Porque las tres comparten el chasis, y el CSS
   aislado de Blazor es justo lo que no sabe compartir: cada componente recibe su propio ámbito
   (b-xxxxx) y una regla escrita en uno NO alcanza al marcado de otro.

   Cierra DEU-22, y era peor de lo fichado: la ficha decía que estas reglas venían del chasis del
   antiguo modal del TPV y que el aislamiento impedía que llegaran. Al mirarlo, resulta que ya NO
   EXISTÍAN en ningún sitio del proyecto —ni aisladas, ni globales, ni en wwwroot—: los tres modales
   invocaban unas clases que nadie definía, así que se pintaban con el estilo por defecto del navegador,
   sin velo y sin centrar.

   Los valores son los del resto de modales de la casa (ver ModalTarjeta) para que no desentonen. */

.fs-overlay {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: 20px;
}

/* SOLO la piel: fondo, esquinas y sombra.

   Nada de ancho, alto ni display, y no es por escribir menos. Cada modal ya declara los suyos en su CSS
   aislado —`.cr-modal` y `.rt-modal` son rejillas, `.tt-modal` fija su ancho—, y aunque el CSS aislado
   gana por especificidad a este, `.tt-modal` NO declara display: un `display: flex` aquí se le aplicaría
   y le cambiaría la composición por dentro. El chasis viste la caja; cómo se reparte por dentro es de
   cada uno. */
.fs-modal {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .25);
}