/* Estilos personalizados para el botón Actualizar */
.btn-actualizar {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3) !important;
    transition: all 0.3s ease !important;
    color: white !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
}

.btn-actualizar:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.4) !important;
    background: linear-gradient(135deg, #218838 0%, #1ea085 100%) !important;
    color: white !important;
}

.btn-actualizar:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3) !important;
}

.btn-actualizar:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
    color: white !important;
}

.btn-actualizar i {
    margin-right: 6px !important;
}

/* Animación de rotación para el icono al hacer clic */
.btn-actualizar:active i {
    animation: spin 0.5s linear;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Estilos para botones de solicitar carpeta - iconos blancos */
.btn-solicitar-carpeta-muni i.fa-envelope,
.btn-primary i.fa-envelope,
.btn-primary .fas.fa-envelope {
    color: white !important;
}

/* Asegurar que todos los iconos de envelope en botones primarios sean blancos */
.btn-primary .fa-envelope,
.btn-sm.btn-primary .fa-envelope,
.btn-sm.btn-primary .fas.fa-envelope {
    color: white !important;
}

/* Específico para botones de solicitar carpeta */
.btn-solicitar-carpeta-muni .fa-envelope {
    color: white !important;
}

/* Forzar color blanco para iconos de sobre en todos los contextos */
button.btn-primary i.fas.fa-envelope,
button.btn-sm.btn-primary i.fas.fa-envelope,
.btn-group button.btn-primary i.fas.fa-envelope {
    color: #ffffff !important;
}

/* Estilo adicional para asegurar que el icono sea blanco */
.table .btn-primary .fa-envelope::before {
    color: white !important;
}

/* Estilos para badges de turnos con mejor contraste */
.badge-prioridad-alta {
    background-color: #dc3545 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

.badge-prioridad-normal {
    background-color: #0d6efd !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

.badge-prioridad-baja {
    background-color: #198754 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

.badge-estado-disponible {
    background-color: #17a2b8 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

.badge-estado-ausente {
    background-color: #fd7e14 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

/* Hover effects para los badges de turnos */
.badge-prioridad-alta:hover {
    background-color: #bb2d3b !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.badge-prioridad-normal:hover {
    background-color: #0b5ed7 !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.badge-prioridad-baja:hover {
    background-color: #146c43 !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.badge-estado-disponible:hover {
    background-color: #138496 !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.badge-estado-ausente:hover {
    background-color: #e8690b !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

/* Estilos para botones de acciones de turnos - mismo tamaño */
.btn-accion-turno {
    width: 90px !important;
    height: 32px !important;
    font-size: 12px !important;
    margin-right: 5px !important;
}

.btn-accion-turno i {
    margin-right: 4px !important;
    font-size: 11px !important;
}

/* Estilos para badges de leyenda con mejor contraste */
.badge-leyenda-preagendamiento {
    background-color: #0d6efd !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

.badge-leyenda-pendiente {
    background-color: #fd7e14 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

.badge-leyenda-solicitada {
    background-color: #6f42c1 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

/* Hover effects para los badges de leyenda */
.badge-leyenda-preagendamiento:hover {
    background-color: #0b5ed7 !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.badge-leyenda-pendiente:hover {
    background-color: #e8690b !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.badge-leyenda-solicitada:hover {
    background-color: #5a359a !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
}