.supplier-picker { position:relative; }
#page-new .two-col > div:first-child > .card:first-child { position:relative; z-index:12; overflow:visible; }
.supplier-picker > input { width:100%; }
.supplier-options[hidden] { display:none; }
.supplier-options {
  position:absolute; z-index:80; top:calc(100% + 7px); left:0;
  width:min(520px,calc(100vw - 32px)); min-width:100%; max-height:365px; overflow-y:auto;
  border:1px solid #c7dcd9; border-radius:13px; background:#fff;
  box-shadow:0 18px 42px rgba(9,44,50,.19);
  scrollbar-color:#aac5c0 transparent;
}
.supplier-options-head, .supplier-options-foot { padding:11px 14px; color:var(--ink-m); font-size:11px; }
.supplier-options-head { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--bd); background:#f5faf9; }
.supplier-options-head strong { color:var(--ink); font-size:11px; }
.supplier-options-foot { border-top:1px solid var(--bd); background:#fafcfc; }
.supplier-option {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 10px;
  width:100%; padding:12px 14px; border:0; border-bottom:1px solid #eef2f2;
  background:#fff; color:var(--ink); cursor:pointer; text-align:left;
}
.supplier-option:hover, .supplier-option.active { background:#eaf5f2; }
.supplier-option:focus-visible { position:relative; outline:2px solid var(--primary); outline-offset:-3px; }
.supplier-option-name { grid-column:1; min-width:0; font-size:12.5px; font-weight:750; overflow-wrap:anywhere; }
.supplier-option small { grid-column:1; color:var(--ink-m); font-size:10.5px; overflow-wrap:anywhere; }
.supplier-option-source { grid-column:2; grid-row:1 / span 2; align-self:center; padding:4px 7px; border-radius:99px; background:#edf1f3; color:#45616b; font-size:9px; font-weight:800; letter-spacing:.02em; }
.supplier-option-source:not(:empty) { white-space:nowrap; }
.supplier-option mark { padding:0 1px; border-radius:2px; background:#ffe6a7; color:#503908; }
.supplier-options-empty { padding:22px 14px; color:var(--ink-m); font-size:12px; line-height:1.5; }
@media(max-width:560px) { .supplier-options { left:0; width:min(420px,calc(100vw - 36px)); } .supplier-options-head { flex-wrap:wrap; } }
.supplier-options.supplier-options-inline { position:relative; top:auto; left:auto; width:100%; min-width:0; max-height:220px; margin-top:8px; box-shadow:none; }
.reassign-modal { width:min(540px,100%); max-height:calc(100dvh - 40px); overflow-y:auto; }
.reassign-modal-actions { position:sticky; bottom:-26px; display:flex; gap:9px; justify-content:flex-end; padding:14px 0 6px; background:#fff; }