/* components/organisms/veiculos-import.css — VeiculosImport (O12).
 *
 * Modal centrado de análise da importação de planilha de Veículos. Espelha o
 * posicionamento do RecordDetail (record-detail.css). Anti-bug dark (regra Fase AR):
 * transition SÓ opacity/transform; tokens puros (sem var(--x,#hex)).
 */

.cmp-veiculos-import {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  width: min(880px, 96vw);
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  background: var(--surface-strong);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-modal);
  z-index: var(--z-modal);
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.18s var(--ease-out), transform 0.18s var(--ease-out);
}
.cmp-veiculos-import--open {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* Header fixo no topo; o corpo rola. */
.cmp-veiculos-import > .cmp-section-banner {
  flex-shrink: 0;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.cmp-veiculos-import__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: var(--space-4) var(--space-5);
}

/* A tabela do modal NÃO usa o cap de viewport global do DataTable — só o corpo do
   modal rola (evita barra dupla). */
.cmp-veiculos-import .cmp-data-table__wrap {
  max-height: none;
}

.cmp-veiculos-import__footer {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-5);
  border-top: 1px solid var(--border);
}

/* Detalhe por linha */
.cmp-veiculos-import__detail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}
.cmp-veiculos-import__detail-error { color: var(--danger); }
.cmp-veiculos-import__detail-fix { color: var(--text-muted); font-size: var(--text-xs); }
.cmp-veiculos-import__detail-change { color: var(--text); font-variant-numeric: tabular-nums; }