/* OmniFetch custom styles */

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
.light ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }

/* smooth transitions for theme toggle */
* { transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }

/* progress bar animation */
.progress-bar { transition: width 0.3s ease; }

/* active card pulse effect */
.active-card { animation: subtle-pulse 3s infinite ease-in-out; }
@keyframes subtle-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
    50% { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.08); }
}

/* toast animation */
.toast-enter { transform: translateY(10px); opacity: 0; }
.toast-visible { transform: translateY(0); opacity: 1; }

/* range slider custom style */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #6366f1;
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* toggle switch base */
.peer:checked ~ div { background-color: #6366f1; }