@import '_content/PROPLANTI.Blazor.Components.Accordions/PROPLANTI.Blazor.Components.Accordions.e7317hngr5.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components.Base/PROPLANTI.Blazor.Components.Base.pur9261xhm.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components.Buttons/PROPLANTI.Blazor.Components.Buttons.xwy3xajb50.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components.Dashboards/PROPLANTI.Blazor.Components.Dashboards.by6pf5rcpv.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components.Inputs/PROPLANTI.Blazor.Components.Inputs.85gqvgc5td.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components.Pages/PROPLANTI.Blazor.Components.Pages.n5sfet6t7d.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components.Sidebars/PROPLANTI.Blazor.Components.Sidebars.rpwiw7wta6.bundle.scp.css';
@import '_content/PROPLANTI.Blazor.Components/PROPLANTI.Blazor.Components.kadf1ctipx.bundle.scp.css';

/* /Components/ReconnectModal.razor.rz.scp.css */
.components-reconnect-state[b-rykdn1osh6],
.components-reconnect-button-loading[b-rykdn1osh6] {
    display: none;
}

.components-reconnect-state.components-reconnect-active-state[b-rykdn1osh6] {
    display: block;
}

.components-reconnect-state[hidden][b-rykdn1osh6] {
    display: none !important;
}

#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-retrying):not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-reconnect-first-attempt-visible[b-rykdn1osh6],
#components-reconnect-modal.components-reconnect-retrying:not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-reconnect-repeated-attempt-visible[b-rykdn1osh6],
#components-reconnect-modal.components-reconnect-failed:not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-reconnect-failed-visible[b-rykdn1osh6],
#components-reconnect-modal.components-reconnect-paused:not(.components-reconnect-resume-failed) .components-pause-visible[b-rykdn1osh6],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rykdn1osh6] {
    display: block;
}

#components-reconnect-modal[b-rykdn1osh6] {
    width: 384px;
    max-width: calc(100% - 40px);
    margin: auto;
    padding: 0;
    color: #1e3040;
    background: transparent !important;
    border: 0;
    overflow: visible;
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
    opacity: 0;
    animation: cp-reconnect-modal-out-b-rykdn1osh6 0.18s ease-out both;
}

#components-reconnect-modal[open][b-rykdn1osh6] {
    animation: cp-reconnect-modal-in-b-rykdn1osh6 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#components-reconnect-modal[b-rykdn1osh6]::backdrop {
    background: rgba(22, 36, 47, 0.5);
    animation: cp-reconnect-backdrop-in-b-rykdn1osh6 0.35s ease both;
}

.components-reconnect-container[b-rykdn1osh6] {
    padding: 34px 32px 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 24px 60px -12px rgba(22, 36, 47, 0.45), 0 0 0 1px rgba(22, 36, 47, 0.05);
    text-align: center;
}

.components-reconnect-icon[b-rykdn1osh6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 18px;
}

.components-reconnect-icon-pulse[b-rykdn1osh6] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #e88a86;
    animation: cp-reconnect-pulse-b-rykdn1osh6 2.2s ease-out infinite;
}

.components-reconnect-icon-badge[b-rykdn1osh6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    color: #d64a45;
    background: #fbeceb;
    border-radius: 50%;
}

.components-reconnect-title[b-rykdn1osh6] {
    margin: 0 0 8px;
    color: #1e3040;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: center;
}

.components-reconnect-message[b-rykdn1osh6] {
    max-width: 300px;
    margin: 0 auto 26px;
    color: #5c6870;
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.55;
    text-align: center;
    text-wrap: pretty;
}

/* O MudBlazor estiliza o modal de reconexão padrão do Blazor com
   `#components-reconnect-modal button { margin: 40px auto !important }` e é carregado depois do bundle
   de CSS isolado, então o espaçamento dos botões só se sustenta com !important. */
#components-reconnect-modal button[b-rykdn1osh6] {
    width: 100%;
    margin: 0 !important;
    border-radius: 8px;
    font-family: inherit;
    cursor: pointer;
}

#components-reconnect-modal button + button[b-rykdn1osh6] {
    margin-top: 10px !important;
}

.components-reconnect-button-primary[b-rykdn1osh6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 48px;
    border: 0;
    background: #4a9d3f;
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(74, 157, 63, 0.65);
    font-size: 15px;
    font-weight: 600;
    transition: background 0.18s ease;
}

.components-reconnect-button-primary:hover[b-rykdn1osh6] {
    background: #3d8a34;
}

.components-reconnect-button-primary:disabled[b-rykdn1osh6],
.components-reconnect-button-loading-state[b-rykdn1osh6],
#components-reconnect-modal.components-reconnect-manual-retrying #components-reconnect-button[b-rykdn1osh6] {
    background: #6bb85f;
    cursor: default;
}

.components-reconnect-button-primary:disabled:hover[b-rykdn1osh6],
.components-reconnect-button-loading-state:hover[b-rykdn1osh6],
#components-reconnect-modal.components-reconnect-manual-retrying #components-reconnect-button:hover[b-rykdn1osh6] {
    background: #6bb85f;
}

.components-reconnect-button-secondary[b-rykdn1osh6] {
    height: 46px;
    border: 1px solid #d3d8db;
    background: #ffffff;
    color: #46525a;
    font-size: 14.5px;
    font-weight: 500;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.components-reconnect-button-secondary:hover[b-rykdn1osh6] {
    border-color: #c2c8cc;
    background: #f2f4f5;
    color: #1e3040;
}

#components-reconnect-modal button:focus-visible[b-rykdn1osh6] {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(74, 157, 63, 0.28), 0 8px 18px -8px rgba(74, 157, 63, 0.65);
}

#components-reconnect-modal.components-reconnect-manual-retrying .components-reconnect-button-label[b-rykdn1osh6] {
    display: none;
}

#components-reconnect-modal.components-reconnect-manual-retrying .components-reconnect-button-loading[b-rykdn1osh6] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.components-reconnect-spinner[b-rykdn1osh6] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: cp-reconnect-spin-b-rykdn1osh6 0.7s linear infinite;
}

.components-reconnect-status-row[b-rykdn1osh6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    color: #8a949b;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.35;
}

.components-reconnect-status-dot[b-rykdn1osh6] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
}

.components-reconnect-status-dot-retrying[b-rykdn1osh6] {
    background: #e0a83a;
}

.components-reconnect-status-dot-lost[b-rykdn1osh6] {
    background: #d64a45;
}

@media (max-width: 30rem) {
    #components-reconnect-modal[b-rykdn1osh6] {
        max-width: calc(100% - 32px);
    }

    .components-reconnect-container[b-rykdn1osh6] {
        padding: 30px 24px 26px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-rykdn1osh6],
    #components-reconnect-modal[open][b-rykdn1osh6],
    #components-reconnect-modal[b-rykdn1osh6]::backdrop,
    .components-reconnect-icon-pulse[b-rykdn1osh6],
    .components-reconnect-spinner[b-rykdn1osh6] {
        animation: none;
    }
}

@keyframes cp-reconnect-spin-b-rykdn1osh6 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes cp-reconnect-modal-in-b-rykdn1osh6 {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes cp-reconnect-modal-out-b-rykdn1osh6 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes cp-reconnect-backdrop-in-b-rykdn1osh6 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes cp-reconnect-pulse-b-rykdn1osh6 {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.35);
        opacity: 0;
    }
}