/* Identidade visual do Dynamo (Rede Dynamo), carregada por último para valer sobre app.css e nav.css.
   Paleta aprovada em 19/10/2026: fundo cinza-concreto · azul-petróleo (principal, Mutmix) · verde-oliva (apoio, Vibra)
   · âmbar (atenção) · vermelho-tijolo (problema). Fonte: Montserrat. */
:root{
  --dy-petroleo:#1F5A6B; --dy-petroleo-claro:#D7E5E9; --dy-oliva:#6B8E3E; --dy-oliva-claro:#E3ECD6;
  --dy-ambar:#D99A1E; --dy-tijolo:#C2452D; --dy-concreto:#F3F2EF; --dy-grafite:#1E2A2F;
  --f-d:"Montserrat",Arial,sans-serif; --f-b:"Montserrat",Arial,sans-serif;
  --f-display:"Montserrat",Arial,sans-serif; --f-body:"Montserrat",Arial,sans-serif;
}
:root:not([data-theme="dark"]){
  --bg:#F3F2EF; --surface:#FFFFFF; --ink:#1E2A2F; --ink-2:#46555C; --ink-3:#737F84; --line:#DDDAD3;
  --accent:#1F5A6B; --accent-ink:#FFFFFF; --accent-soft:#D7E5E9;
  --good:#5A7A32; --warn:#B07A10; --crit:#C2452D; --info:#1F5A6B;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#12181A; --surface:#1A2326; --ink:#ECEFEF; --ink-2:#B8C2C4; --ink-3:#88959A; --line:#2B3639;
  --accent:#7FB4C3; --accent-ink:#12181A; --accent-soft:#203840;
  --good:#9FBF6E; --warn:#E6B44F; --crit:#E07A63; --info:#7FB4C3; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#12181A; --surface:#1A2326; --ink:#ECEFEF; --ink-2:#B8C2C4; --ink-3:#88959A; --line:#2B3639;
  --accent:#7FB4C3; --accent-ink:#12181A; --accent-soft:#203840;
  --good:#9FBF6E; --warn:#E6B44F; --crit:#E07A63; --info:#7FB4C3; color-scheme:dark}
body{background:var(--bg)}

h1,h2,h3{font-weight:700;letter-spacing:0}
:where(:root:not([data-theme="dark"])) :where(h1,h2){color:var(--dy-petroleo)}

/* cabeçalho das telas: azul-petróleo, faixa de assinatura em duas cores (petróleo + oliva) */
.pbar{background:var(--dy-petroleo)!important;border-bottom:0!important;color:#fff}
.pbar::after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--dy-petroleo) 0 60%,var(--dy-oliva) 60% 100%)}
.pbar h1,.pbar .pbar-t{color:#fff!important}
.pbar .muted,.pbar .small.muted{color:rgba(255,255,255,.82)!important}
.pbar .subnav a{background:var(--dy-petroleo-claro);border-color:var(--dy-petroleo-claro);color:var(--dy-petroleo)}
.pbar .subnav a:hover{background:#fff;border-color:#fff}
.pbar .subnav a[aria-selected="true"]{background:#fff;border-color:#fff;color:var(--dy-petroleo);box-shadow:inset 0 -3px 0 var(--dy-oliva)}
.pbar .trilha a,.pbar .tr-div{color:rgba(255,255,255,.78)}
.pbar .trilha a:hover{color:#fff;background:rgba(255,255,255,.12)}
.pbar .trilha [aria-current="page"]{color:#fff}
.pbar .tr-volta{background:var(--dy-petroleo-claro);border-color:var(--dy-petroleo-claro);color:var(--dy-petroleo)}
.pbar .tr-volta:hover{background:#fff;border-color:#fff}
.pbar .tr-sep{background:rgba(255,255,255,.3)}

/* cartões brancos, cantos 10px; título com barra oliva à esquerda */
.card{border-radius:10px;box-shadow:0 1px 3px rgba(30,42,47,.07)}
.card-h h2,details.card>summary h2{border-left:4px solid var(--dy-oliva);padding-left:10px;line-height:1.2}

.btn{font-weight:700}
.btn.gh{background:var(--dy-petroleo-claro);border-color:var(--dy-petroleo-claro);color:var(--dy-petroleo)}
.btn.gh:hover{background:#C3D7DD;border-color:#C3D7DD}
.btn.ok{background:var(--dy-oliva);border-color:var(--dy-oliva);color:#fff}
.btn.dn{background:var(--dy-tijolo);border-color:var(--dy-tijolo);color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.gh{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}}

.tag{background:var(--dy-petroleo-claro);color:var(--dy-petroleo)}
.tag.g{background:var(--dy-oliva-claro);color:#3F5A1F}
.tag.w{background:#F8E7C2;color:#6E4C05}
.tag.c{background:var(--dy-tijolo);color:#fff}
.tag.n{background:#ECEAE4;color:var(--ink-2);border-color:#DDDAD3}
.tbl th,.tbx th,table.t th{background:var(--dy-petroleo-claro);color:var(--dy-petroleo)}

.snav-marca{gap:10px}
.snav-itens a.on{background:var(--dy-petroleo-claro);color:var(--dy-petroleo)}
.wm em{color:var(--dy-oliva);font-style:normal}
.dy-mk{width:40px;height:40px;border-radius:10px;background:var(--dy-petroleo);display:grid;place-items:center;flex:none}
.dy-mk svg{width:24px;height:24px}

/* ---------- seletor de empresas (fixo no topo de toda tela) ---------- */
.emp-bar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.emp-bt{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font:600 13px var(--f-b);cursor:pointer}
.emp-bt:hover{border-color:var(--accent)}
.emp-bt .chev{opacity:.6}
.emp-chips{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
.emp-dot{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.emp-chip{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--f-b);color:var(--ink-2);background:var(--bg);border-radius:6px;padding:3px 7px}
.emp-pop{position:absolute;top:calc(100% + 6px);left:16px;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(30,42,47,.16);padding:10px;z-index:40}
.emp-pop[hidden]{display:none}
.emp-atalhos{display:flex;gap:6px;flex-wrap:wrap;padding:2px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.emp-atalhos button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:4px 10px;font:600 12px var(--f-b);cursor:pointer}
.emp-atalhos button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.emp-g{font:700 10.5px var(--f-b);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:8px 6px 4px}
.emp-op{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;cursor:pointer;font-size:14px}
.emp-op:hover{background:var(--bg)}
.emp-op input{accent-color:var(--accent);width:16px;height:16px;margin:0}
.emp-op .nm{flex:1}
.emp-op code{font:600 11px ui-monospace,Consolas,monospace;color:var(--ink-3)}
.emp-aviso{background:#F8E7C2;color:#6E4C05;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .emp-aviso{background:#3A2F18;color:#F1D79C}}
.demo-faixa{background:var(--dy-ambar);color:#1E2A2F;font:700 12px var(--f-b);text-align:center;padding:5px 12px}
.ex{font:700 10px var(--f-b);text-transform:uppercase;letter-spacing:.06em;color:var(--warn);border:1px solid currentColor;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle}
.mesa-g{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:900px){.mesa-g{grid-template-columns:1fr 1fr}}
.wrap{max-width:1040px}