/* OneDigitalite dropdown menu (see od-select.js). Shared by the website and the admin panel. */
.od-select-menu {
  --ods-ink: #0E0B33; --ods-text: #3D3B5C; --ods-muted: #8A88A6; --ods-line: #E7E6F2;
  --ods-violet: #5B3CF5; --ods-violet-soft: #F1EEFF;
  position: fixed; z-index: 2060; box-sizing: border-box;
  background: #fff; border: 1px solid var(--ods-line); border-radius: 14px;
  box-shadow: 0 18px 40px -12px rgba(14, 11, 51, .22), 0 4px 10px rgba(14, 11, 51, .06);
  padding: 6px; font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  opacity: 0; transform: translateY(-4px); transition: opacity .14s ease, transform .14s ease;
}
.od-select-menu.is-up { transform: translateY(4px); }
.od-select-menu.is-open { opacity: 1; transform: none; }
.od-select-search { padding: 2px 2px 6px; border-bottom: 1px solid var(--ods-line); margin-bottom: 4px; }
.od-select-search input {
  width: 100%; box-sizing: border-box; height: 38px; border: 1px solid var(--ods-line); border-radius: 10px;
  padding: 0 12px 0 34px; font: inherit; font-size: 14px; color: var(--ods-ink); outline: none;
  background: #FAFAFE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A88A6' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center;
}
.od-select-search input:focus { border-color: var(--ods-violet); box-shadow: 0 0 0 3px rgba(91, 60, 245, .12); background-color: #fff; }
.od-select-list { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #D6CEFF transparent; }
.od-select-list::-webkit-scrollbar { width: 6px; }
.od-select-list::-webkit-scrollbar-thumb { background: #D6CEFF; border-radius: 999px; }
.od-select-item {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 9px 12px; border-radius: 9px; cursor: pointer; user-select: none;
  font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--ods-text);
}
.od-select-item span { min-width: 0; overflow-wrap: anywhere; }
.od-select-item svg { flex: none; opacity: 0; color: var(--ods-violet); }
.od-select-item.is-active { background: var(--ods-violet-soft); color: var(--ods-ink); }
.od-select-item.is-selected { color: var(--ods-violet); font-weight: 700; }
.od-select-item.is-selected svg { opacity: 1; }
.od-select-item.is-disabled { color: #C2C0D4; cursor: not-allowed; }
.od-select-group { padding: 10px 12px 4px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ods-muted); }
.od-select-empty { display: none; padding: 14px 12px; font-size: 13px; color: var(--ods-muted); text-align: center; }
select.od-select-open { border-color: #5B3CF5 !important; box-shadow: 0 0 0 4px rgba(91, 60, 245, .12) !important; }

/* select2 (searchable/AJAX pickers) styled to match the same menu */
.select2-container--open .select2-dropdown { border: 1px solid #E7E6F2 !important; border-radius: 14px !important; box-shadow: 0 18px 40px -12px rgba(14, 11, 51, .22), 0 4px 10px rgba(14, 11, 51, .06); padding: 6px; overflow: hidden; }
.select2-container--open .select2-dropdown--below { margin-top: 6px; }
.select2-container--open .select2-dropdown--above { margin-top: -6px; }
.select2-search--dropdown { padding: 2px 2px 6px !important; }
.select2-container--default .select2-search--dropdown .select2-search__field { height: 38px; border: 1px solid #E7E6F2 !important; border-radius: 10px; padding: 0 12px; font-size: 14px; outline: none; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #5B3CF5 !important; box-shadow: 0 0 0 3px rgba(91, 60, 245, .12); }
.select2-results__option { padding: 9px 12px !important; border-radius: 9px; font-size: 14px; color: #3D3B5C; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted { background: #F1EEFF !important; color: #0E0B33 !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background: transparent; color: #5B3CF5; font-weight: 700; }
.select2-container--default .select2-results__option--highlighted[aria-selected=true] { background: #F1EEFF !important; color: #5B3CF5 !important; }
.select2-container--default .select2-results__group { padding: 10px 12px 4px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8A88A6; }
.select2-results__message { color: #8A88A6; font-size: 13px; }