/* Высокоприоритетные стили для переопределения стандартных */

/* Светлая тема - чуть более темный фон для навигационной панели */
header .navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.bg-white {
    background-color: #f8f9fa !important;
    background: #f8f9fa !important;
    background-image: none !important;
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

/* Темная тема - переопределяет базовые стили */
[data-bs-theme="dark"] header .navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.bg-white {
    background-color: #1f1f1f !important;
    background: #1f1f1f !important;
    border-bottom-color: #404040 !important;
}

/* Исправление для ссылки выход в темной теме */
[data-bs-theme="dark"] .navbar-nav .nav-link.text-dark {
    color: #e0e0e0 !important;
}

/* Стили для фильтра периодов задач */
/* Светлая тема - активный фильтр с серым цветом */
.list-group-item-action.active,
.list-group-item-action.active:focus,
.list-group-item-action.active:active,
.list-group-item-action.active:focus-visible {
    background-color: #6c757d !important; /* Bootstrap secondary color */
    color: #fff !important;
    font-weight: 500;
    border-left: 3px solid #5a6268 !important;
    border: none !important;
    outline: none !important; /* Убираем стандартную рамку фокуса */
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    box-shadow: none !important; /* Убираем focus ring от Bootstrap */
    --bs-focus-ring-color: transparent !important; /* Отключаем цвет focus ring */
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Темная тема - активный фильтр с более темным серым цветом */
[data-bs-theme="dark"] .list-group-item-action.active,
[data-bs-theme="dark"] .list-group-item-action.active:focus,
[data-bs-theme="dark"] .list-group-item-action.active:active,
[data-bs-theme="dark"] .list-group-item-action.active:focus-visible {
    background-color: #495057 !important; /* Bootstrap dark color */
    border-left: 3px solid #3d4246 !important;
    border: none !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    --bs-focus-ring-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Выравнивание элементов в навигационной панели */
.navbar-nav .nav-item {
    display: flex !important;
    align-items: center !important;
}

.navbar-nav .nav-link,
.navbar-nav .btn {
    margin: 0 !important;
    padding: 0.5rem 1rem !important;
}

/* Высокоприоритетные стили для выделения проекта */
#projectsList .list-group-item-action.active-project {
    background-color: var(--project-color) !important;
    color: var(--project-text-color) !important;
    font-weight: 500 !important;
}

#projectsList .list-group-item-action.active-project:hover {
    background-color: var(--project-color) !important;
    color: var(--project-text-color) !important;
}

#projectsList .list-group-item-action.active-project:focus,
#projectsList .list-group-item-action.active-project:active {
    background-color: var(--project-color) !important;
    color: var(--project-text-color) !important;
    box-shadow: none !important;
    --bs-focus-ring-color: transparent !important;
}

/* Специфические стили для левой панели с фильтрами */
/* Светлая тема - более темный фон для левого сайдбара для лучшего контраста */
.col-md-3.bg-light {
    background-color: #eeeeee !important;
}

/* Темная тема - сохраняем оригинальный стиль левого сайдбара */
[data-bs-theme="dark"] .col-md-3.bg-light {
    background-color: #2d2d2d !important;
}

/* Отключение стандартной рамки фокуса для всех элементов */
*:focus {
    outline: none !important;
}

/* Отключение выделения для всех интерактивных элементов */
.btn:focus, .btn:focus-visible, .btn:active,
.form-control:focus, .form-control:focus-visible, .form-control:active,
.list-group-item-action:focus, .list-group-item-action:focus-visible, .list-group-item-action:active,
.btn-link:focus, .btn-link:focus-visible, .btn-link:active,
a:focus, a:focus-visible, a:active,
input:focus, input:focus-visible, input:active,
select:focus, select:focus-visible, select:active,
textarea:focus, textarea:focus-visible, textarea:active {
    outline: none !important;
    box-shadow: none !important;
    --bs-focus-ring-color: transparent !important;
    --bs-focus-ring: 0 0 0 0 rgba(0,0,0,0) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}