/* Hide scrollbar for WebKit browsers */
.w-full::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.w-full {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


.icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #f0f0f0;
    border: none;
    border-radius: 8px;
    margin: 4px;
    cursor: pointer;
}

.icon-button:hover {
    background-color: #e0e0e0;
}

.notification-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}