/* ============================================
   ANX Module - Estilos específicos
   ============================================ */

:root {
  --anx-primary: #408cbc;
  --anx-primary-dark: #2a5f7d;
  --anx-success: #28a745;
  --anx-warning: #ffc107;
  --anx-danger: #dc3545;
  --anx-info: #17a2b8;
  --anx-light: #f8f9fa;
  --anx-border: #dee2e6;
}

/* Layout específico */
body.anx-module { background-color: #f4f6f9; }

/* Cards específicas ANX */
.card-primary.card-outline {
  border-top: 3px solid var(--anx-primary);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.card-primary .card-header {
  background: linear-gradient(135deg, var(--anx-primary) 0%, var(--anx-primary-dark) 100%);
  border-radius: 8px 8px 0 0 !important;
}

/* Tabla específica ANX */
#tblAnx {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
  background: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#tblAnx thead {
  background: linear-gradient(135deg, var(--anx-primary) 0%, var(--anx-primary-dark) 100%);
}

#tblAnx thead th {
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  padding: 14px 16px;
  border-bottom: 2px solid rgba(255,255,255,0.1);
}

/* Badges específicos ANX */
.estado-activo { background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%); color: #155724; border: 1px solid #c3e6cb; min-width: 80px; }
.estado-inactivo { background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%); color: #721c24; border: 1px solid #f5c6cb; min-width: 80px; }
.estado-suspendido { background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%); color: #856404; border: 1px solid #ffeaa7; min-width: 80px; }

.badge-dni { background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); color: #1565c0; border: 1px solid #bbdefb; min-width: 45px; }
.badge-ruc { background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); color: #2e7d32; border: 1px solid #c8e6c9; min-width: 45px; }
.badge-cee { background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%); color: #ef6c00; border: 1px solid #ffe0b2; min-width: 45px; }

/* Modales específicos ANX */
#insAnx .modal-content { border-top: 4px solid var(--anx-primary); }
#updAnx .modal-content { border-top: 4px solid var(--anx-info); }

#insAnx .modal-header { background: linear-gradient(135deg, var(--anx-primary) 0%, var(--anx-primary-dark) 100%); }
#updAnx .modal-header { background: linear-gradient(135deg, var(--anx-info) 0%, #138496 100%); }

/* Administradores ANX */
.anx-admin-section { background: white; border-radius: 8px; padding: 20px; }
.anx-admin-title { color: var(--anx-primary); font-weight: 600; margin-bottom: 5px; }

.anx-admin-row {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  transition: all 0.3s ease;
  align-items: flex-end;
}

/* Botón específico ANX */
.anx-btn-api {
  background: linear-gradient(135deg, var(--anx-success) 0%, #1e7e34 100%);
  color: white;
  border: none;
  transition: all 0.3s ease;
}