/* V1606 — Tendência Estatística (Âncora): abas Carta de controle e previsão | Indicadores × baseline */
#fp-area .tfe-abas { display:flex; gap:4px; margin:0 0 14px; border-bottom:1px solid var(--tq-borda, #dfe6f0); }
#fp-area .tfe-aba { min-height:var(--tq-altura-botao, 36px); padding:0 16px; border:0 !important; border-bottom:3px solid transparent !important; border-radius:0 !important; background:transparent !important; color:var(--tq-texto-2, #4f5f75) !important; font:inherit; font-size:var(--tq-fs-corpo, 13px); font-weight:600; cursor:pointer; box-shadow:none !important; margin-bottom:-1px; }
#fp-area .tfe-aba:hover { color:var(--tq-azul-800, #16304f) !important; }
#fp-area .tfe-aba.is-on { color:var(--tq-azul-900, #102a4c) !important; border-bottom-color:var(--tq-laranja, #f07f1a) !important; }

/* V1621 — atalhos da carta de controle como botões em destaque */
#fp-area .lax-abas.gp-lax-botoes { display:flex; flex-wrap:wrap; gap:8px; padding:4px 0 12px; border-bottom:1px solid var(--tq-borda, #dfe6f0); overflow:visible; }
#fp-area .lax-abas.gp-lax-botoes a { display:inline-flex; align-items:center; gap:6px; height:var(--tq-altura-botao, 36px); padding:0 16px !important; border:1px solid var(--tq-azul-600, #1766b3) !important; border-radius:var(--tq-raio, 8px) !important; background:#fff !important; color:var(--tq-azul-600, #1766b3) !important; font-size:var(--tq-fs-corpo, 13px); font-weight:700; text-decoration:none; box-shadow:0 1px 2px rgba(16,42,76,.06); transition:background .15s, color .15s, box-shadow .15s; }
#fp-area .lax-abas.gp-lax-botoes a::after { content:"↓"; font-weight:700; opacity:.6; }
#fp-area .lax-abas.gp-lax-botoes a:hover { background:var(--tq-azul-100, #e6f0fb) !important; box-shadow:0 2px 6px rgba(16,42,76,.12); }
#fp-area .lax-abas.gp-lax-botoes a.is-on { background:var(--tq-azul-600, #1766b3) !important; border-color:var(--tq-azul-600, #1766b3) !important; color:#fff !important; }
#fp-area .lax-abas.gp-lax-botoes a.is-on::after { opacity:.9; }
#fp-area .lax-abas.gp-lax-botoes a:focus-visible { outline:2px solid var(--tq-laranja, #f07f1a); outline-offset:2px; }

/* V1622 — abas "Carta de controle e previsão | Indicadores × baseline" como botões em destaque */
#fp-area .tfe-abas:not(.gp-forn-abas) { display:inline-flex; gap:0; margin:0 0 16px; padding:4px; border:1px solid var(--tq-borda-forte, #c9d3e4); border-bottom:1px solid var(--tq-borda-forte, #c9d3e4); border-radius:calc(var(--tq-raio, 8px) + 4px); background:#fff; box-shadow:0 1px 2px rgba(16,42,76,.06); }
#fp-area .tfe-abas:not(.gp-forn-abas) .tfe-aba { display:inline-flex; align-items:center; gap:8px; height:38px; min-height:38px; margin:0; padding:0 20px !important; border:0 !important; border-radius:var(--tq-raio, 8px) !important; background:transparent !important; color:var(--tq-azul-600, #1766b3) !important; font-size:14px !important; font-weight:700 !important; }
#fp-area .tfe-abas:not(.gp-forn-abas) .tfe-aba:hover { background:var(--tq-azul-100, #e6f0fb) !important; }
#fp-area .tfe-abas:not(.gp-forn-abas) .tfe-aba.is-on { background:var(--tq-azul-800, #16304f) !important; color:#fff !important; box-shadow:0 2px 6px rgba(16,42,76,.18) !important; }
#fp-area .tfe-abas:not(.gp-forn-abas) .tfe-aba:focus-visible { outline:2px solid var(--tq-laranja, #f07f1a); outline-offset:2px; }
@media (max-width: 640px) { #fp-area .tfe-abas:not(.gp-forn-abas) { display:flex; } #fp-area .tfe-abas:not(.gp-forn-abas) .tfe-aba { flex:1 1 0; justify-content:center; padding:0 10px !important; font-size:13px; } }

/* V1624 — barra das abas com "Relatório (PDF)" da carta de controle */
#fp-area .tfe-barra { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 16px; }
#fp-area .tfe-barra .tfe-abas { margin:0 !important; }
#fp-area .tfe-barra .tfe-pdf { height:var(--tq-altura-botao, 36px); min-height:0; padding:0 16px; white-space:nowrap; }

/* V1624 — atuação indicada em destaque; a ação recomendada é o botão laranja */
#fp-area .tfh-dir.tfh-dir-v1624 { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
#fp-area .tfh-dir-v1624 .tfh-atuacao { display:flex; align-items:center; gap:10px; padding:6px 12px; border-radius:var(--tq-raio, 8px); background:var(--atu-bg); border:1px solid color-mix(in srgb, var(--atu-bd) 40%, transparent); border-left:4px solid var(--atu-bd); }
#fp-area .tfh-dir-v1624 .tfh-atuacao small { font-size:var(--tq-fs-mini, 11px); font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--atu-fg); opacity:.85; }
#fp-area .tfh-dir-v1624 .tfh-atuacao strong { font-size:var(--tq-fs-corpo, 13px); font-weight:800; color:var(--atu-fg); }
#fp-area .tfh-dir-v1624 .tfh-botoes { display:flex; gap:8px; flex-wrap:nowrap; }
#fp-area .tfh-dir-v1624 .tfh-botoes button { white-space:nowrap; }
#fp-area .tfh-dir-v1624 .tfh-dir-txt { font-size:var(--tq-fs-mini, 11px); color:var(--tq-texto-3, #7b8798); }
@media (max-width: 1100px) { #fp-area .tfh-dir.tfh-dir-v1624 { align-items:flex-start; } #fp-area .tfh-dir-v1624 .tfh-botoes { flex-wrap:wrap; } }

/* V1625 — cabeçalho da tendência reposicionado: título e atuação na 1ª linha; nota e botões na 2ª (sem sobrepor o texto) */
#fp-area .tfh-cab.tfh-cab-v1625 { display:grid !important; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"esq atu"; column-gap:20px; row-gap:12px; align-items:start; }
#fp-area .tfh-cab-v1625 > .tfh-esq { grid-area:esq; min-width:0; }
#fp-area .tfh-cab-v1625 > .tfh-dir.tfh-dir-v1624 { display:contents; }
#fp-area .tfh-cab-v1625 .tfh-atuacao { grid-area:atu; justify-self:end; align-self:start; }
#fp-area .tfh-cab-v1625 .tfh-botoes { grid-column:1 / -1; grid-row:2; justify-self:end; padding-top:12px; }
#fp-area .tfh-cab-v1625 .tfh-dir-txt { grid-column:1 / -1; grid-row:2; justify-self:start; align-self:center; padding-top:12px; }
#fp-area .tfh-cab-v1625::after { content:""; grid-column:1 / -1; grid-row:2; border-top:1px dashed var(--tq-borda, #dfe6f0); align-self:start; }
@media (max-width: 900px) {
  #fp-area .tfh-cab.tfh-cab-v1625 { grid-template-columns:1fr; grid-template-areas:"esq" "atu"; }
  #fp-area .tfh-cab-v1625 .tfh-atuacao { justify-self:start; }
  #fp-area .tfh-cab-v1625 .tfh-botoes { grid-row:3; justify-self:start; }
  #fp-area .tfh-cab-v1625 .tfh-dir-txt { grid-row:4; padding-top:0; }
  #fp-area .tfh-cab-v1625::after { grid-row:3; }
  #fp-area .tfh-cab-v1625 .tfh-botoes { flex-wrap:wrap; }
}

/* V1626 — painel do indicador selecionado: título e selo lado a lado sem sobrepor; aviso âmbar quando ainda Normal */
#fp-area .tfh-approved-titlebar { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px 20px; padding:16px 20px !important; }
#fp-area .tfh-approved-titlecopy { min-width:0; }
#fp-area .tfh-approved-titlecopy h2 { font-size:20px !important; line-height:1.25 !important; }
#fp-area .tfh-approved-titlecopy p { margin-top:4px !important; font-size:var(--tq-fs-corpo, 13px) !important; line-height:1.45 !important; color:var(--tq-texto-2, #4f5f75) !important; }
#fp-area .tfh-approved-head-actions { display:flex; align-items:center; gap:10px; min-width:0; }
#fp-area .tfh-approved-signal { min-width:0 !important; max-width:340px; padding:8px 12px !important; gap:10px !important; border-radius:var(--tq-raio, 8px) !important; }
#fp-area .tfh-approved-signal-icon { display:inline-grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:50%; background:currentColor; color:inherit; font-size:15px !important; transform:none !important; }
#fp-area .tfh-approved-signal-icon { -webkit-text-fill-color:#fff; }
#fp-area .tfh-approved-signal strong { font-size:14px !important; }
#fp-area .tfh-approved-signal small { font-size:var(--tq-fs-rotulo, 12px) !important; }
#fp-area .tfh-approved-signal.is-warn { color:var(--tq-amarelo-700, #6e4a00) !important; border-color:color-mix(in srgb, var(--tq-amarelo, #b9812e) 35%, transparent) !important; background:var(--tq-amarelo-100, #fff4d8) !important; }
#fp-area .tfh-approved-constatar { white-space:nowrap; }
#fp-area .tfh-approved-kpi .is-amber, #fp-area .tfh-kpi-delta.is-amber { color:var(--tq-amarelo-700, #8a5b12) !important; }
#fp-area .tfh-approved-kpi-status strong.is-warn { color:var(--tq-amarelo-700, #6e4a00) !important; }
#fp-area .tfh-approved-kpi-status strong.is-warn i { background:var(--tq-amarelo, #d99a16) !important; border-color:var(--tq-amarelo, #d99a16) !important; box-shadow:none !important; }
@media (max-width: 900px) { #fp-area .tfh-approved-titlebar { grid-template-columns:1fr; } #fp-area .tfh-approved-head-actions { flex-wrap:wrap; } }
