html, body {
    font-family: 'Inter', serif;
}
/* Додати до вашого app.css або site.css */

/* Підсвітка нових повідомлень */
.new-message-row {
    background-color: #e3f2fd !important;
    animation: highlight-fade 3s ease-in-out;
}

@keyframes highlight-fade {
    0% {
        background-color: #bbdefb;
    }
    100% {
        background-color: #e3f2fd;
    }
}

/* Курсор для кліку */
.cursor-pointer {
    cursor: pointer;
}

/* Scroll для тредів */
.mud-stack > div:has(.mud-paper) {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.mud-stack > div:has(.mud-paper)::-webkit-scrollbar {
    width: 8px;
}

.mud-stack > div:has(.mud-paper)::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.mud-stack > div:has(.mud-paper)::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.mud-stack > div:has(.mud-paper)::-webkit-scrollbar-thumb:hover {
    background: #555;
}