/* market_analysis\market_analysis_app\static\css\styles.css */

/* Шапка всегда сверху экрана */
.table thead th {
    position: sticky; /* Фиксируем позицию */
    top: 0; /* Устанавливаем верхнее положение для фиксации */
    background-color: white; /* Цвет фона для шапки */
    z-index: 10; /* Устанавливаем z-index, чтобы шапка была поверх содержимого */
}

/* кастомные стили для уведомлений */
.custom-toast {
    max-width: 350px; /* Ограничиваем ширину */
    width: 100%; /* Занимает всю доступную ширину */
    font-size: 14px; /* Уменьшаем размер шрифта */
    border-radius: 8px; /* Скругляем углы */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Добавляем тень */
    margin-bottom: 10px; /* Отступ между уведомлениями */
}
.custom-toast .toast-header {
    font-weight: bold; /* Жирный шрифт для заголовка */
    padding: 8px 12px; /* Уменьшаем отступы */
    border-bottom: none; /* Убираем нижнюю границу */
    border-radius: 8px 8px 0 0; /* Скругляем верхние углы */
}
.custom-toast .toast-body {
    padding: 12px; /* Уменьшаем отступы */
}
.custom-toast .btn-close {
    margin-left: auto; /* Кнопка закрытия справа */
}
/* Убедимся, что уведомления не выходят за пределы экрана */
.toast-container {
    overflow-y: auto; /* Добавляем прокрутку, если уведомлений много */
    max-height: 90vh; /* Ограничиваем высоту контейнера */
}