/* BB_BUILD: design_2026 filters global light-blue v1
   Unified Sneat V2 filter panel styling (excludes POS). */

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) {
  --bb-flt-blue: #03c3ec;
  --bb-flt-blue-deep: #0ea5e9;
  --bb-flt-blue-text: #0369a1;
  --bb-flt-blue-accent: #0284c7;
  --bb-flt-blue-border: rgba(3, 195, 236, 0.22);
  --bb-flt-blue-border-strong: rgba(3, 195, 236, 0.38);
  --bb-flt-blue-soft: rgba(3, 195, 236, 0.12);
  --bb-flt-blue-head: linear-gradient(148deg, rgba(3, 195, 236, 0.2) 0%, rgba(125, 211, 252, 0.1) 42%, rgba(255, 255, 255, 0.98) 100%);
}

/* —— Filter card shell —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) section.bb-acc-filter.bb-sn-filter,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) section.bb-sn-filter.bb-acc-filter {
  background: #fff !important;
  border: 1px solid var(--bb-flt-blue-border-strong) !important;
  border-radius: var(--bb-v2-radius-lg, 0.75rem) !important;
  box-shadow: 0 8px 24px rgba(3, 195, 236, 0.1) !important;
}

/* —— Header / toggle —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__toggle,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__head,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__toggle {
  background: var(--bb-flt-blue-head) !important;
  color: var(--bb-flt-blue-text) !important;
  border-bottom: 1px solid rgba(3, 195, 236, 0.16) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__toggle-icon,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__head-icon,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__toggle-icon {
  background: rgba(3, 195, 236, 0.2) !important;
  color: var(--bb-flt-blue) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__toggle-label,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__head-title,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__toggle-label {
  color: var(--bb-flt-blue-text) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__chevron,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__toggle-chevron,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__toggle-chevron {
  color: var(--bb-flt-blue-accent) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__panel {
  border-top-color: rgba(3, 195, 236, 0.16) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__body,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__body {
  background: linear-gradient(180deg, rgba(3, 195, 236, 0.03) 0%, #fff 100%) !important;
}

/* —— Footer actions —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter__footer,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter__footer {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(3, 195, 236, 0.22) !important;
}

/* —— Labels —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-label,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-acc-label,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .bb-sn-label,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .bb-acc-label {
  color: var(--bb-flt-blue-text) !important;
}

/* —— Native controls —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-control,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-form-select,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .form-control,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter select.form-control,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .bb-sn-control,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .form-control {
  border-color: rgba(3, 195, 236, 0.28) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-control:focus,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-form-select:focus,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .form-control:focus,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .form-control:focus {
  border-color: var(--bb-flt-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(3, 195, 236, 0.18) !important;
}

/* —— Accounting control wrap —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-acc-control-wrap,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .bb-acc-control-wrap {
  border-color: rgba(3, 195, 236, 0.28) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-acc-control-wrap:focus-within,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .bb-acc-control-wrap:focus-within {
  border-color: var(--bb-flt-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(3, 195, 236, 0.18) !important;
}

/* —— Select2 inside filters —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .select2-container--default .select2-selection--single,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .select2-container--default .select2-selection--multiple,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .select2-container--default .select2-selection--single,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .select2-container--default .select2-selection--multiple {
  border-color: rgba(3, 195, 236, 0.28) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .select2-container--default.select2-container--focus .select2-selection--single,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .select2-container--default.select2-container--focus .select2-selection--multiple,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .select2-container--default.select2-container--open .select2-selection--single,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .select2-container--default.select2-container--focus .select2-selection--single,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-acc-filter .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--bb-flt-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(3, 195, 236, 0.18) !important;
}

/* —— Filter chips (contacts, toggles) —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-filter-chip,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter-chip {
  border-color: rgba(3, 195, 236, 0.28) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--bb-flt-blue-text) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-filter-chip:hover,
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter-chip:hover {
  border-color: rgba(3, 195, 236, 0.42) !important;
  background: var(--bb-flt-blue-soft) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter .bb-sn-filter-chip:has(.bb-sn-filter-chip__input:checked),
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter-chip:has(.bb-sn-filter-chip__input:checked) {
  border-color: rgba(3, 195, 236, 0.48) !important;
  background: linear-gradient(145deg, rgba(3, 195, 236, 0.22) 0%, rgba(255, 255, 255, 0.98) 100%) !important;
  color: var(--bb-flt-blue-accent) !important;
  box-shadow: 0 2px 10px rgba(3, 195, 236, 0.12) !important;
}

/* —— Active filter meta chips (reports) —— */
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter [class*='__chip'],
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter [class*='-meta__chip'] {
  border-color: rgba(3, 195, 236, 0.24) !important;
  background: rgba(3, 195, 236, 0.06) !important;
}

body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter [class*='__chip'] [class*='__label'],
body.bb-theme-v2:not(.bb-v2-mod-pos):not(.bb-v2-mod-customer-display) .bb-sn-filter [class*='-meta__label'] {
  color: var(--bb-flt-blue-accent) !important;
}

@media print {
  body.bb-theme-v2 .bb-sn-filter,
  body.bb-theme-v2 section.bb-acc-filter.bb-sn-filter {
    border-color: #ccc !important;
    box-shadow: none !important;
  }

  body.bb-theme-v2 .bb-sn-filter__toggle,
  body.bb-theme-v2 .bb-acc-filter__head {
    background: #f3f3f3 !important;
    color: #000 !important;
  }
}