/* Custom styles to supplement Tailwind */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #000; 
}

::-webkit-scrollbar-thumb {
    background: #333; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Auth Pages Background */
.auth-bg {
    background-image: radial-gradient(circle at 50% 50%, #1e1e1e 0%, #000000 100%);
}

/* Glassmorphism utilities */
.glass-panel {
    background: rgba(30, 30, 30, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Custom badge-like styling for multi-line text */
.inline-flex.whitespace-normal {
    flex-wrap: wrap;
    min-height: 1.5rem;
    line-height: 1.25rem;
}