/* One look for every dropdown on the old-style pages (12 Nov 2026).
   Loaded last on the admin edit pages (body.gx-body) and on the public pages that still use the old markup (body.gea-old).
   Covers: 1) plain <select>  2) select2 lists, single and multiple, and their open list  3) Bootstrap menus ("..." actions).
   Section 4 (the open list) is for every page of the site, new design included. */
:root{
  --dd-ink:#232628;--dd-muted:#8a8d94;--dd-line:#d7d4e0;--dd-line-2:#b9b5c6;--dd-tint:#f6f4f9;
  --dd-accent:#cf3a27;--dd-accent-dark:#a92c1c;--dd-accent-soft:#fbeae7;--dd-ring:0 0 0 3px rgba(207,58,39,.14);
  --dd-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232628' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* ---------- 1) plain <select> ---------- */
.gea-old-main select:not([multiple]):not([size]):not(.sel),
.gea-old .modal select:not([multiple]):not([size]),
.gx-body .gx-content select:not([multiple]):not([size]),
.gx-body .modal select:not([multiple]):not([size]){
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  min-height:44px;max-width:100%;padding:8px 40px 8px 14px!important;
  border:1px solid var(--dd-line)!important;border-radius:12px!important;
  background:#fff var(--dd-arrow) no-repeat right 14px center/16px 16px!important;
  color:var(--dd-ink);font-family:inherit;font-size:14.5px!important;line-height:1.4;cursor:pointer;box-shadow:none;
  transition:border-color .15s,box-shadow .15s;
}
.gea-old-main select:not([multiple]):not([size]):not(.sel):hover,.gea-old .modal select:not([multiple]):not([size]):hover,
.gx-body .gx-content select:not([multiple]):not([size]):hover,.gx-body .modal select:not([multiple]):not([size]):hover{border-color:var(--dd-line-2)!important}
.gea-old-main select:not([multiple]):not([size]):not(.sel):focus,.gea-old .modal select:not([multiple]):not([size]):focus,
.gx-body .gx-content select:not([multiple]):not([size]):focus,.gx-body .modal select:not([multiple]):not([size]):focus{border-color:var(--dd-accent)!important;box-shadow:var(--dd-ring)!important;outline:0}
.gea-old-main select:disabled,.gx-body .gx-content select:disabled{background-color:var(--dd-tint)!important;color:var(--dd-muted);cursor:not-allowed}
[dir="rtl"] .gea-old-main select:not([multiple]):not([size]):not(.sel),[dir="rtl"] .gx-body .gx-content select:not([multiple]):not([size]){padding:8px 14px 8px 40px!important;background-position:left 14px center!important}
/* the small "Show 10 entries" list of the tables */
.gea-old-main .dataTables_length select,.gx-body .gx-content .dataTables_length select,.gx-body .gx-content div.dt-container .dt-length select{
  display:inline-block;width:auto;min-height:38px;margin:0 6px;padding:4px 34px 4px 12px!important;background-position:right 10px center!important;font-size:13.5px!important}

/* ---------- 2) select2 ---------- */
/* the old site CSS draws a 60px cream pill around every select2 list: removed, one clean field instead */
.gea-old .select2.select2-container.select2-container--default,
.gx-body .select2.select2-container.select2-container--default{
  display:block;max-width:100%;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;line-height:1.4!important;font-family:inherit}
.gea-old .select2-container--default .select2-selection--single,
.gx-body .select2-container--default .select2-selection--single{
  position:relative;display:flex;align-items:center;height:44px!important;
  border:1px solid var(--dd-line)!important;border-radius:12px!important;background:#fff!important;outline:0;transition:border-color .15s,box-shadow .15s}
.gea-old .select2-container--default .select2-selection--single .select2-selection__rendered,
.gx-body .select2-container--default .select2-selection--single .select2-selection__rendered{
  position:relative;flex:1 1 auto;min-width:0;margin:0!important;padding:0 40px 0 14px!important;line-height:1.4!important;color:var(--dd-ink)!important;font-size:14.5px}
.gea-old .select2-container--default .select2-selection__placeholder,
.gx-body .select2-container--default .select2-selection__placeholder{color:var(--dd-muted)!important}
/* the same arrow as the plain lists */
.gea-old .select2-container--default .select2-selection--single .select2-selection__arrow,
.gx-body .select2-container--default .select2-selection--single .select2-selection__arrow{
  position:absolute!important;top:50%!important;right:12px!important;left:auto!important;width:16px!important;height:16px!important;
  transform:translateY(-50%);background:var(--dd-arrow) no-repeat center/16px 16px;transition:transform .2s}
.gea-old .select2-container--default .select2-selection--single .select2-selection__arrow b,
.gx-body .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none!important}
.gea-old .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
.gx-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{transform:translateY(-50%) rotate(180deg)}
.gea-old .select2-container--default .select2-selection--single .select2-selection__clear,
.gx-body .select2-container--default .select2-selection--single .select2-selection__clear{
  position:absolute!important;top:50%!important;right:26px!important;left:auto!important;margin:0!important;transform:translateY(-50%);
  width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;color:var(--dd-muted);font-size:17px;font-weight:400}
.gea-old .select2-container--default .select2-selection--single .select2-selection__clear:hover,
.gx-body .select2-container--default .select2-selection--single .select2-selection__clear:hover{background:var(--dd-tint);color:var(--dd-ink)}
/* hover, keyboard focus and open */
.gea-old .select2-container--default:hover .select2-selection,
.gx-body .select2-container--default:hover .select2-selection{border-color:var(--dd-line-2)!important}
.gea-old .select2-container--default.select2-container--focus .select2-selection,
.gea-old .select2-container--default.select2-container--open .select2-selection,
.gx-body .select2-container--default.select2-container--focus .select2-selection,
.gx-body .select2-container--default.select2-container--open .select2-selection{border-color:var(--dd-accent)!important;box-shadow:var(--dd-ring)!important}
.gea-old .select2-container--default.select2-container--disabled .select2-selection,
.gx-body .select2-container--default.select2-container--disabled .select2-selection{background:var(--dd-tint)!important;cursor:not-allowed}
/* lists where several values can be picked */
.gea-old .select2-container--default .select2-selection--multiple,
.gx-body .select2-container--default .select2-selection--multiple{
  display:block;min-height:44px!important;height:auto!important;padding:4px 8px!important;
  border:1px solid var(--dd-line)!important;border-radius:12px!important;background:#fff!important;cursor:text}
.gea-old .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.gx-body .select2-container--default .select2-selection--multiple .select2-selection__rendered{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0!important;padding:2px 0!important;width:100%}
.gea-old .select2-container--default .select2-selection--multiple .select2-selection__choice,
.gx-body .select2-container--default .select2-selection--multiple .select2-selection__choice{
  float:none!important;display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0!important;padding:4px 12px!important;
  border:1px solid var(--dd-line)!important;border-radius:999px!important;background:var(--dd-tint)!important;color:var(--dd-ink)!important;font-size:13px;line-height:1.3}
.gea-old .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.gx-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--dd-muted)!important;font-size:15px;line-height:1;cursor:pointer}
.gea-old .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.gx-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--dd-accent)!important}
.gea-old .select2-container--default .select2-selection--multiple .select2-search--inline,
.gx-body .select2-container--default .select2-selection--multiple .select2-search--inline{float:none!important;flex:1 1 80px;min-width:80px}
.gea-old .select2-container--default .select2-selection--multiple .select2-search__field,
.gx-body .select2-container--default .select2-selection--multiple .select2-search__field{
  width:100%!important;min-height:28px;margin:0!important;padding:2px 4px!important;border:0!important;border-radius:0!important;background:none!important;font-size:14px!important;font-family:inherit}
/* the open list (select2 puts it at the end of <body>) */
body.gea-old .select2-dropdown,body.gx-body .select2-dropdown{
  margin-top:4px;border:1px solid var(--dd-line)!important;border-radius:12px!important;background:#fff!important;overflow:hidden;
  box-shadow:0 18px 40px -18px rgba(35,38,40,.35);font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.gea-old .select2-dropdown--above,body.gx-body .select2-dropdown--above{margin-top:-4px}
body.gea-old .select2-search--dropdown,body.gx-body .select2-search--dropdown{padding:8px 8px 4px!important}
body.gea-old .select2-search--dropdown .select2-search__field,body.gx-body .select2-search--dropdown .select2-search__field{
  padding:8px 12px!important;border:1px solid var(--dd-line)!important;border-radius:10px!important;background:#fff!important;font-size:14px!important;outline:0}
body.gea-old .select2-search--dropdown .select2-search__field:focus,body.gx-body .select2-search--dropdown .select2-search__field:focus{border-color:var(--dd-accent)!important;box-shadow:var(--dd-ring)}
body.gea-old .select2-results,body.gx-body .select2-results{padding:6px!important}
body.gea-old .select2-results>.select2-results__options,body.gx-body .select2-results>.select2-results__options{max-height:280px}
body.gea-old .select2-results__option,body.gx-body .select2-results__option{padding:9px 12px!important;border-radius:8px;color:var(--dd-ink);font-size:14px;line-height:1.35}
body.gea-old .select2-container--default .select2-results__option--highlighted[aria-selected],
body.gx-body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--dd-tint)!important;color:var(--dd-ink)!important}
body.gea-old .select2-container--default .select2-results__option[aria-selected="true"],
body.gx-body .select2-container--default .select2-results__option[aria-selected="true"]{background:var(--dd-accent-soft)!important;color:var(--dd-accent-dark)!important;font-weight:600}
body.gea-old .select2-results__option.select2-results__message,body.gx-body .select2-results__option.select2-results__message{color:var(--dd-muted)}

/* ---------- 3) Bootstrap menus (the "..." actions in the tables, the old page menus) ---------- */
.gea-old-main .dropdown-menu,.gx-body .dropdown-menu{
  min-width:180px;padding:6px!important;border:1px solid var(--dd-line)!important;border-radius:12px!important;background:#fff;
  box-shadow:0 18px 40px -18px rgba(35,38,40,.35)!important;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.gea-old-main .dropdown-menu .dropdown-item,.gx-body .dropdown-menu .dropdown-item{
  display:flex;align-items:center;gap:8px;padding:8px 12px!important;border-radius:8px;color:var(--dd-ink)!important;font-size:13.5px;line-height:1.35;white-space:normal}
.gea-old-main .dropdown-menu .dropdown-item:hover,.gea-old-main .dropdown-menu .dropdown-item:focus,
.gx-body .dropdown-menu .dropdown-item:hover,.gx-body .dropdown-menu .dropdown-item:focus{background:var(--dd-tint)!important;color:var(--dd-ink)!important}
.gea-old-main .dropdown-menu .dropdown-item.active,.gea-old-main .dropdown-menu .dropdown-item:active,
.gx-body .dropdown-menu .dropdown-item.active,.gx-body .dropdown-menu .dropdown-item:active{background:var(--dd-accent-soft)!important;color:var(--dd-accent-dark)!important}
.gea-old-main .dropdown-menu .dropdown-divider,.gx-body .dropdown-menu .dropdown-divider{margin:6px 0;border-color:var(--dd-line)}

@media (prefers-reduced-motion:reduce){.gea-old select,.gx-body select,.select2-selection,.select2-selection__arrow{transition:none!important}}


/* ---------- 4) the open list of every plain <select>, on all pages ---------- */
/* Browsers that support it (Chrome and Edge 135 and later) draw the open list with these rules.
   Other browsers keep their own standard list: nothing breaks, it only looks plainer there. */
@supports (appearance:base-select){
  select:not([multiple]):not([size]),
  select:not([multiple]):not([size])::picker(select){-webkit-appearance:base-select!important;appearance:base-select!important}
  /* keep the chosen text in the middle of the field */
  select:not([multiple]):not([size]){align-items:center}
  /* the arrow of the field: one small chevron, pushed to the end of the field */
  select:not([multiple]):not([size])::picker-icon{
    content:"";flex:none;width:16px;height:16px;margin-inline-start:auto;background:var(--dd-arrow) center/16px 16px no-repeat;opacity:.8}
  /* these fields already draw their own arrow, so the extra one is hidden */
  .sel select::picker-icon,select.la-in::picker-icon,
  .gea-old-main select:not(.sel)::picker-icon,.gea-old .modal select::picker-icon,
  .gx-body .gx-content select::picker-icon,.gx-body .modal select::picker-icon{display:none!important}
  select:not([multiple]):not([size])::picker(select){
    box-sizing:border-box;min-width:anchor-size(width);max-width:min(420px,calc(100vw - 24px));max-height:min(340px,60vh);
    margin-block:6px;padding:6px;border:1px solid #d7d4e0;border-radius:14px;background:#fff;color:#232628;
    box-shadow:0 18px 40px -18px rgba(35,38,40,.35),0 2px 6px rgba(35,38,40,.06);
    font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.35;
    text-transform:none;letter-spacing:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9c5d6 transparent}
  select:not([multiple]):not([size]) option{
    min-height:0;padding:9px 12px;border-radius:8px;color:#232628;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;
    white-space:normal;cursor:pointer;outline:0}
  select:not([multiple]):not([size]) option::checkmark{display:none}
  select:not([multiple]):not([size]) option:hover,
  select:not([multiple]):not([size]) option:focus-visible{background:#f6f4f9}
  select:not([multiple]):not([size]) option:checked{background:#fbeae7;color:#a92c1c;font-weight:600}
  select:not([multiple]):not([size]) option:disabled{color:#a9acb3;cursor:default;background:none}
  /* group titles, like "Companies and organizations" */
  select:not([multiple]):not([size]) optgroup{
    padding:10px 0 0;color:#8a8d94;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  select:not([multiple]):not([size]) optgroup:first-of-type{padding-top:4px}
  select:not([multiple]):not([size]) optgroup>legend{padding:0 12px 4px}
}