﻿.filter-mode-hidden {
    display: none !important;
}

.filters-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.filters-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filters-title-icon {
    font-size: 14px;
    color: var(--bs-primary);
    padding: 8px;
    border-radius: 10px;
    background: rgba(132,191,73,.12); 
}

.filters-title-text {
    font-weight: 700;
    font-size: 1rem;
    color: var(--bs-body-color);
}

.filters-actions-group {
    display: flex;
    align-items: center;
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    overflow: hidden;
    background: var(--bs-body-bg);
}

    .filters-actions-group .btn {
        border: 0 !important;
        border-radius: 0 !important;
        padding: .35rem .75rem;
        min-height: 36px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

        .filters-actions-group .btn + .btn {
            border-left: 1px solid var(--bs-border-color) !important;
        }

.btn-configure-filters {
    width: 40px;
    justify-content: center;
    padding: 0 !important;
}

.btn-clear-filters {
    color: var(--bs-secondary-color);
}

.btn-apply-filters {
 
    color: #fff !important;
    font-weight: 700;
}
.fk-morefilters-wrap {
    display: flex;
    align-items: center;
    padding-top: .25rem; 
}

.fk-morefilters-link {
    color: var(--primary08); 
    text-decoration: underline;
    font-weight: 200;
    font-size: .85rem;
    line-height: 1.0;
    cursor: pointer;
}

    .fk-morefilters-link:hover {
        opacity: .9;
        color: var(--primary07);
    }

.filters-form {
    --bs-gutter-y: 0rem;
}

.filters-form .form-check-input:focus:not(:checked) {
    border-color: var(--bs-border-color);
    box-shadow: none;
    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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

/* Filter mode toggle — used by ByUniqueId and similar mode switches */
.filter-mode-hidden {
    display: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.input-group-text.disabled-save-icon {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.group-profile-swal .swal2-html-container {
    margin: 0.5rem 1rem 0.25rem;
    padding: 0;
}

.group-profile-form .form-label {
    font-size: 0.85rem;
    font-weight: 500;
}

.group-profile-form .group-profile-matched {
    background-color: var(--bs-secondary-bg, #f8f9fa);
    max-height: 6.5rem;
    overflow-y: auto;
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
}

@media screen and (min-width: 1600px) {
    input.form-control.date-picker[data-enable-time="true"][data-mode="range"] {
        font-size: 0.74rem;
    }
}

.tooltip.filter-tooltip .tooltip-inner {
    background-color: #9AC366;
    color: #fff;
}

.tooltip.filter-tooltip .tooltip-arrow::before,
.tooltip.filter-tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.filter-tooltip[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #9AC366;
}

.tooltip.filter-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.filter-tooltip[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #9AC366;
    border-top-color: transparent;
}

.tooltip.filter-tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.filter-tooltip[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #9AC366;
    border-top-color: transparent;
}

.tooltip.filter-tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.filter-tooltip[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #9AC366;
    border-top-color: transparent;
}

.disabled{
    pointer-events : none !important;
}