/* Здесь можно будет добавлять свои CSS-правила, если Tailwind не хватит */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex-grow: 1;
}

/* Обновленные стили для кастомного скроллбара */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #1f2937; /* bg-gray-800 или немного темнее чем фон чата, например #111827 (bg-gray-900) */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #FBBF24; /* text-yellow-500 */
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #F59E0B; /* text-yellow-600 */
}

/* Если нужен более точный контроль над цветами текста в биографии внутри модального окна */
#modal-content .prose h1,
#modal-content .prose h2,
#modal-content .prose h3,
#modal-content .prose h4,
#modal-content .prose strong {
    color: #e5e7eb; /* text-gray-200 или text-yellow-500 для заголовков */
}

#modal-content .prose p,
#modal-content .prose li,
#modal-content .prose blockquote {
    color: #d1d5db; /* text-gray-300 */
}

#modal-content .prose a {
    color: #FBBF24; /* text-yellow-500 */
}
#modal-content .prose a:hover {
    color: #F59E0B; /* text-yellow-600 */
}