/* Color de fondo del dashboard - Se sobrescribe dinámicamente desde head.php */
/* El color por defecto es #f5f1ec si no está configurado */
html,
body {
  background-color: #f5f1ec !important;
}

/* Montserrat: Fuente global para todo el sistema */
*,
*::before,
*::after {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body,
html,
input,
textarea,
select,
button,
.btn,
a,
span,
div,
p,
h1, h2, h3, h4, h5, h6,
label,
td, th,
.navbar,
.card,
.modal,
.dropdown-menu {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
 
}

/* Excepciones: mantener colores específicos donde sea necesario */
.sidebar-menu li.active > a,
.sidebar-menu li.active > a span,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.bg-primary,
.text-white,
.text-white * {
  color: #ffffff !important;
}

a:hover,
a:focus,
a:active {
  color: #000000 !important;
}

/* Sidebar: Montserrat Bold */
.sidebar,
.sidebar-menu,
.sidebar-menu li a,
.sidebar-menu li ul li a {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Sidebar: Texto negro cuando NO está activo */
.sidebar-menu li:not(.active) > a,
.sidebar-menu li:not(.active) > a:hover,
.sidebar-menu li:not(.active) > a:focus,
.sidebar-menu li:not(.active) > a:active,
.sidebar-menu li ul li a {
  color: #fff !important;
}

/* Encabezados con peso medio */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500 !important;
}

/* Color Primario: Configurable desde Settings (se sobrescribe dinámicamente desde head.php) */
/* El color por defecto es #dc7e24 si no está configurado */
.sidebar-menu li.active > a,
.sidebar-menu li.active > a:hover,
.sidebar-menu li.active > a:focus {
  background-color: #dc7e24 !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #dc7e24 !important;
  border-color: #dc7e24 !important;
}

.bg-primary {
  background-color: #dc7e24 !important;
}

.text-primary {
  color: #dc7e24 !important;
}

.border-primary {
  border-color: #dc7e24 !important;
}

/*CRM Button*/
.btn-rubymed {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 20px !important;
}
.btn-rubymed-primary {
  background-color: #d1e3fc !important;
  color: #2e86c1;
  border-radius: 20px;
}

.btn-rubymed-primary:hover {
  background-color: #b0d0fa !important;
  color: #2e86c1;
}

.btn-rubymed-success {
  background-color: #bbfcdd78;
  color: #198754;
  border-radius: 20px;
}

.btn-rubymed-success:hover {
  background-color: #98f4c9;
  color: #146c43;
}

.btn-rubymed-danger {
  background-color: #ffd0d5;
  color: #dc3545;
  border-radius: 20px;
}

.btn-rubymed-danger:hover {
  background-color: #f8b4bb;
  color: #a71d2a;
}

.btn-rubymed-warning {
  background-color: #ffefbf;
  color: #aa8106;
  border-radius: 20px;
}

.btn-rubymed-warning:hover {
  background-color: #ffe79b;
  color: #d39e00;
}

.btn-rubymed-info {
  background-color: #bcf4ff;
  color: #068aa4;
  border-radius: 20px;
}

.btn-rubymed-info:hover {
  background-color: #a3ecff;
  color: #0ba3c9;
}

.btn-rubymed-light {
  background-color: #f8f9fa;
  color: #f8f9fa;
  border-radius: 20px;
}
.btn-rubymed-light:hover {
  background-color: #e2e6ea;
  color: #495057;
}

.btn-rubymed-dark {
  background-color: #a9b0b7;
  color: #212529;
  border-radius: 20px;
}
.btn-rubymed-dark:hover {
  background-color: #8f969d;
  color: #0c0d0e;
}

/* Botón Principal */
.btn-rubymed-primary-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #2e86c1 !important;
}
.btn-rubymed-primary-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #0b70b3 !important;
}

/* Botón de Éxito */
.btn-rubymed-success-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #198754 !important;
}
.btn-rubymed-success-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #146c43 !important;
}

/* Botón de Peligro */
.btn-rubymed-danger-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #dc3545 !important;
}
.btn-rubymed-danger-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #a71d2a !important;
}

/* Botón de Advertencia */
.btn-rubymed-warning-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #ffc107 !important;
}
.btn-rubymed-warning-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #d39e00 !important;
}

/* Botón de Información */
.btn-rubymed-info-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #0dcaf0 !important;
}
.btn-rubymed-info-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #0ba3c9 !important;
}

/* Botón Neutro (Light) */
.btn-rubymed-light-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #6c757d !important;
}
.btn-rubymed-light-in:hover {
  background-color: #495057 !important;
}

/* Botón Oscuro */
.btn-rubymed-dark-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #212529 !important;
}
.btn-rubymed-dark-in:hover {
  background-color: #0c0d0e !important;
}

.btn-rubymed-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 20px;
}

.btn-rubymed-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 20px;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.7em;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
  color: #000;
}

.badge-primary {
  background-color: #d0e2ff;
  color: #084298;
} /* Azul pastel */
.badge-secondary {
  background-color: #e2e3e5;
  color: #41464b;
} /* Gris claro */
.badge-success {
  background-color: #d1e7dd;
  color: #0f5132;
} /* Verde menta */
.badge-danger {
  background-color: #f8d7da;
  color: #842029;
} /* Rojo rosa */
.badge-warning {
  background-color: #fff3cd;
  color: #664d03;
} /* Amarillo pastel */
.badge-info {
  background-color: #cff4fc;
  color: #055160;
} /* Celeste suave */
.badge-light {
  background-color: #fefefe;
  color: #6c757d;
} /* Blanco hueso */
.badge-dark {
  background-color: #d6d8d9;
  color: #1b1e21;
} /* Gris oscuro */