/* V1605 — Tendência do Fornecedor (Âncora): trajetória mês a mês */
#fp-area .tfhh-periodo { display:inline-flex; align-items:center; gap:6px; font-size:var(--tq-fs-rotulo,12px); color:var(--tq-texto-2,#4f5f75); white-space:nowrap; }
#fp-area .tfhh-periodo select { height:var(--tq-altura-botao,36px); min-width:110px; margin:0; }
#fp-area .tfhh-card { margin-top:14px; }
#fp-area .tfhh-card h3 { font-size:var(--tq-fs-secao,15px); }
#fp-area .tfhh-selo { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; background:var(--bg); color:var(--fg); font-size:12px; font-weight:700; }
#fp-area .tfhh-selo i { width:8px; height:8px; border-radius:50%; background:var(--c); }
#fp-area .gpn-kpi strong small { display:inline !important; margin-left:2px; font-size:13px; color:var(--tq-texto-3,#7b8798); font-weight:600; }
#fp-area .tfhh-tempo { display:grid; grid-template-columns:repeat(var(--n),minmax(28px,1fr)); gap:6px; align-items:end; overflow-x:auto; padding-bottom:4px; }
#fp-area .tfhh-mes { display:flex; flex-direction:column; align-items:center; gap:4px; }
#fp-area .tfhh-barra { width:100%; max-width:34px; height:90px; display:flex; align-items:flex-end; background:var(--tq-cinza-100,#f3f5f8); border-radius:6px; overflow:hidden; }
#fp-area .tfhh-barra i { display:block; width:100%; border-radius:6px 6px 0 0; }
#fp-area .tfhh-ponto { width:10px; height:10px; border-radius:50%; }
#fp-area .tfhh-mes small { font-size:var(--tq-fs-mini,11px); color:var(--tq-texto-2,#4f5f75); white-space:nowrap; }
#fp-area .tfhh-leg { display:flex; flex-wrap:wrap; gap:14px; margin-top:10px; font-size:12px; color:var(--tq-texto-2,#4f5f75); }
#fp-area .tfhh-leg i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px; }
#fp-area .tfhh-rol { overflow-x:auto; }
#fp-area .tfhh-matriz th, #fp-area .tfhh-matriz td { white-space:nowrap; }
#fp-area .tfhh-c { text-align:center; padding-left:4px !important; padding-right:4px !important; font-size:11px; }
#fp-area .tfhh-cel { display:inline-block; width:16px; height:16px; border-radius:4px; border:1px solid; }
#fp-area .tfhh-n { text-align:right; }
#fp-area .tfhh-nota { margin-top:8px; font-size:12px; }