/* Quimatic Conecta — complementos ao ds.css (tokens de contraste medidos em 03/09/2026)
   Texto laranja pequeno: #bf3f0c (5,34:1 no branco, 4,77:1 no #F2F2F2)
   Legenda cinza: #6e6e6e (5,10:1 / 4,55:1)
   Preenchimento do botão principal: #c94410 (texto branco 4,86:1) */
:root{ --pq-laranja-texto:#bf3f0c; --pq-legenda:#6e6e6e; --pq-btn:#c94410; }
.ds .ds-btn--orange{background:var(--pq-btn);color:#fff}
.ds .ds-btn--orange:hover{background:#b83c0e}
.ds .ds-muted,.ds .ds-kpi__sub,.ds .ds-card__cap{color:var(--pq-legenda)}
.ds .pq-link{color:var(--pq-laranja-texto);text-decoration:underline}
.ds .ds-user{display:block;text-align:right}
.ds .ds-user__name{font-weight:600;font-size:.9rem}
.ds .ds-user__chip{display:inline-block;background:var(--qmgray-100);border-radius:999px;padding:1px 8px;font-size:.72rem;color:#333}

/* Tabelas simples */
.ds .pq-table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}
.ds .pq-table th,.ds .pq-table td{padding:10px 12px;border-bottom:1px solid var(--qmgray-200);text-align:left;vertical-align:top}
.ds .pq-table th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pq-legenda);background:var(--qmgray-50)}
.ds .pq-table tr:hover td{background:#fff7f4}
.ds .pq-table .num{text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:767px){
  .ds .pq-table--cards thead{display:none}
  .ds .pq-table--cards tr{display:block;border:1px solid var(--qmgray-200);border-radius:10px;margin:0 0 10px;padding:6px 0;background:#fff}
  .ds .pq-table--cards td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 12px}
  .ds .pq-table--cards td::before{content:attr(data-label);color:var(--pq-legenda);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;flex:0 0 auto}
  /* No celular o valor quebra linha em vez de empurrar a tela para o lado */
  .ds .pq-table--cards td{flex-wrap:wrap;text-align:right}
  .ds .pq-table--cards td > *{min-width:0}
  .ds .pq-table--cards td .pq-code,.ds .pq-table--cards td code{white-space:normal;word-break:break-word}
  .ds .pq-table--cards td:empty{display:none}
}
/* Selos e estados */
.ds .pq-selo{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;line-height:1.5}
.ds .pq-selo--ok{background:#e6f4ea;color:#176c3b}
.ds .pq-selo--warn{background:#fff3d6;color:#7a5200}
.ds .pq-selo--risk{background:#fde8e6;color:#9e1b10}
.ds .pq-selo--info{background:var(--qmgray-100);color:#333}
.ds .pq-selo--laranja{background:#fde3d8;color:var(--pq-laranja-texto)}
/* Matriz de permissões */
.ds .pq-matriz{overflow-x:auto}
.ds .pq-matriz table{min-width:720px}
.ds .pq-matriz select{padding:4px 6px;border:1px solid var(--qmgray-200);border-radius:6px;font-size:.85rem;min-height:36px}
.ds .pq-matriz .grupo td{background:var(--qmgray-100);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
/* Cartões de módulo no início */
.ds .pq-modulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ds .pq-mod{display:block;background:#fff;border:1px solid var(--qmgray-200);border-left:4px solid var(--qmorange);border-radius:12px;padding:16px 18px;min-height:96px}
.ds .pq-mod:hover{border-color:var(--qmorange);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.ds .pq-mod__ic{width:32px;height:32px;color:var(--qmorange);margin-bottom:8px}
.ds .pq-mod__ic svg{width:32px;height:32px}
.ds .pq-mod__t{font-weight:700;font-size:1.02rem}
.ds .pq-mod__s{color:var(--pq-legenda);font-size:.86rem;margin-top:4px}
.ds .pq-mod__nivel{float:right;font-size:.7rem;background:var(--qmgray-100);border-radius:999px;padding:1px 8px}
/* Grade de KPIs simples */
.ds .pq-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 18px}
.ds .pq-kpi{background:#fff;border:1px solid var(--qmgray-200);border-radius:12px;padding:14px 16px}
.ds .pq-kpi__v{font-size:1.6rem;font-weight:700;line-height:1.1}
.ds .pq-kpi__l{color:var(--pq-legenda);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}
.ds .pq-form{display:grid;gap:14px;max-width:720px}
.ds .pq-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.ds .pq-form__row{grid-template-columns:1fr}}
.ds .pq-caixa{background:#fff;border:1px solid var(--qmgray-200);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.ds .pq-caixa h2{font-size:1.05rem;margin-bottom:10px}
.ds .pq-help{border-left:3px solid var(--qmorange);background:#fff7f4;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.9rem;margin-bottom:14px}
.ds .pq-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;background:var(--qmgray-50);padding:2px 6px;border-radius:4px}
.ds .pq-lista-acoes{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.ds .pq-ficha dl{display:grid;grid-template-columns:180px 1fr;gap:6px 14px;margin:0}
.ds .pq-ficha dt{color:var(--pq-legenda);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.ds .pq-ficha dd{margin:0}
@media (max-width:640px){.ds .pq-ficha dl{grid-template-columns:1fr}}
.pq-cartao-modulo { margin-top: 22px; }

/* Estilos que eram inline nas views (a CSP do portal não aceita style=""): gerados em 14/09/2026 */
.pq-st-002535 { margin-top:12px; }
.pq-st-0894cd { max-width:360px; }
.pq-st-176884 { padding:12px; }
.pq-st-1e2811 { font-size:.85rem; }
.pq-st-26e40f { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px; }
.pq-st-2941d9 { max-width:80px; }
.pq-st-31e7e9 { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px; }
.pq-st-36b367 { max-width:70px; }
.pq-st-389ab0 { border-color:#9e1b10;background:#fde8e6; }
.pq-st-39cc94 { flex:1;min-width:220px; }
.pq-st-3ee5be { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px; }
.pq-st-5371db { margin-top:10px; }
.pq-st-553a64 { margin-top:14px; }
.pq-st-55f86e { margin-top:12px;display:flex;gap:10px;justify-content:space-between; }
.pq-st-69e683 { width:220px; }
.pq-st-6b92b8 { align-self:center; }
.pq-st-6d4c2b { display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap; }
.pq-st-6e8efa { font-size:1.3rem; }
.pq-st-6ff44f { display:inline-flex;gap:6px;margin-left:8px; }
.pq-st-767802 { margin-top:12px;white-space:pre-wrap; }
.pq-st-8c92ab { max-width:120px; }
.pq-st-955962 { display:flex;gap:8px;flex:1;flex-wrap:wrap; }
.pq-st-99ab9d { margin:14px 0 8px;font-size:.95rem; }
.pq-st-9c6869 { display:flex;gap:8px; }
.pq-st-9e2da6 { display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px; }
.pq-st-9e3c4c { margin-top:6px; }
.pq-st-9fb943 { display:flex;gap:8px;flex:1; }
.pq-st-a18ac8 { margin-top:4px; }
.pq-st-ac5a41 { max-width:220px; }
.pq-st-b493c7 { margin:6px 0; }
.pq-st-bc9bd7 { display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start; }
.pq-st-c8d7c4 { display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap; }
.pq-st-d07753 { white-space:pre-wrap; }
.pq-st-df74e8 { overflow-x:auto; }
.pq-st-e5bdc3 { max-width:520px; }

/* Tabela larga (matriz, bancada): rola dentro do quadro, não na página inteira */
.ds .ds-card--table{overflow-x:auto}
/* Seletor de ferramentas (o "portfólio": a lateral mostra só a ferramenta aberta) */
.ds .ds-nav__ferramentas{display:flex;align-items:center;gap:10px;margin:2px 10px 10px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:inherit;text-decoration:none}
.ds .ds-nav__ferramentas:hover,.ds .ds-nav__ferramentas.is-active{background:rgba(255,255,255,.08)}
.ds .ds-nav__ferramentas .ds-nav__ic{flex:0 0 auto}
.ds .ds-nav__ferramentas__txt{display:flex;flex-direction:column;line-height:1.2;font-weight:600}
.ds .ds-nav__ferramentas__txt small{font-weight:400;opacity:.7;font-size:.72rem}
.ds .pq-ferramentas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ds .pq-ferramenta{display:flex;gap:12px;padding:14px;border:1px solid var(--line,#e6e6e6);border-radius:12px;text-decoration:none;color:inherit;background:#fff}
.ds .pq-ferramenta:hover{border-color:#F05A22;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ds .pq-ferramenta__ic{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#1A1A1A;color:#fff}
.ds .pq-ferramenta__ic svg{width:22px;height:22px}
.ds .pq-ferramenta__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ds .pq-ferramenta__txt strong{font-size:1rem}
.ds .pq-ferramenta__n{font-size:.78rem;color:#F05A22;font-weight:600}

/* Telas ainda transplantadas (Comissões, Logística, Cotações): tabelas largas rolam DENTRO
   do quadro, para o celular não arrastar a página inteira para o lado. Some quando cada
   uma for reescrita. */
.ds .pq-legado{max-width:100%}
.ds .pq-legado table{display:block;overflow-x:auto;max-width:100%}

/* Barra lateral: categorias que abrem e fecham (a lista crescia até estourar a tela) */
.ds .ds-nav__grupo > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ds .ds-nav__grupo > summary::-webkit-details-marker{display:none}
.ds .ds-nav__seta{transition:transform .15s ease;opacity:.6;font-size:1.05rem}
.ds .ds-nav__grupo[open] > summary .ds-nav__seta{transform:rotate(90deg)}
/* Portal (Início, Minha conta, Sair) fixo no pé da lateral */
.ds .ds-nav__portal{margin-top:auto;display:flex;gap:6px;padding:10px;border-top:1px solid rgba(255,255,255,.12)}
.ds .ds-nav__portal form{flex:1 1 0;margin:0}
.ds .ds-nav__portalitem{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer;font-size:.72rem;width:100%}
.ds .ds-nav__portalitem:hover,.ds .ds-nav__portalitem.is-active{background:rgba(255,255,255,.1)}
.ds .ds-nav__portalitem .ds-nav__ic svg{width:20px;height:20px}