/* Custom scrollbar for the event log */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(156, 163, 175, 0.5);
    /* Tailwind gray-400 w/ opacity */
    border-radius: 3px;
}

.dark ::-webkit-scrollbar-thumb {
    background: rgba(75, 85, 99, 0.5);
    /* Tailwind gray-600 w/ opacity */
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(107, 114, 128, 0.8);
    /* Tailwind gray-500 w/ opacity */
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(156, 163, 175, 0.8);
    /* Tailwind gray-400 w/ opacity */
}

/* Custom animation for battery fill based on color states */
.battery-low {
    background-color: #EF4444 !important;
}

/* Red-500 */
.battery-med {
    background-color: #F59E0B !important;
}

/* Amber-500 */
.battery-high {
    background-color: #10B981 !important;
}

/* Emerald-500 */