/* Alvorada Diretoria — paleta Goodyear (navy #002C61/#004FA8, gold #FFD900)
   Celular: uma coluna com cartões por loja. Tela larga: tabela igual ao card. */
:root{
  --navy:#002C61; --navy-2:#004FA8; --navy-pale:#E8F0FD; --gold:#FFD900;
  --bg:#F3F6F9; --surface:#FFFFFF; --line:#DCE2EA; --fg:#121A26; --fg-2:#3E4855; --muted:#66727F;
  --ok:#1B9D4A; --warn:#F9A006; --bad:#E42525; --proj:#7B3FA6; --zero:#95A5A6;
  --track:#E6EBF1; --erro-bg:#FDECEC; --ok-bg:#E7F6EC;
  --f-display:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"Barlow",Arial,Helvetica,sans-serif;
  color-scheme:light;
}
:root.escuro{
  --bg:#0A0F1A; --surface:#111A2B; --line:#22304A; --fg:#E8EDF8; --fg-2:#B4C0D3; --muted:#7D8BA3;
  --navy-pale:#16264A; --ok:#4ADE80; --warn:#FBBF24; --bad:#F87171; --proj:#C4B5FD; --zero:#4A5568;
  --track:#1D2A42; --erro-bg:#3A1518; --ok-bg:#0F2E1C;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.4}
[hidden]{display:none!important}
.num{font-variant-numeric:tabular-nums}
button{font:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Cabeçalho */
.top{background:linear-gradient(135deg,#002C61 0%,#004FA8 100%);color:#fff;border-bottom:3px solid #FFD900;
  position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top,0px)}
.top-in{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:8px}
.logo{width:38px;height:38px;border-radius:9px;flex-shrink:0}
.brand{min-width:0;flex:1}
.brand b{display:block;font-family:var(--f-display);font-size:18px;letter-spacing:.3px;line-height:1.1}
.brand span{font-size:12px;opacity:.85;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ico-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);
  color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.ico-btn:active{background:rgba(255,255,255,.2)}
.ico-btn.girando svg{animation:gira 1s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.menu{position:absolute;right:16px;top:calc(100% + 6px);background:var(--surface);color:var(--fg);border:1px solid var(--line);
  border-radius:12px;box-shadow:0 8px 24px rgba(0,20,60,.25);padding:12px;min-width:220px;display:flex;flex-direction:column;gap:6px}
.menu-nome{font-weight:700}
.menu-email{font-size:12px;color:var(--muted);margin-bottom:4px;word-break:break-all}
.menu a{color:var(--navy-2);text-decoration:none;font-weight:600;padding:6px 0}
:root.escuro .menu a{color:#9CC3FF}
.menu a.sair{color:var(--bad)}

.wrap{max-width:1100px;margin:0 auto;padding-inline:16px;padding-block:14px calc(32px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}

/* Avisos */
.aviso{border-radius:10px;padding:10px 12px;font-size:14px}
.aviso.erro{background:var(--erro-bg);color:var(--bad);border:1px solid var(--bad)}
.aviso.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}

/* Períodos */
.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.per{border:1.5px solid var(--line);background:var(--surface);color:var(--fg-2);border-radius:10px;padding:8px 2px;
  font-weight:600;font-size:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.2}
.per small{font-size:11px;font-weight:500;color:var(--muted)}
.per[aria-pressed="true"]{color:#fff}
.per[aria-pressed="true"] small{color:rgba(255,255,255,.85)}
.per.atual[aria-pressed="true"]{background:#1B9D4A;border-color:#1B9D4A}
.per.ant[aria-pressed="true"]{background:#E42525;border-color:#E42525}
.per.hoje[aria-pressed="true"]{background:#004FA8;border-color:#004FA8}
.per.ontem[aria-pressed="true"]{background:#B88700;border-color:#B88700}
.per:focus-visible,.chip:focus-visible,.sort:focus-visible,.search:focus-visible,.turbo:focus-visible,.ico-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Resumo */
.summary{background:linear-gradient(135deg,#002C61 0%,#003B85 100%);border-radius:14px;padding:12px;color:#fff;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:3px solid #FFD900}
.kpi{background:rgba(0,0,0,.28);border:1px solid;border-radius:10px;padding:7px 10px;min-width:0}
.kpi .l{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.kpi .v{font-family:var(--f-display);font-weight:700;font-size:clamp(17px,5.4vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kpi .v .badge{font-family:var(--f-body);font-size:12px;min-width:0;padding:2px 7px}
.k-pct .v .badge{font-size:clamp(15px,4.6vw,20px);padding:2px 10px}
.k-meta{border-color:rgba(255,199,44,.6);color:#FFC72C}
.k-fat{border-color:rgba(74,222,128,.55);color:#4ADE80}
.k-pct{border-color:rgba(110,168,254,.55);color:#9CC3FF}
.k-proj{border-color:rgba(196,181,253,.55);color:#D3C8FF}
.days{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:13px}
.days .bar{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}
.days .bar i{display:block;height:100%;width:0;background:#FFD900}
.days b{font-family:var(--f-display);font-size:15px;white-space:nowrap}

/* Filtros */
.filters{display:flex;flex-direction:column;gap:8px}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;border:1px solid var(--line);background:var(--surface);color:var(--fg-2);border-radius:99px;
  padding:7px 14px;font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.row2{display:flex;gap:8px}
.search{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:9px 12px;font:inherit;font-size:16px}
.sort{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:0 6px;font:inherit;font-size:13px;max-width:42%}
.turbo{display:flex;align-items:center;gap:4px;border:1px solid var(--bad);color:var(--bad);background:var(--surface);
  border-radius:10px;padding:0 10px;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;flex-shrink:0}
.turbo svg{width:14px;height:14px;fill:currentColor;stroke:none}
.turbo[aria-pressed="true"]{background:var(--bad);color:#fff}
.count{font-size:12px;color:var(--muted)}

/* Lista (celular) */
.list{display:flex;flex-direction:column;gap:8px}
.carregando,.vazio{text-align:center;color:var(--muted);padding:28px 8px}
.store{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;gap:4px 10px;align-items:center}
.rank{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--track);color:var(--muted)}
.r1{background:linear-gradient(135deg,#ffd700,#b8860b);color:#3b2600}
.r2{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);color:#2a2a2a}
.r3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}
.sname{font-family:var(--f-display);font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sreg{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.badge{display:inline-block;min-width:56px;text-align:center;border-radius:99px;padding:3px 8px;font-weight:700;font-size:13px;color:#fff}
.b-ok{background:#1B9D4A}.b-warn{background:#F9A006;color:#111}.b-bad{background:#E42525}.b-zero{background:var(--zero)}
.svals{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:12px}
.svals span{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}
.svals b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.c-fat{color:var(--ok)}.c-proj{color:var(--proj)}
.prog{grid-column:2/-1;position:relative;height:8px;border-radius:99px;background:var(--track);margin-top:4px}
.prog .f{position:absolute;top:0;bottom:0;left:0;border-radius:99px}
.prog .p{position:absolute;top:-3px;width:3px;height:14px;background:var(--proj);border-radius:2px}
.prog .m{position:absolute;top:-4px;left:calc(100%/1.2 - 1px);width:2px;height:16px;background:var(--fg-2);opacity:.5}

/* Tabela (tela larga) */
.tablewrap{display:none;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{background:linear-gradient(180deg,#002C61,#004FA8);color:#fff;font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;
  padding:9px 10px;text-align:right;border-bottom:3px solid #FFD900;white-space:nowrap;position:sticky;top:0}
th:nth-child(-n+3){text-align:left}
td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
td:nth-child(-n+3){text-align:left}
td+td{border-left:1px solid var(--line)}
tbody tr:hover td{background:var(--navy-pale)}

@media (min-width:900px){
  #list{display:none}#s-vendas .tablewrap{display:block}
  .summary{grid-template-columns:repeat(4,1fr)}
  .filters{flex-direction:row;align-items:center}
  .row2{flex:1}
}
@media (prefers-reduced-motion:no-preference){.prog .f{transition:width .4s ease}}

/* Login */
.tela-login{min-height:100vh;background:linear-gradient(160deg,#002C61 0%,#004FA8 100%);display:flex;align-items:center;justify-content:center;
  padding:calc(24px + env(safe-area-inset-top,0px)) 16px 24px}
.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}
.login-marca{display:flex;align-items:center;gap:12px;color:#fff}
.login-marca img{border-radius:14px;border:2px solid rgba(255,255,255,.2)}
.login-marca b{display:block;font-family:var(--f-display);font-size:24px;line-height:1.1}
.login-marca span{font-size:14px;opacity:.85}
.login-form{background:var(--surface);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;border-bottom:4px solid #FFD900;
  box-shadow:0 12px 32px rgba(0,0,0,.3)}
.login-form label{font-weight:600;font-size:14px;color:var(--fg-2);margin-top:6px}
.login-form input{border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:16px;background:var(--surface);color:var(--fg)}
.login-form input:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--navy-2)}
.btn-entrar{margin-top:12px;border:0;border-radius:10px;padding:13px;background:#004FA8;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.btn-entrar:disabled{opacity:.7}
.dica{font-size:13px;color:var(--muted);text-align:center;margin:6px 0 0}

/* Acessos (admin) */
.pg{max-width:1100px;margin:0 auto;padding:16px}
.pg h1{font-family:var(--f-display);font-size:24px;margin:8px 0 12px}
.pg a{color:var(--navy-2)}

/* Cartão "Instalar no celular" (login e app) */
.card-instalar{width:100%;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;
  background:var(--surface);color:var(--fg);border:1.5px dashed var(--navy-2);border-radius:14px;padding:12px 14px}
.card-instalar:hover{background:var(--navy-pale)}
.card-instalar:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.card-instalar .ci-ico{width:42px;height:42px;border-radius:10px;background:#004FA8;color:#fff;display:grid;place-items:center;flex-shrink:0}
.card-instalar .ci-txt{flex:1;min-width:0}
.card-instalar b{display:block;font-size:15px}
.card-instalar small{display:block;font-size:13px;color:var(--fg-2);line-height:1.3}
.card-instalar .ci-seta{color:var(--muted);flex-shrink:0}
.tela-login .card-instalar{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.1);color:#fff}
.tela-login .card-instalar:hover{background:rgba(255,255,255,.18)}
.tela-login .card-instalar small,.tela-login .card-instalar .ci-seta{color:rgba(255,255,255,.85)}
.tela-login .card-instalar .ci-ico{background:#FFD900;color:#002C61}

.modal-fundo{position:fixed;inset:0;background:rgba(0,10,30,.6);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:16px}
@media (min-width:600px){.modal-fundo{align-items:center}}
.modal{background:var(--surface);color:var(--fg);border-radius:16px;max-width:420px;width:100%;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));
  border-top:4px solid #FFD900;display:flex;flex-direction:column;gap:12px}
.modal h2{margin:0;font-family:var(--f-display);font-size:21px}
.modal ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:15px}
.modal ol svg{width:18px;height:18px;vertical-align:-4px;color:#004FA8}
.modal button{border:0;border-radius:10px;padding:12px;background:#004FA8;color:#fff;font-weight:700;font-size:15px;cursor:pointer}

/* Sem permissão no Sankhya */
.sem-acesso{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:48px 16px;color:var(--fg-2)}
.sem-acesso svg{width:48px;height:48px;color:var(--navy-2)}
.sem-acesso b{font-family:var(--f-display);font-size:22px;color:var(--fg)}
.sem-acesso span{max-width:340px}

/* ============ Telas novas: início, detalhe da loja, estoque ============ */
.voltar{margin-right:2px}
.ola{font-family:var(--f-display);font-size:24px;font-weight:700;margin:4px 0 0}
.ola small{display:block;font-family:var(--f-body);font-size:14px;font-weight:500;color:var(--muted)}
.menu-app{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px;max-width:420px}
.mb{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:0;color:var(--fg)}
.mb .q{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(0,30,80,.18)}
.mb .q svg{width:34px;height:34px}
.mb span:last-child{font-weight:700;font-size:14px}
.mb:active .q{transform:scale(.95)}
.mb:focus-visible .q{outline:3px solid var(--gold);outline-offset:3px}
.c-vendas{background:linear-gradient(145deg,#1FB35A,#127A3A)}
.c-estoque{background:linear-gradient(145deg,#2F7BE0,#0B4AA0)}
.c-ti{background:linear-gradient(145deg,#8B5CF6,#5B2BC4)}
.resumo-home{width:100%;max-width:560px;margin:0 0 22px;background:linear-gradient(135deg,#002C61,#003B85);border:0;border-radius:16px;padding:16px 16px 14px;color:#fff;border-bottom:4px solid #FFD900;
  display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;font:inherit;box-shadow:0 8px 20px rgba(0,30,80,.2)}
.resumo-home small{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#9CC3FF;font-weight:700}
.rh-topo{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rh-topo small{color:#4ADE80}
.rh-fat{font-family:var(--f-display);font-size:34px;line-height:1.05}
.rh-barra{display:block;height:8px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}
.rh-barra i{display:block;height:100%;width:0;border-radius:99px;background:#4ADE80;transition:width .6s}
.rh-barra i.b-bad,.rh-barra i.bad{background:#F87171}.rh-barra i.b-warn,.rh-barra i.warn{background:#FBBF24}
.rh-pe{display:flex;justify-content:space-between;gap:10px}
.rh-pe b{font-family:var(--f-display);font-size:19px}
.rh-falta{text-align:right}
.dica-toque{font-size:12px;color:var(--muted)}

button.store{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.store.clica:hover{border-color:var(--navy-2)}
.store.clica:focus-visible,tr.clica:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
tr.clica{cursor:pointer}

.cat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.cat-h{display:flex;align-items:center;gap:10px}
.cat-h .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.cat-h b{flex:1;font-family:var(--f-display);font-size:18px}
.cat-v{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:13px}
.cat-v span{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}
.cat-v b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.barra{position:relative;height:10px;border-radius:99px;background:var(--track);overflow:hidden}
.barra i{position:absolute;top:0;bottom:0;left:0;border-radius:99px}
.falta{font-size:13px;color:var(--fg-2)}
.falta b{color:var(--bad)}
.falta.ok b{color:var(--ok)}
.sec{font-family:var(--f-display);font-size:19px;font-weight:700;margin:6px 0 -4px;display:flex;align-items:center;gap:8px}
.sec svg{color:var(--navy-2)}
.vend{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vrow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.vrow:last-child{border-bottom:0}
.vrow .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vrow .sub{grid-column:2/-1;font-size:12px;color:var(--muted)}
.vrow .sub b{color:var(--ok)}
.vrow .mini{grid-column:2/-1;height:6px;border-radius:99px;background:var(--track);overflow:hidden}
.vrow .mini i{display:block;height:100%}
@media (min-width:900px){#s-loja,#s-estoque{max-width:820px}}

.busca{display:flex;gap:8px;align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:0 12px;color:var(--muted)}
.busca:focus-within{border-color:var(--navy-2)}
.busca input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:16px;padding:12px 0;outline:none}
.prod{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.prod-h{width:100%;display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:12px 14px;background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.prod-h:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.pd{min-width:0}
.pd b{display:block;font-family:var(--f-display);font-size:16px;line-height:1.2}
.pd small{display:block;font-size:12px;color:var(--muted)}
.pd .veic{color:var(--fg-2);font-style:italic}
.preco{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.preco small{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.preco b{font-family:var(--f-display);font-size:19px;color:var(--navy-2)}
:root.escuro .preco b{color:#9CC3FF}
.pill{border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;color:#fff}
.lojas-est{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px;border-top:1px solid var(--line);padding-top:12px}
.le{font-size:12px;border:1px solid var(--line);border-radius:8px;padding:3px 8px;color:var(--fg-2)}
.le b{color:var(--fg)}
.le i{color:var(--muted)}
.le.zero{opacity:.55}
#lojaConteudo{display:flex;flex-direction:column;gap:12px}

/* Estoque por loja */
.prod.aberto{border-color:var(--navy-2)}
.el-tot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.el-tot div{background:var(--bg);border-radius:10px;padding:6px 8px;min-width:0}
.el-tot small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.el-tot b{font-family:var(--f-display);font-size:19px}
.el-tot b.ok{color:var(--ok)}
.el-lista{display:flex;flex-direction:column}
.el-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:'nome num' 'barra num';gap:4px 14px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.el-row:last-child{border-bottom:0}
.el-nome{min-width:0;grid-area:nome;display:flex;gap:8px;align-items:baseline}
.el-barra{grid-area:barra}
.el-num{grid-area:num}
.el-nome b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.el-nome small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.el-barra{position:relative;height:8px;border-radius:99px;background:var(--track);overflow:hidden}
.el-barra i{position:absolute;top:0;bottom:0;left:0;background:#1B9D4A;border-radius:99px}
.el-barra i.r{background:#F9A006;border-radius:0 99px 99px 0}
.el-leg{display:flex;gap:14px;font-size:11px;color:var(--muted)}
.el-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.el-num{text-align:right}
.el-num b{display:block;font-family:var(--f-display);font-size:18px;line-height:1.1}
.el-num small{font-size:11px;color:var(--muted);white-space:nowrap}
.el-row.zero{opacity:.55}
.el-sem summary{cursor:pointer;font-size:13px;color:var(--fg-2);padding:4px 0}
@media (max-width:420px){.el-tot{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Estoque por loja: tabela na paleta Goodyear */
.tbl-est-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.tbl-est{width:100%;border-collapse:collapse;font-size:13px}
.tbl-est th{background:linear-gradient(180deg,#002C61,#004FA8);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  padding:8px 10px;border-bottom:3px solid #FFD900;white-space:nowrap;text-align:left;position:static}
.tbl-est td{padding:7px 10px;border-bottom:1px solid var(--line);border-left:0;white-space:nowrap;text-align:left}
.tbl-est .n{text-align:right}
.tbl-est tbody tr:nth-child(even) td{background:var(--bg)}
.tbl-est tbody tr:hover td{background:var(--navy-pale)}
.tbl-est .lj b{display:block;font-size:13px}
.tbl-est .lj small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.tbl-est tfoot td{background:var(--navy-pale);font-weight:700;border-top:2px solid var(--navy-2);border-bottom:0}
:root.escuro .tbl-est tfoot td{background:#16264A}
.tbl-est tr.zero td{color:var(--muted)}
.tg{display:inline-block;min-width:44px;text-align:center;border-radius:99px;padding:2px 8px;font-weight:700;font-size:12px}
.tg-ok{background:#1B9D4A;color:#fff}
.tg-res{background:#FFF1D6;color:#8A5A00;border:1px solid #F9A006}
:root.escuro .tg-res{background:#3A2A06;color:#FBBF24}
.tg-nada{color:var(--muted)}
.tg-zero{background:var(--zero);color:#fff}
.tbl-est .ct{display:none}
.tbl-est td.lj{white-space:normal}
@media (max-width:520px){
  .tbl-est .lg{display:none}.tbl-est .ct{display:inline}
  .tbl-est th,.tbl-est td{padding:7px 6px}
  .tbl-est th{font-size:10px;letter-spacing:.3px}
  .tbl-est td{font-size:12px}
  .tg{min-width:0;padding:2px 7px}
}

/* Assinatura no rodapé do início */
.assin{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.assin small{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.assin svg{width:150px;height:auto;overflow:visible;fill:none;stroke:#004FA8;stroke-width:34;stroke-linecap:round;stroke-linejoin:round}
.assin svg .sw{stroke:#FFD900;stroke-width:40}
:root.escuro .assin svg{stroke:#9CC3FF}
#s-inicio{min-height:calc(100vh - 70px)}

/* ---------------- Liberações ---------------- */
.c-lib{background:linear-gradient(145deg,#F59E0B,#C2410C)}
.lib-lista{display:flex;flex-direction:column;gap:10px}
.lib{background:var(--surface);border:1px solid var(--line);border-left:4px solid #F9A006;border-radius:14px;overflow:hidden}
.lib.fora{border-left-color:var(--bad)}
.lib-h{width:100%;display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:12px 14px;background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.lib-h:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.lt{min-width:0;display:flex;flex-direction:column;gap:3px}
.lt b{font-size:15px;line-height:1.25}
.lt small{font-size:12px;color:var(--muted)}
.lv{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}
.lv small{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.lv b{font-family:var(--f-display);font-size:18px;color:var(--navy-2)}
:root.escuro .lv b{color:#9CC3FF}
.lchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.lchip{font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;line-height:1.5}
.l-desc{background:#FFF1D6;color:#8A5A00;border:1px solid #F9A006}
.l-ok{background:#E3F6EA;color:#11692F;border:1px solid #1B9D4A}
.l-alto{background:#FDE4E4;color:#A11A1A;border:1px solid var(--bad)}
:root.escuro .l-desc{background:#3A2A06;color:#FBBF24}
:root.escuro .l-ok{background:#0F2E1C;color:#6EE7A0}
:root.escuro .l-alto{background:#3A1010;color:#FCA5A5}
.lib-d{padding:0 14px 14px;border-top:1px solid var(--line)}
.lib-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 14px;margin:12px 0}
.lib-dl dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.lib-dl dd{margin:0;font-weight:700;font-size:14px}
.tbl-lib{width:100%;border-collapse:collapse;font-size:13px}
.tbl-lib th{background:linear-gradient(180deg,#002C61,#004FA8);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:8px 10px;text-align:left;white-space:nowrap}
.tbl-lib td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl-lib .n{text-align:right;white-space:nowrap}
.tbl-lib .lp b{display:block;font-size:13px;font-weight:600}
.tbl-lib .lp small{display:block;font-size:11px;color:var(--muted)}
.tbl-lib tr.pend td{background:#FFF8EB}
.tbl-lib tr.pend.alto td{background:#FFF0F0}
:root.escuro .tbl-lib tr.pend td{background:#2A2108}
:root.escuro .tbl-lib tr.pend.alto td{background:#2E1212}
.tbl-lib em.ok{color:#11692F;font-style:normal;font-weight:700}
.tbl-lib em.no{color:#A11A1A;font-style:normal;font-weight:700}
:root.escuro .tbl-lib em.ok{color:#6EE7A0}
:root.escuro .tbl-lib em.no{color:#FCA5A5}
.tbl-lib .ct{display:none}
.lib-nota{font-size:12px;color:var(--muted);margin:10px 0 0}
.lib-lim{font-size:12px;color:var(--muted);margin:16px 2px}
.lib-lim b{color:var(--fg-2)}
@media (max-width:520px){
  .tbl-lib .lg{display:none}.tbl-lib .ct{display:inline}
  .tbl-lib th,.tbl-lib td{padding:6px 6px}
  .lv b{font-size:16px}
}
.lib-tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.lib-itens{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.li{padding:9px 12px;border-bottom:1px solid var(--line)}
.li:last-child{border-bottom:0}
.li.pend{background:#FFF8EB}
.li.pend.alto{background:#FFF0F0}
:root.escuro .li.pend{background:#2A2108}
:root.escuro .li.pend.alto{background:#2E1212}
.li-n b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.li-n small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.li-n em.ok{color:#11692F;font-style:normal;font-weight:700}
.li-n em.no{color:#A11A1A;font-style:normal;font-weight:700}
:root.escuro .li-n em.ok{color:#6EE7A0}
:root.escuro .li-n em.no{color:#FCA5A5}
.li-v{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr;gap:6px;margin-top:7px}
.li-v span{display:flex;flex-direction:column;gap:1px}
.li-v small{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.li-v b{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.li-v b.tg{align-self:flex-start;min-width:0}
#libBusca{margin-bottom:10px}
.lib-ir{border:0;background:var(--navy-2);color:#fff;font:inherit;font-weight:700;font-size:14px;border-radius:9px;padding:8px 14px;cursor:pointer}
.lib-filtros{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 10px}
.lib-filtros label{display:flex;flex-direction:column;gap:3px;min-width:0}
.lib-filtros span{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.lib-filtros select{width:100%;min-width:0;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:9px 8px;font:inherit;font-size:14px}
@media (max-width:620px){ .lib-filtros{grid-template-columns:1fr 1fr} }
.li-v .tg{font-style:normal;align-self:flex-start;margin-top:3px;min-width:0}
.tg-t0{background:var(--navy-pale);color:var(--navy-2);border:1px solid #9CC3FF}
:root.escuro .tg-t0{color:#9CC3FF;border-color:#2F5A9E}
.lib-acoes{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.lib-obs{width:100%;box-sizing:border-box;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px}
.lib-bts{display:flex;gap:8px}
.lib-bts button{flex:1;border:0;border-radius:10px;padding:12px 10px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;color:#fff}
.b-lib{background:#1B9D4A}
.b-rep{background:#fff;color:#A11A1A !important;border:1.5px solid #E42525 !important;flex:0 0 34% !important}
:root.escuro .b-rep{background:transparent}
.lib-bts button.conf{outline:3px solid var(--gold);outline-offset:2px}
.b-lib.conf{background:#127A3A}
.b-rep.conf{background:#E42525;color:#fff !important}
.lib-bts button:disabled{opacity:.55;cursor:default}
.lib-msg{margin:0;font-size:13px;font-weight:600}
.lib-msg.ok{color:#11692F}.lib-msg.erro{color:#A11A1A}
:root.escuro .lib-msg.ok{color:#6EE7A0}:root.escuro .lib-msg.erro{color:#FCA5A5}
.lib.feito{opacity:.6;border-left-color:#1B9D4A}
.li-v small.li-r{margin-top:5px}
.nu{align-self:flex-start;font-family:var(--f-display);font-weight:800;font-size:15px;letter-spacing:.3px;background:var(--navy);color:#fff;border-radius:8px;padding:2px 9px;border-bottom:2px solid var(--gold)}
:root.escuro .nu{background:#1E3A6E}
.lmeta{font-size:12.5px !important;color:var(--fg-2) !important}
.lmeta b{color:var(--fg);font-weight:800;text-transform:uppercase}
.lcli{font-size:15px;line-height:1.25;margin-top:2px}
.tg-real{font-size:14px !important;padding:3px 10px !important;background:#FFF1D6;color:#8A5A00;border:1px solid #F9A006}
.tg-real.alto{background:#FDE4E4;color:#A11A1A;border-color:var(--bad)}
.tg-real.calmo{background:var(--navy-pale);color:var(--navy-2);border-color:#9CC3FF}
:root.escuro .tg-real{background:#3A2A06;color:#FBBF24}
:root.escuro .tg-real.alto{background:#3A1010;color:#FCA5A5}
:root.escuro .tg-real.calmo{color:#9CC3FF;border-color:#2F5A9E}
.li-v small.li-r{text-transform:none;letter-spacing:0;font-size:11px}
/* janela de confirmação (liberações) — classes próprias para não mexer no modal de instalar */
.cf-fundo{position:fixed;inset:0;z-index:100;background:rgba(5,15,35,.55);display:grid;place-items:center;padding:16px}
.cf-box{width:100%;max-width:380px;background:var(--surface);color:var(--fg);border-radius:18px;padding:22px 20px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35);text-align:center;border-top:5px solid var(--gold)}
.cf-tit{margin:0 0 12px;font-family:var(--f-display);font-weight:800;font-size:19px;line-height:1.25}
.cf-nu{display:inline-block;margin:0 0 18px;font-family:var(--f-display);font-weight:800;font-size:22px;background:var(--navy);color:#fff;border-radius:10px;padding:4px 14px;border-bottom:3px solid var(--gold)}
.cf-bts{display:flex;gap:10px}
.cf-bts button{flex:1;border:0;border-radius:12px;padding:14px 10px;font:inherit;font-weight:800;font-size:16px;color:#fff;cursor:pointer}
.cf-sim{background:#1B9D4A}
.cf-nao{background:#E42525}
.cf-bts button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.li-d{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px;padding-top:7px;border-top:1px dashed var(--line)}
.li-d span{display:flex;flex-direction:column;gap:1px}
.li-d small{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.li-d b{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.li-d .tg-real{align-self:flex-start;margin-top:1px}
.li-d .tg-real{font-style:normal}

/* ---------------- Plano de Ação da CIA ---------------- */
.c-plano{background:linear-gradient(145deg,#14B8A6,#0F766E)}
.pl-novo{width:100%;border:0;border-radius:12px;padding:13px;background:var(--navy-2);color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;margin-bottom:12px;border-bottom:3px solid var(--gold)}
.pl-resumo{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.pl-resumo div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 10px;border-top:3px solid var(--navy-2)}
.pl-resumo .r-bad{border-top-color:var(--bad)}.pl-resumo .r-warn{border-top-color:var(--warn)}.pl-resumo .r-ok{border-top-color:var(--ok)}
.pl-resumo small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);line-height:1.2}
.pl-resumo b{font-family:var(--f-display);font-size:22px}
.pl-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px}
.pl-chips .chip b{margin-left:3px}
.pl-filtros{grid-template-columns:1fr 1fr}
.pl-lista{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.pl{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--navy-2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.pl.atrasado{border-left-color:var(--bad)}
.pl-l1{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.st,.pri{font-size:11px;font-weight:800;border-radius:99px;padding:2px 9px;text-transform:uppercase;letter-spacing:.3px}
.st-a{background:#E8F0FD;color:#004FA8}.st-e{background:#FFF1D6;color:#8A5A00}.st-r{background:#E3F6EA;color:#11692F}.st-c{background:#ECEFF2;color:#5B6670}
.st-atr{background:#E42525;color:#fff}
.pri{background:none;border:1px solid var(--line);color:var(--fg-2)}.pri-A{border-color:var(--bad);color:#A11A1A}
:root.escuro .st-a{background:#16264A;color:#9CC3FF}:root.escuro .st-e{background:#3A2A06;color:#FBBF24}:root.escuro .st-r{background:#0F2E1C;color:#6EE7A0}:root.escuro .st-c{background:#22304A;color:#B4C0D3}
.pl-prob{font-size:14px;line-height:1.35}
.pl-and{font-size:12px;color:var(--muted)}
.pl-pe{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:2px}
.prazo{font-weight:700;color:var(--fg-2)}.prazo.atr{color:#E42525}.prazo.vence{color:#B7791F}
.pl-form{display:flex;flex-direction:column;gap:12px}
.pl-cab{display:flex;gap:8px;align-items:center}
.pl-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pl-grade label,.pl-full{display:flex;flex-direction:column;gap:4px;min-width:0}
.pl-grade span,.pl-full span{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.pl-form input,.pl-form select,.pl-form textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:10px;font:inherit;font-size:15px}
.pl-form textarea{resize:vertical}
.pl-form input:disabled{opacity:.5}
.pl-ands{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.pl-ands h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--navy-2)}
.pl-and1{border-left:3px solid var(--gold);padding-left:9px}
.pl-and1 small{color:var(--muted);font-size:11.5px}.pl-and1 p{margin:2px 0 0;font-size:14px;white-space:pre-wrap}
.pl-bt-and{border:0;border-radius:10px;padding:11px;background:var(--navy-2);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.pl-bt-and:disabled,.pl-bts button:disabled{opacity:.55}
.pl-bts{display:flex;gap:8px}
.pl-bts button{flex:1;border:0;border-radius:10px;padding:13px 10px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;color:#fff}
.pl-bts .b-rep{flex:0 0 34%}
.pl-aud{margin:0}
.pl-hist{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pl-hist summary{cursor:pointer;font-weight:700;font-size:14px}
.pl-h1{border-top:1px solid var(--line);padding:8px 0}.pl-h1 small{color:var(--muted)}
.pl-h1 ul{margin:4px 0 0;padding-left:18px;font-size:13px}
@media (max-width:620px){ .pl-grade{grid-template-columns:1fr 1fr} .pl-resumo{grid-template-columns:1fr 1fr} }
.chip.on{background:var(--navy-2);border-color:var(--navy-2);color:#fff}

/* simulador de política no estoque (só visualização) */
.sim{margin:0 0 10px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.sim-t{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--navy-2)}
.sim-t small{font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted);margin-left:6px}
.sim-l{display:flex;gap:12px;align-items:center;justify-content:space-between}
.sim-in{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:10px;padding:0 10px;background:var(--bg)}
.sim-in:focus-within{border-color:var(--navy-2)}
.sim-in input{width:64px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:20px;font-weight:800;padding:8px 0;outline:none;text-align:right}
.sim-in span{font-size:12px;color:var(--muted);font-weight:700}
.sim-r{text-align:right;display:flex;flex-direction:column}
.sim-r small{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.sim-r b{font-family:var(--f-display);font-size:22px;color:#11692F}
:root.escuro .sim-r b{color:#6EE7A0}
.sim-r .sim-dif{text-transform:none;letter-spacing:0;font-size:11.5px}
.sim-qs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sim-qs button{border:1px solid var(--line);background:var(--bg);color:var(--fg-2);border-radius:99px;padding:5px 11px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.sim-qtd{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}
.sim-qtd input{width:56px;border:1.5px solid var(--line);border-radius:8px;padding:5px 6px;font:inherit;font-size:14px;background:var(--bg);color:var(--fg)}
.sim-tot{font-size:13px;color:var(--fg-2)}.sim-tot span{color:var(--muted)}

/* ---------------- Desenvolvimento (TI) ---------------- */
.dv-topo{display:flex;gap:8px;align-items:stretch;margin-bottom:12px}
.dv-topo .pl-novo{margin:0;flex:1}
.dv-portal{display:flex;align-items:center;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;color:var(--navy-2);font-weight:700;font-size:13px;text-decoration:none;background:var(--surface)}
.pl.dv{cursor:pointer}
.dv-tela{align-self:flex-start;font-family:Consolas,monospace;font-size:12.5px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
.dv-bts{display:flex;gap:6px;margin-top:6px;align-items:center}
.dv-b{border:1.5px solid var(--line);background:var(--surface);color:var(--fg-2);border-radius:9px;padding:7px 11px;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.dv-prox{margin-left:auto;background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.dv-ok{margin-left:auto;color:#11692F;font-weight:800;font-size:13px}
.pri-Al{border-color:#F9A006;color:#8A5A00}
.dv-fotos{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.dv-fotos img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.dv-g2{grid-template-columns:1fr 1fr}
.dv-ands{margin-top:12px}
.dv-novoand{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:10px}
.dv-novoand select,.dv-novoand textarea,.dv-conc input,.dv-conc textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:9px;font:inherit;font-size:15px}
.dv-conc{margin-top:12px;border-top:3px solid #1B9D4A}
.dv-conc label{display:flex;flex-direction:column;gap:4px}.dv-conc label span{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.dv-bt-conc{background:#1B9D4A}
.dv-t{font-weight:800}.dv-t-Erro{color:#b23b16}.dv-t-Sucesso{color:#1b7f3b}.dv-t-Complemento{color:#004FA8}

/* valores com centavos: fontes um pouco menores para caber no celular */
.kpi .v{font-size:clamp(15px,4.6vw,23px);white-space:normal;overflow:visible;overflow-wrap:anywhere}
.svals b{font-size:12.5px;white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:-.2px}
.cat-v b{font-size:12.5px;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.rh-fat{font-size:clamp(26px,8vw,34px)}
.rh-pe b{font-size:clamp(14px,4.4vw,19px)}
.rh-pe{flex-wrap:wrap}
@media (max-width:380px){ .svals{gap:4px} .svals b{font-size:11.5px} }
.kpi .v{font-size:clamp(13px,4.1vw,23px);white-space:nowrap;letter-spacing:-.3px}

/* ---------------- Atendimento (em teste) ---------------- */
.c-atend{background:linear-gradient(145deg,#EC4899,#BE185D)}
.mb .q{position:relative}
.mb-teste{position:absolute;top:-7px;right:-9px;background:var(--gold);color:#002C61;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.5px;border-radius:99px;padding:2px 6px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.aviso-teste{background:#FFF7CC;color:#6b4e00;border:1px solid #FFD900;border-radius:10px;padding:7px 12px;font-size:12.5px;font-weight:700;margin-bottom:12px;text-align:center}
:root.escuro .aviso-teste{background:#3A2A06;color:#FBBF24}
.at-cats{display:flex;flex-direction:column;gap:10px}
.at-cat{display:flex;gap:14px;align-items:center;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;font:inherit;color:inherit}
.at-cat .q{width:56px;height:56px;flex-shrink:0;border-radius:16px;display:grid;place-items:center;color:#fff}
.at-cat .q svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.at-cat b{display:block;font-size:16px}.at-cat small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.c-at1{background:linear-gradient(145deg,#2F7BE0,#0B4AA0)}.c-at2{background:linear-gradient(145deg,#14B8A6,#0F766E)}.c-at3{background:linear-gradient(145deg,#1FB35A,#127A3A)}
.at-breve .at-tag{display:inline-block;margin-top:10px;background:var(--gold);color:#002C61;font-weight:900;font-size:12px;border-radius:99px;padding:3px 12px}
/* preço/estoque sendo consultados na hora */
.carreg{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.55;animation:gira .7s linear infinite;vertical-align:-2px}
/* ---- TI: menu Portal GPO + Sankhya ---- */
.ti-sec{margin:4px 2px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.ti-trac{border:0;border-top:2px dashed var(--line);margin:18px 0 14px}
.c-ti1{background:linear-gradient(145deg,#2D8CFF,#004FA8)}.c-ti2{background:linear-gradient(145deg,#8B5CF6,#5B2BC4)}
.c-ti3{background:linear-gradient(145deg,#F59E0B,#C2410C)}.c-ti4{background:linear-gradient(145deg,#10B981,#047857)}.c-ti5{background:linear-gradient(145deg,#64748B,#334155)}
.pl.pc-on{border-left-color:#1B9D4A}.pl.pc-off{border-left-color:#F59E0B}.pl.pc-parado{border-left-color:#E42525}.pl.pc-sem{border-left-color:#94A3B8}
.sit{display:inline-block;font-size:11px;font-weight:800;border-radius:99px;padding:2px 8px}
.sit-online{background:#E3F6EA;color:#11692F}.sit-offline{background:#FFF1D6;color:#8A5A00}.sit-parado{background:#FDE2E2;color:#B91C1C}.sit-semsinal,.sit-pendente{background:#ECEFF2;color:#5B6670}
.tp-met{display:flex;gap:10px;font-size:12px;color:var(--muted)}.tp-met b{color:var(--fg)}
.tp-ficha{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 14px;margin:10px 0}
.tp-ficha div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.tp-ficha div:last-child{border-bottom:0}.tp-ficha span{color:var(--muted)}.tp-ficha b{text-align:right;word-break:break-word;font-weight:600}
.tp-cab{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}
.tp-cab h2{margin:0;font-size:20px}
.tp-acoes{display:flex;gap:8px;flex-wrap:wrap}.tp-acoes a,.tp-acoes button{flex:1}
.tm-hist{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
#tmPc{margin-top:6px}
.tp-acoes a{text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center}
.tf-chk{display:flex;gap:10px;align-items:center;font-size:15px}.tf-chk input{width:20px;height:20px}
.tf-n{font-style:normal;opacity:.55;text-transform:none;letter-spacing:0;margin-left:4px}
.tf-dica{color:var(--muted);font-size:12px;margin-top:2px}
.tf-ro{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 2px;border-bottom:1px dashed var(--line)}.tf-ro span{color:var(--muted)}
.tf-todos{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
.tf-todos summary{font-weight:800;color:var(--navy-2);cursor:pointer}
.tf-gravar{position:sticky;bottom:10px;z-index:2}
/* Atendimento › cadastrar parceiro */
.pc-tipo{display:flex;justify-content:space-between;align-items:center;background:var(--navy-2);color:#fff;border-radius:12px;padding:12px 14px;margin-bottom:12px;border-bottom:3px solid var(--gold)}
.pc-tipo b{font-size:16px;letter-spacing:.5px}.pc-tipo button{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:99px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
.pc-info{display:flex;justify-content:space-between;gap:8px;font-size:12px;min-height:15px;margin-top:2px}
.pc-av{font-style:normal;color:var(--muted)}.pc-av.pc-ok{color:#11692F;font-weight:700}.pc-av.pc-err{color:#B91C1C;font-weight:700;cursor:pointer}
.pc-cont{font-style:normal;color:var(--muted);margin-left:auto}
.pl-form input.pc-ruim,.pl-form select.pc-ruim{border-color:#E42525;background:#FFF5F5}
/* Projetos (ideias registradas) */
.c-projs{background:linear-gradient(145deg,#64748B,#334155)}
.pj-lista{display:flex;flex-direction:column;gap:10px}
.pj{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:12px 14px}
.pj b{display:block;font-size:16px;margin:4px 0 2px}.pj p{margin:0;color:var(--fg-2);font-size:14px;line-height:1.45}.pj p b{display:inline;font-size:inherit;margin:0}
.pj-st{display:inline-block;font-size:11px;font-weight:800;border-radius:99px;padding:2px 8px;background:#ECEFF2;color:#5B6670;text-transform:uppercase;letter-spacing:.4px}
.pj-st.pj-and{background:#E3F6EA;color:#11692F}

/* Distribuição */
.c-dist{background:linear-gradient(145deg,#0EA5E9,#0369A1)}
.c-dist1{background:linear-gradient(145deg,#22C55E,#15803D)}
.c-dist2{background:linear-gradient(145deg,#F59E0B,#B45309)}
.dist-per{grid-template-columns:1fr 1fr !important}
.dk{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dk .kpi .s{font-size:11.5px;color:rgba(255,255,255,.8);margin-top:2px}
.dk .kpi .s b{font-weight:700}
.dk .up{color:#4ADE80}.dk .down{color:#F87171}
.graf{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.graf svg{width:100%;height:auto;display:block}
.graf .leg{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:4px;flex-wrap:wrap}
.graf .leg i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.graf text{fill:var(--muted);font-size:10px}
.dbar{grid-column:2/-1;height:6px;border-radius:99px;background:var(--track);overflow:hidden}
.dbar i{display:block;height:100%;background:var(--navy-2)}
.st-ok{background:var(--ok)}.st-ab{background:var(--warn)}
.vrow .sub b.pn{color:var(--navy-2)}
:root.escuro .vrow .sub b.pn{color:#9CC3FF}
.vrow.clica{cursor:pointer}
.vrow.clica:active{background:var(--track)}
.vrow.clica b .seta{width:14px;height:14px;vertical-align:-2px;margin-left:2px;color:var(--muted)}
.c-dev,.vrow .sub b.c-dev{color:var(--bad)}
.vrow .itens{grid-column:1/-1;border-top:1px dashed var(--line);margin-top:4px;padding-top:6px;display:flex;flex-direction:column;gap:6px;cursor:default}
.vrow[aria-expanded="true"] .seta{transform:rotate(90deg)}
.it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;font-size:13px}
.it-q{font-weight:800;color:var(--navy-2);min-width:30px}
:root.escuro .it-q{color:#9CC3FF}
.it-d{overflow-wrap:anywhere}
.it-d small{display:block;color:var(--muted);font-size:11.5px}
.it b{white-space:nowrap}
.it-tot,.it-vazio{font-size:12px;color:var(--muted);text-align:right}
.it-vazio{text-align:left}
.vrow .nm .seta{width:14px;height:14px;vertical-align:-2px;margin-left:4px;color:var(--muted)}
.vrow .sub b.c-ok{color:var(--ok)}.vrow .sub b.c-ab{color:var(--warn)}
#vGraf:empty{display:none}
.graf .g-tit{font-family:var(--f-display);font-weight:700;font-size:16px;margin-bottom:4px}
.graf .g-tit span{font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--muted)}
.graf .g-tit b{font-family:var(--f-body);font-size:12.5px}
.graf .up{color:var(--ok)}.graf .down{color:var(--bad)}
.graf text{stroke:none;font-weight:600}
.graf svg{max-height:260px}
/* gráfico em colunas empilhadas por dia (verde = atual, vermelho = comparação) */
.gc-top{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;color:var(--muted)}
.gc-top span{display:flex;align-items:center;gap:5px}
.gc-top span b{color:var(--fg)}
.gc-top i{display:inline-block;width:12px;height:12px;border-radius:3px}
.gc-top>b{margin-left:auto;font-size:13px}
.gc-sub{font-size:11px;color:var(--muted);margin:3px 0 8px}
i.gv{background:#1B9D4A}i.gr{background:#E42525}
.gc-scroll{overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.gc-cols{display:flex;align-items:flex-end;gap:5px;min-width:100%}
.gc-col{flex:1 0 34px;max-width:90px;display:flex;flex-direction:column;align-items:stretch;gap:3px}
.gc-pilha{display:flex;flex-direction:column;justify-content:flex-end}
.gc-pilha i{display:flex;align-items:center;justify-content:center;font-style:normal;overflow:hidden}
.gc-pilha i:first-child{border-radius:5px 5px 0 0}
.gc-pilha i span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-weight:700;font-size:11px;white-space:nowrap}
.gc-col>b{text-align:center;font-size:11px;color:var(--muted)}
.gc-hoje>b{color:var(--fg);background:var(--gold);border-radius:4px;color:#002C61}

.dk .dk-proj{grid-column:1/-1}
.dk .dk-proj .v small{font-family:var(--f-body);font-size:13px;font-weight:600}
.dk .kpi .s b.pn-ant{color:#FF8A8A}
/* abas de canal: Rede / Varejo / Distribuição */
.canais{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px}
.canal{flex:1;border:0;background:transparent;color:var(--fg-2);font:inherit;font-weight:800;font-size:13px;letter-spacing:.3px;padding:9px 4px;border-radius:9px;cursor:pointer}
.canal[aria-pressed="true"]{background:var(--navy-2);color:#fff}
.canal[data-c="varejo"][aria-pressed="true"]{background:#B45309}
.canal[data-c="dist"][aria-pressed="true"]{background:#0369A1}
.canal:focus-visible{outline:3px solid var(--gold);outline-offset:1px}
#s-dist .canais{margin-bottom:12px}
.gc-seta{display:block;text-align:center;font-size:15px;line-height:18px;height:18px;font-weight:900}
.gc-seta.up{color:#1B9D4A}.gc-seta.down{color:#E42525}
/* Mercado A / B da distribuição */
.merc{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:640px){.merc{grid-template-columns:1fr 1fr}}
.merc-c{background:var(--surface);border:1px solid var(--line);border-left:5px solid #F59E0B;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.merc-c.merc-b{border-left-color:#3A56C0}
.merc-t{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.merc-t b{font-family:var(--f-display);font-size:17px}
.merc-t small{color:var(--muted);font-size:12px}
.merc-t span{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted)}
.merc-v{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.merc-v b{font-family:var(--f-display);font-size:20px;color:var(--ok)}
.merc-v span{font-weight:700;color:var(--navy-2)}
:root.escuro .merc-v span{color:#9CC3FF}
.merc-s{font-size:12px;color:var(--muted)}
.merc-s .up{color:var(--ok)}.merc-s .down{color:var(--bad)}
.merc-s b.pn-ant{color:#E42525}
.c-custo{background:linear-gradient(145deg,#84CC16,#4D7C0F)}
.c-rh{background:linear-gradient(145deg,#F472B6,#9D174D)}
/* gráfico de pneus por mercado */
i.ma{background:#F59E0B}i.mb{background:#3A56C0}
.gm{margin-top:8px}
.gm-tot{display:block;text-align:center;font-size:11px;font-weight:800;color:var(--fg-2);height:18px;line-height:18px;white-space:nowrap}
.gm .gc-pilha i span{font-size:10.5px}
/* cartões Mercado A e B no resumo da distribuição */
.dk .mk .mk-l{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:7px;margin-top:6px}
.dk .mk .mk-l b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font-size:12px;color:#002C61}
.dk .mk .mk-l b.mk-a{background:#F59E0B}.dk .mk .mk-l b.mk-b{background:#93A5F5}
.dk .mk .mk-l span{font-family:var(--f-display);font-weight:700;font-size:clamp(12.5px,3.45vw,18px);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk .mk .mk-l small{grid-column:2;font-size:11.5px;color:rgba(255,255,255,.85);white-space:nowrap;margin-top:-2px}
.dk .mk .mk-l small.pn-ant{color:#FF8A8A}
/* ===================== Painel Executivo ===================== */
.c-painel{background:linear-gradient(145deg,#0F172A,#1E3A8A);box-shadow:inset 0 -3px 0 #FFD900}
.rh-abrir{display:block;margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.4px;color:#FFD900;text-align:right}
.pn-hero{background:radial-gradient(120% 140% at 0% 0%,#0B3B8C 0%,#002C61 45%,#001634 100%);color:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;border-bottom:3px solid #FFD900;box-shadow:0 10px 30px rgba(0,44,97,.25)}
.pn-live{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.6px;color:#9CC3FF;text-transform:uppercase}
.pn-dot{width:9px;height:9px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:pnPulso 1.8s infinite}
@keyframes pnPulso{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.pn-placar small{display:block;font-size:12px;color:#C7D7F5;text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.pn-placar b{display:block;font-family:var(--f-display);font-size:clamp(32px,10vw,54px);line-height:1.05;color:#4ADE80;text-shadow:0 0 24px rgba(74,222,128,.25)}
.pn-placar>span{display:block;font-size:12.5px;color:#C7D7F5;margin-top:4px}
.pn-placar>span b{display:inline;font-size:inherit;color:#fff;font-family:inherit;text-shadow:none}
.pn-termo{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.pn-tt{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#FFC72C}
.pn-barra{position:relative;height:14px;border-radius:99px;background:rgba(255,255,255,.14);overflow:visible}
.pn-barra .pn-fat{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#16A34A,#4ADE80)}
.pn-barra .pn-proj{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:#C4B5FD;border-radius:2px}
.pn-barra .pn-meta{position:absolute;right:-1px;top:-6px;bottom:-6px;width:3px;background:#FFD900;border-radius:2px}
.pn-tv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pn-tv span{display:block;font-size:10.5px;color:#9CC3FF;text-transform:uppercase;letter-spacing:.4px}
.pn-tv b{display:block;font-family:var(--f-display);font-size:clamp(13px,3.7vw,19px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-tv small{font-size:11px;color:#C7D7F5}
.pn-frase{margin:0;font-size:13.5px;line-height:1.45;color:#E2E8F0}
.pn-frase b{color:#FFD900}
.pn-alertas{display:flex;flex-direction:column;gap:8px}
.pn-al{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--zero);border-radius:12px;padding:10px 12px}
.pn-al span{font-size:18px;line-height:1.2}
.pn-al p{margin:0;font-size:13.5px;line-height:1.4}
.pn-al.pn-ok{border-left-color:var(--ok)}.pn-al.pn-warn{border-left-color:var(--warn)}.pn-al.pn-bad{border-left-color:var(--bad)}
.pn-mapa-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pn-mapa{height:340px;width:100%;background:var(--track)}
@media (min-width:900px){.pn-mapa{height:460px}}
.pn-leg{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 12px;font-size:12px;color:var(--muted)}
.pn-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.pn-ks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (min-width:900px){.pn-ks{grid-template-columns:repeat(4,1fr)}}
.pn-k{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pn-k>span{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.pn-k>b{font-family:var(--f-display);font-size:clamp(17px,5vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-k small{font-size:11.5px;color:var(--muted)}
.pn-k em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pn-k em .up,.pn-k .up{color:var(--ok)}.pn-k em .down,.pn-k .down{color:var(--bad)}
.pn-div{display:flex;height:14px;border-radius:99px;overflow:hidden;margin:4px 0 2px}
.pn-div i{display:block;height:100%}
.pn-rk{display:grid;grid-template-columns:1fr;gap:4px}
@media (min-width:900px){.pn-rk{grid-template-columns:1fr 1fr;gap:16px}}
.leaflet-container{font:inherit}
@media (max-width:560px){
  .pn-tv{grid-template-columns:1fr;gap:4px}
  .pn-tv>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}
  .pn-tv b{grid-column:2;grid-row:1;text-align:right;font-size:17px}
  .pn-tv small{grid-column:1/-1;margin-top:-2px}
}
.leaflet-container svg{width:auto;height:auto;stroke-width:inherit;stroke-linecap:round;stroke-linejoin:round}
.leaflet-container path{stroke-width:2}
/* mapa: fundo um pouco mais suave (claro) e invertido no tema escuro */
.leaflet-tile-pane{filter:saturate(.65) contrast(.95)}
:root.escuro .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) saturate(.6)}

/* ===== Custo Loja ===== */
.cu-per{grid-template-columns:repeat(3,1fr)}
.cu-pos{color:var(--ok)!important}
.cu-neg{color:#E42525!important}
.dk .cu-pos{color:#5BE38C!important}
.dk .cu-neg{color:#FF7A7A!important}
.cu-nota{margin:0;padding:10px 12px;border-radius:10px;background:rgba(249,160,6,.12);border:1px solid rgba(249,160,6,.4);font-size:13px;color:var(--fg-2)}
.cu-g{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.cu-g:last-child{border-bottom:0}
.cu-g .nm{font-weight:700}
.cu-g .sub{grid-column:2/-1;font-size:12px;color:var(--muted)}
.cu-dot{width:12px;height:12px;border-radius:4px;display:inline-block}
.cu-bar{grid-column:2/-1;display:flex;height:8px;border-radius:99px;background:var(--track);overflow:hidden}
.cu-bar i{display:block;height:100%}
.cu-topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cu-topo .sort{max-width:190px}
.cu-leg{display:flex;flex-wrap:wrap;gap:6px 12px;margin:-4px 0 0;font-size:12px;color:var(--muted)}
.cu-leg span{display:inline-flex;align-items:center;gap:5px}
.cu-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.cu-nat{padding:8px 0;border-top:1px dashed var(--line);font-size:13px;cursor:pointer}
.cu-nat-l{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cu-nat-l b{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.cu-nat-l b svg{width:14px;height:14px;transition:transform .2s}
.cu-nat[aria-expanded="true"] .cu-nat-l b svg{transform:rotate(90deg)}
.cu-tits{margin-top:8px;display:flex;flex-direction:column;gap:8px;cursor:default}
.cu-tit{background:var(--surface-2,rgba(0,79,168,.05));border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:3px}
.cu-tit-t{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.cu-tit-t b:first-child{font-size:13px;overflow:hidden;text-overflow:ellipsis}
.cu-tit-t b.num{white-space:nowrap}
.cu-tit small{display:block;font-size:11.5px;color:var(--muted)}
.cu-hist{margin:0;font-size:12.5px;color:var(--fg-2)}
.cu-pago{color:var(--ok)}
.cu-aberto{color:#C77700}
.cu-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.cu-tag{font-size:11px;padding:2px 7px;border-radius:99px;background:rgba(0,79,168,.1);color:var(--navy-2,#004FA8)}
.cu-tag-w{background:rgba(249,160,6,.18);color:#9A5B00}
.cu-nat small{display:block;font-size:11px;color:var(--muted)}

/* ===== DRE ===== */
.c-dre{background:linear-gradient(145deg,#0EA5E9,#075985)}
.dr-un{width:100%;max-width:none;padding:10px 12px;font-size:15px;font-weight:600}
.dr-tab{padding:4px 0}
.dr-l,.dr-sub{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;gap:2px 10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);font-size:14px}
.dr-l small,.dr-sub small{text-align:right;font-size:12px;color:var(--muted)}
.dr-l b{font-weight:600}
.dr-l .itens{grid-column:1/-1}
.dr-sub{background:rgba(0,79,168,.07);font-weight:800}
.dr-sub span{font-family:var(--f-display);font-size:15px}
.dr-sub:last-child{background:rgba(255,217,0,.22);border-bottom:0}

/* ===== RH ===== */
.dr-per{grid-template-columns:repeat(4,1fr)}
.rh-ev{padding:2px 0}
.rh-e{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13.5px}
.rh-e small{display:block;font-size:11px;color:var(--muted)}
.rh-e b{white-space:nowrap}
.rh-d b{color:#C0392B}
.rh-tot{background:rgba(0,79,168,.07);font-weight:800;border-bottom:0}
.rh-pr{padding:8px 12px;border-bottom:1px solid var(--line)}
.rh-pr .rh-e{padding:6px 0 6px 10px;border-bottom:1px dashed var(--line)}
.rh-sit{font-size:18px!important}
.mb-teste{white-space:nowrap}

/* ===== Fazer orçamento ===== */
.orc .sec{margin-top:6px}
.orc-cli{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1.5px solid #1B9D4A}
.orc-link{background:none;border:0;color:var(--navy-2,#004FA8);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:4px}
.orc-limpar{align-self:center;color:var(--muted)}
.orc-pr{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line)}
.orc-pr span b{display:block;font-size:13.5px}
.orc-pr small{font-size:11.5px;color:var(--muted)}
.orc-add,.orc-q button{width:36px;height:36px;border-radius:10px;border:0;background:#1B9D4A;color:#fff;font-size:22px;font-weight:800;cursor:pointer}
.orc-add:disabled{background:#94A3B8}
.orc-itens{display:flex;flex-direction:column;gap:8px}
.orc-it{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.orc-it-t{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.orc-it-t b{font-size:13.5px}
.orc-it small{font-size:11.5px;color:var(--muted)}
.orc-x{border:0;background:none;font-size:22px;line-height:1;color:#E42525;cursor:pointer}
.orc-it-c{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.orc-q{display:inline-flex;align-items:center;gap:8px}
.orc-q button{width:32px;height:32px;font-size:18px;background:var(--navy-2,#004FA8)}
.orc-q b{min-width:22px;text-align:center}
.orc-d{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.orc-d input{width:70px!important;padding:6px!important}
.orc-lt{margin-left:auto}
.orc-tot{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:#002C61;color:#fff;font-size:18px;font-weight:800}
.orc-tot b{color:#FFD900}
.orc-armado{background:#E42525!important}
.orc-ok{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:14px;background:rgba(27,157,74,.1);border:1.5px solid #1B9D4A}
.orc-ok b{font-size:17px;color:#1B9D4A}
.orc-lib{color:#9A5B00;font-weight:700}