/* ============================================================================
   Administrativo 360 — Tema claro (padrão do módulo) · J11-WP7

   Contexto
   --------
   O módulo historicamente impunha superfícies escuras via utilitários do
   Bootstrap (.bg-dark/.bg-black/.table-dark/.text-light). O WP7 da J11
   estabelece o tema claro como padrão: superfícies brancas com bordas
   sutis, tinta escura com contraste AA e cor institucional reservada a
   ações e status. Este arquivo remapeia esses utilitários para os tokens
   canônicos (--pp-* do design system) e vale APENAS sob body.pp-a360 —
   classe aplicada em _Layout.cshtml quando a ação pertence ao módulo
   (Administrativo360Controller e sub-controllers Adm360*WebController).
   Páginas fora do módulo não são afetadas.

   Regras de construção
   --------------------
   1. Consome tokens do design system com fallback estável;
   2. O bootstrap vendorizado (css/vendor/bootstrap.min.css) marca utilitários
      de cor com !important. Onde é preciso inverter um desses utilitários,
      usa-se CONTRA-ESCOPO local com !important — uso contido e documentado
      (superfícies, chips e tintas listadas abaixo), não em massa;
   3. Onde não há conflito de important (variáveis --bs-table-*, links,
      foco), a vitória vem de especificidade escopada + ordem de carga;
   4. Contraste mínimo AA: tinta primária #10213a sobre #ffffff ≈ 15,8:1;
      secundária #405a80 ≈ 7,3:1.
   ============================================================================ */

/* ---- Tinta global do módulo ------------------------------------------------
   ~350 pontos do módulo usam .text-light junto das superfícies escuras
   (títulos, cabeçalhos de card, células, labels, links, blocos de ajuda).
   Um único contra-escopo converte esse conjunto para a tinta primária;
   o inverso não é necessário porque .text-dark segue sem alteração.     */

body.pp-a360 main .text-light {
    color: var(--pp-text-primary, #10213a) !important;
}

/* Elementos que mantêm fundo colorido próprio precisam de branco explícito.
   Exceção: .bg-info fica fora porque o ciano #0dcaf0 exige tinta escura
   para AA (branco daria ~1,96:1); segue a convenção text-dark do próprio Bootstrap. */
body.pp-a360 main .nav-link.active.bg-primary,
body.pp-a360 main .nav-link.active.bg-success {
    color: #ffffff !important;
}

/* ---- Superfícies (contra .bg-dark/.bg-black com !important no vendor) ------ */

body.pp-a360 .card.bg-dark,
body.pp-a360 .card.bg-black {
    background-color: var(--pp-surface-default, #ffffff) !important;
    border-color: var(--pp-border-subtle, #e5ebf3) !important;
    color: var(--pp-text-primary, #10213a);
}

body.pp-a360 .card-header.bg-dark,
body.pp-a360 .card-header.bg-black,
body.pp-a360 .card.bg-dark > .card-header {
    background-color: var(--pp-surface-subtle, #f8fafd) !important;
    border-bottom-color: var(--pp-border-subtle, #e5ebf3);
    color: var(--pp-text-primary, #10213a);
}

body.pp-a360 .modal-content.bg-dark,
body.pp-a360 .modal-content.bg-black {
    background-color: var(--pp-surface-default, #ffffff) !important;
    border-color: var(--pp-border-subtle, #e5ebf3) !important;
    color: var(--pp-text-primary, #10213a);
}

/* Borda secondary (gray-600) dos cards do módulo: suaviza no tema claro */
body.pp-a360 .card.border-secondary {
    border-color: var(--pp-border-default, #ccd7e5) !important;
}

body.pp-a360 .breadcrumb.bg-dark,
body.pp-a360 .breadcrumb.bg-black {
    background-color: var(--pp-surface-subtle, #f8fafd) !important;
}

/* ---- Formulários (inputs/selects escuros dos modais) ----------------------- */

body.pp-a360 .form-control.bg-dark,
body.pp-a360 .form-control.bg-black,
body.pp-a360 .form-select.bg-dark,
body.pp-a360 .form-select.bg-black {
    background-color: var(--pp-surface-default, #ffffff) !important;
    border-color: var(--pp-border-default, #ccd7e5) !important;
    color: var(--pp-text-primary, #10213a);
}

body.pp-a360 .form-control::placeholder {
    color: var(--pp-text-muted, #51698d);
    opacity: 1;
}

body.pp-a360 .form-control:focus,
body.pp-a360 .form-select:focus {
    border-color: var(--pp-brand-primary, #1f73f1);
    box-shadow: 0 0 0 .25rem rgb(31 115 241 / .18);
}

/* ---- Modais (detalhe) -------------------------------------------------------- */

/* O X branco do botão fechar ficaria invisível sobre o fundo agora claro */
body.pp-a360 .modal-content.bg-dark .btn-close-white,
body.pp-a360 .modal-content.bg-black .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(25%);
}

/* ---- Chips --------------------------------------------------------------------- */

/* Chips neutros (ex.: ambiente HOMOLOGACAO/PRODUCAO) que usavam .badge.bg-dark:
   chip claro neutro legível, sem perder a leitura de status */
body.pp-a360 .badge.bg-dark {
    background-color: #eef3f9 !important;
    color: var(--pp-text-secondary, #405a80) !important;
    border-color: var(--pp-border-default, #ccd7e5);
    font-weight: 600;
}

/* ---- Superfícies escuras preservadas (P1-12) ---------------------------------------
   Contraste escuro-sobre-escuro: os recortes abaixo NÃO estão no conjunto de
   remapeio claro deste arquivo, então mantêm o fundo escuro do vendor
   (#212529/#000 com !important) enquanto a regra global de .text-light no topo
   reescrevia a tinta para escura → texto escuro sobre fundo escuro. Restaura o
   branco nesses superfícies fechadas do módulo (inventário P1-12, 26 linhas):
   abas nav active (RelatoriosFinanceiros) e list-groups (ValorizacaoPrevia e
   Cotações/Detalhes) — os painéis de capacidade (Gestao/Dashboard) saíram
   deste inventário no lote 36 e convergem para superfície clara no bloco
   "Painel Gerencial" abaixo. Dentro das
   list-groups escuras o âmbar AA substitui o #a15c00 do contra-escopo para
   claro (~10:1 em vez de ~3:1); o chip CANCELADA (Notas) recupera o vermelho
   semântico sobre o chip neutro já remapeado.                                 */

body.pp-a360 main .nav-link.active.bg-dark,
body.pp-a360 main .nav-link.active.bg-black,
body.pp-a360 main .list-group.bg-dark,
body.pp-a360 main .list-group.bg-black,
body.pp-a360 main .list-group-item.bg-dark,
body.pp-a360 main .list-group-item.bg-black,
body.pp-a360 main .list-group-item.bg-dark .text-light,
body.pp-a360 main .list-group-item.bg-black .text-light {
    color: #ffffff !important;
}

body.pp-a360 main .list-group-item.bg-dark .text-warning,
body.pp-a360 main .list-group-item.bg-black .text-warning {
    color: #ffc94d !important;
}

body.pp-a360 main .badge.bg-dark.text-danger {
    color: #b02a37 !important;
}

/* ---- Painel Gerencial (Gestao/Dashboard) · convergência total ao tema claro (lote 36) ---
   Pedido do usuário: o dashboard "está horrível" — três painéis de capacidade
   em preto puro (.bg-black/.bg-dark) flutuando no tema claro + microcopy
   .text-white-50 (branco a 50%) quase invisível sobre cards já brancos +
   acentos ciano/âmbar ~1,6-2,2:1. Correção só por CSS (cshtml intacto → a
   variante escura fora do pp-a360 continua servida):

   1. Painéis de capacidade: preto → superfície clara com estado semântico
      na borda (habilitado: branco + borda success do vendor + sombra sutil;
      desabilitado: cinza atenuado + borda secondary suavizada). As linhas
      dos painéis saíram do bloco P1-12 acima porque a superfície deixou de
      ser escura; a tinta dos títulos volta à regra global de .text-light.
   2. .text-white-50 (rótulos de KPI, descrições, paginação, células):
      ilegível sobre as superfícies claras remapeadas → slate AA. Exclusão
      para os recortes preservados escuros (P1-12): mantém branco-50 lá.
   3. Acentos .text-info/.text-success/.text-danger/.text-primary (valores
      KPI, títulos de grupo, ícones, links, código): tintas AA sobre claro,
      mesmo padrão do contra-escopo de .text-warning existente. Nos recortes
      escuros preservados o ciano volta a ser claro (lê bem em #212529).
   4. botões .btn-outline-warning/.btn-outline-info (65 usos no módulo):
      borda+tinta amarela/ciano ilegíveis sobre o claro → âmbar/azul AA com
      hover preenchido suave.                                                  */

/* 1. Painéis de capacidade (Gestao/Dashboard) */
body.pp-a360 main .rounded.border.bg-black {
    background-color: var(--pp-surface-default, #ffffff) !important;
    box-shadow: 0 1px 3px rgb(16 33 58 / .08);
}

body.pp-a360 main .rounded.border.bg-dark {
    background-color: #eef2f7 !important;
}

body.pp-a360 main .rounded.border.border-secondary {
    border-color: var(--pp-border-default, #ccd7e5) !important;
}

/* No painel desabilitado o fundo é cinza: a tinta secondary (AA ~6:1) mantém a
   descrição legível onde o slate do token (~4,3:1) ficaria curto para .small */
body.pp-a360 main .rounded.border.bg-dark .text-white-50 {
    color: var(--pp-text-secondary, #405a80) !important;
}

/* 2. Microcopy white-50 → slate (excluídos os recursos escuros preservados P1-12) */
body.pp-a360 main .text-white-50 {
    color: var(--pp-text-muted, #51698d) !important;
}

body.pp-a360 main .list-group-item.bg-dark.text-white-50,
body.pp-a360 main .list-group-item.bg-black.text-white-50,
body.pp-a360 main .list-group-item.bg-dark .text-white-50,
body.pp-a360 main .list-group-item.bg-black .text-white-50 {
    color: rgba(255, 255, 255, .5) !important;
}

/* 3. Acentos semânticos sobre superfícies claras (contraste AA) */
body.pp-a360 main .text-info {
    color: var(--pp-info, #245ea8) !important;
}

body.pp-a360 main .text-success {
    color: #146c43 !important;
}

body.pp-a360 main .text-danger {
    color: #b02a37 !important;
}

body.pp-a360 main .text-primary {
    color: var(--pp-brand-primary-hover, #185fc8) !important;
}

body.pp-a360 main .list-group-item.bg-dark .text-info,
body.pp-a360 main .list-group-item.bg-black .text-info,
body.pp-a360 main .nav-link.active.bg-dark .text-info,
body.pp-a360 main .nav-link.active.bg-black .text-info {
    color: #a5e9f5 !important;
}

/* 4. Botões outline info/warning legíveis no tema claro */
body.pp-a360 main .btn.btn-outline-info {
    color: var(--pp-info, #245ea8);
    border-color: var(--pp-info, #245ea8);
}

body.pp-a360 main .btn.btn-outline-warning {
    color: var(--pp-color-warning, #a15c00);
    border-color: var(--pp-color-warning, #a15c00);
}

body.pp-a360 main .btn.btn-outline-info:hover,
body.pp-a360 main .btn.btn-outline-info:focus-visible {
    color: #ffffff;
    background-color: var(--pp-info, #245ea8);
    border-color: var(--pp-info, #245ea8);
}

body.pp-a360 main .btn.btn-outline-warning:hover,
body.pp-a360 main .btn.btn-outline-warning:focus-visible {
    color: #ffffff;
    background-color: var(--pp-color-warning, #a15c00);
    border-color: var(--pp-color-warning, #a15c00);
}

/* ---- Tabelas ----------------------------------------------------------------------
   As variáveis --bs-table-* do vendor NÃO levam !important: basta reafirmá-las
   escopado (vence o tema global que as zera) + células explícitas.         */

body.pp-a360 .table-responsive {
    background-color: var(--pp-surface-default, #ffffff);
}

body.pp-a360 .table-dark {
    --bs-table-bg: transparent;
    --bs-table-color: var(--pp-text-primary, #10213a);
    --bs-table-bg-alpha: 1;
    --bs-table-striped-bg: var(--pp-surface-subtle, #f8fafd);
    --bs-table-striped-color: var(--pp-text-primary, #10213a);
    --bs-table-active-bg: var(--pp-hover-bg, #edf4fc);
    --bs-table-active-color: var(--pp-text-primary, #10213a);
    --bs-table-hover-bg: var(--pp-hover-bg, #edf4fc);
    --bs-table-hover-color: var(--pp-text-primary, #10213a);
    --bs-table-border-color: var(--pp-border-subtle, #e5ebf3);
    color: var(--pp-text-primary, #10213a);
}

body.pp-a360 .table-dark > :not(caption) > tr > * {
    background-color: transparent;
    border-bottom-color: var(--pp-border-subtle, #e5ebf3);
    color: var(--pp-text-primary, #10213a);
}

body.pp-a360 .table-dark > :not(caption) > tr > th {
    background-color: var(--pp-surface-subtle, #f8fafd);
    border-bottom-color: var(--pp-border-default, #ccd7e5);
    color: var(--pp-text-secondary, #405a80);
    font-weight: 600;
    padding-block: .65rem;
}

body.pp-a360 .table-dark.table-hover > tbody > tr:hover > * {
    background-color: var(--pp-hover-bg, #edf4fc);
    color: var(--pp-text-primary, #10213a);
}

/* Estado inativo: mantém a atenuação com leitura preservada */
body.pp-a360 .table-dark tbody tr.opacity-75 > * {
    color: var(--pp-text-muted, #51698d);
}

/* ---- Links de conteúdo ------------------------------------------------------------ */

body.pp-a360 main .card a:not(.btn),
body.pp-a360 main .modal-content a:not(.btn) {
    color: var(--pp-brand-primary, #1f73f1);
}

body.pp-a360 main .card a:not(.btn):hover,
body.pp-a360 main .card a:not(.btn):focus-visible,
body.pp-a360 main .modal-content a:not(.btn):hover,
body.pp-a360 main .modal-content a:not(.btn):focus-visible {
    color: var(--pp-brand-primary-hover, #185fc8);
}

/* ---- Contraste AA no módulo ----------------------------------------------------------
   Tintas ciano/âmbar do Bootstrap (utilitários importantes) têm contraste
   insuficiente sobre o claro: contra-escopo com tinta AA.                 */

body.pp-a360 main .card-title.text-info {
    color: var(--pp-info, #245ea8) !important;
}

body.pp-a360 main code.text-warning {
    color: #8a5b00 !important;
}

/* Tinta de alerta genérica (breadcrumb, valores, títulos) sobre o claro:
   amarelo Bootstrap #ffc107 mede ~1,6:1 — contra-escopo com âmbar AA. */
body.pp-a360 main .text-warning {
    color: var(--pp-color-warning, #a15c00) !important;
}

/* ---- Acessibilidade: foco visível --------------------------------------------------------- */

body.pp-a360 main a:focus-visible,
body.pp-a360 main button:focus-visible,
body.pp-a360 main [role="tab"]:focus-visible,
body.pp-a360 main [role="menuitem"]:focus-visible,
body.pp-a360 main .dropdown-item:focus-visible {
    outline: 2px solid var(--pp-brand-primary, #1f73f1);
    outline-offset: 2px;
    border-radius: .375rem;
}

/* ---- R72: menu do módulo fixo ao rolar -------------------------------------------------
   Causa raiz: .adm360-nav-wrapper nao tinha posicao nem stacking proprio; ao
   rolar, os cards das areas seguintes (em ordem DOM posterior) cobriam o menu
   e os dropdowns abertos desapareciam por tras delas.
   Correcao: fixar sob o topbar com os tokens z-index canonicos (--pp-z-*) e
   criar contexto de empilhamento proprio (isolation) para que as areas nunca
   voltem a cobrir o menu; o fundo opaco fica no card interno ja remapeado
   pelo tema claro deste arquivo.                                              */

body.pp-a360 .adm360-nav-wrapper {
    position: sticky;
    top: calc(var(--pp-topbar-height, 5.25rem) + .5rem);
    z-index: var(--pp-z-sticky, 1010);
    isolation: isolate;
}

body.pp-a360 .adm360-nav-wrapper .dropdown-menu {
    z-index: var(--pp-z-dropdown, 1030);
}

/* Superfícies residuais: só conteúdo administrativo, nunca sidebar/topbar.
   Alertas inline antigos também precisam de tinta escura sobre a superfície clara. */
body.pp-a360 main .card-footer.bg-dark,
body.pp-a360 main .card-footer.bg-black,
body.pp-a360 main .alert.bg-dark,
body.pp-a360 main .alert.bg-black,
body.pp-a360 main .card-body.bg-dark,
body.pp-a360 main .card-body.bg-black {
    background-color: #f8fafd !important;
    color: #10213a !important;
    border-color: #ccd7e5 !important;
}

body.pp-a360 main .card .text-secondary,
body.pp-a360 main .card .text-muted {
    color: #405a80 !important;
}

body.pp-a360 main .card-footer {
    flex-wrap: wrap;
    gap: .75rem;
}

body.pp-a360 main .fiscal-guide {
    background: #f8fafd;
    border: 1px solid #ccd7e5;
    border-radius: .5rem;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    color: #10213a;
}

body.pp-a360 main .fiscal-guide summary { cursor: pointer; font-weight: 600; }

/* Seleção de transferência no celular: não comprimir seis colunas nem esconder a
   ação fora da primeira viewport. Mantém semântica de tabela e rótulos por célula. */
@media (max-width: 767.98px) {
    body.pp-a360 .adm360-transferencias .table-responsive { overflow: visible; }
    body.pp-a360 .adm360-transferencias :is(table, tbody) {
        display: block;
        width: 100%;
        min-width: 0 !important;
    }
    body.pp-a360 .adm360-transferencias thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }
    body.pp-a360 .adm360-transferencias tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        border: 1px solid var(--pp-border-default, #ccd7e5);
        border-radius: .5rem;
        padding: .75rem;
    }
    body.pp-a360 .adm360-transferencias tbody td {
        display: block;
        width: auto;
        min-width: 0;
        max-width: none;
        border: 0;
        padding: .25rem;
        text-align: left !important;
    }
    body.pp-a360 .adm360-transferencias td:first-child,
    body.pp-a360 .adm360-transferencias td[data-label="Ação"],
    body.pp-a360 .adm360-transferencias td[colspan] { grid-column: 1 / -1; }
    body.pp-a360 .adm360-transferencias td[data-label]::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: var(--pp-text-secondary, #405a80);
        margin-bottom: .25rem;
    }
    body.pp-a360 .adm360-transferencias [data-transferir-estoque] {
        width: 100%;
        white-space: normal;
    }
}

body.pp-a360 .adm360-navigation { margin-bottom: 0; }
body.pp-a360 .adm360-navigation > .card { margin-top: .75rem; overflow: visible; }
body.pp-a360 .adm360-nav-wrapper { margin-bottom: 1rem !important; }

body.pp-a360 main .fiscal-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(5rem, .25fr) minmax(6rem, .3fr);
    gap: .5rem;
    margin-inline: 0;
}
body.pp-a360 main .fiscal-item > div {
    width: auto !important;
    max-width: none;
    min-width: 0;
    padding-inline: 0;
}

/* Calendário: ações de cada obrigação visíveis no celular, sem exigir que o
   usuário encontre o checkbox fora da primeira coluna de uma tabela larga. */
body.pp-a360 main .calendario-fiscal-page summary { cursor: pointer; }
body.pp-a360 main .calendario-fiscal-page tbody th { text-transform: none; }
body.pp-a360 main .calendario-fiscal-page .cal-tabela table {
    table-layout: fixed;
    width: 100%;
    min-width: 0 !important;
}
body.pp-a360 main .calendario-fiscal-page .cal-tabela :is(th, td) {
    white-space: normal;
    overflow-wrap: anywhere;
    min-width: 0 !important;
    padding: .5rem;
}
body.pp-a360 main .calendario-fiscal-page .cal-tabela thead th:first-child { width: 28%; }
body.pp-a360 main .calendario-fiscal-page .cal-row-action button {
    max-width: 100%;
    white-space: normal;
}
@media (max-width: 767.98px) {
    body.pp-a360 main .calendario-fiscal-page .cal-tabela { overflow: visible; }
    body.pp-a360 main .calendario-fiscal-page .cal-tabela :is(table, tbody) {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    body.pp-a360 main .calendario-fiscal-page .cal-tabela thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }
    body.pp-a360 main .calendario-fiscal-page .cal-tabela tbody tr {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        border: 1px solid #ccd7e5;
        border-radius: .5rem;
        padding: .5rem;
        margin-bottom: .75rem;
    }
    body.pp-a360 main .calendario-fiscal-page .cal-tabela tbody tr > :is(th, td) {
        display: block !important;
        width: auto !important;
        min-width: 0;
        min-height: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        text-transform: none !important;
    }
    body.pp-a360 main .calendario-fiscal-page .cal-tabela tbody th,
    body.pp-a360 main .calendario-fiscal-page .cal-row-action { grid-column: 1 / -1; }
    body.pp-a360 main .calendario-fiscal-page td::before {
        content: attr(data-label);
        display: block;
        color: #405a80;
        font-weight: 600;
        margin-bottom: .25rem;
    }
    body.pp-a360 main .calendario-fiscal-page .cal-row-action button { width: 100%; }
}

/* ---- Lote 48: menu por área — paleta própria, sem cor duplicada -------------
   Causa raiz (pedido do usuário: "a cor do menu está ruim"): o módulo roda no
   tema claro deste arquivo (J11-WP7), mas o estado ATIVO dos grupos do menu
   ainda usava classes da era escura — btn-light sobre card branco (Cadastros e
   Documentos ativos = botão invisível) e cores duplicadas entre áreas
   (Organizacional = Compras em azul; Comercial = Fiscal em amarelo;
   Cadastros = Documentos em claro). Correção: cada área ganhou uma cor própria
   com tinta branca AA (contraste >= 4,5:1 medido sobre o fundo). O cshtml troca
   o estado ativo pelo par .adm360-area-btn + .adm360-area--<chave>; o estado
   inativo segue btn-outline-secondary. O caret do dropdown é SVG com stroke
   currentColor e herda o branco sem regra extra. Contrastes brancos verificados:
   organização ~6,0 · cadastros ~7,7 · comercial ~5,0 · compras ~7,9 ·
   estoque ~6,4 · cirúrgica ~6,5 · financeiro ~5,5 · fiscal ~5,4 ·
   documentos ~7,1 · relatórios ~14,6.                                  */

body.pp-a360 .adm360-nav-wrapper .adm360-area-btn {
    border: 1px solid transparent;
    font-weight: 700;
    color: #ffffff !important;
}

body.pp-a360 .adm360-nav-wrapper .adm360-area-btn:hover,
body.pp-a360 .adm360-nav-wrapper .adm360-area-btn:focus-visible {
    color: #ffffff !important;
    filter: brightness(1.15);
}

body.pp-a360 .adm360-nav-wrapper .adm360-area--organizacao { background-color: #185fc8 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--cadastros   { background-color: #475467 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--comercial   { background-color: #b45309 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--compras     { background-color: #4338ca !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--estoque     { background-color: #146c43 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--cirurgica   { background-color: #b02a37 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--financeiro  { background-color: #0f766e !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--fiscal      { background-color: #0e7490 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--documentos  { background-color: #6d28d9 !important; }
body.pp-a360 .adm360-nav-wrapper .adm360-area--relatorios  { background-color: #1e293b !important; }