/* Rev. 40 — bloque de estilo de ModalSeleccionarFormatoImpresion.razor (Blazor Hybrid WinForms), verbatim. Capa D-51: --z-modal-4 (antes 10900). */
    /* CORREGIDO (02/10/2026 -- pedido de Ivan: "el modal sigue saliendo por detras y esta
       pequeno/apretado"): z-index 4000 quedaba por debajo de .vm-root (MdCobranza, 10100) y
       de los modales de comunicacion (ModalEnviarWhatsApp/ModalEnviarSunat, 10800/10850) --
       se sube a 10900 para que siempre quede encima. La tarjeta pasa de 380px a 460px y el
       footer de 4 botones en una sola fila (muy apretado) a 2 filas: Cancelar arriba,
       Descargar/Vista previa/Imprimir abajo con mas espacio cada uno. */
    .msfi-ov { position: fixed; inset: 0; background: rgba(15,52,148,.28); z-index: var(--z-modal-4); align-items: center; justify-content: center; }
    .msfi-card { width: 460px; max-width: 92vw; background: #fff; border-radius: 14px; box-shadow: 0 18px 48px rgba(15,52,148,.28); overflow: hidden; }
    .msfi-hd { display: flex; align-items: center; gap: 10px; padding: 16px 18px; background: linear-gradient(135deg, var(--em-cobalt-deep, #0f3494), var(--em-cobalt, #1a4fba)); color: #fff; }
    .msfi-hd i { font-size: 18px; }
    .msfi-hd h3 { margin: 0; font-size: 15px; font-weight: 700; }
    .msfi-s { font-size: 12px; opacity: .85; }
    .msfi-x { margin-left: auto; width: 28px; height: 28px; border-radius: 6px; border: none; background: rgba(255,255,255,.15); color: #fff; cursor: pointer; }
    .msfi-x:hover { background: rgba(255,255,255,.28); }
    .msfi-bd { padding: 18px; display: flex; gap: 10px; justify-content: center; }
    .msfi-fmt { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 92px; padding: 14px 8px; border: 1px solid #dbe3f5; border-radius: 10px; background: var(--em-cobalt-subtle, #f0f4fb); cursor: pointer; font-size: 12px; font-weight: 600; color: #33415c; }
    .msfi-fmt i { font-size: 22px; color: var(--em-cobalt, #1a4fba); }
    .msfi-fmt--sel { border-color: var(--em-cobalt, #1a4fba); background: var(--em-cobalt-pale, #e8eef9); box-shadow: 0 0 0 2px rgba(26,79,186,.18); }
    .msfi-ft { display: flex; flex-direction: column; gap: 8px; padding: 14px 18px; border-top: 1px solid #eef1f8; }
    .msfi-ft-acciones { display: flex; gap: 8px; }
    .msfi-b { flex: 1; height: 36px; border-radius: 6px; border: none; background: #eef1f8; color: #33415c; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
    .msfi-b--cancel { flex: none; align-self: flex-start; padding: 0 16px; }
    .msfi-b:disabled { opacity: .5; cursor: default; }
    .msfi-b--pri { background: var(--em-cobalt, #1a4fba); color: #fff; }
    .msfi-b--ghost { background: transparent; border: 1px solid #dbe3f5; }