/* Select2 theme alignment with admin panel */
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single {
  height: 38px;
  border: 1px solid #dfe5ef;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #334155;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 36px;
  padding-inline: 2px 22px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; inset-inline-end: 6px; }
.select2-container--default .select2-selection--multiple {
  min-height: 38px;
  border: 1px solid #dfe5ef;
  border-radius: 10px;
  background: #fff;
  padding: 2px 6px;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99,102,241,.12);
}
.select2-dropdown {
  border: 1px solid #dfe5ef;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(15,23,42,.16);
  z-index: 20050 !important;
  overflow: hidden;
}
.select2-container--default .select2-results__option { font-size: 12.5px; font-weight: 600; padding: 8px 12px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #eef2ff; color: #3730a3; }
.select2-container--default .select2-results__option[aria-selected=true] { background: #f1f5f9; color: #1e293b; }
.select2-search--dropdown .select2-search__field {
  border: 1px solid #dfe5ef; border-radius: 9px; padding: 7px 10px; font-size: 12.5px;
}
.select2-results__option.select2-results__message { font-size: 12px; color: #94a3b8; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered { text-align: right; }
.select2-container--open { z-index: 20050 !important; }
/* keep native select hidden properly inside grid/flex */
select.select2-hidden-accessible { width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; }

/* flex toolbars: keep filters side-by-side on desktop */
[class*="toolbar"] > .select2-container,
[class*="filters"] > .select2-container,
[class*="search"] > .select2-container { width: auto !important; flex: 1 1 170px; max-width: 260px; min-width: 140px; }
@media (max-width: 900px) {
  [class*="toolbar"] > .select2-container,
  [class*="filters"] > .select2-container { flex: 1 1 100%; max-width: 100%; }
}