/* Sobrescrever estilos do MudBlazor / Blazor para modal de reconexao */
#components-reconnect-modal {
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(8px) !important;
}

#components-reconnect-modal .reconnecting,
#components-reconnect-modal .failed,
#components-reconnect-modal .rejected {
    background: var(--card-bg, #ffffff) !important;
    background-color: var(--card-bg, #ffffff) !important;
    color: var(--ink-900, #0f172a) !important;
    border: 1px solid var(--border, rgba(42, 99, 239, 0.15)) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
}

#components-reconnect-modal .title {
    color: var(--ink-900, #0f172a) !important;
}

#components-reconnect-modal .subtitle {
    color: var(--ink-700, #334155) !important;
}

#components-reconnect-modal .spinner {
    border-color: var(--border, #e5e7eb) !important;
    border-top-color: var(--primary-400, #2a63ef) !important;
}