@import '_content/MnAuth_Blz/MnAuth_Blz.9kolao274p.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.tp-shell[b-v7dm2480ek] { display: flex; min-height: 100vh; background: #f4f5f7; color: #1d2433; }

/* ---------- Menu lateral ---------- */
.tp-lateral[b-v7dm2480ek] { width: 260px; flex: none; position: sticky; top: 0; height: 100vh; overflow-y: auto; box-sizing: border-box; padding: 20px 12px; display: flex; flex-direction: column; gap: 20px; background: #1e2a3a; color: #c9d3df; }
.tp-marca[b-v7dm2480ek] { display: flex; align-items: center; gap: 10px; padding: 0 8px; text-decoration: none; }
.tp-logo[b-v7dm2480ek] { width: 36px; height: 36px; border-radius: 8px; background: #2f6fde; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.tp-marca-texto[b-v7dm2480ek] { display: flex; flex-direction: column; }
.tp-marca-texto strong[b-v7dm2480ek] { color: #fff; font-size: 16px; }
.tp-marca-texto small[b-v7dm2480ek] { color: #8fa0b5; font-size: 12px; }

.tp-nav[b-v7dm2480ek], .tp-submenu[b-v7dm2480ek] { list-style: none; margin: 0; padding: 0; }
.tp-modulo[b-v7dm2480ek] { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.tp-modulo:hover[b-v7dm2480ek] { background: rgba(255, 255, 255, .07); }
.tp-modulo.aberto[b-v7dm2480ek] { color: #fff; font-weight: 600; }
.tp-submenu[b-v7dm2480ek] { padding: 2px 0 6px 14px; }

/* Menu principal sem submenus: link direto */
.tp-nav[b-v7dm2480ek]  a.tp-modulo-link { min-height: 42px; display: flex; align-items: center; padding: 0 12px; border-radius: 8px; color: inherit; text-decoration: none; }
.tp-nav[b-v7dm2480ek]  a.tp-modulo-link:hover { background: rgba(255, 255, 255, .07); }
.tp-nav[b-v7dm2480ek]  a.tp-modulo-link.active { background: #2f6fde; color: #fff; font-weight: 600; }

/* NavLink é outro componente: ::deep alcança o <a> que ele gera */
.tp-submenu[b-v7dm2480ek]  a { min-height: 34px; display: flex; align-items: center; padding: 0 10px; border-radius: 6px; color: #8fa0b5; font-size: 14px; text-decoration: none; }
.tp-submenu[b-v7dm2480ek]  a:hover { background: rgba(255, 255, 255, .07); color: #fff; }
.tp-submenu[b-v7dm2480ek]  a.active { background: #2f6fde; color: #fff; }

/* ---------- Painel superior e conteúdo ---------- */
.tp-area[b-v7dm2480ek] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.tp-topo[b-v7dm2480ek] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 32px; background: #fff; border-bottom: 1px solid #e3e6ea; }
/* Botões do topo: Controle de Acesso (Admin e Gestor) e Logout */
.tp-topo-acoes[b-v7dm2480ek] { display: flex; align-items: center; gap: 10px; }
.tp-botao[b-v7dm2480ek] { min-height: 38px; padding: 0 18px; display: inline-flex; align-items: center; border: 1px solid #cfd5dd; border-radius: 8px; background: #fff; color: #1d2433; font: inherit; text-decoration: none; cursor: pointer; }
.tp-botao:hover[b-v7dm2480ek] { background: #f0f2f5; }
.tp-botao-primario[b-v7dm2480ek] { background: #2f6fde; border-color: #2f6fde; color: #fff; }
.tp-botao-primario:hover[b-v7dm2480ek] { background: #255bb8; }
.tp-main[b-v7dm2480ek] { flex: 1; padding: 28px 32px; }

/* ---------- Telas estreitas: menu vai para o topo ---------- */
@media (max-width: 860px) {
    .tp-shell[b-v7dm2480ek] { flex-direction: column; }
    .tp-lateral[b-v7dm2480ek] { width: 100%; height: auto; position: static; }
    .tp-topo[b-v7dm2480ek], .tp-main[b-v7dm2480ek] { padding-left: 16px; padding-right: 16px; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-capa[b-4h0ogj0p46] { position: relative; }
.home-foto[b-4h0ogj0p46] { display: block; width: 100%; max-height: calc(100vh - 140px); object-fit: cover; border-radius: 12px; }

/* Título sobre a imagem: vermelho, com sombra escura para ficar legível sobre o gráfico */
.home-titulo[b-4h0ogj0p46] {
    position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);
    margin: 0; padding: 0 24px; text-align: center;
    color: #ff3131; font-size: clamp(22px, 4vw, 56px); font-weight: 800;
    letter-spacing: .06em; line-height: 1.15; text-transform: uppercase;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .85), 0 0 18px rgba(0, 0, 0, .6);
}
/* /Components/Shared/BtnAcao.razor.rz.scp.css */
/* Botão de ação: quadrado com ícone, nas cores do projeto (substitui o btn-* do Bootstrap) */
.btn-acao[b-3kozlt378o] {
    width: 32px; height: 32px; padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border: 0; border-radius: 6px; color: #fff; cursor: pointer;
    font-family: 'bootstrap-icons'; font-size: 1rem;
}
.btn-acao:disabled[b-3kozlt378o] { opacity: .5; cursor: not-allowed; }

.btn-acao-primary[b-3kozlt378o]   { background: #2f6fde; }
.btn-acao-success[b-3kozlt378o]   { background: #1a7f37; }
.btn-acao-danger[b-3kozlt378o]    { background: #b42318; }
.btn-acao-warning[b-3kozlt378o]   { background: #b54708; }
.btn-acao-secondary[b-3kozlt378o] { background: #5b6575; }
.btn-acao-info[b-3kozlt378o]      { background: #0e7490; }

.btn-acao:hover:not(:disabled)[b-3kozlt378o] { filter: brightness(.88); }
/* /Components/Shared/JanelaEdicao.razor.rz.scp.css */
/* Fundo escurecido: a lista continua visível atrás da janela.
   Fica abaixo da Confirmação (z-index 1000), que pode abrir por cima. */
.janela-fundo[b-rxdo8st0m6] { position: fixed; inset: 0; z-index: 900; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(20, 32, 43, .45); }

/* Altura máxima com rolagem própria, para formulários longos e telas menores */
.janela-caixa[b-rxdo8st0m6] { width: 100%; max-width: 780px; max-height: calc(100vh - 32px); display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 16px 40px rgba(20, 32, 43, .25); }
.janela-cabecalho[b-rxdo8st0m6] { padding: 18px 24px; border-bottom: 1px solid #eef0f3; }
.janela-cabecalho h2[b-rxdo8st0m6] { margin: 0; font-size: 18px; }
.janela-corpo[b-rxdo8st0m6] { padding: 20px 24px; overflow-y: auto; }

/* O formulário é da tela que usa a janela: ::deep alcança o conteúdo dela */
.janela-corpo[b-rxdo8st0m6]  .janela-form { display: flex; flex-direction: column; gap: 18px; }
.janela-corpo[b-rxdo8st0m6]  .janela-form .conta-erro { margin-bottom: 0; }