:root {
    --fondo-superficie-sanfra: rgba(255, 255, 255, 0.10);
    --fondo-velo-sanfra: rgba(0, 0, 0, 0.92);
}

/* El panel de búsqueda y su encabezado deben tapar el contenido que queda detrás. */
.contact-drawer,
.contact-drawer .list-filter-header {
    background: #1e1b2e;
}

.superficie-sanfra,
.mud-dialog.detalle-mov-dialog {
    background: var(--fondo-superficie-sanfra) !important;
    color: var(--white, #fff);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* El detalle móvil se superpone al listado: su texto no debe verse a través. */
.mud-dialog.detalle-movimiento-movil {
    background: #1e1e1e !important;
}

.mud-overlay.mud-overlay-dialog .mud-overlay-scrim.mud-overlay-dark {
    background-color: var(--fondo-velo-sanfra) !important;
}

/* En Móvil la reimpresión solo genera la imagen que se comparte. Su diálogo vacío se veía
   como un cuadro lavanda antes de que apareciera el cargando. Sigue en la página para la captura. */
body[data-canal-sanfra="movil"] .mud-dialog.reimpresion-comprobante {
    opacity: 0 !important;
    pointer-events: none;
}

body[data-canal-sanfra="movil"] .reimpresion-comprobante-velo .mud-overlay-scrim.mud-overlay-dark,
body[data-canal-sanfra="movil"] .mud-overlay-scrim.mud-overlay-dark.reimpresion-comprobante-velo {
    background-color: transparent !important;
}

.mud-dialog.dialogo-detalle-sanfra {
    background: var(--color-blanco-sanfra) !important;
    color: var(--color-negro-sanfra);
}

.dialogo-detalle-sanfra .mud-table {
    background: var(--color-blanco-sanfra) !important;
}

.dialogo-detalle-sanfra .transaction-details :is(.data-label, .data-value),
.dialogo-detalle-sanfra .mud-table .mud-table-cell,
.dialogo-detalle-sanfra .mud-table-pagination {
    color: var(--color-negro-sanfra) !important;
}

.dialogo-detalle-sanfra .mud-table-root .mud-table-head .mud-table-cell {
    background: var(--color-lavanda-clara-sanfra) !important;
    color: var(--color-negro-sanfra) !important;
}

body[data-canal-sanfra="empresas"] .mud-table-glass .mud-table-body .mud-table-row .mud-table-cell,
body[data-canal-sanfra="empresas"] .mud-table-glass .mud-table-head .mud-table-cell {
    color: var(--color-blanco-sanfra) !important;
}

body[data-canal-sanfra="empresas"] .mud-table-glass :is(.mud-table-pagination-information, .mud-table-page-number-information) {
    color: var(--color-blanco-sanfra) !important;
}

body[data-canal-sanfra="empresas"] .mud-table-glass .mud-table-pagination :is(.mud-input, .mud-input-adornment, .mud-icon-button, .mud-icon-root) {
    color: var(--color-blanco-sanfra) !important;
}

body[data-canal-sanfra="empresas"] .mud-table-glass .mud-table-pagination .mud-icon-button.mud-disabled {
    opacity: 0.35;
}

body[data-canal-sanfra="empresas"] .mud-popover .mud-list :is(.mud-list-item-text, .mud-list-item-icon) {
    color: var(--color-negro-sanfra) !important;
}

/* El contenedor exterior aporta el fondo; los interiores evitan duplicarlo. */
.background-card .background-card,
.background-card .background-dark-gray,
.background-card .background-dark-gray-no-border,
.background-card .background-cristal-clear,
.background-card .instruction-container,
.background-card .token-glass-card,
.background-card .cuenta-no-disponible,
.background-dark-gray .background-card,
.background-dark-gray .background-dark-gray,
.background-dark-gray .background-cristal-clear,
.background-dark-gray .instruction-container,
.background-dark-gray-no-border .background-card,
.background-dark-gray-no-border .background-dark-gray,
.background-dark-gray-no-border .background-dark-gray-no-border,
.background-dark-gray-no-border .background-cristal-clear,
.background-dark-gray-no-border .instruction-container,
.background-cristal-clear .background-card,
.background-cristal-clear .background-dark-gray,
.background-cristal-clear .background-cristal-clear,
.background-cristal-clear .instruction-container,
.identity-recovery-glass .background-card,
.manage-identity-panel .background-card,
.mud-table-glass .background-card {
    background: transparent !important;
}
