/* assets/css/colors.css */

/* Colores de Botones Bootstrap */
.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-success {
    background-color: #198754;
    border-color: #198754;
}

.btn-success:hover {
    background-color: #157347;
    border-color: #146c43;
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000;
}

.btn-warning:hover {
    background-color: #ffca2c;
    border-color: #ffc720;
    color: #000;
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
}

/* Colores personalizados para botones */
.btn-purple {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

.btn-purple:hover {
    background-color: #5a34a3;
    border-color: #543099;
    color: #fff;
}

.btn-dark-orange {
    background-color: #FF4500; /* OrangeRed */
    border-color: #FF4500;
    color: #fff;
}

.btn-dark-orange:hover {
    background-color: #e03d00;
    border-color: #d43a00;
    color: #fff;
}

.btn-orange {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #fff;
}

.btn-orange:hover {
    background-color: #e46a0a;
    border-color: #d86409;
    color: #fff;
}

.btn-brown {
    background-color: #654321; /* Dark Brown */
    border-color: #654321;
    color: #fff;
}

.btn-brown:hover {
    background-color: #50341a;
    border-color: #452d16;
    color: #fff;
}

.btn-slate-blue {
    background-color: #4a5568; /* Slate Blue/Gray */
    border-color: #4a5568;
    color: #fff;
}

.btn-slate-blue:hover {
    background-color: #394251;
    border-color: #323a47;
    color: #fff;
}

/* Colores para botones de fichaje */
.btn-entrada {
    background-color: #198754;
}

.btn-entrada:hover {
    background-color: #157347;
}

.btn-pausa {
    background-color: #ffc107;
    color: #000;
}

.btn-pausa:hover {
    background-color: #ffca2c;
}

.btn-salida {
    background-color: #dc3545;
}

.btn-salida:hover {
    background-color: #bb2d3b;
}

/* Colores para estados de fichaje */
.status-entrada {
    background-color: #d1e7dd;
    color: #0f5132;
}

.status-pausa {
    background-color: #fff3cd;
    color: #664d03;
}

.status-salida {
    background-color: #f8d7da;
    color: #842029;
}

/* Colores para tipos de festivos */
.type-local {
    background-color: #d1e7dd;
    color: #0f5132;
}

.type-autonomico {
    background-color: #cff4fc;
    color: #055160;
}

.type-estatal {
    background-color: #e2e3e5;
    color: #41464b;
}

.type-personal {
    background-color: #f8d7da;
    color: #842029;
}

/* Otros colores de la UI */
.login-header {
    background-color: #0d6efd;
    color: white;
}

.department-count {
    background-color: #0d6efd;
    color: white;
}

.schedule-day.active {
    background-color: #0d6efd;
    color: white;
}

.maintenance-icon {
    color: #ffc107;
}

.error-code {
    color: #dc3545;
}

.notification-badge {
    background-color: #dc3545;
    color: white;
}

.metric-change.positive {
    color: #198754;
}

.metric-change.negative {
    color: #dc3545;
}

#chat-widget-button {
    background-color: #0d6efd; /* Usando el color primario de Bootstrap */
    color: white;
}

#chat-widget-header {
    background-color: #0d6efd; /* Usando el color primario de Bootstrap */
    color: white;
}

.chat-message.bot {
    background-color: #e9e9eb;
    color: #333;
}

.chat-message.user {
    background-color: #0d6efd; /* Usando el color primario de Bootstrap */
    color: white;
}

#chat-widget-send {
    background-color: #0d6efd; /* Usando el color primario de Bootstrap */
    color: white;
}