/* Gestão do Controle de Qualidade e Inovação (10/11/2026): quadro de gestão, indicadores de melhoria, relatório do CQ por
   cliente e análise de riscos. Tokens do Nexus nos dois temas; a cor de cada peça entra por --gq-cor. Prefixo gq-. */
.gq { display: grid; gap: 18px; min-width: 0; }
.gq-bloco { display: grid; gap: 12px; min-width: 0; }
.gq-bloco__cab { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; justify-content: space-between; }
.gq-bloco__cab h2 { margin: 0; padding-left: 12px; border-left: 4px solid var(--nx-teal-500); font-size: 17px; letter-spacing: -0.01em; text-wrap: balance; }
.gq-bloco__cab p { max-width: 86ch; margin: 5px 0 0 16px; color: var(--nx-ink-2); font-size: 12.5px; line-height: 1.55; }
.gq-bloco__acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.gq-caixa { min-width: 0; padding: 16px 18px; }
.gq-caixa__cab { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.gq-caixa__cab h3 { margin: 0; font-size: 14px; }
.gq-caixa__cab p { flex-basis: 100%; margin: 0; color: var(--nx-ink-3); font-size: 12px; line-height: 1.45; }
/* Cartão em coluna: o rodapé fica sempre no pé, alinhado com o do cartão ao lado (10/11/2026). */
.gq-caixa--col { display: flex; flex-direction: column; }
.gq-caixa__pe { margin: auto 0 0; padding-top: 12px; border-top: 1px dashed var(--nx-line-2); color: var(--nx-ink-3); font-size: 11.4px; line-height: 1.5; }
.gq-caixa--col > ul { margin-bottom: 14px; }
.gq-nota { margin: 8px 0 0; color: var(--nx-ink-3); font-size: 11.8px; line-height: 1.55; }
.gq-pilha { display: grid; gap: 12px; }
.gq-aviso { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 12px 16px; border-left: 4px solid var(--nx-teal-500); border-radius: 10px; background: var(--nx-info-bg); color: var(--nx-ink); font-size: 12.8px; line-height: 1.6; }
.gq-aviso .pi { margin-top: 3px; color: var(--nx-teal-600); }
.gq-aviso--warn { border-left-color: var(--nx-warn); background: var(--nx-warn-bg); }
.gq-aviso--warn .pi { color: var(--nx-warn); }

/* Topo: logo do cliente, projeto e troca de cliente */
.gq-hero { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: center; overflow: hidden; padding: 22px 26px; border-radius: 16px; background: linear-gradient(135deg, #0b2230 0%, #0e3d4e 58%, #0f6f7a 130%); color: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.gq-hero::after { position: absolute; top: -70px; right: -50px; width: 240px; height: 240px; border-radius: 50%; background: var(--nx-teal-400); content: ""; opacity: 0.1; pointer-events: none; }
.gq-hero__txt { display: grid; gap: 5px; min-width: 0; }
.gq-hero__txt > small { color: var(--nx-teal-300); font-size: 10.5px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
.gq-hero__txt h1 { margin: 0; font-size: 24px; letter-spacing: -0.02em; line-height: 1.2; text-wrap: balance; }
.gq-hero__txt p { margin: 0; color: #a9c0c9; font-size: 12.5px; }
.gq-hero__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.gq-hero__chips span { padding: 3px 11px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; background: rgba(255, 255, 255, 0.07); font-size: 11px; font-weight: 600; }
.gq-abas { display: flex; gap: 2px; overflow-x: auto; padding: 4px; border: 1px solid var(--nx-line); border-radius: 12px; background: var(--nx-surface); scrollbar-width: thin; }
.gq-abas a { display: inline-flex; flex: 1 0 auto; gap: 7px; align-items: center; justify-content: center; padding: 8px 10px; border-radius: 9px; color: var(--nx-ink-2); font-size: 12.6px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.gq-abas a:hover { background: var(--nx-surface-2); }
.gq-abas .gq-abas--on { background: var(--nx-ink); color: var(--nx-bg); }

/* Indicadores: destaques e as três fases */
.gq-destaques { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.gq-destaques > .gq-caixa { display: flex; }
.gq-dest { display: grid; grid-template-rows: auto 88px auto; align-content: start; gap: 10px; width: 100%; }
.gq-dest__rot { color: var(--nx-ink-3); font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.gq-dest__meio { display: flex; gap: 14px; align-items: center; min-height: 0; }
.gq-dest__txt { display: grid; gap: 5px; min-width: 0; }
.gq-dest__txt b { font-size: 19px; letter-spacing: -0.01em; }
.gq-dest__txt span { color: var(--nx-ink-3); font-size: 11.8px; line-height: 1.4; }
.gq-dest__pe { padding-top: 10px; border-top: 1px dashed var(--nx-line-2); color: var(--nx-ink-3); font-size: 11.6px; line-height: 1.45; }
.gq-dest__meio .gq-degraus { width: 132px; }
.gq-anel { flex: none; width: 84px; height: 84px; }
.gq-anel__fundo { fill: none; stroke: var(--nx-surface-3, var(--nx-surface-2)); stroke-width: 9; }
.gq-anel__valor { fill: none; stroke-width: 9; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 55px 55px; }
.gq-anel__n { fill: var(--nx-ink); font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.gq-anel__s { fill: var(--nx-ink-3); font-size: 9.5px; font-weight: 600; }
.gq-letra { display: grid; width: 62px; height: 62px; border-radius: 16px; background: color-mix(in srgb, var(--gq-cor) 14%, var(--nx-surface)); color: var(--gq-cor); font-size: 34px; font-weight: 800; place-items: center; }
.gq-dest__n { font-size: 34px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1.1; }
.gq-dest__nivel { font-size: 24px; letter-spacing: -0.02em; line-height: 1.2; white-space: nowrap; }
.gq-dest__meio:has(.gq-dest__nivel) { flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; }
.gq-dest__nivel em { color: var(--nx-ink-3); font-size: 15px; font-style: normal; font-weight: 600; }
.gq-regua { position: relative; display: flex; gap: 2px; height: 8px; margin: 6px 0 5px; }
.gq-regua i { display: block; height: 100%; border-radius: 3px; opacity: 0.85; }
.gq-regua__ok { background: var(--nx-ok); } .gq-regua__warn { background: var(--nx-warn); } .gq-regua__crit { background: var(--nx-crit); }
.gq-regua b { position: absolute; top: -5px; width: 4px; height: 18px; margin-left: -2px; border: 1.5px solid var(--nx-surface); border-radius: 3px; background: var(--nx-ink); }
.gq-regua__leg { display: flex; justify-content: space-between; color: var(--nx-ink-3); font-size: 10px; font-weight: 600; }
.gq-fases, .gq-formulas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 12px; }
.gq-fase { display: grid; grid-row: span 6; grid-template-rows: subgrid; gap: 0; padding: 0; overflow: hidden; }
.gq-fase > .gq-inds, .gq-fase > .gq-formula { display: contents; }
.gq-fase__cab { display: grid; gap: 1px; padding: 11px 16px; border-bottom: 1px solid var(--nx-line); background: var(--nx-surface-2); box-shadow: inset 4px 0 0 var(--gq-fase, var(--nx-teal-500)); }
.gq-fase__cab b { font-size: 13px; }
.gq-fase__cab small { color: var(--nx-ink-3); font-size: 11.2px; }
.gq-fase__cab--antes { --gq-fase: var(--nx-navy-500); } .gq-fase__cab--resultado { --gq-fase: var(--nx-teal-500); } .gq-fase__cab--saida { --gq-fase: var(--nx-warn); }
.gq-inds { margin: 0; padding: 0; list-style: none; }
.gq-ind { display: grid; grid-template-areas: "n nome v" ". med med" ". nota nota"; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 5px 10px; align-content: center; margin: 0 16px; padding: 11px 0; border-top: 1px solid var(--nx-line); cursor: help; }
.gq-fase__cab + .gq-inds > .gq-ind:first-child, .gq-fase__cab + .gq-formula > li:first-child { border-top: 0; }
.gq-ind__n { grid-area: n; align-self: baseline; color: var(--nx-ink-4); font-size: 10.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.gq-ind__nome { grid-area: nome; align-self: baseline; min-width: 0; font-size: 12.6px; font-weight: 600; line-height: 1.3; }
.gq-ind__med { grid-area: med; display: flex; align-items: center; min-height: 14px; }
.gq-ind__med > * { flex: 1; }
.gq-ind__nota { grid-area: nota; min-height: 14px; color: var(--nx-ink-3); font-size: 10.8px; line-height: 1.3; }
.gq-ind__barra--vazia { background: repeating-linear-gradient(90deg, var(--nx-surface-2) 0 6px, transparent 6px 10px); }
.gq-ind__barra--vazia i { display: none !important; }
.gq-degraus { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 3px; }
.gq-degraus i { display: grid; height: 14px; border-radius: 4px; background: var(--nx-surface-2); color: var(--nx-ink-4); font-size: 8.8px; font-style: normal; font-weight: 800; letter-spacing: 0.04em; place-items: center; }
.gq-degraus i.on { background: var(--gq-cor); color: #fff; }
.gq-ind__barra, .gq-evol__barra, .gq-setor__barra, .gq-lote__barra, .gq-pessoa__barra, .gq-rank__barra { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: var(--nx-surface-2); }
.gq-ind__barra i, .gq-evol__barra i, .gq-setor__barra i, .gq-lote__barra i, .gq-pessoa__barra i, .gq-rank__barra i { display: block; height: 100%; border-radius: inherit; background: var(--gq-cor, var(--nx-teal-500)); }
.gq-ind__v { grid-area: v; align-self: baseline; color: var(--gq-cor); font-size: 14.5px; font-weight: 800; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.gq-ind__v--vazio { color: var(--nx-ink-4); font-size: 12px; font-weight: 600; }
.gq-evol { display: grid; margin: 0; padding: 0; list-style: none; }
/* Linha de lote ou de setor: nome e quantidade, valor e selos na primeira faixa; a barra na largura toda, embaixo. */
.gq-evol li { display: grid; grid-template-areas: "nome selos v" "barra barra barra"; grid-template-columns: minmax(0, 1fr) auto 56px; gap: 6px 12px; align-items: center; padding: 9px 0; border-top: 1px solid var(--nx-line); font-size: 12.6px; }
.gq-evol__nome { grid-area: nome; display: flex !important; gap: 8px; align-items: baseline; }
.gq-evol li > strong { grid-area: v; font-size: 14px; }
.gq-evol__barra { grid-area: barra; }
.gq-evol__selos { grid-area: selos; }
.gq-evol li:first-child { border-top: 0; }
.gq-evol__nome { min-width: 0; }
.gq-evol__nome small { overflow: hidden; color: var(--nx-ink-3); font-size: 10.8px; text-overflow: ellipsis; white-space: nowrap; }
.gq-evol__selos { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-start; }
.gq-evol__barra { height: 8px; }
.gq-evol strong { font-variant-numeric: tabular-nums; text-align: right; }

/* Tabela dos 15 indicadores */
.gq-tab-card { overflow: hidden; padding: 0; }
.gq-tab { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.2px; }
.gq-tab th, .gq-tab td { padding: 9px 5px; border-bottom: 1px solid var(--nx-line); text-align: center; }
.gq-tab thead th { background: var(--nx-surface-2); color: var(--nx-ink-2); font-size: 10.4px; font-weight: 700; line-height: 1.3; vertical-align: bottom; }
.gq-tab thead tr:last-child th { min-width: 70px; max-width: 96px; }
.gq-tab__fase { border-bottom: 3px solid var(--gq-fase) !important; color: var(--nx-ink) !important; font-size: 11px !important; letter-spacing: 0.08em; text-transform: uppercase; }
.gq-tab__fase--antes { --gq-fase: var(--nx-navy-500); } .gq-tab__fase--resultado { --gq-fase: var(--nx-teal-500); } .gq-tab__fase--saida { --gq-fase: var(--nx-warn); }
.gq-tab__nome { position: sticky; left: 0; z-index: 1; min-width: 128px; padding-left: 14px !important; background: var(--nx-surface); font-size: 12.8px; text-align: left !important; white-space: nowrap; }
.gq-tab thead .gq-tab__nome { background: var(--nx-surface-2); }
.gq-tab__nome small { display: block; color: var(--nx-ink-3); font-size: 10.6px; font-weight: 500; }
.gq-tab tbody tr:hover td, .gq-tab tbody tr:hover .gq-tab__nome { background: var(--nx-surface-2); }
.gq-tab__total th, .gq-tab__total td { border-top: 2px solid var(--nx-line-2); border-bottom: 0; background: var(--nx-surface-2); font-weight: 700; }
.gq-cel { display: inline-block; padding: 2px 7px; border-radius: 999px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gq-cel--ok { background: var(--nx-ok-bg); color: var(--nx-ok); } .gq-cel--warn { background: var(--nx-warn-bg); color: var(--nx-warn); } .gq-cel--crit { background: var(--nx-crit-bg); color: var(--nx-crit); }
.gq-cel--info { background: var(--nx-info-bg); color: var(--nx-info-forte, var(--nx-teal-700)); } .gq-cel--mu { color: var(--nx-ink-4); font-weight: 500; }
.gq-prazo .nx-input { width: 84px; text-align: right; }
.gq-formula { margin: 0; padding: 0; list-style: none; }
.gq-formula li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-content: start; margin: 0 16px; padding: 11px 0; border-top: 1px solid var(--nx-line); }
.gq-formula li > span { color: var(--nx-ink-4); font-size: 10.5px; font-weight: 700; }
.gq-formula b { font-size: 12.8px; }
.gq-formula p { margin: 3px 0; font-size: 12.2px; line-height: 1.5; }
.gq-formula small { color: var(--nx-ink-3); font-size: 11.4px; line-height: 1.45; }

/* Visão geral */
.gq-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.gq-kpi { display: grid; gap: 4px; align-content: start; padding: 15px 17px; border-left: 4px solid var(--gq-cor); }
.gq-kpi b { font-size: 26px; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1.1; }
.gq-kpi span { color: var(--nx-ink-2); font-size: 11.6px; font-weight: 650; }
.gq-kpi small { color: var(--nx-ink-3); font-size: 10.8px; line-height: 1.45; }
.gq-setores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.gq-setor { display: grid; gap: 11px; padding: 17px 19px; }
.gq-setor h3 { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin: 0; font-size: 15.5px; }
.gq-setor__barra { height: 11px; }
.gq-setor__leg { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; margin: 0; color: var(--nx-ink-3); font-size: 12px; }
.gq-setor__leg b { color: var(--nx-ink); font-variant-numeric: tabular-nums; }
.gq-setor__pe { display: flex; gap: 18px; padding-top: 10px; border-top: 1px dashed var(--nx-line-2); color: var(--nx-ink-3); font-size: 11.6px; }
.gq-setor__pe b { display: block; color: var(--nx-ink); font-size: 16px; font-variant-numeric: tabular-nums; }
.gq-lotes { display: grid; gap: 8px; }
.gq-lote { display: grid; grid-template-columns: 150px minmax(0, 1fr) 70px 160px; gap: 14px; align-items: center; padding: 11px 17px; }
.gq-lote b { font-size: 13.4px; }
.gq-lote__barra { height: 9px; }
.gq-lote strong { font-size: 15px; font-variant-numeric: tabular-nums; text-align: right; }
.gq-lote small { color: var(--nx-ink-3); font-size: 11.4px; text-align: right; }

/* Erros e colaboradores */
.gq-rank { display: grid; margin: 0; padding: 0; list-style: none; }
.gq-rank li { display: grid; grid-template-columns: 26px minmax(0, 1fr) 44px; gap: 12px; align-items: center; padding: 9px 0; border-top: 1px solid var(--nx-line); }
.gq-rank li:first-child { border-top: 0; }
.gq-rank__n { color: var(--nx-ink-4); font-size: 12.5px; font-weight: 700; }
.gq-rank div { display: grid; gap: 4px; min-width: 0; }
.gq-rank b { font-size: 13px; font-weight: 600; }
.gq-rank__barra { max-width: 340px; height: 6px; }
.gq-rank small { color: var(--nx-ink-3); font-size: 10.8px; }
.gq-rank strong { font-size: 15.5px; font-variant-numeric: tabular-nums; text-align: right; }
.gq-achados td { line-height: 1.5; vertical-align: top; }
.gq-achados td:first-child, .gq-achados code { white-space: nowrap; }
.gq-achados code { font-size: 11.6px; }
.gq-pessoas { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; }
.gq-pessoa { display: grid; gap: 10px; padding: 16px 18px; }
.gq-pessoa header { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.gq-pessoa header div { display: grid; gap: 2px; min-width: 0; }
.gq-pessoa header b { font-size: 14.2px; }
.gq-pessoa header small { color: var(--nx-ink-3); font-size: 11px; }
.gq-pessoa header strong { color: var(--gq-cor); font-size: 22px; font-variant-numeric: tabular-nums; }
.gq-pessoa__barra { height: 8px; }
.gq-pessoa p { margin: 0; padding-top: 9px; border-top: 1px dashed var(--nx-line-2); color: var(--nx-ink-3); font-size: 11.5px; line-height: 1.45; }
.gq-qual { display: flex; flex-wrap: wrap; gap: 14px 34px; margin-bottom: 14px; }
.gq-qual div { display: grid; gap: 3px; max-width: 320px; }
.gq-qual b { color: var(--nx-ok); font-size: 26px; font-variant-numeric: tabular-nums; }
.gq-qual span { color: var(--nx-ink-2); font-size: 11.6px; font-weight: 650; }
.gq-qual small { color: var(--nx-ink-3); font-size: 10.8px; line-height: 1.45; }

/* Riscos */
.gq-quadro { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.gq-coluna { display: grid; gap: 9px; align-content: start; padding: 12px; border: 1px solid var(--nx-line); border-top: 3px solid var(--gq-cor); border-radius: 14px; background: var(--nx-surface-2); }
.gq-coluna > header { display: flex; gap: 9px; align-items: center; padding: 2px 4px 4px; }
.gq-coluna__ponto { width: 9px; height: 9px; border-radius: 50%; background: var(--gq-cor); }
.gq-coluna > header div { display: grid; flex: 1; }
.gq-coluna > header b { font-size: 13.5px; }
.gq-coluna > header small { color: var(--nx-ink-3); font-size: 11px; }
.gq-coluna > header strong { min-width: 26px; padding: 1px 8px; border-radius: 999px; background: var(--nx-surface); font-size: 12.5px; text-align: center; }
.gq-coluna__vazio { margin: 0; padding: 10px 4px; color: var(--nx-ink-3); font-size: 12px; }
.gq-risco { display: grid; gap: 6px; padding: 12px 13px; border: 1px solid var(--nx-line); border-left: 3px solid var(--gq-cor); border-radius: 11px; background: var(--nx-surface); }
.gq-risco b { font-size: 12.9px; line-height: 1.35; }
.gq-risco__onde { display: inline-flex; gap: 5px; align-items: center; color: var(--nx-ink-3); font-size: 10.8px; font-weight: 650; }
.gq-risco p { margin: 0; color: var(--nx-ink-2); font-size: 11.9px; line-height: 1.5; }
.gq-risco__mit { display: flex; gap: 7px; align-items: flex-start; padding: 7px 9px; border-radius: 8px; background: var(--nx-surface-2); color: var(--nx-ink) !important; }
.gq-risco__mit .pi { margin-top: 2px; color: var(--nx-teal-600); font-size: 11px; }
.gq-matriz td { line-height: 1.5; vertical-align: top; }
.gq-matriz td:nth-child(2) { min-width: 280px; }
.gq-matriz td small { display: block; margin-top: 3px; color: var(--nx-ink-3); font-size: 11.4px; }
.gq-matriz__g { border-left: 4px solid var(--gq-cor); white-space: nowrap; }
.gq-atencao { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.gq-atencao li { display: flex; gap: 10px; align-items: flex-start; font-size: 12.8px; line-height: 1.55; }
.gq-atencao .pi { margin-top: 3px; color: var(--nx-warn); }

/* Relatório completo */
.gq-rel__capa { display: grid; gap: 10px; padding: 26px 28px; }
.gq-rel__marcas { display: flex; gap: 18px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.gq-vazio { display: grid; gap: 6px; justify-items: center; padding: 30px 20px; text-align: center; }
[data-theme=dark] .gq-rel__marcas img { filter: brightness(0) invert(1); }
.gq-rel__capa > small { color: var(--nx-teal-600); font-size: 10.5px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
.gq-rel__capa h1 { margin: 0; font-size: 28px; letter-spacing: -0.02em; }
.gq-rel__capa dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px 20px; margin: 6px 0; padding: 12px 0; border-block: 1px solid var(--nx-line); }
.gq-rel__capa dt { color: var(--nx-ink-3); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.gq-rel__capa dd { margin: 2px 0 0; font-size: 13px; font-weight: 600; }
.gq-rel__imprimir { justify-self: start; }
.gq-rel__cap { display: flex; gap: 12px; align-items: center; margin: 14px 0 0; padding-bottom: 8px; border-bottom: 2px solid var(--nx-ink); font-size: 20px; letter-spacing: -0.02em; }
.gq-rel__cap span { display: grid; width: 30px; height: 30px; border-radius: 9px; background: var(--nx-ink); color: var(--nx-bg); font-size: 14px; place-items: center; }

/* Sem acesso */
.gq-trava { display: grid; gap: 12px; justify-items: center; max-width: 620px; margin: 40px auto; padding: 34px 30px; text-align: center; }
.gq-trava > .pi { display: grid; width: 58px; height: 58px; border-radius: 50%; background: var(--nx-warn-bg); color: var(--nx-warn); font-size: 22px; place-items: center; }
.gq-trava h1 { margin: 0; font-size: 21px; }
.gq-trava p { margin: 0; color: var(--nx-ink-2); font-size: 13px; line-height: 1.6; }
.gq-trava ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 6px 0; padding: 0; list-style: none; text-align: left; }
.gq-trava li { display: flex; gap: 10px; align-items: center; padding: 9px 12px; border: 1px solid var(--nx-line); border-radius: 11px; }
.gq-trava li span:last-child { display: grid; }
.gq-trava li b { font-size: 12.8px; }
.gq-trava li small { color: var(--nx-ink-3); font-size: 11px; }

@media (max-width: 1240px) { .gq-destaques { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1100px) {
    .gq-fases, .gq-formulas, .gq-quadro, .gq-setores { grid-template-columns: minmax(0, 1fr); }
    .gq-fases, .gq-formulas { gap: 12px; } .gq-fase { display: block; grid-row: auto; } .gq-fase > .gq-inds, .gq-fase > .gq-formula { display: block; }
}
@media (max-width: 700px) {
    .gq-hero { grid-template-columns: minmax(0, 1fr); padding: 18px; } .gq-hero .cq-logo { width: 100%; height: 64px; }
    .gq-destaques { grid-template-columns: minmax(0, 1fr); } .gq-lote { grid-template-columns: minmax(0, 1fr) 62px; } .gq-lote__barra { grid-column: 1 / -1; grid-row: 2; } .gq-lote small { grid-column: 1 / -1; text-align: left; }
    .gq-evol li { grid-template-areas: "nome v" "barra barra" "selos selos"; grid-template-columns: minmax(0, 1fr) 56px; }
    .gq-dest__meio .gq-degraus { width: 110px; } .gq-trava ul { grid-template-columns: minmax(0, 1fr); }
}
@media print {
    .gq-abas, .gq-bloco__acoes, .gq-rel__imprimir, .mk-toast { display: none !important; }
    .gq { gap: 12px; }
    .gq-caixa, .gq-kpi, .gq-setor, .gq-lote, .gq-pessoa, .gq-risco, .gq-rank li, .gq-ind, .gq-formula li, .gq-achados tr, .gq-matriz tr, .gq-tab tr { break-inside: avoid; }
    .gq-fases, .gq-formulas { break-inside: avoid; }
    .gq-rel__cap { break-after: avoid; } .gq-bloco__cab { break-after: avoid; }
    .gq .cq-rola { overflow: visible; } .gq-tab { font-size: 9.5px; } .gq-tab th, .gq-tab td { padding: 5px 4px; } .gq-tab thead tr:last-child th { min-width: 0; } .gq-tab__nome { position: static; min-width: 0; }
    .gq * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}