/* /Components/NavMenu.razor.rz.scp.css */

.mud-nav-link.active[b-dd7t46of5u] {
    background-color: transparent !important; /* Remove o estilo de botão */
    color: #FFFFFF !important; /* Ajuste a cor conforme necessário */
    box-shadow: none !important; /* Remove a sombra se houver */
}
/* /Pages/Identity/Login.razor.rz.scp.css */
/* Login.razor.css */

/* 1) Remove margens e paddings do html, body */
html[b-qpmbh8f5nh], body[b-qpmbh8f5nh] {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    overflow: hidden;
}

/* 2) Container flex que ocupa 100% da viewport */
.login-container[b-qpmbh8f5nh] {
    position: absolute !important;
    display: flex;
    top: 0 !important;
    left: 0 !important;
    width: 100vw;
    height: 100vh;
}

/* Painel esquerdo */
.left-panel[b-qpmbh8f5nh] {
    flex: 1 !important;
    position: relative !important;
    background-color: #5e35b1 !important;
    color: white !important;
    padding: 2rem !important;
    overflow: hidden !important;
    display: flex !important;       /* Adicionado */
    flex-direction: column !important;  /* Adicionado */
    justify-content: center !important; /* Adicionado */
}
.left-panel img.bg[b-qpmbh8f5nh] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 0.3 !important;
    z-index: 0 !important;
}
.left-panel .content[b-qpmbh8f5nh] {
    position: relative !important;
    z-index: 1 !important;
    max-width: 80% !important;
    margin-left: 12rem !important; /* Adiciona uma margem à esquerda */
}
.exclusive-access-text[b-qpmbh8f5nh] {
    color: #ffc107 !important;
}

/* 4) Painel direito */
.right-panel[b-qpmbh8f5nh] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5e35b1;
    padding: 1rem;
    overflow: hidden;
}

/* 5) Card de login */
.login-card[b-qpmbh8f5nh] {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    width: 400px;
    max-width: 90%;
    padding: 2rem;
}

/* 6) Responsividade */
@media (max-width: 768px) {
    .left-panel[b-qpmbh8f5nh] {
        display: none;
    }
    .right-panel[b-qpmbh8f5nh] {
        flex: 1 1 100%;
        overflow-y: auto; /* Scroll vertical no mobile, se necessário */
    }
    html[b-qpmbh8f5nh], body[b-qpmbh8f5nh], .mud-main-content[b-qpmbh8f5nh] {
        overflow: auto; /* Scroll no body para mobile, se necessário */
    }
}