.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Profile Menu Styles */
.profile-menu {
    position: relative;
}

/* User Name Truncation */
#user-name {
    display: inline-block;
    vertical-align: middle;
}

/* Dropdown Animation */
@keyframes dropdownSlide {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-menu {
    animation: dropdownSlide 0.2s ease-out forwards;
    transform-origin: top right;
}

/* Active State for Profile Button */
.btn-profile.active {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.1); /* Orange-600 */
}

.btn-profile.active .material-symbols-outlined {
    transform: rotate(180deg);
}

.btn-profile .material-symbols-outlined {
    transition: transform 0.2s ease;
}