/* NEXUS | Gestão Executiva — interface de reconexão do circuito.
   Tokens de design-system.css (carregada antes). Invisível até o
   blazor.web.js aplicar uma classe components-reconnect-* ao elemento. */

#components-reconnect-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000;
    align-items: center;
    justify-content: center;
    padding: var(--gps-space-3);
    background: rgba(11, 31, 59, .45);
    font-family: var(--gps-font);
}

#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-retrying,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-paused,
#components-reconnect-modal.components-reconnect-resume-failed {
    display: flex;
}

.nexus-reconnect-caixa {
    width: 100%;
    max-width: var(--nexus-modal-small);
    background: var(--gps-color-surface);
    color: var(--gps-color-text);
    border: 1px solid var(--gps-color-border);
    border-radius: var(--gps-radius);
    padding: var(--gps-space-4);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .25);
}

.nexus-reconnect-titulo {
    margin: 0 0 var(--gps-space-2);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--gps-color-primary);
}

.nexus-reconnect-texto {
    margin: 0 0 var(--gps-space-3);
    color: var(--gps-color-text-muted);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.nexus-reconnect-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gps-space-2);
    justify-content: flex-end;
}

/* Um bloco por estado; só o do estado corrente aparece. */
.nexus-reconnect-estado { display: none; }

.components-reconnect-show .nexus-reconnect-estado-conectando { display: block; }
.components-reconnect-retrying .nexus-reconnect-estado-conectando { display: none; }
.components-reconnect-retrying .nexus-reconnect-estado-tentando { display: block; }
.components-reconnect-failed .nexus-reconnect-estado-falhou { display: block; }
.components-reconnect-paused .nexus-reconnect-estado-pausado { display: block; }
.components-reconnect-resume-failed .nexus-reconnect-estado-retomada-falhou { display: block; }