/* vet-theme.css — Overrides de branding VET: Via Enhancer Tools
   Incluir en todos los HTMLs de la app justo antes de </head>     */

:root {
  --accent:     #e8189a !important;
  --accent-dim: rgba(232,24,154,0.12) !important;
}

/* Nav activo */
.nav-item.active {
  background: rgba(232,24,154,0.12) !important;
  color: #e8189a !important;
}
.nav-item.active .nav-icon {
  color: #e8189a !important;
}
.nav-badge {
  background: rgba(232,24,154,0.12);
  color: #e8189a;
}

/* Avatar de usuario */
.user-avatar {
  background: linear-gradient(135deg, #e8189a, #a0107a) !important;
}

/* Botones accent */
.btn-generate,
.btn-submit,
.greeting-cta {
  background: #e8189a !important;
}
.btn-generate:hover:not(:disabled),
.btn-submit:hover,
.greeting-cta:hover {
  background: #c9107e !important;
  box-shadow: 0 4px 20px rgba(232,24,154,0.3) !important;
}

/* Inputs focus */
.input:focus,
.sel:focus,
.inp:focus,
textarea:focus,
.search-input:focus {
  border-color: #e8189a !important;
  box-shadow: 0 0 0 3px rgba(232,24,154,0.1) !important;
}

/* Chips / selección */
.chip.selected {
  background: rgba(232,24,154,0.12) !important;
  border-color: rgba(232,24,154,0.4) !important;
  color: #e8189a !important;
}

/* Slider thumb */
input[type=range]::-webkit-slider-thumb {
  background: #e8189a !important;
  box-shadow: 0 0 8px rgba(232,24,154,0.4) !important;
}

/* Toast success */
.toast-success {
  border-color: rgba(232,24,154,0.3) !important;
}
.toast-success .toast-dot {
  background: #e8189a !important;
}

/* Greeting bar */
.greeting-bar {
  background: linear-gradient(135deg, rgba(232,24,154,.07) 0%, rgba(79,143,255,.05) 100%) !important;
  border-color: rgba(232,24,154,.15) !important;
}
.greeting-icon {
  background: rgba(232,24,154,.1) !important;
  color: #e8189a !important;
}

/* Progress bars */
.progress-bar,
.fc-3-fill {
  background: linear-gradient(90deg, #e8189a, #a0107a) !important;
}

/* Logo mark (imagen dentro del sidebar) — quitar fondo cuadrado antiguo */
.sidebar-logo .logo-mark {
  background: transparent !important;
}