/* Shared select styling for contribution forms and research tools. */
select, select::picker(select) { appearance: base-select; }
.sle-form select, .tool-toolbar select {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  min-height: 44px; padding: 11px 14px; border: 1px solid var(--rule); border-radius: 12px;
  background: var(--sheet); color: var(--ink); font: 400 14px/1.5 var(--sans); cursor: pointer;
}
select:hover { border-color: var(--faint); }
select:open { border-color: var(--accent); background: var(--accent-wash); }
select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
select:disabled { opacity: .6; cursor: default; }
select::picker-icon { color: var(--muted); }
select:open::picker-icon { rotate: 180deg; color: var(--accent-ink); }
select::picker(select) {
  margin-top: 8px; padding: 8px; border: 1px solid var(--rule); border-radius: 16px;
  background: var(--sheet); color: var(--ink); font: 400 14px/1.5 var(--sans);
  max-width: calc(100vw - 32px); max-height: min(380px, 65vh); overflow-y: auto;
  box-shadow: 0 18px 48px -14px rgb(var(--shadow) / .25), 0 3px 10px rgb(var(--shadow) / .06);
}
select option { display: flex; gap: 12px; min-height: 42px; padding: 10px 12px; border: 0; border-radius: 9px; white-space: normal; cursor: pointer; }
select option:hover, select option:focus { background: var(--paper); }
select option:checked { background: var(--accent-wash); color: var(--accent-ink); }
select option::checkmark { order: 1; margin-left: auto; color: var(--accent-ink); }
.tool-toolbar label { display: grid; gap: 6px; min-width: 0; max-width: 100%; }
.tool-toolbar select { margin-left: 0; min-width: 145px; max-width: 100%; font-size: 12px; }