/* Custom Dark Scrollbar */
.custom-scrollbar::-webkit-scrollbar, 
textarea::-webkit-scrollbar, 
input::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track, 
textarea::-webkit-scrollbar-track, 
input::-webkit-scrollbar-track {
	background: #0f172a; /* slate-950 */
	border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb, 
textarea::-webkit-scrollbar-thumb, 
input::-webkit-scrollbar-thumb {
	background: #334155; /* slate-700 */
	border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover, 
textarea::-webkit-scrollbar-thumb:hover, 
input::-webkit-scrollbar-thumb:hover {
	background: #475569; /* slate-600 */
}

/* Polling Loader Animation for Text */
.loading-dot {
    animation: loading-blink 1.4s infinite both;
}
.loading-dot:nth-child(2) {
    animation-delay: 0.2s;
}
.loading-dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loading-blink {
    0% { opacity: 0.2; }
    20% { opacity: 1; }
    100% { opacity: 0.2; }
}

/* Prevent auto-fill from changing input background in Chrome/Edge */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #020617 inset !important; /* slate-950 */
    -webkit-text-fill-color: #34d399 !important; /* emerald-400 */
    transition: background-color 5000s ease-in-out 0s;
}