/* Estilos personalizados para el dashboard */

.badge {
    @apply px-2 py-1 text-xs font-semibold rounded-full;
}

.badge-blue {
    @apply bg-blue-100 text-blue-800;
}

.badge-green {
    @apply bg-green-100 text-green-800;
}

.badge-red {
    @apply bg-red-100 text-red-800;
}

.badge-yellow {
    @apply bg-yellow-100 text-yellow-800;
}

.progress-bar {
    @apply w-full bg-gray-200 rounded-full h-2.5;
}

.progress {
    @apply bg-blue-600 h-2.5 rounded-full transition-all duration-300;
}

/* Estilos para scrollbar visible */
.overflow-x-auto::-webkit-scrollbar {
    height: 8px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #555;
}