.cursor-pointer {
    cursor: pointer;
}

.text-none {
    user-select: none;
}

.bg-dark-hover:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #212529;
}

::-webkit-scrollbar-thumb {
    background: #495057;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #6c757d;
    }

#planner-tabs .nav-link {
    color: #adb5bd;
    border: none;
    border-top: 3px solid transparent;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.2s;
}

    #planner-tabs .nav-link:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.05);
    }

    #planner-tabs .nav-link.active {
        color: #212529 !important;
        background-color: #fff;
        border-top-color: #0d6efd;
        border-radius: 4px 4px 0 0;
    }

    #planner-tabs .nav-link.disabled {
        color: rgba(255, 255, 255, 0.2);
    }

.flatpickr-input {
    color: #fff !important;
    background-color: #212529;
    height: 38px !important;
    line-height: 1.5 !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.sortable-th:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.form-check.form-switch .form-check-input {
    background-color: #495057;
    border-color: #6c757d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23adb5bd'/%3e%3c/svg%3e"); /* Светлый ползунок */
    cursor: pointer;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}

    .form-check.form-switch .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); /* Белый ползунок */
    }

    .form-check.form-switch .form-check-input:focus {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

.filter-chip {
    border: 1px solid var(--filter-color);
    color: var(--filter-color);
    background: transparent;
    opacity: 0.6;
    transition: all 0.2s;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 20px; /* Закругленные края */
    padding: 0.25rem 0.75rem;
}

    .filter-chip:hover {
        opacity: 1;
        background: rgba(255, 255, 255, 0.05);
        color: var(--filter-color);
    }

    /* Активное состояние (Заливка цветом) */
    .filter-chip.active {
        background-color: var(--filter-color);
        color: #000; /* Черный текст для контраста на ярких цветах */
        text-shadow: none;
        opacity: 1;
        box-shadow: 0 0 8px var(--filter-color); /* Свечение */
    }

/* Состояние отключенного блока фильтров */
.disabled-area {
    opacity: 0.4; /* Полупрозрачность */
    pointer-events: none; /* Запрет кликов */
    filter: grayscale(100%); /* Обесцвечивание (цвета станут серыми) */
    transition: all 0.3s ease; /* Плавная анимация */
    user-select: none; /* Запрет выделения текста */
}