.importacoes-painel { padding:24px; background:var(--chr-surface, #11141b); border:1px solid #334155; border-radius:16px; color:#e2e8f0; }
.importacoes-cabecalho { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.importacoes-painel h2,.importacoes-painel h3 { color:#f8fafc; margin:0 0 12px; }
.importacoes-painel h3 { margin-top:28px; }
.importacoes-painel p { color:#94a3b8; line-height:1.6; }
.importacoes-form { display:flex; align-items:end; gap:16px; flex-wrap:wrap; margin:24px 0 16px; }
.importacoes-form label { display:flex; flex-direction:column; gap:8px; flex:1; min-width:220px; font-size:13px; font-weight:600; }
.importacoes-form select { width:100%; padding:12px; background:#0f172a; border:1px solid #475569; border-radius:8px; color:#f8fafc; font:inherit; }
.importacoes-botao { padding:11px 16px; color:#e2e8f0; background:#1e293b; border:1px solid #475569; border-radius:8px; cursor:pointer; font:inherit; font-size:13px; }
.importacoes-botao:disabled { opacity:.5; cursor:wait; }
.importacoes-primario { background:#0369a1; border-color:#0284c7; color:#fff; }
.importacoes-nota { font-size:12px; }
#importacoes-mensagem { padding:12px 0; white-space:pre-wrap; }
#importacoes-mensagem[data-erro="1"] { color:#fda4af; }
.importacoes-resumo { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; }
.importacoes-resumo article { padding:16px; background:#0f172a; border:1px solid #334155; border-radius:10px; }
.importacoes-resumo strong { display:block; color:#38bdf8; font-size:22px; margin-top:8px; }
.importacoes-painel td { vertical-align:top; }
.importacoes-painel td small { display:block; margin-top:6px; color:#94a3b8; max-width:320px; overflow-wrap:anywhere; }
.importacoes-acoes { display:flex; gap:6px; flex-wrap:wrap; }
.importacoes-status { padding:5px 8px; border-radius:6px; background:#1e293b; display:inline-block; }
.importacoes-status[data-status="CONCLUIDO"] { color:#6ee7b7; }
.importacoes-status[data-status="ERRO"] { color:#fda4af; }
.importacoes-status[data-status="EXECUTANDO"] { color:#7dd3fc; }
@media(max-width:640px) { .importacoes-painel { padding:14px; } .importacoes-cabecalho { align-items:start; flex-direction:column; } .importacoes-form { flex-direction:column; align-items:stretch; } }