/* Pesquisa de importações (/importacoes/pesquisa), BKL-0764. Tokens de docs/design/design-system.md:
   etiqueta e faixa sempre com texto (nunca só cor), teal (--bmd-action) só no que se clica, foco
   visível, a tabela rola dentro do próprio bloco e a página não rola na horizontal. */
.ip-root { font-variant-numeric: tabular-nums; }
.ip-sub { color: var(--bmd-fg-muted, #5d6a88); font-size: 0.95rem; }
.ip-dropdown { min-width: 180px; max-width: 260px; flex: 1 1 180px; font-size: 0.875rem; }
.ip-switch { font-size: 0.85rem; }
.ip-carga-ok { color: var(--bmd-fg-muted, #5d6a88); font-size: 0.85rem; }
.ip-kpis { display: flex; gap: 2rem; flex-wrap: wrap; }
.ip-kpi .v { font-size: 1.6rem; font-weight: 600; line-height: 1.1; }
.ip-kpi .l { color: var(--bmd-fg-muted, #5d6a88); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.02em; }
.ip-kpi .n { color: var(--bmd-fg-muted, #5d6a88); font-size: 0.8rem; }
.ip-esqueleto, .ip-esqueleto-kpi, .ip-esqueleto-grafico { border-radius: 6px; background: var(--bmd-nodata-bg, #eef0f4); }
.ip-esqueleto { height: 32px; margin: 4px 0; }
.ip-esqueleto-kpi { width: 160px; height: 56px; }
.ip-esqueleto-grafico { height: 260px; }
@media (prefers-reduced-motion: no-preference) {
  .ip-esqueleto, .ip-esqueleto-kpi, .ip-esqueleto-grafico { animation: ip-pulso 1.4s ease-in-out infinite; }
}
@keyframes ip-pulso { 50% { opacity: 0.5; } }
.ip-vazio { padding: 1rem 0; color: var(--bmd-fg-muted, #5d6a88); }
.ip-tabela-wrap { overflow-x: auto; max-width: 100%; }
.ip-tabela { font-size: 0.875rem; }
.ip-tabela .num { text-align: right; white-space: nowrap; }
/* P1: nome longo quebra linha e não empurra os números para fora da tela (a tabela tinha 2.001 px
   numa tela de 1.440 por causa de um nome sem quebra). */
.ip-tabela td { vertical-align: top; overflow-wrap: anywhere; }
.ip-tabela td:not(.num) { max-width: 22rem; }
.ip-tabela th { white-space: nowrap; }
.ip-nota { font-size: 0.8rem; color: var(--bmd-fg-muted, #5d6a88); margin-bottom: 0.25rem; }
/* P7: texto normal com sublinhado pontilhado discreto; o teal só ao passar o mouse ou no foco. A
   tabela deixava de ser um mar de links e o nome volta a ter peso. */
.ip-link { all: unset; color: inherit; cursor: pointer; text-decoration: underline dotted; text-decoration-color: var(--bmd-fg-faint, #9aa3b5); text-underline-offset: 3px; }
.ip-link:hover { color: var(--biomed-accent); text-decoration-style: solid; text-decoration-color: currentColor; }
.ip-link:focus-visible, .ip-selo:focus-visible { outline: 2px solid var(--bmd-action, #0e7c86); outline-offset: 2px; border-radius: 2px; }
.ip-selo { font-size: var(--bmd-fs-minimo); font-weight: 600; text-transform: uppercase; padding: 0.1rem 0.45rem; border-radius: 999px; white-space: nowrap; cursor: help; }
.ip-info { color: var(--bmd-info, #1b4a8a); background: var(--bmd-info-bg, #e6eef9); }
.ip-warn { color: var(--bmd-warn, #a55a12); background: var(--bmd-warn-bg, #fdf3e6); }
.ip-nodata { color: var(--biomed-text-light); background: var(--bmd-nodata-bg, #eef0f4); }
.ip-rodape { margin: 1rem 0; font-size: 0.8rem; color: var(--bmd-fg-muted, #5d6a88); }
/* Revisão de design de 17/10/2026 */
.ip-somando { flex-basis: 100%; font-size: 0.85rem; color: var(--bmd-fg-muted, #5d6a88); margin-bottom: -0.5rem; }
.ip-ncm-desc { font-size: 0.75rem; color: var(--bmd-fg-muted, #5d6a88); line-height: 1.2; max-width: 14rem; }
@media (max-width: 767.98px) {
  .ip-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 1rem; }
  .ip-somando { grid-column: 1 / -1; margin-bottom: 0; }
  .ip-kpi .v { font-size: 1.3rem; }
  .ip-root .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
  .ip-root .nav-tabs .nav-link { white-space: nowrap; }
}
.ip-depara { color: var(--bmd-fg, #1f2937); }