/*
 * Marca de Idoo Doctor en el panel del médico y el portal del paciente (plantilla Materialize).
 * Antes el azul sólo lo ponía el Template Customizer, que se cargaba en Mi Perfil: el resto del panel
 * quedaba con el morado por omisión de la plantilla (#666cff).
 */
:root, [data-bs-theme=light] {
    --bs-primary: #2196F3;
    --bs-primary-rgb: 33, 150, 243;
    --bs-primary-bg-subtle: #e3f1fd;
    --bs-primary-border-subtle: #a6d4fa;
    --bs-primary-text-emphasis: #0d4f86;
    --bs-link-color: #1976D2;
    --bs-link-color-rgb: 25, 118, 210;
    --bs-link-hover-color: #0d4f86;
}
.btn-primary { --bs-btn-bg: #2196F3; --bs-btn-border-color: #2196F3; --bs-btn-hover-bg: #1976D2; --bs-btn-hover-border-color: #1976D2;
    --bs-btn-active-bg: #1565C0; --bs-btn-active-border-color: #1565C0; --bs-btn-disabled-bg: #2196F3; --bs-btn-disabled-border-color: #2196F3; }
.btn-outline-primary { --bs-btn-color: #1976D2; --bs-btn-border-color: #2196F3; --bs-btn-hover-bg: #2196F3; --bs-btn-hover-border-color: #2196F3;
    --bs-btn-active-bg: #1976D2; --bs-btn-active-border-color: #1976D2; }
/* En español los botones no llevan mayúscula en cada palabra (la plantilla pone text-transform: capitalize) */
.btn { text-transform: none; }
/* Página actual en el menú lateral (el panel de la clínica la marca; la plantilla la pinta morada) */
.layout-menu .menu-inner > .menu-item.active > .menu-link { background: linear-gradient(270deg, rgba(33, 150, 243, .7) 0%, #2196F3 100%) !important; color: #fff !important; box-shadow: 0 2px 6px rgba(33, 150, 243, .3); }
/* Casillas tipo botón en rojo (p. ej. «días que no aceptas citas»): la plantilla apenas distingue la marcada */
.btn-check:checked + .btn-outline-danger { background-color: #e53935; border-color: #e53935; color: #fff; }
.btn-check:checked + .btn-outline-primary, .btn-outline-primary.active { background-color: #2196F3; border-color: #2196F3; color: #fff; }