/* ---------- Tokens -------------------------------------------------------------------------
   Destaque = cor da engrenagem do usuário (--godi-base). Situação da meta em 5 tons, sempre
   acompanhados de texto (nunca só a cor). */
.deq{
    --deq-tinta:#101828; --deq-texto:#344054; --deq-suave:#5f6b7c; --deq-linha:#e5e8ee; --deq-linha-forte:#cdd3dc;
    --deq-cartao:#fff; --deq-fundo:#f3f5f8; --deq-trilho:#e9edf2; --deq-base: var(--godi-base, #004080);
    --deq-base-suave: color-mix(in srgb, var(--deq-base) 9%, transparent);
    --deq-batida:#05603a; --deq-batida-barra:#079455;
    --deq-ritmo:#0b6e4f;  --deq-ritmo-barra:#3ccb8f;
    --deq-atencao:#a14a06; --deq-atencao-barra:#f5a524;
    --deq-atrasada:#b42318; --deq-atrasada-barra:#ef5a4c;
    --deq-semmeta:#5f6b7c; --deq-semmeta-barra:#c3cad5;
    --deq-boa-fundo:#e7f6ef; --deq-media-fundo:#fdf2e2; --deq-baixa-fundo:#fdeceb;
    --deq-display:'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
    --deq-sans:'Figtree', 'Source Sans Pro', system-ui, sans-serif;
    --deq-raio:14px; --deq-ease:cubic-bezier(.2,.7,.2,1);
    font-family:var(--deq-sans); color:var(--deq-texto); font-size:.9375rem; padding:22px 8px 56px;
}
.dark-mode .deq{
    --deq-tinta:#f2f4f7; --deq-texto:#d0d5dd; --deq-suave:#a4adba; --deq-linha:#454c55; --deq-linha-forte:#5b636d;
    --deq-cartao:#343a40; --deq-fundo:#3b4249; --deq-trilho:#454d55; --deq-base-suave: color-mix(in srgb, var(--deq-base) 28%, transparent);
    --deq-batida:#75e0a7; --deq-ritmo:#6ce9a6; --deq-atencao:#fdb022; --deq-atrasada:#fda29b; --deq-semmeta:#a4adba;
    --deq-semmeta-barra:#6b7480;
    --deq-boa-fundo:rgba(60,203,143,.16); --deq-media-fundo:rgba(245,165,36,.16); --deq-baixa-fundo:rgba(239,90,76,.18);
}
.deq *, .deq *::before, .deq *::after{ box-sizing:border-box; }
.deq .tab{ font-variant-numeric:tabular-nums; }
.deq .d{ text-align:right; }
.deq :focus-visible{ outline:3px solid var(--deq-base); outline-offset:2px; border-radius:6px; }
.deq button{ font-family:inherit; }

/* ---------- Topo ---------- */
.deq-topo{ display:flex; justify-content:space-between; align-items:center; gap:14px 24px; flex-wrap:wrap; margin-bottom:18px; }
.deq-olho{ font-family:var(--deq-sans); font-size:.75rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--deq-suave); margin:0; }
.deq .deq-olho a{ color:inherit; }
.deq .deq-olho a:hover{ color:var(--deq-base); }
/* No fundo escuro a cor da engrenagem (geralmente azul-marinho) some: seta aberta e foco em claro. */
.dark-mode .deq .deq-linha[aria-expanded="true"] .deq-seta{ color:var(--deq-tinta); }
.dark-mode .deq :focus-visible{ outline-color:#9cc3ff; }
.dark-mode .deq .deq-olho a:hover{ color:var(--deq-tinta); }
.deq-mes{ display:flex; align-items:center; gap:6px; margin:0; }
.deq-mes select{ min-height:40px; border:1px solid var(--deq-linha-forte); border-radius:10px; background:var(--deq-cartao); color:var(--deq-tinta);
    padding:0 30px 0 12px; font:inherit; font-weight:600; appearance:none; cursor:pointer;
    background-image:linear-gradient(45deg, transparent 50%, var(--deq-suave) 50%), linear-gradient(135deg, var(--deq-suave) 50%, transparent 50%);
    background-position:calc(100% - 15px) 17px, calc(100% - 10px) 17px; background-size:5px 5px; background-repeat:no-repeat; }
.deq-mes select:hover{ border-color:var(--deq-base); }
.deq-mes-seta{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; color:var(--deq-tinta);
    border:1px solid var(--deq-linha-forte); background:var(--deq-cartao); text-decoration:none !important; transition:border-color .2s var(--deq-ease), color .2s var(--deq-ease); }
.deq-mes-seta:hover{ border-color:var(--deq-base); color:var(--deq-base); }
.deq-mes-hoje{ margin-left:6px; font-weight:600; font-size:.88rem; color:var(--deq-base); }

/* ---------- Frase-resumo ---------- */
.deq-tese-bloco{ margin:0 0 22px; }
.deq-tese{ font-family:var(--deq-display); font-weight:650; font-variation-settings:"opsz" 96; color:var(--deq-tinta);
    font-size:clamp(1.8rem, 1.2rem + 2vw, 2.9rem); line-height:1.06; letter-spacing:-.018em; margin:0; max-width:24ch; text-wrap:balance; }
.deq-tese-detalhe{ margin:12px 0 0; font-size:1.05rem; line-height:1.5; color:var(--deq-suave); max-width:70ch; }
.deq-tese-detalhe b{ color:var(--deq-tinta); font-weight:700; }

/* ---------- Indicadores ---------- */
.deq-kpis{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); margin:0 0 22px; background:var(--deq-cartao);
    border:1px solid var(--deq-linha); border-radius:var(--deq-raio); overflow:hidden; }
.deq-kpi{ padding:16px 20px; border-left:1px solid var(--deq-linha); min-width:0; }
.deq-kpi:first-child{ border-left:0; }
.deq-kpi dt{ font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--deq-suave); margin:0 0 6px; }
.deq-kpi dd{ margin:0; }
.deq-kpi-valor{ display:block; font-family:var(--deq-display); font-weight:600; font-size:clamp(1.35rem, 1.1rem + .8vw, 1.85rem); line-height:1.1;
    color:var(--deq-tinta); letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.deq-kpi-nota{ display:block; margin-top:4px; font-size:.82rem; color:var(--deq-suave); }
.deq-kpi-nota b{ color:var(--deq-tinta); }
.deq-kpi-valor.deq-faixa-boa{ color:var(--deq-batida); } .deq-kpi-valor.deq-faixa-media{ color:var(--deq-atencao); } .deq-kpi-valor.deq-faixa-baixa{ color:var(--deq-atrasada); }

/* ---------- Placar ---------- */
.deq-placar{ background:var(--deq-cartao); border:1px solid var(--deq-linha); border-radius:var(--deq-raio); padding:18px 18px 6px; }
.deq-placar-topo{ display:flex; justify-content:space-between; align-items:flex-end; gap:10px 24px; flex-wrap:wrap; padding:0 4px 12px; }
.deq-placar-topo h3{ font-family:var(--deq-display); font-weight:600; font-size:1.3rem; letter-spacing:-.015em; color:var(--deq-tinta); margin:0; }
.deq-placar-topo p{ margin:2px 0 0; font-size:.86rem; color:var(--deq-suave); }
.deq-legenda{ display:flex; gap:16px; flex-wrap:wrap; list-style:none; margin:0; padding:0; font-size:.8rem; color:var(--deq-texto); }
.deq-legenda li{ display:flex; align-items:center; gap:7px; }
.deq-legenda-ritmo{ width:0; height:16px; border-left:2px dashed var(--deq-tinta); }
.deq-legenda-cem{ width:1px; height:16px; background:var(--deq-linha-forte); box-shadow:0 0 0 .5px var(--deq-linha-forte); }

.deq-grade{ display:grid; grid-template-columns:20px minmax(120px, 1.15fr) minmax(170px, 3fr) 176px 66px 80px 120px; column-gap:16px; align-items:center; }
.deq-cabecalho{ padding:0 12px 8px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--deq-suave);
    border-bottom:1px solid var(--deq-linha); }
.deq-escala{ position:relative; height:1em; }
.deq-escala > span{ position:absolute; top:0; transform:translateX(-50%); font-weight:600; letter-spacing:0; }
.deq-escala > span:first-child{ transform:none; }
.deq-escala > span:last-child:not(:first-child):not(:nth-child(2)){ transform:translateX(-100%); }

.deq-lista{ list-style:none; margin:0; padding:0; }
.deq-item{ border-bottom:1px solid var(--deq-linha); }
.deq-item:last-child{ border-bottom:0; }
.deq-linha{ appearance:none; width:100%; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer;
    padding:16px 12px; border-radius:10px; transition:background .18s var(--deq-ease); }
.deq-linha:hover{ background:var(--deq-fundo); }
.deq-linha[aria-expanded="true"]{ background:var(--deq-base-suave); }
.deq-seta{ color:var(--deq-suave); font-size:.8rem; transition:transform .25s var(--deq-ease); }
.deq-linha[aria-expanded="true"] .deq-seta{ transform:rotate(90deg); color:var(--deq-base); }
.deq-nome{ display:flex; align-items:center; gap:10px; font-weight:700; color:var(--deq-tinta); min-width:0; overflow-wrap:anywhere; }
.deq-cor{ flex:none; width:12px; height:12px; border-radius:4px; background:var(--cor); box-shadow:inset 0 0 0 1px rgba(16,24,40,.18); }

/* A barra: % da meta. Linha fina = 100%; tracejada = onde deveria estar hoje (atravessa a linha
   inteira, então fica contínua de uma equipe para a outra). */
.deq-trilho{ position:relative; align-self:stretch; margin:-16px 0; min-height:44px;
    background:linear-gradient(var(--deq-trilho), var(--deq-trilho)) center / 100% 12px no-repeat; }
.deq-barra{ position:absolute; left:0; top:50%; height:12px; margin-top:-6px; border-radius:0 6px 6px 0; background:var(--deq-semmeta-barra);
    transition:width .7s var(--deq-ease); }
.deq-trilho::before{ content:""; position:absolute; left:var(--cem); top:calc(50% - 11px); height:22px; width:1px; background:var(--deq-linha-forte); }
.deq-trilho::after{ content:""; position:absolute; left:var(--ritmo); top:0; bottom:-1px; border-left:2px dashed var(--deq-tinta); opacity:.6; margin-left:-1px; }
[data-fase="encerrado"] .deq-trilho::after, [data-fase="futuro"] .deq-trilho::after{ display:none; }
.deq-trilho[data-sit="batida"] .deq-barra{ background:var(--deq-batida-barra); }
.deq-trilho[data-sit="ritmo"] .deq-barra{ background:var(--deq-ritmo-barra); }
.deq-trilho[data-sit="atencao"] .deq-barra{ background:var(--deq-atencao-barra); }
.deq-trilho[data-sit="atrasada"] .deq-barra{ background:var(--deq-atrasada-barra); }

.deq-valores{ display:flex; flex-direction:column; line-height:1.25; }
.deq-valores b{ font-weight:700; color:var(--deq-tinta); }
.deq-valores small{ font-size:.8rem; color:var(--deq-suave); }
.deq-pct{ font-weight:700; color:var(--deq-tinta); }
.deq-rentab{ display:inline-block; padding:2px 8px; border-radius:999px; font-weight:700; font-size:.84rem; }
.deq-faixa-boa.deq-rentab{ background:var(--deq-boa-fundo); color:var(--deq-batida); }
.deq-faixa-media.deq-rentab{ background:var(--deq-media-fundo); color:var(--deq-atencao); }
.deq-faixa-baixa.deq-rentab{ background:var(--deq-baixa-fundo); color:var(--deq-atrasada); }
.deq-sit{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:.86rem; color:var(--deq-semmeta); white-space:nowrap; }
.deq-sit i{ width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:.7rem;
    background:var(--deq-trilho); }
.deq-sit[data-sit="batida"]{ color:var(--deq-batida); } .deq-sit[data-sit="batida"] i{ background:var(--deq-batida-barra); color:#fff; }
.deq-sit[data-sit="ritmo"]{ color:var(--deq-ritmo); } .deq-sit[data-sit="ritmo"] i{ background:var(--deq-boa-fundo); }
.deq-sit[data-sit="atencao"]{ color:var(--deq-atencao); } .deq-sit[data-sit="atencao"] i{ background:var(--deq-media-fundo); }
.deq-sit[data-sit="atrasada"]{ color:var(--deq-atrasada); } .deq-sit[data-sit="atrasada"] i{ background:var(--deq-baixa-fundo); }

.deq-total{ padding:14px 12px; border-top:2px solid var(--deq-linha); font-size:.9rem; }
.deq-total .deq-nome{ font-family:var(--deq-display); font-weight:600; }
.deq-total-media{ color:var(--deq-suave); }
.deq-total-media b{ color:var(--deq-tinta); }

.deq-abre{ padding:4px 0 16px 36px; }
.deq-abre[hidden]{ display:none; }
.deq-vazio{ margin:0; padding:14px 4px; color:var(--deq-suave); }
.deq-carregando{ margin:0; padding:14px 4px; color:var(--deq-suave); display:flex; align-items:center; gap:10px; }
.deq-carregando::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--deq-base); animation:deq-pulso 1s infinite var(--deq-ease); }
@keyframes deq-pulso{ 50%{ transform:scale(1.8); opacity:.35; } }
.deq-erro{ margin:0; padding:12px 14px; border-radius:10px; background:var(--deq-baixa-fundo); color:var(--deq-tinta); }
.deq-link{ border:0; background:none; padding:0; color:var(--deq-base); font-weight:700; text-decoration:underline; cursor:pointer; }

/* ---------- 2º nível: comerciais ---------- */
.deq-vendedores{ --cols-v:20px minmax(110px, 1.15fr) minmax(120px, 2.6fr) 160px 62px 76px 108px;
    border:1px solid var(--deq-linha); border-radius:12px; background:var(--deq-cartao); padding:10px 10px 4px; }
.deq-grade-v.deq-cabecalho{ display:grid; grid-template-columns:var(--cols-v) 40px; column-gap:14px; padding:2px 10px 8px; }
.deq-linha-v{ display:grid; grid-template-columns:minmax(0, 1fr) 40px; column-gap:14px; align-items:center; }
.deq-linha-v > .deq-linha{ display:grid; grid-template-columns:var(--cols-v); column-gap:14px; align-items:center; padding:12px 10px; }
.deq-linha-v .deq-trilho{ margin:-12px 0; min-height:36px; background-size:100% 10px; }
.deq-linha-v .deq-barra{ height:10px; margin-top:-5px; }
.deq-linha-v .deq-nome{ font-weight:600; }
.deq-abre-v{ padding:2px 0 14px 30px; }
.deq-icone{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; border:1px solid var(--deq-linha);
    background:var(--deq-cartao); color:var(--deq-suave); cursor:pointer; transition:color .2s var(--deq-ease), border-color .2s var(--deq-ease), background .2s var(--deq-ease); }
.deq-icone:hover{ color:var(--deq-base); border-color:var(--deq-base); background:var(--deq-base-suave); text-decoration:none; }

/* ---------- 3º nível: desempenhos do comercial ---------- */
.deq-des-barra{ display:flex; justify-content:space-between; align-items:center; gap:10px 16px; flex-wrap:wrap; margin-bottom:10px; }
.deq-des-resumo{ margin:0; font-size:.86rem; color:var(--deq-suave); }
.deq-des-resumo b{ color:var(--deq-tinta); }
.deq-des-acoes{ display:flex; gap:8px; flex-wrap:wrap; }
.deq-botao{ display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 16px; border-radius:999px; font-weight:600; font-size:.88rem;
    border:1px solid var(--deq-linha-forte); background:var(--deq-cartao); color:var(--deq-tinta); cursor:pointer; text-decoration:none !important;
    transition:border-color .2s var(--deq-ease), color .2s var(--deq-ease), filter .2s var(--deq-ease); }
.deq-botao:hover{ border-color:var(--deq-base); color:var(--deq-base); }
.deq-botao-p{ min-height:34px; padding:0 13px; font-size:.82rem; }
.deq-botao.cheio{ background:var(--deq-base); border-color:var(--deq-base); color:#fff; }
.deq-botao.cheio:hover{ color:#fff; filter:brightness(1.1); }
.deq-botao[disabled]{ opacity:.6; cursor:progress; }
/* A tabela fica dentro de células que crescem com o conteúdo; largura 0 + min-width 100% deixa a
   rolagem horizontal no próprio bloco. Altura limitada: a barra de rolagem fica sempre à vista. */
.godi-des-rolagem{ width:0; min-width:100%; overflow:auto; max-height:65vh; border:1px solid var(--deq-linha); border-radius:12px; background:var(--deq-cartao); }
.godi-des-tabela{ width:100%; border-collapse:separate; border-spacing:0; font-size:.85rem; }
.godi-des-tabela th, .godi-des-tabela td{ white-space:nowrap; padding:8px 12px; border-bottom:1px solid var(--deq-linha); }
.godi-des-tabela thead th{ position:sticky; top:0; z-index:1; background:var(--deq-cartao); font-size:.7rem; font-weight:700; letter-spacing:.07em;
    text-transform:uppercase; color:var(--deq-suave); }
.godi-des-tabela tbody tr:hover > td{ background:var(--deq-fundo); }
.godi-des-tabela tbody tr:last-child > td{ border-bottom:0; }
.godi-des-tabela tr.godi-des-agenciamento > td{ background-color:#e3f1fb; color:#0c5a8a; }
.dark-mode .godi-des-tabela tr.godi-des-agenciamento > td{ background-color:rgba(60,141,188,.2); color:#9fd0f0; }
.godi-des-tabela .deq-des-editar{ width:52px; padding:4px 8px; position:sticky; left:0; background:var(--deq-cartao); z-index:1; }
.godi-des-tabela thead .deq-des-editar{ z-index:2; }
.godi-des-tabela .deq-icone{ width:32px; height:32px; }
.godi-des-col-menu{ max-height:320px; overflow-y:auto; }

/* ---------- Ocupação (modal) ---------- */
.deq .modal-content{ border:0; border-radius:16px; background:var(--deq-cartao); color:var(--deq-texto); }
.deq .modal-header{ border-bottom:1px solid var(--deq-linha); padding:18px 22px; }
.deq .modal-title{ font-family:var(--deq-display); font-weight:600; letter-spacing:-.015em; color:var(--deq-tinta); }
.deq .modal-body{ padding:20px 22px 24px; }
.deq .modal .close{ color:var(--deq-tinta); }
.deq-ocp-numeros{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin:0 0 22px; }
.deq-ocp-numero{ border:1px solid var(--deq-linha); border-radius:12px; padding:14px; min-width:0; }
.deq-ocp-numero dt{ font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--deq-suave); margin:0 0 6px; }
.deq-ocp-numero dd{ margin:0; }
.deq-ocp-valor{ display:block; font-family:var(--deq-display); font-weight:600; font-size:1.35rem; color:var(--deq-tinta); line-height:1.15; overflow-wrap:anywhere; }
.deq-ocp-nota{ display:block; margin-top:4px; font-size:.8rem; color:var(--deq-suave); }
.deq-ocp-trilho{ display:block; height:6px; border-radius:6px; background:var(--deq-trilho); margin-top:8px; overflow:hidden; }
.deq-ocp-trilho i{ display:block; height:100%; background:var(--deq-base); border-radius:6px; }
.deq-ocp-titulo{ font-family:var(--deq-display); font-weight:600; font-size:1.1rem; color:var(--deq-tinta); margin:0 0 8px; }
.deq-ocp-top{ list-style:none; margin:0; padding:0; counter-reset:top; }
.deq-ocp-top li{ counter-increment:top; display:grid; grid-template-columns:28px 1fr auto; column-gap:12px; row-gap:6px; align-items:center;
    padding:10px 0; border-bottom:1px solid var(--deq-linha); }
.deq-ocp-top li:last-child{ border-bottom:0; }
.deq-ocp-top li::before{ content:counter(top); grid-row:span 2; font-family:var(--deq-display); font-weight:700; font-size:1.1rem; color:var(--deq-suave); }
.deq-ocp-cliente{ font-weight:600; color:var(--deq-tinta); min-width:0; overflow-wrap:anywhere; }
.deq-ocp-frete{ font-weight:700; color:var(--deq-tinta); }
.deq-ocp-barra{ grid-column:2 / span 2; display:block; height:6px; border-radius:6px; background:var(--deq-trilho); overflow:hidden; }
.deq-ocp-barra i{ display:block; height:100%; background:var(--deq-base); opacity:.75; border-radius:6px; }

/* ---------- Painel lateral de edição ---------- */
.deq-gaveta{ position:fixed; inset:0; z-index:1045; }
.deq-gaveta[hidden]{ display:none; }
.deq-gaveta-fundo{ position:absolute; inset:0; background:rgba(16,24,40,.45); opacity:0; transition:opacity .25s var(--deq-ease); }
.deq-gaveta-painel{ position:absolute; top:0; right:0; bottom:0; width:min(900px, 100vw); display:flex; flex-direction:column; background:var(--deq-fundo);
    box-shadow:-24px 0 48px -24px rgba(16,24,40,.45); transform:translateX(100%); transition:transform .3s var(--deq-ease); }
.deq-gaveta.aberta .deq-gaveta-fundo{ opacity:1; }
.deq-gaveta.aberta .deq-gaveta-painel{ transform:none; }
.deq-gaveta-topo{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:18px 22px; background:var(--deq-cartao); border-bottom:1px solid var(--deq-linha); }
.deq-gaveta-topo h2{ font-family:var(--deq-display); font-weight:600; font-size:1.45rem; letter-spacing:-.02em; color:var(--deq-tinta); margin:2px 0 0; }
.deq-gaveta-corpo{ flex:1; overflow-y:auto; padding:18px 22px; }
.deq-gaveta-rodape{ display:flex; justify-content:flex-end; align-items:center; gap:10px; flex-wrap:wrap; padding:14px 22px; background:var(--deq-cartao); border-top:1px solid var(--deq-linha); }
.deq-gaveta-erro{ margin:0 auto 0 0; color:var(--deq-atrasada); font-weight:600; font-size:.88rem; }
.deq-gaveta-erro[hidden]{ display:none; }
.deq-gaveta .card{ box-shadow:none; border:1px solid var(--deq-linha); border-radius:12px; margin-bottom:14px; background:var(--deq-cartao); }
.deq-gaveta .card-header{ background:transparent !important; border-bottom:1px solid var(--deq-linha); font-family:var(--deq-display); }
.deq-gaveta label{ font-size:.82rem; font-weight:600; color:var(--deq-texto); }
/* O formulário foi feito para a largura da página; no painel, menos colunas por linha. */
@media (min-width: 768px){
    .deq-gaveta .col-md-2{ flex:0 0 33.333%; max-width:33.333%; }
    .deq-gaveta .col-md-3, .deq-gaveta .col-md-4{ flex:0 0 50%; max-width:50%; }
}
body.deq-sem-rolagem{ overflow:hidden; }

/* ---------- Telas menores ---------- */
@media (max-width: 1100px){
    .deq-kpis{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .deq-kpi:nth-child(3){ border-left:0; }
    .deq-kpi:nth-child(n+3){ border-top:1px solid var(--deq-linha); }
    .deq-ocp-numeros{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px){
    .deq{ padding:16px 0 40px; }
    .deq-placar{ padding:14px 8px 4px; }
    .deq-cabecalho{ display:none !important; }
    .deq-grade, .deq-linha-v > .deq-linha{ grid-template-columns:20px minmax(0, 1fr) auto auto; row-gap:10px; column-gap:12px;
        grid-template-areas:"seta nome nome sit" ". trilho trilho trilho" ". valores pct rentab" ". comissao comissao comissao"; }
    .deq-seta{ grid-area:seta; } .deq-nome{ grid-area:nome; } .deq-trilho{ grid-area:trilho; } .deq .deq-valores{ grid-area:valores; text-align:left; }
    .deq-pct{ grid-area:pct; } .deq-c-rentab{ grid-area:rentab; } .deq-sit{ grid-area:sit; } .deq .deq-c-comissao{ grid-area:comissao; text-align:left; }
    .deq-c-comissao::before{ content:"Comissão "; color:var(--deq-suave); }
    .deq-trilho, .deq-linha-v .deq-trilho{ margin:0; min-height:22px; }
    .deq-trilho::after{ bottom:0; }
    .deq-linha-v{ grid-template-columns:minmax(0, 1fr) 40px; align-items:start; }
    .deq-linha-v .deq-icone{ margin-top:8px; }
    .deq-total{ display:flex; flex-wrap:wrap; gap:4px 14px; }
    .deq-total > span:empty{ display:none; }
    .deq-abre, .deq-abre-v{ padding-left:8px; }
    .deq-gaveta .col-md-2, .deq-gaveta .col-md-3, .deq-gaveta .col-md-4{ flex:0 0 100%; max-width:100%; }
}
@media (max-width: 520px){
    .deq-kpis{ grid-template-columns:1fr; }
    .deq-kpi{ border-left:0 !important; }
    .deq-kpi + .deq-kpi{ border-top:1px solid var(--deq-linha); }
    .deq-ocp-numeros{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){
    .deq *, .deq *::before, .deq *::after{ transition:none !important; animation:none !important; }
}