/* Menu único do app + visual sóbrio (03/11/2026). Carregado por todas as telas do painel; sobrepõe o estilo de cada uma.
   Direção: neutros, um destaque só (petróleo), sem roxo, sem degradê, sem selo "IA", tipografia comum (sem mono em caixa alta). */
:root{--fundo:#f7f7f8;--sup:#fff;--borda:#e4e4e7;--borda-f:#d4d4d8;--txt:#18181b;--txt2:#52525b;--txt3:#71717a;--acento:#0f766e;--acento-f:#115e59;--acento-bg:#f0fdfa;--menu:248px}
html,body{background:var(--fundo)!important;color:var(--txt)!important}
a{color:var(--acento)}
:focus-visible{outline:2px solid var(--acento)!important;outline-offset:2px}
h1{font-size:22px!important;line-height:28px!important;font-weight:700!important;letter-spacing:-.01em!important}
h2{font-size:16px!important;font-weight:600!important}
.rotulo{font-family:inherit!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--txt3)!important}
.selo{font-family:inherit!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border-radius:6px!important;padding:2px 8px!important}
.s-ia{background:#f4f4f5!important;color:var(--txt2)!important}
.s-neu{background:#f4f4f5!important;color:var(--txt2)!important;box-shadow:none!important}
.card,.kpi{border-color:var(--borda)!important;border-radius:12px!important;box-shadow:none!important}
.btn{border-radius:8px!important;font-weight:500!important;min-height:44px!important}
.btn-p{background:var(--txt)!important;border-color:var(--txt)!important;color:#fff!important}.btn-p:hover{background:#27272a!important}
.btn-s{border-color:var(--borda-f)!important}.btn-s:hover{border-color:var(--txt3)!important;background:#fafafa!important}
.btn-l{color:var(--acento)!important}
.campo{border-color:var(--borda-f)!important;border-radius:8px!important;min-height:44px!important}
.campo:focus{border-color:var(--acento)!important;outline:none;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.b-ag{background:#f4f4f5!important;color:var(--txt)!important}.b-eu{background:var(--txt)!important}
.av{background:#f4f4f5!important;color:var(--txt2)!important}
.grupo summary{color:var(--acento)!important}
.marca span[style*="5a3bd6"]{color:inherit!important}

/* ---------- casca ---------- */
html.com-menu header.topo{display:none!important}
html.com-menu #fab{display:none!important} /* a conversa fica no menu (no celular o botão cobria o conteúdo) */
html.com-menu body{padding-left:var(--menu)}
html.com-menu main,html.com-menu .login{max-width:880px!important}
.menu-app{position:fixed;inset:0 auto 0 0;width:var(--menu);background:var(--sup);border-right:1px solid var(--borda);display:flex;flex-direction:column;z-index:30;font-size:14px}
.menu-app .m-topo{padding:16px 14px 12px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--borda)}
.menu-app .m-marca{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--txt);text-decoration:none;padding:0 4px}
.menu-app .m-marca svg{flex:none}
.m-emp{position:relative}
.m-emp select{appearance:none;width:100%;min-height:40px;padding:8px 32px 8px 10px;border:1px solid var(--borda);border-radius:8px;background:#fafafa;font:inherit;font-size:14px;font-weight:500;color:var(--txt);cursor:pointer}
.m-emp select:hover{border-color:var(--borda-f)}
.m-emp svg{position:absolute;right:10px;top:12px;pointer-events:none;color:var(--txt3)}
.m-emp .m-um{min-height:40px;padding:9px 10px;border:1px solid var(--borda);border-radius:8px;background:#fafafa;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-app nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}
.menu-app .m-sec{margin:14px 10px 4px;font-size:12px;font-weight:500;color:var(--txt3)}
.m-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:8px;color:var(--txt2);text-decoration:none;font-weight:500;border:0;background:none;font:inherit;font-size:14px;cursor:pointer;width:100%;text-align:left}
.m-item:hover{background:#f4f4f5;color:var(--txt)}
.m-item[aria-current="page"]{background:var(--acento-bg);color:var(--acento-f);font-weight:600}
.m-item svg{flex:none;width:18px;height:18px}
.m-item .m-ext{margin-left:auto;width:14px;height:14px;color:var(--txt3)}
.menu-app .m-pe{border-top:1px solid var(--borda);padding:10px 8px 12px;display:flex;flex-direction:column;gap:2px}
.m-user{display:flex;align-items:center;gap:10px;padding:8px 10px}
.m-user .m-ini{width:30px;height:30px;border-radius:999px;background:#f4f4f5;color:var(--txt2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:none}
.m-user b{display:block;font-size:13px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-user span{display:block;font-size:12px;color:var(--txt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-user>div{min-width:0}
.barra-app,.veu-menu{display:none}

@media (max-width:900px){
  html.com-menu body{padding-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .menu-app{transform:translateX(-100%);transition:transform .2s ease;box-shadow:none;width:min(300px,86vw)}
  .menu-app.aberto{transform:none;box-shadow:0 0 0 100vmax rgba(24,24,27,.35)}
  .barra-app{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--sup);border-top:1px solid var(--borda);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .barra-app a,.barra-app button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border:0;background:none;font:inherit;font-size:11px;font-weight:500;color:var(--txt3);text-decoration:none;cursor:pointer;border-radius:8px}
  .barra-app [aria-current="page"]{color:var(--acento-f)}
  .barra-app svg{width:22px;height:22px}
  .veu-menu.aberto{display:block;position:fixed;inset:0;z-index:29}
}
@media (prefers-reduced-motion:reduce){.menu-app{transition:none}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* O seletor do menu substitui o seletor próprio da tela Equipe. */
html.com-menu #blocoEmpresa{display:none!important}