/* /Components/Layout/MainLayout.razor.rz.scp.css */
.gp-shell[b-h1hdtki9e6] {
    min-height: 100vh;
    display: flex;
    background: #f6f8fb;
}


/* =====================================================
   SIDEBAR
   ===================================================== */

.gp-sidebar[b-h1hdtki9e6] {
    width: 255px;
    min-width: 255px;
    min-height: 100vh;
    background: #ffffff;
    border-right: 1px solid #e7ebf0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}


/* =====================================================
   CONTEÚDO PRINCIPAL
   ===================================================== */

.gp-main[b-h1hdtki9e6] {
    flex: 1;
    margin-left: 255px;
    min-width: 0;
    min-height: 100vh;
}


/* =====================================================
   TOPBAR
   ===================================================== */

.gp-topbar[b-h1hdtki9e6] {
    height: 72px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #e7ebf0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    position: sticky;
    top: 0;
    z-index: 10;
}


.topbar-left[b-h1hdtki9e6] {
    display: flex;
    align-items: center;
    min-width: 0;
}


.topbar-title[b-h1hdtki9e6] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}


.topbar-section[b-h1hdtki9e6] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    color: #9aa4b2;
}


.topbar-separator[b-h1hdtki9e6] {
    color: #d2d7de;
}


.topbar-page[b-h1hdtki9e6] {
    font-weight: 600;
    color: #344054;
}


/* =====================================================
   BOTÃO MENU MOBILE
   ===================================================== */

.mobile-menu-button[b-h1hdtki9e6] {
    display: none;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 13px 0 0;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #475467;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}


    .mobile-menu-button svg[b-h1hdtki9e6] {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
    }


    .mobile-menu-button:hover[b-h1hdtki9e6] {
        background: #f1f5f9;
        color: #3976d3;
    }


/* =====================================================
   BOTÃO FECHAR MENU MOBILE
   ===================================================== */

.mobile-menu-close[b-h1hdtki9e6] {
    display: none;
    position: absolute;
    top: 15px;
    right: 12px;
    z-index: 30;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: #f6f8fb;
    color: #667085;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}


    .mobile-menu-close svg[b-h1hdtki9e6] {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
    }


    .mobile-menu-close:hover[b-h1hdtki9e6] {
        background: #edf4ff;
        color: #3976d3;
    }


/* =====================================================
   OVERLAY MOBILE
   ===================================================== */

.mobile-menu-overlay[b-h1hdtki9e6] {
    display: none;
}


/* =====================================================
   USUÁRIO
   ===================================================== */

.topbar-user[b-h1hdtki9e6] {
    display: flex;
    align-items: center;
    gap: 11px;
}


.user-avatar[b-h1hdtki9e6] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf2ff;
    color: #3976d3;
    font-weight: 700;
    font-size: 15px;
}


.user-info[b-h1hdtki9e6] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}


    .user-info strong[b-h1hdtki9e6] {
        font-size: 13px;
        color: #344054;
        font-weight: 600;
    }


    .user-info span[b-h1hdtki9e6] {
        font-size: 11px;
        color: #98a2b3;
        margin-top: 3px;
    }


.user-divider[b-h1hdtki9e6] {
    width: 1px;
    height: 28px;
    margin: 0 5px;
    background: #e7ebf0;
}


.topbar-logout[b-h1hdtki9e6] {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border-radius: 8px;
    color: #7c8797;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: background-color 0.15s ease, color 0.15s ease;
}


    .topbar-logout svg[b-h1hdtki9e6] {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .topbar-logout:hover[b-h1hdtki9e6] {
        color: #c44c4c;
        background: #fff3f3;
        text-decoration: none;
    }


/* =====================================================
   ÁREA DAS PÁGINAS
   ===================================================== */

.gp-content[b-h1hdtki9e6] {
    padding: 30px 32px 50px 32px;
    max-width: 1600px;
    margin: 0 auto;
}


/* =====================================================
   BLAZOR ERROR
   ===================================================== */

#blazor-error-ui[b-h1hdtki9e6] {
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12);
    display: none;
    left: 0;
    padding: 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}


    #blazor-error-ui .dismiss[b-h1hdtki9e6] {
        cursor: pointer;
        position: absolute;
        right: 1rem;
    }


/* =====================================================
   RESPONSIVO - TABLET
   ===================================================== */

@media (max-width: 900px) {

    .gp-sidebar[b-h1hdtki9e6] {
        width: 220px;
        min-width: 220px;
    }

    .gp-main[b-h1hdtki9e6] {
        margin-left: 220px;
    }
}


/* =====================================================
   RESPONSIVO - CELULAR
   ===================================================== */

@media (max-width: 700px) {

    /*
       A sidebar deixa de desaparecer.
       Ela fica fora da tela, à esquerda.
    */
    .gp-sidebar[b-h1hdtki9e6] {
        display: block;
        width: 270px;
        min-width: 270px;
        max-width: 84vw;
        transform: translateX(-100%);
        transition: transform 0.22s ease;
        box-shadow: none;
        z-index: 1001;
    }


        /*
       Quando o Blazor acrescenta mobile-open,
       a sidebar entra na tela.
    */
        .gp-sidebar.mobile-open[b-h1hdtki9e6] {
            transform: translateX(0);
            box-shadow: 8px 0 28px rgba(16, 24, 40, 0.16);
        }


    /*
       Fundo escuro atrás do menu.
    */
    .mobile-menu-overlay[b-h1hdtki9e6] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(16, 24, 40, 0.42);
        z-index: 1000;
    }


    /*
       Mostra botão hambúrguer.
    */
    .mobile-menu-button[b-h1hdtki9e6] {
        display: flex;
    }


    /*
       Mostra botão X dentro da sidebar.
    */
    .mobile-menu-close[b-h1hdtki9e6] {
        display: flex;
    }


    /*
       Conteúdo ocupa toda a largura.
    */
    .gp-main[b-h1hdtki9e6] {
        margin-left: 0;
        width: 100%;
    }


    .gp-topbar[b-h1hdtki9e6] {
        padding: 0 14px;
    }


    .gp-content[b-h1hdtki9e6] {
        padding: 22px 18px;
    }


    /*
       No celular escondemos o texto do usuário,
       mantendo o avatar.
    */
    .user-info[b-h1hdtki9e6] {
        display: none;
    }


    /*
       Economiza espaço no topo.
    */
    .user-divider[b-h1hdtki9e6] {
        display: none;
    }


    .topbar-user[b-h1hdtki9e6] {
        gap: 5px;
    }


    /*
       Mantém somente o ícone de sair no celular.
    */
    .topbar-logout[b-h1hdtki9e6] {
        width: 36px;
        padding: 0;
        justify-content: center;
    }


        .topbar-logout span[b-h1hdtki9e6] {
            display: none;
        }
}


/* =====================================================
   CELULARES PEQUENOS
   ===================================================== */

@media (max-width: 420px) {

    .gp-content[b-h1hdtki9e6] {
        padding: 18px 12px;
    }


    .gp-topbar[b-h1hdtki9e6] {
        padding: 0 10px;
    }


    .mobile-menu-button[b-h1hdtki9e6] {
        margin-right: 8px;
    }


    .topbar-title[b-h1hdtki9e6] {
        gap: 6px;
    }


    .topbar-section[b-h1hdtki9e6] {
        font-size: 10px;
        letter-spacing: 1px;
    }


    .topbar-page[b-h1hdtki9e6] {
        font-size: 12px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.gp-nav[b-6tedy5v61g] {
    height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px 14px 18px;
    overflow-y: auto;
    background: #ffffff;
}


/* =====================================================
   LOGO
   ===================================================== */

.nav-brand[b-6tedy5v61g] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 2px 8px 26px;
}


.brand-symbol[b-6tedy5v61g] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #3d7bd9;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(61, 123, 217, 0.18);
}


.brand-text[b-6tedy5v61g] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}


    .brand-text strong[b-6tedy5v61g] {
        color: #344054;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.15;
    }


        .brand-text strong span[b-6tedy5v61g] {
            color: #3d7bd9;
        }


    .brand-text small[b-6tedy5v61g] {
        margin-top: 4px;
        color: #98a2b3;
        font-size: 9px;
        white-space: nowrap;
    }


/* =====================================================
   SEÇÕES
   ===================================================== */

.nav-section[b-6tedy5v61g] {
    margin-bottom: 21px;
}


.nav-section-title[b-6tedy5v61g] {
    padding: 0 12px;
    margin-bottom: 8px;
    color: #a3acb9;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
}


/* =====================================================
   LINKS DO MENU

   ::deep é necessário por causa do CSS isolation
   do Blazor e do elemento <a> criado pelo NavLink.
   ===================================================== */

[b-6tedy5v61g] a.gp-nav-link {
    width: 100%;
    height: 43px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    margin-bottom: 4px;
    border-radius: 9px;
    color: #667085;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: background-color 0.15s ease, color 0.15s ease;
}


    [b-6tedy5v61g] a.gp-nav-link svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    [b-6tedy5v61g] a.gp-nav-link span {
        display: block;
        white-space: nowrap;
    }


    [b-6tedy5v61g] a.gp-nav-link:hover {
        background: #f4f7fb;
        color: #3976d3;
        text-decoration: none;
    }


    [b-6tedy5v61g] a.gp-nav-link.active {
        background: #edf4ff;
        color: #3976d3;
        font-weight: 600;
        text-decoration: none;
    }


/* =====================================================
   PARTE INFERIOR
   ===================================================== */

.nav-bottom[b-6tedy5v61g] {
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid #edf0f3;
}


/* =====================================================
   USUÁRIO
   ===================================================== */

.nav-user[b-6tedy5v61g] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 3px 9px 14px;
}


.nav-user-avatar[b-6tedy5v61g] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #edf4ff;
    color: #3976d3;
    font-size: 13px;
    font-weight: 700;
}


.nav-user-info[b-6tedy5v61g] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}


    .nav-user-info strong[b-6tedy5v61g] {
        max-width: 155px;
        overflow: hidden;
        color: #475467;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .nav-user-info span[b-6tedy5v61g] {
        margin-top: 3px;
        color: #a0a8b5;
        font-size: 10px;
    }


/* =====================================================
   SAIR
   ===================================================== */

.logout-link[b-6tedy5v61g] {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 12px;
    border-radius: 8px;
    color: #7c8797;
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.15s ease, color 0.15s ease;
}


    .logout-link svg[b-6tedy5v61g] {
        width: 17px;
        height: 17px;
        min-width: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .logout-link:hover[b-6tedy5v61g] {
        background: #fff3f3;
        color: #c44c4c;
        text-decoration: none;
    }


/* =====================================================
   RESPONSIVO
   ===================================================== */

@media (max-width: 900px) {

    .brand-text small[b-6tedy5v61g] {
        display: none;
    }
}

.nav-version[b-6tedy5v61g] {
    padding: 4px 10px;
    color: #a3acb9;
    font-size: 10px;
}

    .nav-version span[b-6tedy5v61g] {
        margin-left: 4px;
        color: #c0c6cf;
    }
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* CSS for PublicLayout component */
.public-layout[b-4z18hw7vfg] {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-fh48w88u8f],
.components-reconnect-repeated-attempt-visible[b-fh48w88u8f],
.components-reconnect-failed-visible[b-fh48w88u8f],
.components-pause-visible[b-fh48w88u8f],
.components-resume-failed-visible[b-fh48w88u8f],
.components-rejoining-animation[b-fh48w88u8f] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-retrying[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-failed[b-fh48w88u8f],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-fh48w88u8f] {
    display: block;
}


#components-reconnect-modal[b-fh48w88u8f] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-fh48w88u8f 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-fh48w88u8f 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-fh48w88u8f 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-fh48w88u8f]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-fh48w88u8f 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-fh48w88u8f {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-fh48w88u8f {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-fh48w88u8f {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-fh48w88u8f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-fh48w88u8f] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-fh48w88u8f] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-fh48w88u8f] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-fh48w88u8f] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-fh48w88u8f] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-fh48w88u8f] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-fh48w88u8f 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-fh48w88u8f] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-fh48w88u8f {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Clientes.razor.rz.scp.css */
.clients-page[b-dsmqq8uzqs] {
    width: 100%;
    padding: 4px 2px 30px 2px;
    color: #344054;
}


/* =========================================================
   CABEÇALHO
   ========================================================= */

.clients-header[b-dsmqq8uzqs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .clients-header h1[b-dsmqq8uzqs] {
        margin: 0;
        font-size: 26px;
        font-weight: 700;
        color: #263241;
    }

    .clients-header p[b-dsmqq8uzqs] {
        margin: 5px 0 0 0;
        font-size: 14px;
        color: #667085;
    }


.primary-button[b-dsmqq8uzqs],
.apply-button[b-dsmqq8uzqs],
.refresh-button[b-dsmqq8uzqs] {
    border: 0;
    border-radius: 8px;
    background: #3976d3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 17px;
    cursor: pointer;
}

    .primary-button:hover[b-dsmqq8uzqs],
    .apply-button:hover[b-dsmqq8uzqs],
    .refresh-button:hover[b-dsmqq8uzqs] {
        filter: brightness(.96);
    }

    .primary-button:disabled[b-dsmqq8uzqs],
    .apply-button:disabled[b-dsmqq8uzqs],
    .refresh-button:disabled[b-dsmqq8uzqs] {
        opacity: .6;
        cursor: default;
    }


.secondary-button[b-dsmqq8uzqs] {
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    background: #ffffff;
    color: #475467;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 17px;
    cursor: pointer;
}

    .secondary-button:hover[b-dsmqq8uzqs] {
        border-color: #98a2b3;
    }


/* =========================================================
   MENSAGENS
   ========================================================= */

.error-message[b-dsmqq8uzqs] {
    background: #fff4f3;
    border: 1px solid #fecdca;
    color: #b42318;
    border-radius: 10px;
    padding: 12px 15px;
    margin-bottom: 18px;
    font-size: 13px;
}

.success-message[b-dsmqq8uzqs] {
    background: #ecfdf3;
    border: 1px solid #abefc6;
    color: #067647;
    border-radius: 10px;
    padding: 12px 15px;
    margin-bottom: 18px;
    font-size: 13px;
}

.modal-message[b-dsmqq8uzqs] {
    margin-bottom: 15px;
}


/* =========================================================
   CARDS
   ========================================================= */

.filter-card[b-dsmqq8uzqs],
.content-card[b-dsmqq8uzqs],
.loading-card[b-dsmqq8uzqs] {
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

.filter-card[b-dsmqq8uzqs] {
    padding: 18px;
    margin-bottom: 18px;
}

.content-card[b-dsmqq8uzqs] {
    padding: 18px;
    margin-bottom: 18px;
}

.loading-card[b-dsmqq8uzqs] {
    padding: 30px;
    color: #667085;
    text-align: center;
}


/* =========================================================
   CABEÇALHOS DE SEÇÃO
   ========================================================= */

.filter-card-header[b-dsmqq8uzqs],
.section-header[b-dsmqq8uzqs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 17px;
}

    .filter-card-header h2[b-dsmqq8uzqs],
    .section-header h2[b-dsmqq8uzqs] {
        margin: 0;
        color: #344054;
        font-size: 16px;
        font-weight: 700;
    }

    .filter-card-header span[b-dsmqq8uzqs],
    .section-header span[b-dsmqq8uzqs] {
        display: block;
        margin-top: 4px;
        color: #98a2b3;
        font-size: 12px;
    }


/* =========================================================
   FILTROS
   ========================================================= */

.client-filters-grid[b-dsmqq8uzqs] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 180px auto;
    gap: 12px;
    align-items: end;
}

.filter-field[b-dsmqq8uzqs] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .filter-field label[b-dsmqq8uzqs] {
        font-size: 11px;
        font-weight: 600;
        color: #667085;
    }

.filter-control[b-dsmqq8uzqs] {
    width: 100%;
    min-height: 37px;
    box-sizing: border-box;
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    background: #ffffff;
    color: #344054;
    padding: 7px 9px;
    font-size: 13px;
    outline: none;
}

    .filter-control:focus[b-dsmqq8uzqs] {
        border-color: #3976d3;
        box-shadow: 0 0 0 2px rgba(57, 118, 211, .08);
    }

.filter-action[b-dsmqq8uzqs] {
    display: flex;
}


/* =========================================================
   TABELA
   ========================================================= */

.table-wrapper[b-dsmqq8uzqs] {
    width: 100%;
    overflow-x: auto;
}

.clients-table[b-dsmqq8uzqs] {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

    .clients-table th[b-dsmqq8uzqs] {
        padding: 10px 12px;
        background: #fafbfc;
        border-top: 1px solid #eaecf0;
        border-bottom: 1px solid #eaecf0;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .02em;
    }

    .clients-table td[b-dsmqq8uzqs] {
        padding: 12px;
        border-bottom: 1px solid #f0f2f5;
        color: #475467;
        font-size: 12px;
        vertical-align: middle;
    }

    .clients-table tbody tr:hover[b-dsmqq8uzqs] {
        background: #fafbfc;
    }


.client-name-cell[b-dsmqq8uzqs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .client-name-cell strong[b-dsmqq8uzqs] {
        display: block;
        color: #344054;
        font-size: 12px;
    }

    .client-name-cell span[b-dsmqq8uzqs] {
        display: block;
        margin-top: 3px;
        color: #98a2b3;
        font-size: 10px;
    }


.client-avatar[b-dsmqq8uzqs] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eef4ff;
    color: #3976d3;
    font-size: 13px;
    font-weight: 700;
}


.machine-count[b-dsmqq8uzqs] {
    display: inline-flex;
    min-width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 7px;
    border-radius: 20px;
    background: #f2f4f7;
    color: #475467;
    font-weight: 600;
}




/* =========================================================
   STATUS
   ========================================================= */

.status-badge[b-dsmqq8uzqs] {
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 600;
}

    .status-badge.active[b-dsmqq8uzqs] {
        background: #ecfdf3;
        color: #067647;
    }

    .status-badge.inactive[b-dsmqq8uzqs] {
        background: #f2f4f7;
        color: #667085;
    }


/* =========================================================
   AÇÕES DA TABELA
   ========================================================= */

.actions-column[b-dsmqq8uzqs] {
    text-align: right !important;
}

.actions-cell[b-dsmqq8uzqs] {
    text-align: right;
}

.table-action-button[b-dsmqq8uzqs] {
    border: 1px solid #dfe4ea;
    background: #ffffff;
    color: #3976d3;
    border-radius: 7px;
    padding: 6px 10px;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

    .table-action-button:hover[b-dsmqq8uzqs] {
        border-color: #3976d3;
    }

    .table-action-button.danger[b-dsmqq8uzqs] {
        color: #b42318;
    }

        .table-action-button.danger:hover[b-dsmqq8uzqs] {
            border-color: #f04438;
        }

    .table-action-button.activate[b-dsmqq8uzqs] {
        color: #067647;
    }

        .table-action-button.activate:hover[b-dsmqq8uzqs] {
            border-color: #12b76a;
        }


.empty-state[b-dsmqq8uzqs] {
    padding: 30px 10px;
    color: #98a2b3;
    text-align: center;
    font-size: 12px;
}


/* =========================================================
   MODAL
   ========================================================= */

.modal-overlay[b-dsmqq8uzqs] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: rgba(16, 24, 40, .48);
}

.client-modal[b-dsmqq8uzqs] {
    width: min(820px, 100%);
    max-height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(16, 24, 40, .18);
}


.modal-header[b-dsmqq8uzqs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #eaecf0;
}

    .modal-header h2[b-dsmqq8uzqs] {
        margin: 0;
        color: #263241;
        font-size: 19px;
        font-weight: 700;
    }

    .modal-header span[b-dsmqq8uzqs] {
        display: block;
        margin-top: 4px;
        color: #98a2b3;
        font-size: 12px;
    }


.modal-close[b-dsmqq8uzqs] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #667085;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

    .modal-close:hover[b-dsmqq8uzqs] {
        background: #f2f4f7;
    }


.modal-body[b-dsmqq8uzqs] {
    flex: 1;
    overflow-y: auto;
    padding: 0 22px;
}

.modal-loading[b-dsmqq8uzqs] {
    padding: 50px 20px;
    color: #667085;
    text-align: center;
}


.modal-footer[b-dsmqq8uzqs] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 15px 22px;
    border-top: 1px solid #eaecf0;
    background: #ffffff;
}


/* =========================================================
   FORMULÁRIO
   ========================================================= */

.form-section[b-dsmqq8uzqs] {
    padding: 21px 0;
    border-bottom: 1px solid #f0f2f5;
}

    .form-section:last-child[b-dsmqq8uzqs] {
        border-bottom: 0;
    }


.form-section-title[b-dsmqq8uzqs] {
    margin-bottom: 15px;
}

    .form-section-title h3[b-dsmqq8uzqs] {
        margin: 0;
        color: #344054;
        font-size: 14px;
        font-weight: 700;
    }

    .form-section-title span[b-dsmqq8uzqs] {
        display: block;
        margin-top: 3px;
        color: #98a2b3;
        font-size: 11px;
    }


.form-grid[b-dsmqq8uzqs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px 15px;
}

.form-field[b-dsmqq8uzqs] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-field label[b-dsmqq8uzqs] {
        color: #667085;
        font-size: 11px;
        font-weight: 600;
    }

        .form-field label em[b-dsmqq8uzqs] {
            color: #d92d20;
            font-style: normal;
        }


.span-2[b-dsmqq8uzqs] {
    grid-column: span 2;
}


.form-control[b-dsmqq8uzqs] {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    background: #ffffff;
    color: #344054;
    padding: 8px 10px;
    font-size: 13px;
    outline: none;
}

    .form-control:focus[b-dsmqq8uzqs] {
        border-color: #3976d3;
        box-shadow: 0 0 0 2px rgba(57, 118, 211, .08);
    }

    .form-control:disabled[b-dsmqq8uzqs] {
        background: #f9fafb;
        color: #98a2b3;
    }


.field-help[b-dsmqq8uzqs] {
    color: #98a2b3;
    font-size: 10px;
}


/* =========================================================
   SWITCH
   ========================================================= */

.status-switch-row[b-dsmqq8uzqs] {
    min-height: 38px;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 9px !important;
    cursor: pointer;
}

    .status-switch-row input[b-dsmqq8uzqs] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .status-switch-row strong[b-dsmqq8uzqs] {
        color: #475467;
        font-size: 12px;
        font-weight: 600;
    }


.switch-control[b-dsmqq8uzqs] {
    position: relative;
    width: 38px;
    height: 21px;
    flex: 0 0 38px;
    border-radius: 20px;
    background: #d0d5dd;
    transition: .18s ease;
}

    .switch-control[b-dsmqq8uzqs]::after {
        content: "";
        position: absolute;
        width: 17px;
        height: 17px;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(16, 24, 40, .18);
        transition: .18s ease;
    }

.status-switch-row input:checked + .switch-control[b-dsmqq8uzqs] {
    background: #3976d3;
}

    .status-switch-row input:checked + .switch-control[b-dsmqq8uzqs]::after {
        transform: translateX(17px);
    }


/* =========================================================
   MÁQUINAS VINCULADAS
   ========================================================= */

.linked-machines[b-dsmqq8uzqs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.linked-machine[b-dsmqq8uzqs] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid #eaecf0;
    border-radius: 9px;
    background: #fafbfc;
}


.machine-icon[b-dsmqq8uzqs] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef4ff;
    color: #3976d3;
    font-size: 12px;
    font-weight: 700;
}


.machine-info[b-dsmqq8uzqs] {
    flex: 1;
    min-width: 0;
}

    .machine-info strong[b-dsmqq8uzqs] {
        display: block;
        color: #344054;
        font-size: 12px;
    }

    .machine-info span[b-dsmqq8uzqs],
    .machine-info small[b-dsmqq8uzqs] {
        display: block;
        margin-top: 2px;
        color: #98a2b3;
        font-size: 10px;
    }


.empty-machines[b-dsmqq8uzqs] {
    padding: 18px;
    border: 1px dashed #d0d5dd;
    border-radius: 9px;
    color: #98a2b3;
    font-size: 11px;
    text-align: center;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 950px) {

    .client-filters-grid[b-dsmqq8uzqs] {
        grid-template-columns: 1fr 180px;
    }

    .filter-action[b-dsmqq8uzqs] {
        grid-column: span 2;
    }

    .apply-button[b-dsmqq8uzqs] {
        width: 100%;
    }
}


@media (max-width: 700px) {

    .clients-header[b-dsmqq8uzqs],
    .filter-card-header[b-dsmqq8uzqs],
    .section-header[b-dsmqq8uzqs] {
        flex-direction: column;
    }

        .clients-header .primary-button[b-dsmqq8uzqs],
        .section-header .refresh-button[b-dsmqq8uzqs] {
            width: 100%;
        }

    .client-filters-grid[b-dsmqq8uzqs] {
        grid-template-columns: 1fr;
    }

    .filter-action[b-dsmqq8uzqs] {
        grid-column: auto;
    }

    .form-grid[b-dsmqq8uzqs] {
        grid-template-columns: 1fr;
    }

    .span-2[b-dsmqq8uzqs] {
        grid-column: auto;
    }

    .modal-overlay[b-dsmqq8uzqs] {
        padding: 10px;
        align-items: flex-end;
    }

    .client-modal[b-dsmqq8uzqs] {
        max-height: calc(100vh - 20px);
        border-radius: 14px 14px 8px 8px;
    }

    .modal-header[b-dsmqq8uzqs],
    .modal-footer[b-dsmqq8uzqs] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .modal-body[b-dsmqq8uzqs] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .modal-footer[b-dsmqq8uzqs] {
        flex-direction: column-reverse;
    }

        .modal-footer button[b-dsmqq8uzqs] {
            width: 100%;
        }
}
/* /Components/Pages/ConfiguracaoPos.razor.rz.scp.css */
.pos-config-page[b-67phcunlf8]{max-width:1120px;margin:0 auto;padding:24px;color:var(--text-primary,#172033)}.pos-config-page h1[b-67phcunlf8]{font-size:30px;margin:0 0 8px}.pos-config-page>p[b-67phcunlf8],.pos-card>p[b-67phcunlf8]{color:#64748b}.pos-card[b-67phcunlf8]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 5px 20px #0f172a08}.pos-card h2[b-67phcunlf8]{margin:0 0 8px}.pos-grid[b-67phcunlf8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.pos-option[b-67phcunlf8]{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:16px}.pos-option h3[b-67phcunlf8]{margin:0 0 14px}.pos-card label[b-67phcunlf8]{display:block;font-size:13px;font-weight:600;margin:10px 0 6px}.pos-card input[b-67phcunlf8],.pos-card select[b-67phcunlf8]{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;background:white;color:#172033}.pos-save[b-67phcunlf8]{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:13px 20px;font-weight:700;cursor:pointer}.pos-save:disabled[b-67phcunlf8]{opacity:.6}.pos-alert[b-67phcunlf8]{border-radius:10px;padding:12px 16px;margin:12px 0}.pos-error[b-67phcunlf8]{background:#fef2f2;color:#991b1b}.pos-success[b-67phcunlf8]{background:#ecfdf5;color:#065f46}@media(max-width:600px){.pos-config-page[b-67phcunlf8]{padding:12px}.pos-card[b-67phcunlf8]{padding:16px}}
.pos-card input[type="text"][b-67phcunlf8] {width:100%;max-width:560px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;margin:8px 0 16px;}
/* /Components/Pages/Configuracoes.razor.rz.scp.css */
/* =====================================================
   GERENPAY - CONFIGURAÇÕES
   ===================================================== */

.config-page[b-pfejwwkj5z] {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 4px 0 40px;
    color: #1f2937;
}


/* =====================================================
   CABEÇALHO
   ===================================================== */

.page-header[b-pfejwwkj5z] {
    margin-bottom: 28px;
}

.page-eyebrow[b-pfejwwkj5z] {
    display: block;
    margin-bottom: 5px;
    color: #3976d3;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.page-header h1[b-pfejwwkj5z] {
    margin: 0;
    color: #1f2937;
    font-size: 26px;
    font-weight: 750;
    letter-spacing: -0.6px;
}

.page-header p[b-pfejwwkj5z] {
    margin: 7px 0 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
}


/* =====================================================
   GRID
   ===================================================== */

.config-grid[b-pfejwwkj5z] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(340px, .85fr);
    gap: 20px;
    align-items: start;
}


/* =====================================================
   CARDS
   ===================================================== */

.config-card[b-pfejwwkj5z] {
    padding: 25px;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(17, 24, 39, .035);
}

.account-card[b-pfejwwkj5z] {
    grid-column: 1;
}

.security-card[b-pfejwwkj5z] {
    grid-column: 1;
}

.system-card[b-pfejwwkj5z] {
    grid-column: 2;
    grid-row: 1 / span 2;
}


/* =====================================================
   CABEÇALHO DO CARD
   ===================================================== */

.card-header[b-pfejwwkj5z] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 20px;
    margin-bottom: 22px;
    border-bottom: 1px solid #eef1f5;
}

    .card-header h2[b-pfejwwkj5z] {
        margin: 0;
        color: #1f2937;
        font-size: 17px;
        font-weight: 750;
    }

    .card-header p[b-pfejwwkj5z] {
        margin: 4px 0 0;
        color: #7b8494;
        font-size: 12.5px;
        line-height: 1.5;
    }


/* =====================================================
   ÍCONES
   ===================================================== */

.card-icon[b-pfejwwkj5z] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    border-radius: 11px;
    background: #edf4ff;
    color: #3976d3;
}

    .card-icon svg[b-pfejwwkj5z] {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.security-icon[b-pfejwwkj5z] {
    background: #eefaf4;
    color: #16965d;
}

.system-icon[b-pfejwwkj5z] {
    background: #f5f3ff;
    color: #7457c8;
}


/* =====================================================
   FORMULÁRIO
   ===================================================== */

.form-grid[b-pfejwwkj5z],
.password-grid[b-pfejwwkj5z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.password-form[b-pfejwwkj5z] {
    width: 100%;
}

    .password-form > .full-width[b-pfejwwkj5z] {
        max-width: calc(50% - 10px);
        margin-bottom: 20px;
    }

.form-group[b-pfejwwkj5z] {
    min-width: 0;
}

    .form-group label[b-pfejwwkj5z] {
        display: block;
        margin-bottom: 7px;
        color: #374151;
        font-size: 12.5px;
        font-weight: 700;
    }

    .form-group small[b-pfejwwkj5z] {
        display: block;
        margin-top: 6px;
        color: #9ca3af;
        font-size: 11px;
    }

.gp-input[b-pfejwwkj5z] {
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    padding: 0 13px;
    border: 1px solid #dce1e8;
    border-radius: 9px;
    outline: none;
    background: #ffffff;
    color: #1f2937;
    font-family: inherit;
    font-size: 13.5px;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

    .gp-input:hover[b-pfejwwkj5z] {
        border-color: #b9c1cc;
    }

    .gp-input:focus[b-pfejwwkj5z] {
        border-color: #6d9fe9;
        box-shadow: 0 0 0 3px rgba(57, 118, 211, .10);
    }

    .gp-input[b-pfejwwkj5z]::placeholder {
        color: #a7afba;
    }


/* =====================================================
   DOCUMENTO SOMENTE LEITURA
   ===================================================== */

.readonly-wrapper[b-pfejwwkj5z] {
    position: relative;
}

.readonly-input[b-pfejwwkj5z] {
    padding-right: 42px;
    background: #f8fafc;
    color: #6b7280;
    cursor: not-allowed;
}

.lock-icon[b-pfejwwkj5z] {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    display: flex;
    color: #9ca3af;
}

    .lock-icon svg[b-pfejwwkj5z] {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* =====================================================
   AÇÕES
   ===================================================== */

.card-actions[b-pfejwwkj5z] {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #eef1f5;
}

.btn-primary[b-pfejwwkj5z],
.btn-secondary[b-pfejwwkj5z] {
    min-width: 145px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border-radius: 9px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    transition: .18s ease;
}

.btn-primary[b-pfejwwkj5z] {
    border: 1px solid #3976d3;
    background: #3976d3;
    color: #ffffff;
    box-shadow: 0 5px 12px rgba(57, 118, 211, .15);
}

    .btn-primary:hover:not(:disabled)[b-pfejwwkj5z] {
        background: #326bc0;
        border-color: #326bc0;
        transform: translateY(-1px);
    }

.btn-secondary[b-pfejwwkj5z] {
    border: 1px solid #d7dde5;
    background: #ffffff;
    color: #374151;
}

    .btn-secondary:hover:not(:disabled)[b-pfejwwkj5z] {
        border-color: #aeb8c5;
        background: #f8fafc;
    }

    .btn-primary:disabled[b-pfejwwkj5z],
    .btn-secondary:disabled[b-pfejwwkj5z] {
        cursor: wait;
        opacity: .68;
    }


/* =====================================================
   MENSAGENS
   ===================================================== */

.alert[b-pfejwwkj5z] {
    margin-bottom: 20px;
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 12.5px;
    line-height: 1.5;
}

.alert-success[b-pfejwwkj5z] {
    border: 1px solid #bbefd2;
    background: #f0fdf6;
    color: #16724a;
}

.alert-error[b-pfejwwkj5z] {
    border: 1px solid #fecaca;
    background: #fff5f5;
    color: #b42318;
}


/* =====================================================
   SISTEMA
   ===================================================== */

.system-list[b-pfejwwkj5z] {
    display: flex;
    flex-direction: column;
}

.system-row[b-pfejwwkj5z] {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 0;
    border-bottom: 1px solid #eef1f5;
}

    .system-row:first-child[b-pfejwwkj5z] {
        padding-top: 0;
    }

    .system-row:last-child[b-pfejwwkj5z] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .system-row > div[b-pfejwwkj5z] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

.system-label[b-pfejwwkj5z] {
    color: #9ca3af;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.system-row strong[b-pfejwwkj5z] {
    color: #374151;
    font-size: 13px;
    font-weight: 700;
}

.system-badge[b-pfejwwkj5z] {
    padding: 5px 9px;
    border-radius: 20px;
    background: #edf4ff;
    color: #3976d3;
    font-size: 10.5px;
    font-weight: 750;
}

.status-online[b-pfejwwkj5z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #168456;
    font-size: 11px;
    font-weight: 700;
}

    .status-online > span[b-pfejwwkj5z] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #22c55e;
    }


/* =====================================================
   CARREGAMENTO
   ===================================================== */

.loading-card[b-pfejwwkj5z] {
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    background: #ffffff;
    color: #6b7280;
    font-size: 13px;
}

.spinner[b-pfejwwkj5z],
.button-spinner[b-pfejwwkj5z] {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    animation: gp-spin-b-pfejwwkj5z .7s linear infinite;
}

.spinner[b-pfejwwkj5z] {
    width: 19px;
    height: 19px;
    border: 2px solid #dce5f2;
    border-top-color: #3976d3;
}

.button-spinner[b-pfejwwkj5z] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #ffffff;
}

    .button-spinner.dark[b-pfejwwkj5z] {
        border-color: #d7dde5;
        border-top-color: #566170;
    }

@keyframes gp-spin-b-pfejwwkj5z {
    to {
        transform: rotate(360deg);
    }
}


/* =====================================================
   RESPONSIVO
   ===================================================== */

@media (max-width: 980px) {

    .config-grid[b-pfejwwkj5z] {
        grid-template-columns: 1fr;
    }

    .account-card[b-pfejwwkj5z],
    .security-card[b-pfejwwkj5z],
    .system-card[b-pfejwwkj5z] {
        grid-column: 1;
        grid-row: auto;
    }
}


@media (max-width: 680px) {

    .config-card[b-pfejwwkj5z] {
        padding: 20px;
    }

    .form-grid[b-pfejwwkj5z],
    .password-grid[b-pfejwwkj5z] {
        grid-template-columns: 1fr;
    }

    .password-form > .full-width[b-pfejwwkj5z] {
        max-width: none;
    }

    .card-actions[b-pfejwwkj5z] {
        justify-content: stretch;
    }

    .btn-primary[b-pfejwwkj5z],
    .btn-secondary[b-pfejwwkj5z] {
        width: 100%;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-nz4hb3ltuq] {
    width: 100%;
}


/* =====================================================
   CABEÇALHO
   ===================================================== */

.dashboard-header[b-nz4hb3ltuq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}


    .dashboard-header h1[b-nz4hb3ltuq] {
        margin: 0;
        color: #263241;
        font-size: 27px;
        font-weight: 650;
        letter-spacing: -0.7px;
    }


    .dashboard-header p[b-nz4hb3ltuq] {
        margin: 6px 0 0;
        color: #8a94a3;
        font-size: 13px;
    }


.dashboard-period[b-nz4hb3ltuq] {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid #e4e8ee;
    border-radius: 9px;
    background: #ffffff;
    color: #667085;
    font-size: 12px;
    font-weight: 500;
}


    .dashboard-period svg[b-nz4hb3ltuq] {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* =====================================================
   INDICADORES
   ===================================================== */

.stats-grid[b-nz4hb3ltuq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
    margin-bottom: 18px;
}


.stat-card[b-nz4hb3ltuq] {
    min-height: 172px;
    padding: 19px;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.025);
}


.stat-top[b-nz4hb3ltuq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}


.stat-icon[b-nz4hb3ltuq] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}


    .stat-icon svg[b-nz4hb3ltuq] {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .stat-icon.blue[b-nz4hb3ltuq] {
        color: #3976d3;
        background: #edf4ff;
    }


    .stat-icon.green[b-nz4hb3ltuq] {
        color: #278b67;
        background: #edf8f4;
    }


    .stat-icon.purple[b-nz4hb3ltuq] {
        color: #7557c8;
        background: #f3f0fc;
    }


    .stat-icon.orange[b-nz4hb3ltuq] {
        color: #c77a28;
        background: #fff5e9;
    }


.status-badge[b-nz4hb3ltuq] {
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 600;
}


    .status-badge.positive[b-nz4hb3ltuq] {
        color: #278b67;
        background: #edf8f4;
    }


    .status-badge.neutral[b-nz4hb3ltuq] {
        color: #667085;
        background: #f4f6f8;
    }


.stat-label[b-nz4hb3ltuq] {
    margin-bottom: 4px;
    color: #7b8493;
    font-size: 11px;
    font-weight: 500;
}


.stat-value[b-nz4hb3ltuq] {
    color: #263241;
    font-size: 27px;
    font-weight: 650;
    letter-spacing: -0.5px;
}


    .stat-value span[b-nz4hb3ltuq] {
        color: #a0a8b5;
        font-size: 15px;
        font-weight: 500;
    }


    .stat-value.money[b-nz4hb3ltuq] {
        font-size: 23px;
    }


.stat-footer[b-nz4hb3ltuq] {
    margin-top: 7px;
    color: #a0a8b5;
    font-size: 10px;
}


/* =====================================================
   SEGUNDA LINHA
   ===================================================== */

.dashboard-grid[b-nz4hb3ltuq] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(270px, 0.72fr);
    gap: 18px;
    margin-bottom: 18px;
}


.dashboard-card[b-nz4hb3ltuq] {
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.025);
}


.card-header[b-nz4hb3ltuq] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    border-bottom: 1px solid #eef1f4;
}


    .card-header h2[b-nz4hb3ltuq] {
        margin: 0;
        color: #344054;
        font-size: 14px;
        font-weight: 650;
    }


    .card-header p[b-nz4hb3ltuq] {
        margin: 4px 0 0;
        color: #98a2b3;
        font-size: 10px;
    }


.chart-total[b-nz4hb3ltuq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


    .chart-total span[b-nz4hb3ltuq] {
        color: #98a2b3;
        font-size: 9px;
    }


    .chart-total strong[b-nz4hb3ltuq] {
        margin-top: 3px;
        color: #344054;
        font-size: 14px;
    }


/* =====================================================
   GRÁFICO
   ===================================================== */

.chart-area[b-nz4hb3ltuq] {
    height: 245px;
    position: relative;
    padding: 20px 20px 34px 56px;
}


.chart-grid-line[b-nz4hb3ltuq] {
    position: absolute;
    left: 56px;
    right: 20px;
    height: 1px;
    background: #edf0f4;
}


.line-100[b-nz4hb3ltuq] {
    top: 25px;
}


.line-66[b-nz4hb3ltuq] {
    top: 82px;
}


.line-33[b-nz4hb3ltuq] {
    top: 139px;
}


.line-0[b-nz4hb3ltuq] {
    top: 196px;
}


.chart-y-label[b-nz4hb3ltuq] {
    position: absolute;
    left: 17px;
    width: 32px;
    color: #a0a8b5;
    font-size: 8px;
    text-align: right;
}


.y-100[b-nz4hb3ltuq] {
    top: 20px;
}


.y-66[b-nz4hb3ltuq] {
    top: 77px;
}


.y-33[b-nz4hb3ltuq] {
    top: 134px;
}


.y-0[b-nz4hb3ltuq] {
    top: 191px;
}


.bars[b-nz4hb3ltuq] {
    height: 177px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 4px;
}

.bar-item[b-nz4hb3ltuq] {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}


.bar[b-nz4hb3ltuq] {
    width: 56%;
    max-width: 42px;
    min-width: 16px;
    border-radius: 5px 5px 2px 2px;
    background: #7fa8e8;
    transition: opacity 0.15s ease;
}


    .bar:hover[b-nz4hb3ltuq] {
        opacity: 0.75;
    }


.bar-item span[b-nz4hb3ltuq] {
    position: absolute;
    bottom: -23px;
    color: #98a2b3;
    font-size: 8px;
}

.bar-item:nth-child(even) span[b-nz4hb3ltuq] {
    display: none;
}

/* =====================================================
   STATUS DAS MÁQUINAS
   ===================================================== */

.machine-status-card[b-nz4hb3ltuq] {
    min-width: 0;
}


.machine-summary[b-nz4hb3ltuq] {
    display: flex;
    justify-content: center;
    padding: 23px 20px 18px;
}


.machine-circle[b-nz4hb3ltuq] {
    width: 105px;
    height: 105px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: conic-gradient( #43a77d 0deg var(--online-end), #e4a24b var(--online-end) var(--warning-end), #d36b6b var(--warning-end) 360deg );
}

    .machine-circle[b-nz4hb3ltuq]::before {
        content: "";
        position: absolute;
        inset: 9px;
        border-radius: 50%;
        background: #ffffff;
    }

    .machine-circle[style*="--status-empty:1"][b-nz4hb3ltuq] {
        background: #dce3ea;
    }


    .machine-circle strong[b-nz4hb3ltuq] {
        position: relative;
        z-index: 1;
        color: #344054;
        font-size: 23px;
    }


    .machine-circle span[b-nz4hb3ltuq] {
        position: relative;
        z-index: 1;
        margin-top: 1px;
        color: #98a2b3;
        font-size: 9px;
    }


.machine-status-list[b-nz4hb3ltuq] {
    padding: 0 20px 17px;
}


.machine-status-row[b-nz4hb3ltuq] {
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f3f5;
    color: #667085;
    font-size: 10px;
}


    .machine-status-row:last-child[b-nz4hb3ltuq] {
        border-bottom: none;
    }


    .machine-status-row strong[b-nz4hb3ltuq] {
        color: #475467;
        font-size: 10px;
    }


.status-name[b-nz4hb3ltuq] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.status-dot[b-nz4hb3ltuq] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}


    .status-dot.online[b-nz4hb3ltuq] {
        background: #43a77d;
    }


    .status-dot.warning[b-nz4hb3ltuq] {
        background: #e4a24b;
    }


    .status-dot.offline[b-nz4hb3ltuq] {
        background: #d36b6b;
    }


/* =====================================================
   ATIVIDADE
   ===================================================== */

.activity-card[b-nz4hb3ltuq] {
    overflow: hidden;
}


.view-all[b-nz4hb3ltuq] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #3976d3;
    text-decoration: none;
    font-size: 10px;
    font-weight: 600;
}


    .view-all:hover[b-nz4hb3ltuq] {
        text-decoration: underline;
    }


.activity-table[b-nz4hb3ltuq] {
    width: 100%;
}


.activity-head[b-nz4hb3ltuq],
.activity-row[b-nz4hb3ltuq] {
    display: grid;
    grid-template-columns: 1.2fr 1.5fr 1fr 1fr 0.7fr;
    align-items: center;
    column-gap: 12px;
}


.activity-head[b-nz4hb3ltuq] {
    min-height: 36px;
    padding: 0 20px;
    background: #fafbfc;
    color: #98a2b3;
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


.activity-row[b-nz4hb3ltuq] {
    min-height: 48px;
    padding: 0 20px;
    border-top: 1px solid #f0f2f5;
    color: #667085;
    font-size: 10px;
}


.machine-name[b-nz4hb3ltuq] {
    color: #475467;
    font-weight: 600;
}


.activity-value[b-nz4hb3ltuq] {
    color: #475467;
    font-weight: 500;
}


    .activity-value.muted[b-nz4hb3ltuq] {
        color: #a7afba;
    }


.activity-time[b-nz4hb3ltuq] {
    color: #98a2b3;
}


.table-status[b-nz4hb3ltuq] {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 600;
}


    .table-status.success[b-nz4hb3ltuq] {
        color: #278b67;
        background: #edf8f4;
    }


    .table-status.prize[b-nz4hb3ltuq] {
        color: #7557c8;
        background: #f3f0fc;
    }


    .table-status.warning[b-nz4hb3ltuq] {
        color: #b36d21;
        background: #fff5e9;
    }

.activity-empty[b-nz4hb3ltuq] {
    padding: 28px 20px;
    color: #98a2b3;
    font-size: 11px;
    text-align: center;
}

/* =====================================================
   RESPONSIVO
   ===================================================== */

@media (max-width: 1200px) {

    .stats-grid[b-nz4hb3ltuq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 950px) {

    .dashboard-grid[b-nz4hb3ltuq] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 700px) {

    .stats-grid[b-nz4hb3ltuq] {
        grid-template-columns: 1fr;
    }

    .dashboard-header[b-nz4hb3ltuq] {
        align-items: flex-start;
        gap: 15px;
        flex-direction: column;
    }

    .activity-table[b-nz4hb3ltuq] {
        overflow-x: auto;
    }

    .activity-head[b-nz4hb3ltuq],
    .activity-row[b-nz4hb3ltuq] {
        min-width: 650px;
    }
}
/* /Components/Pages/Eventos.razor.rz.scp.css */
.eventos-page[b-kfkt16x1wf] {
    width: 100%;
    padding: 4px 2px 30px 2px;
    color: #344054;
}


/* =========================================================
   HEADER
   ========================================================= */

.eventos-header[b-kfkt16x1wf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .eventos-header h1[b-kfkt16x1wf] {
        margin: 0 0 5px 0;
        color: #263241;
        font-size: 27px;
        font-weight: 700;
    }

    .eventos-header p[b-kfkt16x1wf] {
        margin: 0;
        color: #667085;
        font-size: 14px;
    }


/* =========================================================
   MENSAGENS
   ========================================================= */

.error-box[b-kfkt16x1wf] {
    margin-bottom: 15px;
    padding: 13px 15px;
    border: 1px solid #fecdca;
    border-radius: 10px;
    background: #fef3f2;
    color: #b42318;
    font-size: 14px;
}

.loading-box[b-kfkt16x1wf] {
    padding: 30px;
    text-align: center;
    color: #667085;
}


/* =========================================================
   FILTROS
   ========================================================= */

.filter-card[b-kfkt16x1wf] {
    margin-bottom: 14px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

.filter-card-header[b-kfkt16x1wf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

    .filter-card-header h2[b-kfkt16x1wf],
    .section-header h2[b-kfkt16x1wf] {
        margin: 0;
        color: #344054;
        font-size: 16px;
        font-weight: 650;
    }

.period-shortcuts[b-kfkt16x1wf] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

    .period-shortcuts button[b-kfkt16x1wf] {
        padding: 7px 11px;
        background: #ffffff;
        border: 1px solid #d0d5dd;
        border-radius: 8px;
        color: #475467;
        cursor: pointer;
        font-size: 12px;
    }

        .period-shortcuts button:hover[b-kfkt16x1wf] {
            background: #f8fafc;
            border-color: #b9c0ca;
        }

.filters-grid[b-kfkt16x1wf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(125px, 1fr)) auto;
    gap: 12px;
    align-items: end;
}

.filter-field[b-kfkt16x1wf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .filter-field label[b-kfkt16x1wf] {
        color: #475467;
        font-size: 12px;
        font-weight: 600;
    }

.filter-control[b-kfkt16x1wf],
.search-control[b-kfkt16x1wf] {
    width: 100%;
    box-sizing: border-box;
    height: 39px;
    padding: 0 10px;
    background: #ffffff;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    color: #344054;
    outline: none;
    font-size: 13px;
}

    .filter-control:focus[b-kfkt16x1wf],
    .search-control:focus[b-kfkt16x1wf] {
        border-color: #3976d3;
        box-shadow: 0 0 0 3px rgba(57, 118, 211, 0.08);
    }

.filter-action[b-kfkt16x1wf] {
    display: flex;
    align-items: flex-end;
}

.apply-button[b-kfkt16x1wf],
.search-button[b-kfkt16x1wf] {
    height: 39px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #3976d3;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

    .apply-button:hover[b-kfkt16x1wf],
    .search-button:hover[b-kfkt16x1wf] {
        filter: brightness(0.96);
    }

    .apply-button:disabled[b-kfkt16x1wf] {
        opacity: 0.65;
        cursor: default;
    }


/* =========================================================
   CARDS PRINCIPAIS
   ========================================================= */

.event-summary[b-kfkt16x1wf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.event-card[b-kfkt16x1wf] {
    position: relative;
    overflow: hidden;
    min-height: 116px;
    box-sizing: border-box;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

    .event-card[b-kfkt16x1wf]::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px;
        content: "";
    }

    .event-card.primary[b-kfkt16x1wf]::before {
        background: #3976d3;
    }

    .event-card.connection[b-kfkt16x1wf]::before {
        background: #12b76a;
    }

    .event-card.disconnection[b-kfkt16x1wf]::before {
        background: #f79009;
    }

    .event-card.payment[b-kfkt16x1wf]::before {
        background: #667085;
    }

.event-card-label[b-kfkt16x1wf] {
    display: block;
    margin-bottom: 10px;
    color: #667085;
    font-size: 12px;
    font-weight: 600;
}

.event-card strong[b-kfkt16x1wf] {
    display: block;
    margin-bottom: 7px;
    color: #263241;
    font-size: 26px;
    line-height: 1;
}

.event-card small[b-kfkt16x1wf] {
    color: #98a2b3;
    font-size: 11px;
}


/* =========================================================
   INDICADORES SECUNDARIOS
   ========================================================= */

.secondary-summary[b-kfkt16x1wf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.secondary-card[b-kfkt16x1wf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    box-sizing: border-box;
    padding: 13px 15px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 11px;
}

    .secondary-card span[b-kfkt16x1wf] {
        color: #667085;
        font-size: 12px;
    }

    .secondary-card strong[b-kfkt16x1wf] {
        color: #344054;
        font-size: 18px;
    }


/* =========================================================
   SECOES
   ========================================================= */

.section-card[b-kfkt16x1wf] {
    margin-bottom: 14px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    overflow: hidden;
}

.section-header[b-kfkt16x1wf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 18px;
    border-bottom: 1px solid #eaecf0;
}

    .section-header p[b-kfkt16x1wf] {
        margin: 4px 0 0 0;
        color: #98a2b3;
        font-size: 12px;
    }


/* =========================================================
   BUSCA
   ========================================================= */

.history-search[b-kfkt16x1wf] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: min(430px, 100%);
}

.search-control[b-kfkt16x1wf] {
    flex: 1;
}

.search-button[b-kfkt16x1wf] {
    flex-shrink: 0;
}


/* =========================================================
   TABELAS
   ========================================================= */

.table-wrapper[b-kfkt16x1wf] {
    width: 100%;
    overflow-x: auto;
}

.event-table[b-kfkt16x1wf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .event-table th[b-kfkt16x1wf] {
        padding: 11px 13px;
        background: #f9fafb;
        border-bottom: 1px solid #eaecf0;
        color: #667085;
        text-align: left;
        white-space: nowrap;
        font-size: 11px;
        font-weight: 650;
    }

    .event-table td[b-kfkt16x1wf] {
        padding: 12px 13px;
        border-bottom: 1px solid #f0f2f5;
        color: #475467;
        vertical-align: middle;
    }

    .event-table tbody tr:last-child td[b-kfkt16x1wf] {
        border-bottom: 0;
    }

    .event-table tbody tr:hover[b-kfkt16x1wf] {
        background: #fafbfc;
    }

    .event-table .numeric[b-kfkt16x1wf] {
        text-align: right;
    }

.empty-cell[b-kfkt16x1wf] {
    padding: 28px !important;
    color: #98a2b3 !important;
    text-align: center !important;
}

.device-id[b-kfkt16x1wf],
.remote-address[b-kfkt16x1wf] {
    font-family: Consolas, monospace;
    color: #475467;
    font-size: 11px;
}

.date-cell[b-kfkt16x1wf] {
    white-space: nowrap;
}

.machine-cell[b-kfkt16x1wf] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .machine-cell strong[b-kfkt16x1wf] {
        color: #344054;
        font-weight: 600;
    }

    .machine-cell small[b-kfkt16x1wf] {
        color: #98a2b3;
        font-family: Consolas, monospace;
        font-size: 10px;
    }

.muted[b-kfkt16x1wf] {
    color: #98a2b3;
}


/* =========================================================
   TIPOS DE EVENTO
   ========================================================= */

.event-type[b-kfkt16x1wf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 8px;
    border-radius: 20px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 600;
}

.status-dot[b-kfkt16x1wf] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.event-connection[b-kfkt16x1wf] {
    background: #ecfdf3;
    color: #027a48;
}

    .event-connection .status-dot[b-kfkt16x1wf] {
        background: #12b76a;
    }

.event-disconnection[b-kfkt16x1wf] {
    background: #fff6ed;
    color: #b54708;
}

    .event-disconnection .status-dot[b-kfkt16x1wf] {
        background: #f79009;
    }

.event-ble[b-kfkt16x1wf] {
    background: #eff8ff;
    color: #175cd3;
}

    .event-ble .status-dot[b-kfkt16x1wf] {
        background: #2e90fa;
    }

.event-tcp[b-kfkt16x1wf] {
    background: #f4f3ff;
    color: #5925dc;
}

    .event-tcp .status-dot[b-kfkt16x1wf] {
        background: #7f56d9;
    }

.event-other[b-kfkt16x1wf] {
    background: #f2f4f7;
    color: #475467;
}

    .event-other .status-dot[b-kfkt16x1wf] {
        background: #98a2b3;
    }


/* =========================================================
   PAGINACAO
   ========================================================= */

.pagination[b-kfkt16x1wf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 17px;
    border-top: 1px solid #eaecf0;
}

.pagination-info[b-kfkt16x1wf] {
    display: flex;
    align-items: center;
    gap: 18px;
    color: #667085;
    font-size: 11px;
}

.pagination-buttons[b-kfkt16x1wf] {
    display: flex;
    gap: 7px;
}

    .pagination-buttons button[b-kfkt16x1wf] {
        padding: 7px 12px;
        background: #ffffff;
        border: 1px solid #d0d5dd;
        border-radius: 8px;
        color: #475467;
        cursor: pointer;
        font-size: 11px;
    }

        .pagination-buttons button:hover:not(:disabled)[b-kfkt16x1wf] {
            background: #f9fafb;
        }

        .pagination-buttons button:disabled[b-kfkt16x1wf] {
            opacity: 0.45;
            cursor: default;
        }


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 1250px) {

    .filters-grid[b-kfkt16x1wf] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .event-summary[b-kfkt16x1wf] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 950px) {

    .filters-grid[b-kfkt16x1wf] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .secondary-summary[b-kfkt16x1wf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .history-header[b-kfkt16x1wf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .history-search[b-kfkt16x1wf] {
        width: 100%;
    }
}


@media (max-width: 700px) {

    .eventos-header[b-kfkt16x1wf],
    .filter-card-header[b-kfkt16x1wf],
    .section-header[b-kfkt16x1wf],
    .pagination[b-kfkt16x1wf] {
        align-items: stretch;
        flex-direction: column;
    }

    .filters-grid[b-kfkt16x1wf],
    .event-summary[b-kfkt16x1wf],
    .secondary-summary[b-kfkt16x1wf] {
        grid-template-columns: 1fr;
    }

    .filter-action[b-kfkt16x1wf] {
        width: 100%;
    }

    .apply-button[b-kfkt16x1wf] {
        width: 100%;
    }

    .history-search[b-kfkt16x1wf] {
        flex-direction: column;
    }

    .search-button[b-kfkt16x1wf] {
        width: 100%;
    }

    .pagination-buttons[b-kfkt16x1wf] {
        width: 100%;
    }

        .pagination-buttons button[b-kfkt16x1wf] {
            flex: 1;
        }

    .pagination-info[b-kfkt16x1wf] {
        justify-content: space-between;
    }
}
/* /Components/Pages/Fechamentos.razor.rz.scp.css */
.fc-page[b-vi1boinpc4] {
    color: #344054;
    padding: 4px 2px 30px
}

.fc-head h1[b-vi1boinpc4] {
    font-size: 27px;
    margin: 0;
    color: #263241
}

.fc-head p[b-vi1boinpc4], .fc-note[b-vi1boinpc4] {
    color: #98a2b3;
    font-size: 12px
}

.fc-card[b-vi1boinpc4] {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    padding: 20px;
    margin: 18px 0
}

    .fc-card h2[b-vi1boinpc4] {
        font-size: 17px;
        margin: 0 0 15px
    }

    .fc-card h3[b-vi1boinpc4] {
        font-size: 14px;
        margin: 20px 0 10px
    }

.fc-filters[b-vi1boinpc4], .fc-repasse[b-vi1boinpc4] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px
}

.fc-page label[b-vi1boinpc4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    color: #667085
}

.fc-page input[b-vi1boinpc4], .fc-page select[b-vi1boinpc4] {
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    padding: 9px;
    font: inherit;
    min-width: 110px
}

.fc-page button[b-vi1boinpc4] {
    background: #3976d3;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700
}

    .fc-page button:disabled[b-vi1boinpc4] {
        opacity: .5;
        cursor: default
    }

.fc-page .fc-secondary[b-vi1boinpc4] {
    background: #eef4ff;
    color: #3976d3
}

.fc-page .fc-danger[b-vi1boinpc4] {
    background: #b42318
}

.fc-summary[b-vi1boinpc4] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px;
    margin-top: 18px
}

    .fc-summary > div[b-vi1boinpc4] {
        background: #fff;
        border: 1px solid #e8ecf1;
        border-radius: 13px;
        padding: 18px;
        display: flex;
        flex-direction: column;
        gap: 9px
    }

    .fc-summary span[b-vi1boinpc4] {
        color: #778191;
        font-size: 12px
    }

    .fc-summary strong[b-vi1boinpc4] {
        font-size: clamp(16px,1.8vw,24px);
        color: #263241
    }

.fc-scroll[b-vi1boinpc4] {
    overflow-x: auto
}

    .fc-scroll table[b-vi1boinpc4] {
        width: 100%;
        border-collapse: collapse;
        white-space: nowrap
    }

    .fc-scroll th[b-vi1boinpc4], .fc-scroll td[b-vi1boinpc4] {
        padding: 12px;
        border-bottom: 1px solid #edf0f4;
        text-align: right;
        font-size: 12px
    }

    .fc-scroll th[b-vi1boinpc4] {
        background: #fafbfc;
        color: #667085;
        font-size: 10px;
        text-transform: uppercase
    }

        .fc-scroll th:first-child[b-vi1boinpc4], .fc-scroll td:first-child[b-vi1boinpc4] {
            text-align: left
        }

    .fc-scroll small[b-vi1boinpc4] {
        display: block;
        color: #98a2b3
    }

.fc-alert[b-vi1boinpc4], .fc-ok[b-vi1boinpc4] {
    padding: 12px 15px;
    border-radius: 9px;
    margin: 15px 0;
    font-size: 13px
}

.fc-alert[b-vi1boinpc4] {
    background: #fff4f3;
    color: #b42318
}

.fc-ok[b-vi1boinpc4] {
    background: #ecfdf3;
    color: #027a48
}

.fc-stats[b-vi1boinpc4] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin-bottom: 15px
}

    .fc-stats span[b-vi1boinpc4] {
        display: flex;
        flex-direction: column;
        font-size: 12px;
        gap: 6px
    }

    .fc-stats b[b-vi1boinpc4] {
        font-size: 18px
    }

.fc-page .fc-confirm[b-vi1boinpc4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 16px 0
}

.fc-confirm input[b-vi1boinpc4] {
    min-width: 0
}

.fc-cancel[b-vi1boinpc4] {
    border-top: 1px solid #eee;
    margin-top: 22px;
    padding-top: 18px
}

    .fc-cancel > label:first-child input[b-vi1boinpc4] {
        width: 100%;
        max-width: 500px
    }

@media(max-width:1000px) {
    .fc-summary[b-vi1boinpc4] {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(max-width:650px) {
    .fc-summary[b-vi1boinpc4], .fc-stats[b-vi1boinpc4] {
        grid-template-columns: repeat(2,1fr)
    }
}

/* Painéis financeiros — visual e responsividade */
.fc-financial-panel[b-vi1boinpc4] {
    padding: 22px 24px;
    margin: 20px 0;
    box-shadow: 0 5px 20px rgba(24,39,75,.035)
}

.fc-panel-heading[b-vi1boinpc4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 19px;
    border-bottom: 1px solid #eef1f5
}

.fc-panel-icon[b-vi1boinpc4] {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    display: grid;
    place-items: center
}

    .fc-panel-icon svg[b-vi1boinpc4] {
        width: 24px;
        height: 24px
    }

.fc-icon-preview[b-vi1boinpc4] {
    background: #eaf2ff;
    color: #3275d5
}

.fc-icon-closed[b-vi1boinpc4] {
    background: #edf8f2;
    color: #18855c
}

.fc-panel-title[b-vi1boinpc4] {
    min-width: 0;
    flex: 1
}

.fc-financial-panel .fc-panel-title h2[b-vi1boinpc4] {
    font-size: 18px;
    line-height: 1.35;
    margin: 0 0 4px;
    color: #263241
}

.fc-panel-title p[b-vi1boinpc4] {
    margin: 0;
    color: #8993a3;
    font-size: 12px;
    line-height: 1.55
}

.fc-panel-tag[b-vi1boinpc4] {
    flex-shrink: 0;
    background: #eef4ff;
    color: #3671c7;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 7px 11px
}

.fc-tag-closed[b-vi1boinpc4] {
    background: #eaf7ef;
    color: #18855c
}

.fc-panel-metrics[b-vi1boinpc4] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-top: 18px
}

.fc-metric[b-vi1boinpc4] {
    min-width: 0;
    background: #f8fafc;
    border: 1px solid #edf0f4;
    border-radius: 11px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

    .fc-metric span[b-vi1boinpc4] {
        font-size: 12px;
        color: #778191;
        line-height: 1.4
    }

    .fc-metric strong[b-vi1boinpc4] {
        font-size: clamp(18px,2vw,23px);
        font-weight: 750;
        color: #263241;
        overflow-wrap: anywhere
    }

.fc-metric-result[b-vi1boinpc4] {
    background: #f0f5ff;
    border-color: #dce7fa
}

    .fc-metric-result strong[b-vi1boinpc4] {
        font-size: clamp(20px,2.2vw,26px)
    }

.fc-metric .fc-value-negative[b-vi1boinpc4] {
    color: #bb303b
}

.fc-metric .fc-value-positive[b-vi1boinpc4] {
    color: #14815b
}

.fc-panel-footnote[b-vi1boinpc4] {
    margin: 16px 0 0;
    color: #8993a3;
    font-size: 12px;
    line-height: 1.6
}

@media(max-width:850px) {
    .fc-panel-metrics[b-vi1boinpc4] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:580px) {
    .fc-financial-panel[b-vi1boinpc4] {
        padding: 16px;
        margin: 14px 0;
        border-radius: 14px
    }

    .fc-panel-heading[b-vi1boinpc4] {
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap
    }

    .fc-panel-icon[b-vi1boinpc4] {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px
    }

        .fc-panel-icon svg[b-vi1boinpc4] {
            width: 21px;
            height: 21px
        }

    .fc-financial-panel .fc-panel-title h2[b-vi1boinpc4] {
        font-size: 16px
    }

    .fc-panel-tag[b-vi1boinpc4] {
        margin-left: 50px
    }

    .fc-panel-metrics[b-vi1boinpc4] {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px;
        margin-top: 14px
    }

    .fc-metric[b-vi1boinpc4] {
        padding: 12px;
        gap: 7px
    }

        .fc-metric strong[b-vi1boinpc4] {
            font-size: 18px
        }

    .fc-metric-result[b-vi1boinpc4] {
        grid-column: 1/-1
    }

        .fc-metric-result strong[b-vi1boinpc4] {
            font-size: 24px
        }
}

@media(max-width:360px) {
    .fc-panel-metrics[b-vi1boinpc4] {
        grid-template-columns: 1fr
    }

    .fc-metric-result[b-vi1boinpc4] {
        grid-column: auto
    }
}

/* O resultado financeiro tem destaque em toda a largura do painel */
.fc-financial-panel .fc-panel-metrics .fc-metric-result[b-vi1boinpc4] {
    grid-column: 1/-1;
    padding: 19px 22px;
    gap: 9px;
    background: #f0f5ff;
    border-color: #dce7fa
}

    .fc-financial-panel .fc-panel-metrics .fc-metric-result strong[b-vi1boinpc4] {
        font-size: clamp(24px,2.7vw,32px)
    }

@media(max-width:580px) {
    .fc-financial-panel .fc-panel-metrics .fc-metric-result[b-vi1boinpc4] {
        padding: 16px
    }

        .fc-financial-panel .fc-panel-metrics .fc-metric-result strong[b-vi1boinpc4] {
            font-size: 25px
        }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* CSS for Home component */
.gp-home[b-mhchhok1yx] {
    --blue: #3b82f6;
    --blue-light: #60a5fa;
    --blue-soft: #dbeafe;
    --blue-dark: #1e40af;
    --gray-950: #111827;
    --gray-900: #1f2937;
    --gray-700: #374151;
    --gray-600: #4b5563;
    --gray-500: #6b7280;
    --gray-300: #d1d5db;
    --gray-200: #e5e7eb;
    --gray-100: #f3f4f6;
    --gray-50: #f9fafb;
    background: #ffffff;
    color: var(--gray-900);
    min-height: 100vh;
    overflow: hidden;
}


/* =====================================================
   HERO
   ===================================================== */

.gp-hero[b-mhchhok1yx] {
    min-height: 760px;
    padding: 95px 7%;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 70px;
    background: radial-gradient(circle at 82% 35%, rgba(96,165,250,.16), transparent 27%), linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #eff6ff 100%);
}

.gp-hero-content[b-mhchhok1yx] {
    max-width: 720px;
}

.gp-badge[b-mhchhok1yx] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    border: 1px solid #dbeafe;
    border-radius: 30px;
    background: rgba(255,255,255,.75);
    color: #2563eb;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gp-badge-dot[b-mhchhok1yx] {
    width: 8px;
    height: 8px;
    background: #60a5fa;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(96,165,250,.13);
}

.gp-hero h1[b-mhchhok1yx] {
    margin: 28px 0 24px;
    font-size: clamp(3rem, 5.5vw, 5.5rem);
    line-height: .98;
    letter-spacing: -4px;
    font-weight: 800;
    color: #1f2937;
}

    .gp-hero h1 span[b-mhchhok1yx] {
        display: block;
        color: #60a5fa;
    }

.gp-hero-description[b-mhchhok1yx] {
    max-width: 690px;
    font-size: 1.22rem;
    line-height: 1.7;
    color: #4b5563;
}

.gp-hero-secondary[b-mhchhok1yx] {
    max-width: 650px;
    margin-top: 14px;
    font-size: 1rem;
    line-height: 1.7;
    color: #6b7280;
}

.gp-hero-actions[b-mhchhok1yx] {
    display: flex;
    gap: 15px;
    margin-top: 34px;
}

.gp-button-primary[b-mhchhok1yx],
.gp-button-secondary[b-mhchhok1yx] {
    text-decoration: none;
    border-radius: 12px;
    padding: 15px 24px;
    font-weight: 700;
    transition: .25s ease;
}

.gp-button-primary[b-mhchhok1yx] {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    background: #3b82f6;
    color: white;
    box-shadow: 0 12px 28px rgba(59,130,246,.24);
}

    .gp-button-primary:hover[b-mhchhok1yx] {
        background: #2563eb;
        color: white;
        transform: translateY(-2px);
    }

.gp-button-secondary[b-mhchhok1yx] {
    border: 1px solid #d1d5db;
    color: #374151;
    background: rgba(255,255,255,.75);
}

    .gp-button-secondary:hover[b-mhchhok1yx] {
        background: white;
        color: #2563eb;
    }

.gp-status[b-mhchhok1yx] {
    margin-top: 34px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    color: #6b7280;
    font-size: .83rem;
}

    .gp-status > div[b-mhchhok1yx] {
        display: flex;
        align-items: center;
        gap: 7px;
    }

.gp-status-dot[b-mhchhok1yx] {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
}


/* =====================================================
   DASHBOARD PREVIEW
   ===================================================== */

.gp-hero-visual[b-mhchhok1yx] {
    position: relative;
    display: flex;
    justify-content: center;
}

.gp-glow[b-mhchhok1yx] {
    position: absolute;
    width: 480px;
    height: 480px;
    background: rgba(96,165,250,.15);
    filter: blur(80px);
    border-radius: 50%;
}

.gp-dashboard-preview[b-mhchhok1yx] {
    position: relative;
    width: min(100%, 540px);
    padding: 28px;
    border-radius: 24px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(209,213,219,.7);
    box-shadow: 0 40px 80px rgba(31,41,55,.13), 0 10px 30px rgba(59,130,246,.08);
    backdrop-filter: blur(20px);
}

.preview-header[b-mhchhok1yx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .preview-header div[b-mhchhok1yx] {
        display: flex;
        flex-direction: column;
    }

    .preview-header small[b-mhchhok1yx] {
        color: #60a5fa;
        font-weight: 800;
        letter-spacing: 1.5px;
    }

    .preview-header strong[b-mhchhok1yx] {
        color: #374151;
        margin-top: 4px;
    }

.preview-online[b-mhchhok1yx] {
    font-size: .7rem;
    font-weight: 800;
    color: #16a34a;
    background: #f0fdf4;
    padding: 7px 10px;
    border-radius: 20px;
}

    .preview-online i[b-mhchhok1yx] {
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #22c55e;
        border-radius: 50%;
        margin-right: 4px;
    }

.preview-main-card[b-mhchhok1yx] {
    margin-top: 25px;
    background: linear-gradient(135deg, #374151, #1f2937);
    border-radius: 17px;
    padding: 24px;
    color: white;
}

    .preview-main-card small[b-mhchhok1yx] {
        color: #d1d5db;
    }

.preview-number[b-mhchhok1yx] {
    font-size: 2.6rem;
    font-weight: 800;
    margin-top: 3px;
}

.preview-chart[b-mhchhok1yx] {
    height: 85px;
    display: flex;
    align-items: end;
    gap: 8px;
    margin-top: 20px;
}

    .preview-chart span[b-mhchhok1yx] {
        flex: 1;
        border-radius: 5px 5px 2px 2px;
        background: linear-gradient(#93c5fd, #3b82f6);
    }

.preview-grid[b-mhchhok1yx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
}

.preview-small-card[b-mhchhok1yx] {
    padding: 17px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    display: flex;
    gap: 12px;
    align-items: center;
    background: #fff;
}

.preview-icon[b-mhchhok1yx] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    background: #eff6ff;
    color: #3b82f6;
    border-radius: 10px;
    font-weight: 800;
}

.preview-small-card div:last-child[b-mhchhok1yx] {
    display: flex;
    flex-direction: column;
}

.preview-small-card small[b-mhchhok1yx] {
    color: #9ca3af;
}

.preview-small-card strong[b-mhchhok1yx] {
    font-size: .87rem;
    color: #374151;
}

.preview-machine[b-mhchhok1yx] {
    margin-top: 14px;
    padding: 17px;
    background: #f9fafb;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.machine-status[b-mhchhok1yx] {
    width: 11px;
    height: 11px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #dcfce7;
}

.preview-machine div[b-mhchhok1yx] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.preview-machine small[b-mhchhok1yx] {
    color: #9ca3af;
}

.preview-machine strong[b-mhchhok1yx] {
    color: #374151;
    font-size: .86rem;
}

.machine-signal[b-mhchhok1yx] {
    color: #60a5fa;
    font-size: .65rem;
}


/* =====================================================
   SOLUÇÕES
   ===================================================== */

.gp-solutions[b-mhchhok1yx] {
    padding: 110px 7%;
    background: #fff;
}

.section-title[b-mhchhok1yx] {
    max-width: 720px;
    margin: auto;
    text-align: center;
}

    .section-title > span[b-mhchhok1yx],
    .technology-label[b-mhchhok1yx] {
        color: #3b82f6;
        font-size: .74rem;
        font-weight: 800;
        letter-spacing: 1.6px;
    }

    .section-title h2[b-mhchhok1yx],
    .gp-technology h2[b-mhchhok1yx] {
        font-size: clamp(2.2rem, 4vw, 3.6rem);
        line-height: 1.08;
        letter-spacing: -2px;
        margin: 15px 0 18px;
        color: #1f2937;
    }

    .section-title p[b-mhchhok1yx] {
        color: #6b7280;
        line-height: 1.7;
    }

.solution-grid[b-mhchhok1yx] {
    max-width: 1250px;
    margin: 60px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.solution-card[b-mhchhok1yx] {
    padding: 30px;
    min-height: 235px;
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    background: #fff;
    transition: .25s ease;
}

    .solution-card:hover[b-mhchhok1yx] {
        transform: translateY(-6px);
        border-color: #bfdbfe;
        box-shadow: 0 20px 45px rgba(31,41,55,.08);
    }

.solution-icon[b-mhchhok1yx] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    background: #eff6ff;
    border-radius: 13px;
    color: #3b82f6;
    font-size: 1.35rem;
}

.solution-card h3[b-mhchhok1yx] {
    margin: 20px 0 10px;
    color: #374151;
    font-size: 1.15rem;
}

.solution-card p[b-mhchhok1yx] {
    color: #6b7280;
    line-height: 1.65;
    font-size: .93rem;
}


/* =====================================================
   TECNOLOGIA
   ===================================================== */

.gp-technology[b-mhchhok1yx] {
    padding: 110px 8%;
    background: #f3f4f6;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.technology-content[b-mhchhok1yx] {
    max-width: 650px;
}

    .technology-content > p[b-mhchhok1yx] {
        color: #6b7280;
        line-height: 1.75;
        font-size: 1.04rem;
    }

.technology-items[b-mhchhok1yx] {
    display: flex;
    gap: 45px;
    margin-top: 38px;
}

    .technology-items div[b-mhchhok1yx] {
        display: flex;
        flex-direction: column;
    }

    .technology-items strong[b-mhchhok1yx] {
        font-size: 1.4rem;
        color: #3b82f6;
    }

    .technology-items span[b-mhchhok1yx] {
        margin-top: 4px;
        color: #6b7280;
        font-size: .82rem;
    }


/* NETWORK */

.technology-network[b-mhchhok1yx] {
    height: 430px;
    position: relative;
}

.network-center[b-mhchhok1yx],
.network-node[b-mhchhok1yx] {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.network-center[b-mhchhok1yx] {
    width: 145px;
    height: 145px;
    left: calc(50% - 72px);
    top: calc(50% - 72px);
    border-radius: 50%;
    background: #374151;
    box-shadow: 0 25px 50px rgba(31,41,55,.2);
    color: white;
}

    .network-center span[b-mhchhok1yx] {
        font-size: 2rem;
        color: #93c5fd;
        font-weight: 800;
    }

    .network-center small[b-mhchhok1yx] {
        font-size: .65rem;
        letter-spacing: 1.3px;
    }

.network-node[b-mhchhok1yx] {
    width: 90px;
    height: 90px;
    background: white;
    border: 1px solid #dbeafe;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(31,41,55,.08);
}

    .network-node span[b-mhchhok1yx] {
        font-size: 1.35rem;
    }

    .network-node small[b-mhchhok1yx] {
        color: #6b7280;
        margin-top: 3px;
    }

.node-1[b-mhchhok1yx] {
    top: 10px;
    left: 25%;
}

.node-2[b-mhchhok1yx] {
    right: 5%;
    top: 37%;
}

.node-3[b-mhchhok1yx] {
    bottom: 0;
    left: 25%;
}

.node-4[b-mhchhok1yx] {
    left: 2%;
    top: 40%;
}

.network-line[b-mhchhok1yx] {
    position: absolute;
    height: 1px;
    background: #bfdbfe;
    z-index: 1;
    transform-origin: left;
}


/* =====================================================
   CTA
   ===================================================== */

.gp-cta[b-mhchhok1yx] {
    margin: 90px 7%;
    padding: 55px 65px;
    border-radius: 24px;
    background: radial-gradient(circle at 80% 30%, rgba(96,165,250,.25), transparent 25%), #1f2937;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    color: white;
}

    .gp-cta > div > span[b-mhchhok1yx] {
        color: #93c5fd;
        font-size: .75rem;
        font-weight: 800;
        letter-spacing: 1.6px;
    }

    .gp-cta h2[b-mhchhok1yx] {
        margin: 10px 0;
        font-size: 2rem;
    }

    .gp-cta p[b-mhchhok1yx] {
        margin: 0;
        color: #d1d5db;
    }


/* =====================================================
   FOOTER
   ===================================================== */

.gp-footer[b-mhchhok1yx] {
    padding: 35px 7%;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #9ca3af;
}

    .gp-footer > div[b-mhchhok1yx] {
        display: flex;
        flex-direction: column;
    }

    .gp-footer strong[b-mhchhok1yx] {
        color: #374151;
        font-size: 1.3rem;
    }

        .gp-footer strong span[b-mhchhok1yx] {
            color: #60a5fa;
        }

    .gp-footer small[b-mhchhok1yx] {
        font-size: .65rem;
        letter-spacing: 1px;
    }

    .gp-footer p[b-mhchhok1yx] {
        margin: 0;
        font-size: .78rem;
    }


/* =====================================================
   RESPONSIVO
   ===================================================== */

@media (max-width: 1000px) {

    .gp-hero[b-mhchhok1yx] {
        grid-template-columns: 1fr;
        padding-top: 70px;
    }

    .gp-hero-content[b-mhchhok1yx] {
        margin: auto;
        text-align: center;
    }

    .gp-hero-description[b-mhchhok1yx],
    .gp-hero-secondary[b-mhchhok1yx] {
        margin-left: auto;
        margin-right: auto;
    }

    .gp-hero-actions[b-mhchhok1yx],
    .gp-status[b-mhchhok1yx] {
        justify-content: center;
    }

    .solution-grid[b-mhchhok1yx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .gp-technology[b-mhchhok1yx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {

    .gp-hero[b-mhchhok1yx] {
        padding: 55px 22px;
    }

        .gp-hero h1[b-mhchhok1yx] {
            letter-spacing: -2px;
        }

    .gp-hero-actions[b-mhchhok1yx] {
        flex-direction: column;
    }

    .gp-status[b-mhchhok1yx] {
        flex-direction: column;
        align-items: center;
    }

    .preview-grid[b-mhchhok1yx],
    .solution-grid[b-mhchhok1yx] {
        grid-template-columns: 1fr;
    }

    .gp-solutions[b-mhchhok1yx],
    .gp-technology[b-mhchhok1yx] {
        padding: 75px 22px;
    }

    .technology-items[b-mhchhok1yx] {
        gap: 20px;
        flex-wrap: wrap;
    }

    .gp-cta[b-mhchhok1yx] {
        margin: 50px 20px;
        padding: 38px 28px;
        flex-direction: column;
        align-items: flex-start;
    }

    .gp-footer[b-mhchhok1yx] {
        gap: 20px;
        flex-direction: column;
        text-align: center;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* =====================================================
   GERENPAY - LOGIN
   Login.razor.css
   ===================================================== */

.login-page[b-1q1kyeldvo] {
    --blue: #3b82f6;
    --blue-light: #60a5fa;
    --blue-soft: #eff6ff;
    --gray-950: #111827;
    --gray-900: #1f2937;
    --gray-800: #293548;
    --gray-700: #374151;
    --gray-600: #4b5563;
    --gray-500: #6b7280;
    --gray-400: #9ca3af;
    --gray-300: #d1d5db;
    --gray-200: #e5e7eb;
    --gray-100: #f3f4f6;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(430px, 43%) 1fr;
    background: white;
}


/* =====================================================
   LADO ESQUERDO
   ===================================================== */

.login-brand[b-1q1kyeldvo] {
    position: relative;
    min-height: 100vh;
    padding: 48px 65px;
    display: flex;
    flex-direction: column;
    background: radial-gradient( circle at 15% 85%, rgba(96, 165, 250, .20), transparent 27% ), radial-gradient( circle at 85% 15%, rgba(59, 130, 246, .12), transparent 30% ), linear-gradient( 145deg, #111827, #1f2937 55%, #273449 );
    overflow: hidden;
}


    .login-brand[b-1q1kyeldvo]::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        border: 1px solid rgba(147, 197, 253, .08);
        border-radius: 50%;
        right: -210px;
        top: 20%;
    }


    .login-brand[b-1q1kyeldvo]::after {
        content: "";
        position: absolute;
        width: 620px;
        height: 620px;
        border: 1px solid rgba(147, 197, 253, .05);
        border-radius: 50%;
        right: -310px;
        top: calc(20% - 100px);
    }


/* =====================================================
   VOLTAR
   ===================================================== */

.back-home[b-1q1kyeldvo] {
    position: relative;
    z-index: 2;
    text-decoration: none;
    color: #9ca3af;
    font-size: .82rem;
    transition: .2s;
}


    .back-home:hover[b-1q1kyeldvo] {
        color: #93c5fd;
    }


/* =====================================================
   MARCA GERENPAY
   ===================================================== */

.brand-content[b-1q1kyeldvo] {
    position: relative;
    z-index: 2;
    margin: auto 0;
}


.brand-logo[b-1q1kyeldvo] {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient( 135deg, #60a5fa, #3b82f6 );
    box-shadow: 0 15px 35px rgba(59, 130, 246, .30);
    color: white;
    font-size: 1.7rem;
    font-weight: 800;
}


.brand-content > h1[b-1q1kyeldvo] {
    margin: 17px 0 0;
    color: white;
    font-size: 2.5rem;
    letter-spacing: -2px;
}


    .brand-content > h1 span[b-1q1kyeldvo] {
        color: #60a5fa;
    }


.brand-subtitle[b-1q1kyeldvo] {
    margin: 0;
    color: #9ca3af;
    font-size: .75rem;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}


/* =====================================================
   TEXTO PRINCIPAL ESQUERDO
   ===================================================== */

.brand-message[b-1q1kyeldvo] {
    max-width: 520px;
    margin-top: 65px;
}


    .brand-message h2[b-1q1kyeldvo] {
        color: white;
        font-size: clamp( 2rem, 3.5vw, 3.5rem );
        line-height: 1.03;
        letter-spacing: -2px;
    }


        .brand-message h2 span[b-1q1kyeldvo] {
            display: block;
            color: #93c5fd;
        }


    .brand-message p[b-1q1kyeldvo] {
        max-width: 480px;
        margin-top: 22px;
        color: #9ca3af;
        line-height: 1.75;
        font-size: .98rem;
    }


/* =====================================================
   RECURSOS
   ===================================================== */

.brand-features[b-1q1kyeldvo] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 40px;
}


    .brand-features > div[b-1q1kyeldvo] {
        display: flex;
        align-items: center;
        gap: 14px;
    }


.feature-icon[b-1q1kyeldvo] {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(96, 165, 250, .13);
    border: 1px solid rgba(147, 197, 253, .15);
    color: #93c5fd;
    font-size: .75rem;
}


.brand-features > div > div[b-1q1kyeldvo] {
    display: flex;
    flex-direction: column;
}


.brand-features strong[b-1q1kyeldvo] {
    color: #e5e7eb;
    font-size: .88rem;
}


.brand-features small[b-1q1kyeldvo] {
    color: #6b7280;
    margin-top: 2px;
}


/* =====================================================
   RODAPÉ ESQUERDO
   ===================================================== */

.brand-footer[b-1q1kyeldvo] {
    position: relative;
    z-index: 2;
    color: #6b7280;
    font-size: .7rem;
    letter-spacing: 1px;
}


/* =====================================================
   ÁREA DIREITA DO LOGIN
   ===================================================== */

.login-area[b-1q1kyeldvo] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
    background: radial-gradient( circle at 100% 0%, rgba(219, 234, 254, .7), transparent 25% ), #ffffff;
}


.login-box[b-1q1kyeldvo] {
    width: 100%;
    max-width: 450px;
}


/* =====================================================
   CABEÇALHO DO LOGIN
   ===================================================== */

.login-header[b-1q1kyeldvo] {
    margin-bottom: 38px;
}


.mobile-logo[b-1q1kyeldvo] {
    display: none;
    margin-bottom: 40px;
    color: #374151;
    font-size: 1.7rem;
    font-weight: 800;
}


    .mobile-logo span[b-1q1kyeldvo] {
        color: #60a5fa;
    }


.login-label[b-1q1kyeldvo] {
    color: #3b82f6;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: 1.7px;
}


.login-header h2[b-1q1kyeldvo] {
    margin: 10px 0 8px;
    color: #1f2937;
    font-size: 2.5rem;
    letter-spacing: -1.5px;
}


.login-header p[b-1q1kyeldvo] {
    margin: 0;
    color: #6b7280;
    line-height: 1.6;
}


/* =====================================================
   GRUPO DOS CAMPOS
   ===================================================== */

.form-group[b-1q1kyeldvo] {
    width: 100%;
    margin-bottom: 22px;
}


    .form-group label[b-1q1kyeldvo] {
        display: block;
        margin-bottom: 8px;
        color: #374151;
        font-size: .82rem;
        font-weight: 700;
    }


.label-row[b-1q1kyeldvo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


/* =====================================================
   ESQUECI MINHA SENHA
   ===================================================== */

.forgot-password[b-1q1kyeldvo] {
    margin-bottom: 8px;
    color: #3b82f6;
    font-size: .76rem;
    text-decoration: none;
}


    .forgot-password:hover[b-1q1kyeldvo] {
        text-decoration: underline;
    }


/* =====================================================
   CONTAINER DO INPUT
   ===================================================== */

.input-container[b-1q1kyeldvo] {
    position: relative;
    display: block;
    width: 100%;
}


/* =====================================================
   ÍCONE DENTRO DO INPUT
   ===================================================== */

.input-icon[b-1q1kyeldvo] {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    pointer-events: none;
    z-index: 5;
}


    .input-icon svg[b-1q1kyeldvo] {
        display: block;
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* =====================================================
   INPUTS DOCUMENTO / SENHA

   Utilizar no Login.razor:
   class="gp-login-input"
   ===================================================== */

input.gp-login-input[b-1q1kyeldvo] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 55px !important;
    min-height: 55px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    /*
       54px à esquerda reserva espaço
       para o ícone.
    */

    padding: 0 18px 0 54px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    outline: none !important;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}


    /* PLACEHOLDER */

    input.gp-login-input[b-1q1kyeldvo]::placeholder {
        color: #9ca3af !important;
        opacity: 1;
    }


    /* HOVER */

    input.gp-login-input:hover[b-1q1kyeldvo] {
        border-color: #9ca3af !important;
    }


    /* FOCO */

    input.gp-login-input:focus[b-1q1kyeldvo] {
        border-color: #60a5fa !important;
        outline: none !important;
        box-shadow: 0 0 0 4px rgba(96, 165, 250, .12) !important;
    }


/* =====================================================
   OPÇÕES DO LOGIN
   ===================================================== */

.login-options[b-1q1kyeldvo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0 26px;
}


/* =====================================================
   MANTER CONECTADO
   ===================================================== */

.remember[b-1q1kyeldvo] {
    display: flex !important;
    align-items: center;
    gap: 9px;
    margin: 0 !important;
    cursor: pointer;
    color: #6b7280 !important;
    font-weight: 500 !important;
}


    .remember input[b-1q1kyeldvo] {
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: #3b82f6;
    }


/* =====================================================
   MENSAGEM DE ERRO
   ===================================================== */

.login-error[b-1q1kyeldvo] {
    margin-bottom: 18px;
    padding: 12px 15px;
    border: 1px solid #fecaca;
    border-radius: 9px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: .82rem;
}


/* =====================================================
   BOTÃO ENTRAR
   ===================================================== */

.login-button[b-1q1kyeldvo] {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: linear-gradient( 135deg, #60a5fa, #3b82f6 );
    color: white;
    font-size: .93rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(59, 130, 246, .22);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}


    .login-button:hover[b-1q1kyeldvo] {
        transform: translateY(-2px);
        box-shadow: 0 18px 35px rgba(59, 130, 246, .28);
    }


    .login-button:active[b-1q1kyeldvo] {
        transform: translateY(0);
    }


    .login-button span[b-1q1kyeldvo] {
        font-size: 1.2rem;
    }


/* =====================================================
   INDICAÇÃO DE SEGURANÇA
   ===================================================== */

.login-security[b-1q1kyeldvo] {
    margin-top: 28px;
    text-align: center;
    color: #9ca3af;
    font-size: .73rem;
}


    .login-security span[b-1q1kyeldvo] {
        color: #22c55e;
        margin-right: 5px;
    }


/* =====================================================
   RESPONSIVO
   ===================================================== */

@media (max-width: 950px) {

    .login-page[b-1q1kyeldvo] {
        grid-template-columns: 1fr;
    }


    .login-brand[b-1q1kyeldvo] {
        display: none;
    }


    .login-area[b-1q1kyeldvo] {
        padding: 35px 25px;
    }


    .mobile-logo[b-1q1kyeldvo] {
        display: block;
    }


    .login-box[b-1q1kyeldvo] {
        max-width: 450px;
    }
}


@media (max-width: 520px) {

    .login-area[b-1q1kyeldvo] {
        padding: 28px 18px;
    }


    .login-header h2[b-1q1kyeldvo] {
        font-size: 2.1rem;
    }


    input.gp-login-input[b-1q1kyeldvo] {
        height: 54px !important;
        min-height: 54px !important;
    }


    .login-button[b-1q1kyeldvo] {
        height: 54px;
    }
}
/* =====================================================
   LOGIN - ESTADO DE CARREGAMENTO
   ===================================================== */

.login-button:disabled[b-1q1kyeldvo] {
    cursor: wait;
    opacity: 0.82;
}


/* Spinner fica invisível normalmente */

.login-spinner[b-1q1kyeldvo] {
    width: 16px;
    height: 16px;
    display: none;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 0.38);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: login-spin-b-1q1kyeldvo 0.7s linear infinite;
}


/* Animação */

@keyframes login-spin-b-1q1kyeldvo {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Maquinas.razor.rz.scp.css */
.machines-page[b-myutjj3vul] {
    width: 100%;
}


/* =====================================================
   CABEÇALHO
   ===================================================== */

.machines-header[b-myutjj3vul] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

    .machines-header h1[b-myutjj3vul] {
        margin: 0;
        color: #263241;
        font-size: 27px;
        font-weight: 650;
        letter-spacing: -0.7px;
    }

    .machines-header p[b-myutjj3vul] {
        margin: 6px 0 0;
        color: #8a94a3;
        font-size: 13px;
    }

.machines-total[b-myutjj3vul] {
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border: 1px solid #e4e8ee;
    border-radius: 9px;
    background: #ffffff;
    color: #667085;
    font-size: 11px;
    font-weight: 600;
}


/* =====================================================
   ESTADOS
   ===================================================== */

.state-card[b-myutjj3vul] {
    padding: 28px;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    background: #ffffff;
    color: #667085;
    font-size: 12px;
    text-align: center;
}

    .state-card.error[b-myutjj3vul] {
        color: #b54747;
    }


/* =====================================================
   CLIENTE
   ===================================================== */

.client-section[b-myutjj3vul] {
    margin-bottom: 28px;
}

.client-header[b-myutjj3vul] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

    .client-header h2[b-myutjj3vul] {
        margin: 0;
        color: #344054;
        font-size: 15px;
        font-weight: 650;
    }

    .client-header span[b-myutjj3vul] {
        display: block;
        margin-top: 3px;
        color: #98a2b3;
        font-size: 10px;
    }


/* =====================================================
   GRID
   ===================================================== */

.machines-grid[b-myutjj3vul] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}


/* =====================================================
   CARD
   ===================================================== */

.machine-card[b-myutjj3vul] {
    overflow: hidden;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.025);
}

.machine-card-header[b-myutjj3vul] {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 18px;
    border-bottom: 1px solid #eef1f4;
}

.machine-title[b-myutjj3vul] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.machine-icon[b-myutjj3vul] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #3976d3;
    background: #edf4ff;
}

    .machine-icon svg[b-myutjj3vul] {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.machine-title h3[b-myutjj3vul] {
    margin: 0;
    overflow: hidden;
    color: #344054;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.machine-title > div:last-child > span[b-myutjj3vul] {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: 9px;
}


/* =====================================================
   STATUS
   ===================================================== */

.machine-status[b-myutjj3vul] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 600;
}

.status-indicator[b-myutjj3vul] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.machine-status.online[b-myutjj3vul] {
    color: #278b67;
    background: #edf8f4;
}

.machine-status.warning[b-myutjj3vul] {
    color: #b36d21;
    background: #fff5e9;
}

.machine-status.offline[b-myutjj3vul] {
    color: #b54747;
    background: #fff0f0;
}

.machine-status.inactive[b-myutjj3vul] {
    color: #667085;
    background: #f2f4f7;
}

.machine-status.neutral[b-myutjj3vul] {
    color: #667085;
    background: #f4f6f8;
}


/* =====================================================
   INFORMAÇÕES
   ===================================================== */

.machine-info[b-myutjj3vul] {
    padding: 8px 18px;
}

.info-row[b-myutjj3vul] {
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid #f1f3f5;
}

    .info-row:last-child[b-myutjj3vul] {
        border-bottom: none;
    }

.info-label[b-myutjj3vul] {
    flex: 0 0 auto;
    color: #98a2b3;
    font-size: 10px;
}

.info-row strong[b-myutjj3vul] {
    min-width: 0;
    overflow: hidden;
    color: #475467;
    font-size: 10px;
    font-weight: 600;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.optional-value[b-myutjj3vul] {
    color: #a7afba;
    font-size: 10px;
}


/* =====================================================
   RODAPÉ
   ===================================================== */

.machine-footer[b-myutjj3vul] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 18px;
    border-top: 1px solid #eef1f4;
    background: #fafbfc;
}

.active-badge[b-myutjj3vul],
.inactive-badge[b-myutjj3vul] {
    font-size: 9px;
    font-weight: 600;
}

.active-badge[b-myutjj3vul] {
    color: #278b67;
}

.inactive-badge[b-myutjj3vul] {
    color: #98a2b3;
}

.details-button[b-myutjj3vul] {
    height: 31px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid #dfe4ea;
    border-radius: 7px;
    background: #ffffff;
    color: #667085;
    font-size: 9px;
    font-weight: 600;
}

    .details-button:disabled[b-myutjj3vul] {
        opacity: 0.55;
        cursor: default;
    }


/* =====================================================
   RESPONSIVO
   ===================================================== */

@media (max-width: 950px) {

    .machines-grid[b-myutjj3vul] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 700px) {

    .machines-header[b-myutjj3vul] {
        align-items: flex-start;
        gap: 15px;
        flex-direction: column;
    }

    .machine-card-header[b-myutjj3vul] {
        align-items: flex-start;
    }

    .info-row[b-myutjj3vul] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        padding: 9px 0;
    }

        .info-row strong[b-myutjj3vul] {
            text-align: left;
        }
}

/* =========================================================
   VISÃO GERAL / RESUMO DA FROTA
   Acrescente ao final de Maquinas.razor.css.
   Os estilos já existentes dos cards das máquinas continuam.
   ========================================================= */

.fleet-summary[b-myutjj3vul] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.summary-card[b-myutjj3vul] {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.summary-label[b-myutjj3vul] {
    font-size: 13px;
    color: #6d7785;
    font-weight: 600;
}

.summary-card strong[b-myutjj3vul] {
    font-size: 27px;
    line-height: 1;
    color: #243247;
}

.summary-card.online strong[b-myutjj3vul] {
    color: #278b67;
}

.summary-card.warning strong[b-myutjj3vul] {
    color: #c77a28;
}

.summary-card.offline strong[b-myutjj3vul] {
    color: #b14d55;
}


/* =========================================================
   LISTA DE CLIENTES
   ========================================================= */

.clients-list-section[b-myutjj3vul] {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    overflow: hidden;
}

.clients-list-header[b-myutjj3vul] {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #edf0f4;
}

    .clients-list-header h2[b-myutjj3vul] {
        margin: 0 0 4px 0;
        font-size: 18px;
    }

    .clients-list-header > div > span[b-myutjj3vul] {
        color: #7b8491;
        font-size: 13px;
    }

.client-search[b-myutjj3vul] {
    width: min(320px, 100%);
}

    .client-search input[b-myutjj3vul] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #dfe4ea;
        border-radius: 9px;
        padding: 10px 12px;
        font: inherit;
        outline: none;
        background: #fff;
    }

        .client-search input:focus[b-myutjj3vul] {
            border-color: #7fa8e8;
        }

.clients-table[b-myutjj3vul] {
    width: 100%;
}

.clients-table-head[b-myutjj3vul],
.client-row[b-myutjj3vul] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) 100px 100px 110px 100px 130px;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
}

.clients-table-head[b-myutjj3vul] {
    color: #7b8491;
    font-size: 12px;
    font-weight: 700;
    background: #fafbfc;
    border-bottom: 1px solid #edf0f4;
}

.client-row[b-myutjj3vul] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: background .15s ease;
}

    .client-row:last-child[b-myutjj3vul] {
        border-bottom: 0;
    }

    .client-row:hover[b-myutjj3vul] {
        background: #f8fafc;
    }

.client-name-cell[b-myutjj3vul] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

    .client-name-cell strong[b-myutjj3vul] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.client-avatar[b-myutjj3vul] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf3fc;
    color: #3976d3;
    font-weight: 700;
}

.status-number[b-myutjj3vul] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 600;
}

.status-dot[b-myutjj3vul] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: currentColor;
}

.status-number.online[b-myutjj3vul] {
    color: #278b67;
}

.status-number.warning[b-myutjj3vul] {
    color: #c77a28;
}

.status-number.offline[b-myutjj3vul] {
    color: #b14d55;
}

.client-open[b-myutjj3vul] {
    color: #3976d3;
    font-weight: 700;
    text-align: right;
}


/* =========================================================
   CLIENTE SELECIONADO
   ========================================================= */

.back-button[b-myutjj3vul] {
    border: 1px solid #dfe4ea;
    background: #fff;
    border-radius: 9px;
    padding: 9px 13px;
    color: #465469;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    .back-button:hover[b-myutjj3vul] {
        background: #f8fafc;
    }

.selected-client-header[b-myutjj3vul] {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
    padding: 18px 20px;
    margin-bottom: 18px;
}

    .selected-client-header h2[b-myutjj3vul] {
        margin: 5px 0;
        font-size: 20px;
    }

    .selected-client-header > div > span:last-child[b-myutjj3vul] {
        color: #6d7785;
        font-size: 13px;
    }

.breadcrumb[b-myutjj3vul] {
    color: #3976d3;
    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */



/* Labels das métricas: ocultos no desktop e exibidos nos cards mobile. */
.client-metric[b-myutjj3vul]::before {
    content: none;
}

@media (max-width: 1100px) {
    .fleet-summary[b-myutjj3vul] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .clients-table-head[b-myutjj3vul] {
        display: none;
    }

    .client-row[b-myutjj3vul] {
        grid-template-columns: minmax(180px, 1fr) repeat(4, auto);
    }

    .client-open[b-myutjj3vul] {
        grid-column: 1 / -1;
        text-align: right;
    }
}

@media (max-width: 700px) {
    .fleet-summary[b-myutjj3vul] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .clients-list-header[b-myutjj3vul] {
        align-items: stretch;
        flex-direction: column;
    }

    .client-search[b-myutjj3vul] {
        width: 100%;
    }

    .client-row[b-myutjj3vul] {
        grid-template-columns: 1fr 1fr;
        gap: 14px 16px;
    }

    .client-name-cell[b-myutjj3vul],
    .client-open[b-myutjj3vul] {
        grid-column: 1 / -1;
    }

    .client-metric[b-myutjj3vul] {
        display: flex;
        min-width: 0;
        flex-wrap: wrap;
        align-items: center;
        gap: 7px;
    }

        .client-metric[b-myutjj3vul]::before {
            content: attr(data-label);
            flex: 0 0 100%;
            margin-bottom: 1px;
            color: #7b8491;
            font-size: 11px;
            font-weight: 700;
        }

    .machines-count[b-myutjj3vul] {
        color: #243247;
        font-weight: 600;
    }
}
/* Acrescente ao final de Maquinas.razor.css */

.machine-modal-backdrop[b-myutjj3vul] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(19,29,43,.58);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    overflow-y: auto;
}

.machine-modal[b-myutjj3vul] {
    width: min(760px,100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.machine-modal-header[b-myutjj3vul] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid #e9edf2;
}

.machine-modal-eyebrow[b-myutjj3vul] {
    display: block;
    margin-bottom: 4px;
    color: #3976d3;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.machine-modal-header h2[b-myutjj3vul] {
    margin: 0 0 5px;
    font-size: 22px;
    color: #243247;
}

.machine-modal-subtitle[b-myutjj3vul] {
    color: #778191;
    font-size: 13px;
}

.machine-modal-close[b-myutjj3vul] {
    width: 36px;
    height: 36px;
    border: 1px solid #e0e5eb;
    border-radius: 9px;
    background: #fff;
    color: #687386;
    font-size: 25px;
    cursor: pointer;
}

.machine-modal-state[b-myutjj3vul] {
    padding: 44px 24px;
    text-align: center;
    color: #687386;
}

    .machine-modal-state.error[b-myutjj3vul] {
        color: #a9444c;
    }

.machine-modal-body[b-myutjj3vul] {
    padding: 22px 24px 6px;
}

.config-message[b-myutjj3vul] {
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
}

    .config-message.error[b-myutjj3vul] {
        background: #fff1f2;
        border: 1px solid #f1c8cc;
        color: #a9444c;
    }

    .config-message.success[b-myutjj3vul] {
        background: #edf9f4;
        border: 1px solid #c4e7d8;
        color: #247759;
    }

.config-section[b-myutjj3vul] {
    padding: 0 0 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #edf0f4;
}

.config-section-title[b-myutjj3vul] {
    margin-bottom: 15px;
}

    .config-section-title h3[b-myutjj3vul] {
        margin: 0 0 4px;
        font-size: 16px;
        color: #2d3b50;
    }

    .config-section-title span[b-myutjj3vul] {
        color: #7b8491;
        font-size: 12px;
    }

.config-grid[b-myutjj3vul] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}

    .config-grid.wifi-grid[b-myutjj3vul] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

.config-field[b-myutjj3vul] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

    .config-field > span[b-myutjj3vul] {
        color: #4c5869;
        font-size: 13px;
        font-weight: 700;
    }

    .config-field input[b-myutjj3vul] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #dce2e9;
        border-radius: 9px;
        background: #fff;
        padding: 10px 11px;
        color: #28364a;
        font: inherit;
        outline: none;
    }

        .config-field input:focus[b-myutjj3vul] {
            border-color: #78a2e3;
            box-shadow: 0 0 0 3px rgba(57,118,211,.08);
        }

    .config-field small[b-myutjj3vul] {
        color: #8a93a0;
        font-size: 11px;
    }

.input-with-unit[b-myutjj3vul] {
    position: relative;
}

    .input-with-unit input[b-myutjj3vul] {
        padding-right: 46px;
    }

    .input-with-unit > span[b-myutjj3vul] {
        position: absolute;
        right: 11px;
        top: 50%;
        transform: translateY(-50%);
        color: #7d8795;
        font-size: 12px;
        pointer-events: none;
    }

.password-field[b-myutjj3vul] {
    display: flex;
    gap: 7px;
}

    .password-field input[b-myutjj3vul] {
        min-width: 0;
    }

.password-toggle[b-myutjj3vul] {
    border: 1px solid #dce2e9;
    border-radius: 9px;
    background: #f8fafc;
    padding: 0 11px;
    color: #536176;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.identification-grid[b-myutjj3vul] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

    .identification-grid > div[b-myutjj3vul] {
        padding: 12px 13px;
        background: #f8fafc;
        border-radius: 9px;
        min-width: 0;
    }

    .identification-grid span[b-myutjj3vul] {
        display: block;
        margin-bottom: 4px;
        color: #8490a0;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .identification-grid strong[b-myutjj3vul] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #354257;
        font-size: 13px;
    }

.machine-modal-actions[b-myutjj3vul] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    background: #fff;
    border-top: 1px solid #e9edf2;
}

.modal-secondary-button[b-myutjj3vul], .modal-primary-button[b-myutjj3vul] {
    border-radius: 9px;
    padding: 10px 15px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.modal-secondary-button[b-myutjj3vul] {
    border: 1px solid #dce2e9;
    background: #fff;
    color: #536176;
}

.modal-primary-button[b-myutjj3vul] {
    border: 1px solid #3976d3;
    background: #3976d3;
    color: #fff;
}

    .modal-secondary-button:disabled[b-myutjj3vul], .modal-primary-button:disabled[b-myutjj3vul], .machine-modal-close:disabled[b-myutjj3vul] {
        opacity: .58;
        cursor: default;
    }

@media (max-width:700px) {
    .machine-modal-backdrop[b-myutjj3vul] {
        padding: 10px;
        align-items: flex-start;
    }

    .machine-modal[b-myutjj3vul] {
        max-height: calc(100vh - 20px);
    }

    .config-grid[b-myutjj3vul], .config-grid.wifi-grid[b-myutjj3vul], .identification-grid[b-myutjj3vul] {
        grid-template-columns: 1fr;
    }

    .machine-modal-header[b-myutjj3vul], .machine-modal-body[b-myutjj3vul], .machine-modal-actions[b-myutjj3vul] {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* =========================================================
   CONCEDER JOGADAS
   ========================================================= */

.credit-section[b-myutjj3vul] {
    margin-bottom: 0;
}

.credit-grid[b-myutjj3vul] {
    display: grid;
    grid-template-columns: minmax(160px, 190px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.credit-actions[b-myutjj3vul] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.credit-send-button[b-myutjj3vul] {
    border: 1px solid #278b67;
    border-radius: 9px;
    background: #278b67;
    color: #fff;
    padding: 10px 15px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .credit-send-button:hover:not(:disabled)[b-myutjj3vul] {
        filter: brightness(.96);
    }

    .credit-send-button:disabled[b-myutjj3vul] {
        opacity: .58;
        cursor: default;
    }

@media (max-width:700px) {
    .credit-grid[b-myutjj3vul] {
        grid-template-columns: 1fr;
    }

    .credit-actions[b-myutjj3vul] {
        justify-content: stretch;
    }

    .credit-send-button[b-myutjj3vul] {
        width: 100%;
    }
}

/* Cadastro de nova máquina */
.new-machine-button[b-myutjj3vul] { border: 0; background: #2563eb; color: #fff; border-radius: 9px; padding: 11px 16px; font-weight: 600; cursor: pointer; }
.new-machine-panel[b-myutjj3vul] { margin: 16px 0 22px; padding: 20px; background: #fff; border: 1px solid #e4e8ee; border-radius: 12px; display: flex; flex-direction: column; gap: 10px; }
.new-machine-panel h3[b-myutjj3vul] { margin: 0; color: #263241; }
.new-machine-panel p[b-myutjj3vul] { margin: 0; color: #667085; }
.new-machine-panel label[b-myutjj3vul] { font-weight: 600; }
.new-machine-panel input[b-myutjj3vul] { max-width: 430px; border: 1px solid #d0d5dd; padding: 11px; border-radius: 8px; }
.new-machine-actions[b-myutjj3vul] { display: flex; gap: 10px; flex-wrap: wrap; }
.new-machine-actions button[b-myutjj3vul] { border: 0; background: #2563eb; color: white; border-radius: 8px; padding: 10px 14px; cursor: pointer; }
.new-machine-actions button:disabled[b-myutjj3vul] { opacity: .6; cursor: not-allowed; }
.new-machine-actions .new-machine-cancel[b-myutjj3vul] { background: #eef2f6; color: #344054; }
.new-machine-error[b-myutjj3vul] { color: #b42318 !important; }
.new-machine-success[b-myutjj3vul] { color: #067647; font-weight: 600; }
/* /Components/Pages/Pagamentos.razor.rz.scp.css */
.payments-page[b-fr504wa1n6] {
    width: 100%;
    padding: 4px 2px 30px 2px;
    color: #344054;
}


.payments-header[b-fr504wa1n6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .payments-header h1[b-fr504wa1n6] {
        margin: 0;
        font-size: 26px;
        font-weight: 700;
        color: #263241;
    }

    .payments-header p[b-fr504wa1n6] {
        margin: 5px 0 0 0;
        font-size: 14px;
        color: #667085;
    }


.refresh-button[b-fr504wa1n6],
.apply-button[b-fr504wa1n6] {
    border: 0;
    border-radius: 8px;
    background: #3976d3;
    color: white;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 17px;
    cursor: pointer;
}

    .refresh-button:hover[b-fr504wa1n6],
    .apply-button:hover[b-fr504wa1n6] {
        filter: brightness(.96);
    }

    .refresh-button:disabled[b-fr504wa1n6],
    .apply-button:disabled[b-fr504wa1n6] {
        opacity: .6;
        cursor: default;
    }


.error-message[b-fr504wa1n6] {
    background: #fff4f3;
    border: 1px solid #fecdca;
    color: #b42318;
    border-radius: 10px;
    padding: 12px 15px;
    margin-bottom: 18px;
    font-size: 13px;
}


/* =========================================================
   FILTROS
   ========================================================= */

.filter-card[b-fr504wa1n6],
.content-card[b-fr504wa1n6],
.loading-card[b-fr504wa1n6] {
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

.filter-card[b-fr504wa1n6] {
    padding: 18px;
    margin-bottom: 18px;
}


.filter-card-header[b-fr504wa1n6],
.section-header[b-fr504wa1n6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 17px;
}

    .filter-card-header h2[b-fr504wa1n6],
    .section-header h2[b-fr504wa1n6] {
        margin: 0;
        color: #344054;
        font-size: 16px;
        font-weight: 700;
    }

    .filter-card-header span[b-fr504wa1n6],
    .section-header span[b-fr504wa1n6] {
        display: block;
        margin-top: 4px;
        color: #98a2b3;
        font-size: 12px;
    }


.period-shortcuts[b-fr504wa1n6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

    .period-shortcuts button[b-fr504wa1n6] {
        border: 1px solid #dfe4ea;
        background: #ffffff;
        color: #475467;
        border-radius: 7px;
        padding: 7px 11px;
        font-size: 12px;
        cursor: pointer;
    }

        .period-shortcuts button:hover[b-fr504wa1n6] {
            border-color: #3976d3;
            color: #3976d3;
        }


.filters-grid[b-fr504wa1n6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(135px, 1fr)) auto;
    gap: 12px;
    align-items: end;
}


.filter-field[b-fr504wa1n6] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .filter-field label[b-fr504wa1n6] {
        font-size: 11px;
        font-weight: 600;
        color: #667085;
    }

.filter-control[b-fr504wa1n6] {
    width: 100%;
    min-height: 37px;
    box-sizing: border-box;
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    background: #ffffff;
    color: #344054;
    padding: 7px 9px;
    font-size: 13px;
    outline: none;
}

    .filter-control:focus[b-fr504wa1n6] {
        border-color: #3976d3;
        box-shadow: 0 0 0 2px rgba(57, 118, 211, .08);
    }


.filter-action[b-fr504wa1n6] {
    display: flex;
}


/* =========================================================
   CARDS FINANCEIROS
   ========================================================= */

.financial-summary[b-fr504wa1n6] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}


.financial-card[b-fr504wa1n6] {
    position: relative;
    overflow: hidden;
    min-height: 116px;
    box-sizing: border-box;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

    .financial-card[b-fr504wa1n6]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #98a2b3;
    }

    .financial-card.primary[b-fr504wa1n6]::before {
        background: #3976d3;
    }

    .financial-card.commission[b-fr504wa1n6]::before {
        background: #f79009;
    }

    .financial-card.user-share[b-fr504wa1n6]::before {
        background: #667085;
    }

    .financial-card.prizes[b-fr504wa1n6]::before {
        background: #d92d20;
    }

    .financial-card.result[b-fr504wa1n6]::before {
        background: #12b76a;
    }


.financial-label[b-fr504wa1n6] {
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}


.financial-card strong[b-fr504wa1n6] {
    display: block;
    color: #263241;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 8px;
}

.financial-card small[b-fr504wa1n6] {
    color: #98a2b3;
    font-size: 11px;
}


/* =========================================================
   MINI INDICADORES
   ========================================================= */

.secondary-summary[b-fr504wa1n6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.mini-stat[b-fr504wa1n6] {
    background: #fafbfc;
    border: 1px solid #e8ecf1;
    border-radius: 10px;
    padding: 12px 15px;
}

    .mini-stat span[b-fr504wa1n6] {
        color: #667085;
        font-size: 11px;
    }

    .mini-stat strong[b-fr504wa1n6] {
        display: block;
        margin-top: 4px;
        color: #344054;
        font-size: 17px;
    }


/* =========================================================
   SEÇÕES
   ========================================================= */

.content-card[b-fr504wa1n6] {
    padding: 18px;
    margin-bottom: 18px;
}

.loading-card[b-fr504wa1n6] {
    padding: 30px;
    color: #667085;
    text-align: center;
}


/* =========================================================
   GRÁFICO
   ========================================================= */

.evolution-chart[b-fr504wa1n6] {
    display: flex;
    align-items: stretch;
    gap: 9px;
    height: 245px;
    padding: 15px 10px 0 10px;
    border-bottom: 1px solid #e8ecf1;
    overflow-x: auto;
}

.chart-column[b-fr504wa1n6] {
    flex: 1;
    min-width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.bars[b-fr504wa1n6] {
    width: 100%;
    height: 205px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
}

.bar[b-fr504wa1n6] {
    width: 16%;
    min-width: 5px;
    max-width: 13px;
    border-radius: 3px 3px 0 0;
}

.gross[b-fr504wa1n6] {
    background: #3976d3;
}

.commission-bar[b-fr504wa1n6] {
    background: #f79009;
}

.prize-bar[b-fr504wa1n6] {
    background: #d92d20;
}

.result-bar[b-fr504wa1n6] {
    background: #12b76a;
}

.chart-date[b-fr504wa1n6] {
    color: #98a2b3;
    font-size: 10px;
    padding: 7px 0;
}


.chart-legend[b-fr504wa1n6] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding-top: 13px;
    color: #667085;
    font-size: 11px;
}

    .chart-legend span[b-fr504wa1n6] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

.legend[b-fr504wa1n6] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
}


/* =========================================================
   FORMAS DE PAGAMENTO
   ========================================================= */

.payment-methods[b-fr504wa1n6] {
    display: flex;
    flex-direction: column;
}

.payment-method-row[b-fr504wa1n6] {
    display: grid;
    grid-template-columns: 170px 1fr 110px;
    gap: 20px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f2f5;
}

    .payment-method-row:last-child[b-fr504wa1n6] {
        border-bottom: 0;
    }


.payment-method-info strong[b-fr504wa1n6] {
    display: block;
    color: #344054;
    font-size: 13px;
}

.payment-method-info span[b-fr504wa1n6] {
    color: #98a2b3;
    font-size: 11px;
}


.payment-method-progress[b-fr504wa1n6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .payment-method-progress > span[b-fr504wa1n6] {
        width: 52px;
        color: #667085;
        font-size: 11px;
        text-align: right;
    }

.progress-track[b-fr504wa1n6] {
    flex: 1;
    height: 7px;
    background: #f0f2f5;
    border-radius: 10px;
    overflow: hidden;
}

.progress-value[b-fr504wa1n6] {
    height: 100%;
    background: #3976d3;
    border-radius: 10px;
}

.payment-method-value[b-fr504wa1n6] {
    color: #344054;
    text-align: right;
    font-size: 13px;
}


/* =========================================================
   TABELAS
   ========================================================= */

.table-wrapper[b-fr504wa1n6] {
    width: 100%;
    overflow-x: auto;
}

.financial-table[b-fr504wa1n6] {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

    .financial-table th[b-fr504wa1n6] {
        padding: 10px 12px;
        background: #fafbfc;
        border-top: 1px solid #eaecf0;
        border-bottom: 1px solid #eaecf0;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .02em;
    }

    .financial-table td[b-fr504wa1n6] {
        padding: 12px;
        border-bottom: 1px solid #f0f2f5;
        color: #475467;
        font-size: 12px;
    }

    .financial-table tbody tr:hover[b-fr504wa1n6] {
        background: #fafbfc;
    }

    .financial-table td strong[b-fr504wa1n6] {
        color: #344054;
    }

.result-cell[b-fr504wa1n6] {
    color: #067647 !important;
    font-weight: 700;
}


/* =========================================================
   TRANSAÇÕES
   ========================================================= */

.transactions-header[b-fr504wa1n6] {
    align-items: center;
}

.transaction-search[b-fr504wa1n6] {
    display: flex;
    gap: 7px;
}

    .transaction-search input[b-fr504wa1n6] {
        width: 230px;
        min-height: 34px;
        box-sizing: border-box;
        border: 1px solid #dfe4ea;
        border-radius: 7px;
        padding: 6px 10px;
        color: #344054;
        outline: none;
    }

        .transaction-search input:focus[b-fr504wa1n6] {
            border-color: #3976d3;
        }

    .transaction-search button[b-fr504wa1n6] {
        border: 1px solid #3976d3;
        background: #3976d3;
        color: #ffffff;
        border-radius: 7px;
        padding: 6px 13px;
        cursor: pointer;
    }


.transaction-id[b-fr504wa1n6] {
    font-family: Consolas, monospace;
    font-size: 11px !important;
}

.date-cell[b-fr504wa1n6] {
    color: #667085 !important;
}


.payment-badge[b-fr504wa1n6],
.status-badge[b-fr504wa1n6] {
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 600;
}

.payment-badge[b-fr504wa1n6] {
    background: #f2f4f7;
    color: #475467;
}

.status-badge[b-fr504wa1n6] {
    background: #f2f4f7;
    color: #475467;
}

    .status-badge.approved[b-fr504wa1n6] {
        background: #ecfdf3;
        color: #067647;
    }

    .status-badge.pending[b-fr504wa1n6] {
        background: #fffaeb;
        color: #b54708;
    }


/* =========================================================
   PAGINAÇÃO
   ========================================================= */

.pagination[b-fr504wa1n6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
    padding-top: 15px;
}

    .pagination span[b-fr504wa1n6] {
        color: #667085;
        font-size: 11px;
    }

    .pagination button[b-fr504wa1n6] {
        border: 1px solid #dfe4ea;
        background: #ffffff;
        color: #475467;
        border-radius: 7px;
        padding: 7px 12px;
        font-size: 11px;
        cursor: pointer;
    }

        .pagination button:hover:not(:disabled)[b-fr504wa1n6] {
            border-color: #3976d3;
            color: #3976d3;
        }

        .pagination button:disabled[b-fr504wa1n6] {
            opacity: .45;
            cursor: default;
        }


.empty-state[b-fr504wa1n6] {
    padding: 30px 10px;
    color: #98a2b3;
    text-align: center;
    font-size: 12px;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 1250px) {

    .financial-summary[b-fr504wa1n6] {
        grid-template-columns: repeat(3, 1fr);
    }

    .filters-grid[b-fr504wa1n6] {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 950px) {

    .financial-summary[b-fr504wa1n6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .secondary-summary[b-fr504wa1n6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filters-grid[b-fr504wa1n6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .payment-method-row[b-fr504wa1n6] {
        grid-template-columns: 140px 1fr 90px;
    }
}


@media (max-width: 700px) {

    .payments-header[b-fr504wa1n6],
    .filter-card-header[b-fr504wa1n6],
    .section-header[b-fr504wa1n6],
    .transactions-header[b-fr504wa1n6] {
        flex-direction: column;
    }

    .financial-summary[b-fr504wa1n6],
    .secondary-summary[b-fr504wa1n6],
    .filters-grid[b-fr504wa1n6] {
        grid-template-columns: 1fr;
    }

    .filter-action[b-fr504wa1n6],
    .apply-button[b-fr504wa1n6] {
        width: 100%;
    }

    .payment-method-row[b-fr504wa1n6] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .payment-method-value[b-fr504wa1n6] {
        text-align: left;
    }

    .transaction-search[b-fr504wa1n6] {
        width: 100%;
    }

        .transaction-search input[b-fr504wa1n6] {
            flex: 1;
            width: auto;
        }

    .pagination[b-fr504wa1n6] {
        justify-content: center;
    }
}
/* /Components/Pages/Premiacoes.razor.rz.scp.css */
.premiacoes-page[b-33bf1zkp4s] {
    width: 100%;
    padding: 4px 2px 30px 2px;
    color: #344054;
}


.premiacoes-header[b-33bf1zkp4s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .premiacoes-header h1[b-33bf1zkp4s] {
        margin: 0;
        font-size: 26px;
        font-weight: 700;
        color: #263241;
    }

    .premiacoes-header p[b-33bf1zkp4s] {
        margin: 5px 0 0 0;
        font-size: 14px;
        color: #667085;
    }


.refresh-button[b-33bf1zkp4s],
.apply-button[b-33bf1zkp4s] {
    border: 0;
    border-radius: 8px;
    background: #3976d3;
    color: white;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 17px;
    cursor: pointer;
}

    .refresh-button:hover[b-33bf1zkp4s],
    .apply-button:hover[b-33bf1zkp4s] {
        filter: brightness(.96);
    }

    .refresh-button:disabled[b-33bf1zkp4s],
    .apply-button:disabled[b-33bf1zkp4s] {
        opacity: .6;
        cursor: default;
    }


.error-message[b-33bf1zkp4s] {
    background: #fff4f3;
    border: 1px solid #fecdca;
    color: #b42318;
    border-radius: 10px;
    padding: 12px 15px;
    margin-bottom: 18px;
    font-size: 13px;
}


/* =========================================================
   FILTROS
   ========================================================= */

.filter-card[b-33bf1zkp4s],
.content-card[b-33bf1zkp4s],
.loading-card[b-33bf1zkp4s] {
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

.filter-card[b-33bf1zkp4s] {
    padding: 18px;
    margin-bottom: 18px;
}


.filter-card-header[b-33bf1zkp4s],
.section-header[b-33bf1zkp4s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 17px;
}

    .filter-card-header h2[b-33bf1zkp4s],
    .section-header h2[b-33bf1zkp4s] {
        margin: 0;
        color: #344054;
        font-size: 16px;
        font-weight: 700;
    }

    .filter-card-header span[b-33bf1zkp4s],
    .section-header span[b-33bf1zkp4s] {
        display: block;
        margin-top: 4px;
        color: #98a2b3;
        font-size: 12px;
    }


.period-shortcuts[b-33bf1zkp4s] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

    .period-shortcuts button[b-33bf1zkp4s] {
        border: 1px solid #dfe4ea;
        background: #ffffff;
        color: #475467;
        border-radius: 7px;
        padding: 7px 11px;
        font-size: 12px;
        cursor: pointer;
    }

        .period-shortcuts button:hover[b-33bf1zkp4s] {
            border-color: #3976d3;
            color: #3976d3;
        }


.filters-grid[b-33bf1zkp4s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
    gap: 12px;
    align-items: end;
}


.filter-field[b-33bf1zkp4s] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .filter-field label[b-33bf1zkp4s] {
        font-size: 11px;
        font-weight: 600;
        color: #667085;
    }

.filter-control[b-33bf1zkp4s] {
    width: 100%;
    min-height: 37px;
    box-sizing: border-box;
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    background: #ffffff;
    color: #344054;
    padding: 7px 9px;
    font-size: 13px;
    outline: none;
}

    .filter-control:focus[b-33bf1zkp4s] {
        border-color: #3976d3;
        box-shadow: 0 0 0 2px rgba(57, 118, 211, .08);
    }


.filter-action[b-33bf1zkp4s] {
    display: flex;
}


/* =========================================================
   CARDS FINANCEIROS
   ========================================================= */

.financial-summary[b-33bf1zkp4s] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}


.financial-card[b-33bf1zkp4s] {
    position: relative;
    overflow: hidden;
    min-height: 116px;
    box-sizing: border-box;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

    .financial-card[b-33bf1zkp4s]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #98a2b3;
    }

    .financial-card.primary[b-33bf1zkp4s]::before {
        background: #3976d3;
    }

    .financial-card.commission[b-33bf1zkp4s]::before {
        background: #f79009;
    }

    .financial-card.user-share[b-33bf1zkp4s]::before {
        background: #667085;
    }

    .financial-card.prizes[b-33bf1zkp4s]::before {
        background: #d92d20;
    }

    .financial-card.result[b-33bf1zkp4s]::before {
        background: #12b76a;
    }


.financial-label[b-33bf1zkp4s] {
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}


.financial-card strong[b-33bf1zkp4s] {
    display: block;
    color: #263241;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 8px;
}

.financial-card small[b-33bf1zkp4s] {
    color: #98a2b3;
    font-size: 11px;
}


/* =========================================================
   MINI INDICADORES
   ========================================================= */

.secondary-summary[b-33bf1zkp4s] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.mini-stat[b-33bf1zkp4s] {
    background: #fafbfc;
    border: 1px solid #e8ecf1;
    border-radius: 10px;
    padding: 12px 15px;
}

    .mini-stat span[b-33bf1zkp4s] {
        color: #667085;
        font-size: 11px;
    }

    .mini-stat strong[b-33bf1zkp4s] {
        display: block;
        margin-top: 4px;
        color: #344054;
        font-size: 17px;
    }


/* =========================================================
   SEÇÕES
   ========================================================= */

.content-card[b-33bf1zkp4s] {
    padding: 18px;
    margin-bottom: 18px;
}

.loading-card[b-33bf1zkp4s] {
    padding: 30px;
    color: #667085;
    text-align: center;
}


/* =========================================================
   GRÁFICO
   ========================================================= */

.evolution-chart[b-33bf1zkp4s] {
    display: flex;
    align-items: stretch;
    gap: 9px;
    height: 245px;
    padding: 15px 10px 0 10px;
    border-bottom: 1px solid #e8ecf1;
    overflow-x: auto;
}

.chart-column[b-33bf1zkp4s] {
    flex: 1;
    min-width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.bars[b-33bf1zkp4s] {
    width: 100%;
    height: 205px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
}

.bar[b-33bf1zkp4s] {
    width: 16%;
    min-width: 5px;
    max-width: 13px;
    border-radius: 3px 3px 0 0;
}

.gross[b-33bf1zkp4s] {
    background: #3976d3;
}

.commission-bar[b-33bf1zkp4s] {
    background: #f79009;
}

.prize-bar[b-33bf1zkp4s] {
    background: #d92d20;
}

.result-bar[b-33bf1zkp4s] {
    background: #12b76a;
}

.chart-date[b-33bf1zkp4s] {
    color: #98a2b3;
    font-size: 10px;
    padding: 7px 0;
}


.chart-legend[b-33bf1zkp4s] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding-top: 13px;
    color: #667085;
    font-size: 11px;
}

    .chart-legend span[b-33bf1zkp4s] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

.legend[b-33bf1zkp4s] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
}


/* =========================================================
   FORMAS DE PAGAMENTO
   ========================================================= */

.payment-methods[b-33bf1zkp4s] {
    display: flex;
    flex-direction: column;
}

.payment-method-row[b-33bf1zkp4s] {
    display: grid;
    grid-template-columns: 170px 1fr 110px;
    gap: 20px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f2f5;
}

    .payment-method-row:last-child[b-33bf1zkp4s] {
        border-bottom: 0;
    }


.payment-method-info strong[b-33bf1zkp4s] {
    display: block;
    color: #344054;
    font-size: 13px;
}

.payment-method-info span[b-33bf1zkp4s] {
    color: #98a2b3;
    font-size: 11px;
}


.payment-method-progress[b-33bf1zkp4s] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .payment-method-progress > span[b-33bf1zkp4s] {
        width: 52px;
        color: #667085;
        font-size: 11px;
        text-align: right;
    }

.progress-track[b-33bf1zkp4s] {
    flex: 1;
    height: 7px;
    background: #f0f2f5;
    border-radius: 10px;
    overflow: hidden;
}

.progress-value[b-33bf1zkp4s] {
    height: 100%;
    background: #3976d3;
    border-radius: 10px;
}

.payment-method-value[b-33bf1zkp4s] {
    color: #344054;
    text-align: right;
    font-size: 13px;
}


/* =========================================================
   TABELAS
   ========================================================= */

.table-wrapper[b-33bf1zkp4s] {
    width: 100%;
    overflow-x: auto;
}

.financial-table[b-33bf1zkp4s] {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

    .financial-table th[b-33bf1zkp4s] {
        padding: 10px 12px;
        background: #fafbfc;
        border-top: 1px solid #eaecf0;
        border-bottom: 1px solid #eaecf0;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .02em;
    }

    .financial-table td[b-33bf1zkp4s] {
        padding: 12px;
        border-bottom: 1px solid #f0f2f5;
        color: #475467;
        font-size: 12px;
    }

    .financial-table tbody tr:hover[b-33bf1zkp4s] {
        background: #fafbfc;
    }

    .financial-table td strong[b-33bf1zkp4s] {
        color: #344054;
    }

.result-cell[b-33bf1zkp4s] {
    color: #067647 !important;
    font-weight: 700;
}


.negative-result[b-33bf1zkp4s] {
    color: #b42318 !important;
}


/* =========================================================
   TRANSAÇÕES
   ========================================================= */

.transactions-header[b-33bf1zkp4s] {
    align-items: center;
}

.transaction-search[b-33bf1zkp4s] {
    display: flex;
    gap: 7px;
}

    .transaction-search input[b-33bf1zkp4s] {
        width: 230px;
        min-height: 34px;
        box-sizing: border-box;
        border: 1px solid #dfe4ea;
        border-radius: 7px;
        padding: 6px 10px;
        color: #344054;
        outline: none;
    }

        .transaction-search input:focus[b-33bf1zkp4s] {
            border-color: #3976d3;
        }

    .transaction-search button[b-33bf1zkp4s] {
        border: 1px solid #3976d3;
        background: #3976d3;
        color: #ffffff;
        border-radius: 7px;
        padding: 6px 13px;
        cursor: pointer;
    }


.transaction-id[b-33bf1zkp4s] {
    font-family: Consolas, monospace;
    font-size: 11px !important;
}

.date-cell[b-33bf1zkp4s] {
    color: #667085 !important;
}


.payment-badge[b-33bf1zkp4s],
.status-badge[b-33bf1zkp4s] {
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 600;
}

.payment-badge[b-33bf1zkp4s] {
    background: #f2f4f7;
    color: #475467;
}

.status-badge[b-33bf1zkp4s] {
    background: #f2f4f7;
    color: #475467;
}

    .status-badge.approved[b-33bf1zkp4s] {
        background: #ecfdf3;
        color: #067647;
    }

    .status-badge.pending[b-33bf1zkp4s] {
        background: #fffaeb;
        color: #b54708;
    }


/* =========================================================
   PAGINAÇÃO
   ========================================================= */

.pagination[b-33bf1zkp4s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
    padding-top: 15px;
}

    .pagination span[b-33bf1zkp4s] {
        color: #667085;
        font-size: 11px;
    }

    .pagination button[b-33bf1zkp4s] {
        border: 1px solid #dfe4ea;
        background: #ffffff;
        color: #475467;
        border-radius: 7px;
        padding: 7px 12px;
        font-size: 11px;
        cursor: pointer;
    }

        .pagination button:hover:not(:disabled)[b-33bf1zkp4s] {
            border-color: #3976d3;
            color: #3976d3;
        }

        .pagination button:disabled[b-33bf1zkp4s] {
            opacity: .45;
            cursor: default;
        }


.empty-state[b-33bf1zkp4s] {
    padding: 30px 10px;
    color: #98a2b3;
    text-align: center;
    font-size: 12px;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 1250px) {

    .financial-summary[b-33bf1zkp4s] {
        grid-template-columns: repeat(3, 1fr);
    }

    .filters-grid[b-33bf1zkp4s] {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 950px) {

    .financial-summary[b-33bf1zkp4s] {
        grid-template-columns: repeat(2, 1fr);
    }

    .secondary-summary[b-33bf1zkp4s] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filters-grid[b-33bf1zkp4s] {
        grid-template-columns: repeat(2, 1fr);
    }

    .payment-method-row[b-33bf1zkp4s] {
        grid-template-columns: 140px 1fr 90px;
    }
}


@media (max-width: 700px) {

    .premiacoes-header[b-33bf1zkp4s],
    .filter-card-header[b-33bf1zkp4s],
    .section-header[b-33bf1zkp4s],
    .transactions-header[b-33bf1zkp4s] {
        flex-direction: column;
    }

    .financial-summary[b-33bf1zkp4s],
    .secondary-summary[b-33bf1zkp4s],
    .filters-grid[b-33bf1zkp4s] {
        grid-template-columns: 1fr;
    }

    .filter-action[b-33bf1zkp4s],
    .apply-button[b-33bf1zkp4s] {
        width: 100%;
    }

    .payment-method-row[b-33bf1zkp4s] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .payment-method-value[b-33bf1zkp4s] {
        text-align: left;
    }

    .transaction-search[b-33bf1zkp4s] {
        width: 100%;
    }

        .transaction-search input[b-33bf1zkp4s] {
            flex: 1;
            width: auto;
        }

    .pagination[b-33bf1zkp4s] {
        justify-content: center;
    }
}
/* /Components/Pages/Provisionamento.razor.rz.scp.css */
.provisionamento-page[b-9m07hipnnb] {
    width: 100%;
    padding: 4px 2px 30px 2px;
    color: #344054;
}

.provisionamento-header[b-9m07hipnnb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .provisionamento-header h1[b-9m07hipnnb] {
        margin: 0;
        font-size: 26px;
        font-weight: 700;
        color: #263241;
    }

    .provisionamento-header p[b-9m07hipnnb] {
        margin: 5px 0 0 0;
        font-size: 14px;
        color: #667085;
    }

.content-card[b-9m07hipnnb] {
    padding: 18px;
    margin-bottom: 18px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 13px;
}

.section-header[b-9m07hipnnb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 17px;
}

    .section-header h2[b-9m07hipnnb] {
        margin: 0;
        color: #344054;
        font-size: 16px;
        font-weight: 700;
    }

    .section-header span[b-9m07hipnnb] {
        display: block;
        margin-top: 4px;
        color: #98a2b3;
        font-size: 12px;
    }

.message[b-9m07hipnnb] {
    border-radius: 10px;
    padding: 12px 15px;
    margin-bottom: 18px;
    font-size: 13px;
}

.error-message[b-9m07hipnnb] {
    background: #fff4f3;
    border: 1px solid #fecdca;
    color: #b42318;
}

.success-message[b-9m07hipnnb] {
    background: #ecfdf3;
    border: 1px solid #abefc6;
    color: #067647;
}

.status-grid[b-9m07hipnnb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.status-item[b-9m07hipnnb] {
    min-height: 84px;
    box-sizing: border-box;
    padding: 15px;
    background: #fafbfc;
    border: 1px solid #e8ecf1;
    border-radius: 10px;
}

    .status-item span[b-9m07hipnnb] {
        display: block;
        margin-bottom: 7px;
        color: #667085;
        font-size: 11px;
        font-weight: 600;
    }

    .status-item strong[b-9m07hipnnb] {
        display: block;
        color: #344054;
        font-size: 14px;
        overflow-wrap: anywhere;
    }

.status-ok[b-9m07hipnnb] {
    color: #067647 !important;
}

.status-error[b-9m07hipnnb] {
    color: #b42318 !important;
}

.status-neutral[b-9m07hipnnb] {
    color: #667085 !important;
}

.device-id[b-9m07hipnnb] {
    font-family: Consolas, monospace;
    font-size: 13px !important;
}

.actions[b-9m07hipnnb] {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.primary-button[b-9m07hipnnb],
.secondary-button[b-9m07hipnnb] {
    min-height: 39px;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.primary-button[b-9m07hipnnb] {
    border: 1px solid #3976d3;
    background: #3976d3;
    color: #ffffff;
}

.secondary-button[b-9m07hipnnb] {
    border: 1px solid #dfe4ea;
    background: #ffffff;
    color: #475467;
}

.primary-button:hover:not(:disabled)[b-9m07hipnnb] {
    filter: brightness(.96);
}

.secondary-button:hover:not(:disabled)[b-9m07hipnnb] {
    border-color: #3976d3;
    color: #3976d3;
}

.primary-button:disabled[b-9m07hipnnb],
.secondary-button:disabled[b-9m07hipnnb] {
    opacity: .55;
    cursor: default;
}

.test-info[b-9m07hipnnb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 13px 15px;
    background: #f8faff;
    border: 1px solid #e3ebf8;
    border-radius: 9px;
}

    .test-info strong[b-9m07hipnnb] {
        color: #344054;
        font-size: 12px;
    }

    .test-info span[b-9m07hipnnb] {
        color: #667085;
        font-size: 12px;
    }

    .test-info code[b-9m07hipnnb] {
        color: #3976d3;
        font-family: Consolas, monospace;
    }

@media (max-width: 1000px) {
    .status-grid[b-9m07hipnnb] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .provisionamento-header[b-9m07hipnnb] {
        flex-direction: column;
    }

    .status-grid[b-9m07hipnnb] {
        grid-template-columns: 1fr;
    }

    .actions[b-9m07hipnnb] {
        flex-direction: column;
    }

    .primary-button[b-9m07hipnnb],
    .secondary-button[b-9m07hipnnb] {
        width: 100%;
    }
}


/* =====================================================
   ETAPA 2 - SELEÇÃO E VÍNCULO
   ===================================================== */

.machine-row[b-9m07hipnnb] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.field-group[b-9m07hipnnb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .field-group label[b-9m07hipnnb] {
        color: #475467;
        font-size: 12px;
        font-weight: 600;
    }

    .field-group select[b-9m07hipnnb] {
        width: 100%;
        min-height: 41px;
        box-sizing: border-box;
        padding: 0 12px;
        border: 1px solid #dfe4ea;
        border-radius: 8px;
        background: #ffffff;
        color: #344054;
        font-size: 13px;
        outline: none;
    }

        .field-group select:focus[b-9m07hipnnb] {
            border-color: #3976d3;
            box-shadow: 0 0 0 3px rgba(57, 118, 211, 0.08);
        }

.refresh-button[b-9m07hipnnb] {
    white-space: nowrap;
}

.selected-machine[b-9m07hipnnb],
.link-summary[b-9m07hipnnb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.link-summary[b-9m07hipnnb] {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    margin-top: 0;
    margin-bottom: 18px;
}

    .selected-machine > div[b-9m07hipnnb],
    .link-summary > div[b-9m07hipnnb] {
        padding: 13px 14px;
        background: #fafbfc;
        border: 1px solid #e8ecf1;
        border-radius: 9px;
    }

    .selected-machine span[b-9m07hipnnb],
    .link-summary span[b-9m07hipnnb] {
        display: block;
        margin-bottom: 5px;
        color: #667085;
        font-size: 10px;
        font-weight: 600;
    }

    .selected-machine strong[b-9m07hipnnb],
    .link-summary strong[b-9m07hipnnb] {
        display: block;
        color: #344054;
        font-size: 13px;
        overflow-wrap: anywhere;
    }

.empty-info[b-9m07hipnnb],
.loading-text[b-9m07hipnnb] {
    padding: 13px 14px;
    background: #fafbfc;
    border: 1px solid #e8ecf1;
    border-radius: 9px;
    color: #667085;
    font-size: 12px;
}

@media (max-width: 900px) {
    .selected-machine[b-9m07hipnnb] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .machine-row[b-9m07hipnnb] {
        flex-direction: column;
        align-items: stretch;
    }

    .selected-machine[b-9m07hipnnb],
    .link-summary[b-9m07hipnnb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Relatorios.razor.rz.scp.css */
.reports-page[b-suf6y4xtaq]{width:100%;padding:4px 2px 30px;color:#344054}.reports-header[b-suf6y4xtaq]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.reports-header h1[b-suf6y4xtaq]{margin:0;font-size:27px;font-weight:700;color:#263241}.reports-header p[b-suf6y4xtaq]{margin:6px 0 0;font-size:13px;color:#98a2b3}.reports-export[b-suf6y4xtaq],.reports-apply[b-suf6y4xtaq]{border:0;border-radius:9px;background:#3976d3;color:#fff;font:inherit;font-size:12px;font-weight:700;padding:11px 16px;cursor:pointer}.reports-export[b-suf6y4xtaq]{background:#fff;color:#3976d3;border:1px solid #dfe4ea}.reports-export:disabled[b-suf6y4xtaq],.reports-apply:disabled[b-suf6y4xtaq]{opacity:.55;cursor:default}.reports-filter-card[b-suf6y4xtaq],.reports-table-card[b-suf6y4xtaq],.reports-state[b-suf6y4xtaq]{background:#fff;border:1px solid #e8ecf1;border-radius:13px}.reports-filter-card[b-suf6y4xtaq]{padding:20px;margin-bottom:20px}.reports-section-heading h2[b-suf6y4xtaq],.reports-table-heading h2[b-suf6y4xtaq]{font-size:16px;color:#344054;margin:0 0 5px}.reports-section-heading span[b-suf6y4xtaq],.reports-table-heading span[b-suf6y4xtaq]{font-size:12px;color:#98a2b3}.reports-filters[b-suf6y4xtaq]{display:grid;grid-template-columns:repeat(2,minmax(125px,1fr)) repeat(2,minmax(170px,1.25fr)) auto;gap:12px;align-items:end;margin-top:19px}.reports-filters label[b-suf6y4xtaq]{display:flex;flex-direction:column;gap:6px;color:#667085;font-size:11px;font-weight:600;min-width:0}.reports-filters input[b-suf6y4xtaq],.reports-filters select[b-suf6y4xtaq]{width:100%;box-sizing:border-box;min-height:39px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;padding:8px 10px;color:#344054;font:inherit;font-size:12px}.reports-note[b-suf6y4xtaq]{margin-top:15px;color:#8994a5;font-size:11px;line-height:1.5}.reports-error[b-suf6y4xtaq]{padding:13px 16px;background:#fff4f3;border:1px solid #fecdca;border-radius:10px;color:#b42318;margin-bottom:18px;font-size:13px}.reports-state[b-suf6y4xtaq]{padding:32px;text-align:center;color:#667085}.reports-summary[b-suf6y4xtaq]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.reports-kpi[b-suf6y4xtaq]{min-width:0;padding:18px;background:#fff;border:1px solid #e8ecf1;border-radius:13px;display:flex;flex-direction:column;gap:9px}.reports-kpi span[b-suf6y4xtaq]{font-size:12px;font-weight:600;color:#778191}.reports-kpi strong[b-suf6y4xtaq]{font-size:clamp(17px,1.8vw,25px);color:#263241;white-space:nowrap}.reports-kpi small[b-suf6y4xtaq]{font-size:10px;color:#98a2b3}.reports-kpi.result strong[b-suf6y4xtaq]{color:#278b67}.reports-table-card[b-suf6y4xtaq]{overflow:hidden}.reports-table-heading[b-suf6y4xtaq]{padding:20px;border-bottom:1px solid #edf0f4}.reports-table-scroll[b-suf6y4xtaq]{overflow-x:auto}.reports-table-scroll table[b-suf6y4xtaq]{width:100%;border-collapse:collapse;white-space:nowrap}.reports-table-scroll th[b-suf6y4xtaq]{padding:13px 15px;background:#fafbfc;text-align:right;color:#667085;font-size:10px;text-transform:uppercase;font-weight:700}.reports-table-scroll th:first-child[b-suf6y4xtaq],.reports-table-scroll td:first-child[b-suf6y4xtaq]{text-align:left}.reports-table-scroll td[b-suf6y4xtaq]{padding:15px;border-top:1px solid #f0f2f5;text-align:right;font-size:12px;color:#475467}.reports-table-scroll td strong[b-suf6y4xtaq],.reports-table-scroll td small[b-suf6y4xtaq]{display:block}.reports-table-scroll td small[b-suf6y4xtaq]{margin-top:4px;color:#98a2b3;font-size:10px}.reports-table-scroll td.negative[b-suf6y4xtaq]{color:#b54747;font-weight:700}.reports-table-scroll td.positive[b-suf6y4xtaq]{color:#278b67;font-weight:700}.reports-table-scroll tfoot th[b-suf6y4xtaq]{border-top:1px solid #e5eaf0;color:#344054}.reports-table-scroll td.reports-empty[b-suf6y4xtaq]{text-align:center;padding:30px;color:#98a2b3}@media(max-width:1200px){.reports-summary[b-suf6y4xtaq]{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-filters[b-suf6y4xtaq]{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-apply[b-suf6y4xtaq]{min-height:39px}}@media(max-width:700px){.reports-header[b-suf6y4xtaq]{flex-direction:column}.reports-export[b-suf6y4xtaq]{width:100%}.reports-summary[b-suf6y4xtaq]{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-filters[b-suf6y4xtaq]{grid-template-columns:1fr}.reports-kpi.result[b-suf6y4xtaq]{grid-column:1/-1}}