/* AnaliseXML NF-e — Estilos customizados */
:root {
  --cor-verde:       #198754;
  --cor-amarelo:     #ffc107;
  --cor-vermelho:    #dc3545;
  --cor-verde-bg:    #d1e7dd;
  --cor-amarelo-bg:  #fff3cd;
  --cor-vermelho-bg: #f8d7da;
}

/* Rodapé */
.footer-bar { background: #f8f9fa; border-top: 1px solid #dee2e6; }

/* Área de upload */
.upload-area {
  border: 2px dashed #0d6efd; border-radius: 12px;
  padding: 40px 20px; text-align: center; cursor: pointer;
  background: #f8f9ff; transition: background .2s, border-color .2s;
}
.upload-area:hover, .upload-area.dragover {
  background: #e8f0fe; border-color: #0a58ca;
}

/* Badges de status (círculo) */
.badge-status {
  display: inline-block; width: 14px; height: 14px;
  border-radius: 50%; flex-shrink: 0;
}
.bg-verde    { background-color: var(--cor-verde); }
.bg-amarelo  { background-color: var(--cor-amarelo); }
.bg-vermelho { background-color: var(--cor-vermelho); }

/* Linhas da tabela de itens */
.row-status-verde    { background-color: var(--cor-verde-bg) !important; }
.row-status-amarelo  { background-color: var(--cor-amarelo-bg) !important; }
.row-status-vermelho { background-color: var(--cor-vermelho-bg) !important; }

/* Cards de resumo */
.status-verde    { background: var(--cor-verde-bg); color: #0f5132; border-left: 4px solid var(--cor-verde) !important; }
.status-amarelo  { background: var(--cor-amarelo-bg); color: #664d03; border-left: 4px solid var(--cor-amarelo) !important; }
.status-vermelho { background: var(--cor-vermelho-bg); color: #842029; border-left: 4px solid var(--cor-vermelho) !important; }

/* Badges de CFOP */
.cfop-badge { display: inline-block; padding: 3px 8px; border-radius: 6px; font-family: monospace; font-weight: 700; font-size: .9em; }
.cfop-entrada { background: #0d6efd22; color: #0a58ca; border: 1px solid #0d6efd55; }
.cfop-saida   { background: #19875422; color: #146c43; border: 1px solid #19875455; }

/* Info block */
.info-block { border-radius: 8px; background: #f8f9fa; border: 1px solid #e9ecef; height: 100%; }

/* Botões xs */
.btn-xs { padding: 2px 6px; font-size: .75rem; line-height: 1.4; border-radius: 4px; }

/* Alerta de item */
.alerta-item { font-size: .78rem; line-height: 1.35; border-left: 3px solid var(--cor-vermelho); padding-left: 6px; }
.row-status-amarelo .alerta-item { border-left-color: var(--cor-amarelo); }

/* Sticky header */
.table-responsive .sticky-top { position: sticky; top: 0; z-index: 10; }