body { background: #f5f6f8; }

/* Barra superior y cartel del entorno de AFIP (H = homologación, P = producción) */
:root { --azul: #1d4f91; --azul-2: #2b6cb0; }
.barra-superior { background: linear-gradient(90deg, var(--azul), var(--azul-2)); box-shadow: 0 1px 4px rgba(0,0,0,.15); }
.barra-superior .marca-logo { display: inline-block; background: #fff; border-radius: .4rem; padding: 1px 6px; margin-right: .35rem; vertical-align: middle; line-height: 0; }
.badge.afip-H { background: #ffedd5; color: #c2410c; }
.badge.afip-P { background: #dcfce7; color: #15803d; }
.badge.afip-sin { background: #fee2e2; color: #b91c1c; }

/*
 * Botones (mismo criterio en todas las pantallas):
 * - Nuevo / Guardar / acción principal de un formulario: btn-primary.
 * - Emitir en AFIP (Generar facturas, Emitir): btn-success con el ícono del rayo.
 * - Acciones sobre lo seleccionado o secundarias: btn-outline-primary.
 * - Exportar Excel: btn-outline-success. Filtrar, Cancelar, Volver: btn-outline-secondary.
 * - Eliminar: btn-outline-danger (btn-danger sólo en la confirmación).
 * - Acciones de cada renglón: íconos con btn-link.
 * En el encabezado de la pantalla, las acciones van a la derecha del título y "Nuevo" al final.
 */
.encabezado { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: 1rem; }
.encabezado > h4 { margin: 0 auto 0 0; }

/* Selector de empresa de la barra superior: razón social y el nombre en chico */
.selector-empresa { max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.table td.num, .table th.num { text-align: right; white-space: nowrap; }
.procesando {
  position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 2000;
  display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;
}
.procesando.d-none { display: none !important; }
.estado-A { color: #198754; } .estado-R, .estado-E { color: #dc3545; } .estado-P { color: #b58105; }

/* Comprobante imprimible */
.comprobante { background: #fff; max-width: 900px; margin: 0 auto; padding: 24px; }
.comprobante .letra { font-size: 2.5rem; font-weight: 700; border: 2px solid #000; width: 64px; text-align: center; margin: 0 auto; }
@media print {
  body { background: #fff; }
  .comprobante { box-shadow: none; padding: 0; }
}