/**
 * Переопределение палитры Bootstrap 5 под фирменные переменные (variables.css).
 * Подключается последним из main.css — после variables и остальных слоёв.
 */

:root,
[data-bs-theme='light'] {
    --bs-primary: var(--primary-color);
    --bs-primary-rgb: 45, 90, 39;
    --bs-primary-text-emphasis: #1e3f1a;
    --bs-primary-bg-subtle: rgba(45, 90, 39, 0.12);
    --bs-primary-border-subtle: rgba(45, 90, 39, 0.35);

    --bs-info: var(--accent-color-light);
    --bs-info-rgb: 255, 187, 51;
    --bs-info-text-emphasis: #664d03;
    --bs-info-bg-subtle: var(--section-color);
    --bs-info-border-subtle: var(--accent-color-light);

    --bs-link-color: var(--primary-color);
    --bs-link-color-rgb: 45, 90, 39;
    --bs-link-hover-color: #1e3f1a;
    --bs-link-hover-color-rgb: 30, 63, 26;
    --bs-focus-ring-color: rgba(45, 90, 39, 0.28);

    --bs-nav-link-color: var(--primary-color);
    --bs-nav-link-hover-color: var(--accent-color-dark);
    --bs-nav-pills-link-active-color: var(--text-light);
    --bs-nav-pills-link-active-bg: var(--primary-color);

    /* Нативные чекбоксы, радио, выделение в select — фирменный зелёный вместо синего браузера */
    accent-color: var(--primary-color);
}

/* Ссылки в рабочей области — фирменный зелёный вместо синего Bootstrap/UA */
.content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):not(.works-chat-conv-item):not(.df-th-sort) {
    color: var(--primary-color);
    text-decoration-color: rgba(45, 90, 39, 0.35);
}

.content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):not(.works-chat-conv-item):not(.df-th-sort):hover,
.content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):not(.works-chat-conv-item):not(.df-th-sort):focus {
    color: #1e3f1a;
}

/* Кнопки, которые напрямую читают --bs-info (бирюзовый по умолчанию) */
.btn-info {
    --bs-btn-color: var(--text-dark);
    --bs-btn-bg: var(--accent-color-light);
    --bs-btn-border-color: var(--accent-color);
    --bs-btn-hover-color: var(--text-light);
    --bs-btn-hover-bg: var(--accent-color);
    --bs-btn-hover-border-color: var(--accent-color-dark);
    --bs-btn-active-color: var(--text-light);
    --bs-btn-active-bg: var(--accent-color-dark);
    --bs-btn-active-border-color: var(--accent-color-dark);
    --bs-btn-disabled-color: var(--text-dark);
    --bs-btn-disabled-bg: var(--accent-color-light);
    --bs-btn-disabled-border-color: var(--accent-color);
}

.btn-outline-info {
    --bs-btn-color: var(--accent-color-dark);
    --bs-btn-border-color: var(--accent-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--accent-color);
    --bs-btn-hover-border-color: var(--accent-color);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--accent-color-dark);
    --bs-btn-active-border-color: var(--accent-color-dark);
}

.btn-outline-primary {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e3f1a;
    --bs-btn-active-border-color: #1e3f1a;
}

.alert-info {
    --bs-alert-color: var(--text-dark);
    --bs-alert-bg: var(--section-color);
    --bs-alert-border-color: var(--accent-color-light);
    color: var(--text-dark);
    background-color: var(--section-color);
    border-color: var(--accent-color-light);
}

.alert-primary {
    --bs-alert-color: var(--primary-color);
    --bs-alert-bg: rgba(45, 90, 39, 0.12);
    --bs-alert-border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: rgba(45, 90, 39, 0.12);
    border-color: var(--primary-color);
}

.bg-info {
    background-color: var(--accent-color-light) !important;
    color: var(--text-dark) !important;
}

.text-info {
    color: var(--accent-color-dark) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.22);
}

.form-check-input {
    border-color: rgba(45, 90, 39, 0.45);
}

.form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.22);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:checked:focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.22);
}

select.form-control[multiple],
select.form-select[multiple] {
    accent-color: var(--primary-color);
}

select.form-control[multiple] option:checked,
select.form-select[multiple] option:checked {
    background: var(--primary-color) linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%);
    color: var(--text-light);
}

.btn-primary {
    --bs-btn-color: var(--text-light);
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: var(--text-light);
    --bs-btn-hover-bg: #1e3f1a;
    --bs-btn-hover-border-color: #1e3f1a;
    --bs-btn-active-color: var(--text-light);
    --bs-btn-active-bg: #1e3f1a;
    --bs-btn-active-border-color: #1e3f1a;
    --bs-btn-disabled-color: var(--text-light);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}

.text-primary {
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Фильтры nav-pills (Допуски к работе и др.) — без синего Bootstrap */
.nav-pills .nav-link {
    color: var(--primary-color);
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    color: var(--primary-color);
    background-color: var(--section-color);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--text-light) !important;
    background-color: var(--primary-color) !important;
}

/* --- Выделение текста и фирменный accent вместо синего браузера --- */

::selection {
    background-color: rgba(45, 90, 39, 0.28);
    color: var(--text-dark);
}

::-moz-selection {
    background-color: rgba(45, 90, 39, 0.28);
    color: var(--text-dark);
}

select,
input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']),
textarea,
progress,
meter {
    accent-color: var(--primary-color);
}

select.form-select,
select.form-control {
    accent-color: var(--primary-color);
}

select.form-select option:checked,
select.form-control option:checked {
    background: var(--primary-color);
    color: var(--text-light);
}

/* Bootstrap dropdown / list-group — без синего highlight */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(45, 90, 39, 0.1);
    color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: rgba(45, 90, 39, 0.08);
    color: var(--primary-color);
}

.list-group-item-action.active,
.list-group-item-action:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-light);
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.22);
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Кастомный выпадающий список (brand-select-list.js) */
.brand-select-list {
    position: relative;
}

.brand-select-list.is-open {
    z-index: 1060;
}

.brand-select-list__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.brand-select-list__input {
    cursor: pointer;
}

.brand-select-list__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    max-height: 16rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 2px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.brand-select-list__menu.is-open {
    display: block;
}

/* Резерв: если меню ещё внутри карточки, не обрезать его по overflow карточки */
.card:has(.brand-select-list.is-open) {
    overflow: visible;
    position: relative;
    z-index: 1055;
}

.brand-select-list__option {
    display: block;
    width: 100%;
    padding: 0.5rem 0.85rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background-color: #fff;
    color: var(--text-dark);
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.35;
    cursor: pointer;
}

.brand-select-list__option:last-child {
    border-bottom: 0;
}

.brand-select-list__option:hover,
.brand-select-list__option:focus,
.brand-select-list__option.is-active {
    background-color: rgba(45, 90, 39, 0.1);
    color: var(--primary-color);
    outline: none;
}

.brand-select-list__option.is-selected {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.brand-select-list__hint {
    padding: 0.5rem 0.85rem;
    font-size: 0.8125rem;
    color: #6c757d;
    background: #fff;
}

/* Фирменный календарь дат вместо синего нативного Chrome */
.brand-date-picker {
    position: relative;
    display: block;
    width: 100%;
    overflow: visible;
}

.brand-date-picker.is-open,
.brand-date-picker:has(.brand-date-picker__panel.is-open) {
    z-index: 1060;
}

.brand-date-picker__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.brand-date-picker__native[type="hidden"] {
    clip: auto !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

.brand-date-picker__input {
    cursor: text;
    background-image: none;
    padding-right: 2.5rem;
}

.brand-date-picker__input.is-invalid {
    border-color: #dc3545;
}

.brand-date-picker__toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232d5a27' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    cursor: pointer;
}

.brand-date-picker__nav-btn {
    position: relative;
    z-index: 2;
}

.brand-date-picker__panel {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 1;
    width: 17.5rem;
    padding: 0.75rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.brand-date-picker__panel.is-open {
    display: block;
}

.brand-date-picker__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.brand-date-picker__title {
    font-weight: 600;
    color: var(--primary-color);
}

.brand-date-picker__nav-btn {
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--primary-color);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.brand-date-picker__nav-btn:hover {
    background: rgba(45, 90, 39, 0.12);
}

.brand-date-picker__weekdays,
.brand-date-picker__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    gap: 0.15rem;
}

.brand-date-picker__weekdays {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    color: #6c757d;
}

.brand-date-picker__day {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 0.875rem;
    line-height: 2rem;
    padding: 0;
    cursor: pointer;
}

.brand-date-picker__day.is-empty {
    visibility: hidden;
    pointer-events: none;
}

.brand-date-picker__day:hover {
    background: rgba(45, 90, 39, 0.12);
    color: var(--primary-color);
}

.brand-date-picker__day.is-today:not(.is-selected) {
    box-shadow: inset 0 0 0 1px var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
}

.brand-date-picker__day.is-selected,
.brand-date-picker__day.is-selected:hover {
    background: var(--primary-color);
    color: var(--text-light);
    font-weight: 600;
}

.brand-date-picker__day.is-disabled,
.brand-date-picker__day.is-disabled:hover {
    background: transparent;
    color: #adb5bd;
    cursor: not-allowed;
}

.brand-date-picker__time-row {
    margin-top: 0.5rem;
}

.brand-date-picker__time-row label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #495057;
    margin: 0;
}

.brand-date-picker__time {
    max-width: 8rem;
    accent-color: var(--primary-color);
}

.brand-date-picker__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.brand-date-picker__link {
    border: 0;
    background: transparent;
    color: var(--primary-color);
    font-size: 0.8125rem;
    cursor: pointer;
    padding: 0.15rem 0.25rem;
}

.brand-date-picker__link:hover {
    text-decoration: underline;
}

.fc,
#fullCalendar {
    --fc-today-bg-color: rgba(45, 90, 39, 0.12);
    --fc-highlight-color: rgba(45, 90, 39, 0.18);
    --fc-button-bg-color: var(--primary-color);
    --fc-button-border-color: var(--primary-color);
    --fc-button-text-color: #fff;
    --fc-button-hover-bg-color: #1e3f1a;
    --fc-button-hover-border-color: #1e3f1a;
    --fc-button-active-bg-color: #1e3f1a;
    --fc-button-active-border-color: #1e3f1a;
    --fc-event-bg-color: var(--primary-color);
    --fc-event-border-color: var(--primary-color);
    --fc-neutral-bg-color: rgba(45, 90, 39, 0.06);
}