/* vendorpick - styles owned by mod/vendorpick.js, the vendors box on a part's Edit form,
   on Stock a shelf and in the Admin's "every field" editor. A vendor's MAIN mark is a
   word, never only a colour. */

.vp-list{display:flex; flex-direction:column; gap:8px; margin:6px 0 10px;}
.vp-row{display:grid; grid-template-columns:1fr auto; gap:2px 10px; align-items:center;
  padding:8px 10px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--panel);}
.vp-name{display:flex; gap:8px; align-items:center; min-width:0;}
.vp-name b{min-width:0; overflow-wrap:anywhere; font-weight:600;}
.vp-main{font-weight:800; letter-spacing:.06em; border-color:var(--accent-line); color:var(--accent);}
.vp-row .vp-facts{grid-column:1; font-size:12px; color:var(--muted); overflow-wrap:anywhere;}
.vp-acts{grid-column:2; grid-row:1 / span 2; display:flex; gap:6px; align-items:center;}
.vp-acts button{width:auto;}
.vp-none{margin:0;}

.vp-findlabel{margin-top:4px;}
.vp-hits{display:flex; flex-direction:column; gap:6px; margin-top:6px;}
.vp-hits:empty{display:none;}
.vp-hit{display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left; height:auto; padding:9px 12px;}
.vp-hit .vp-facts{font-size:12px; font-weight:400; color:var(--muted); white-space:normal;}
.vp-hit:disabled{opacity:.55; cursor:default;}

@media (max-width:520px){
  .vp-row{grid-template-columns:1fr;}
  .vp-acts{grid-column:1; grid-row:auto; justify-content:flex-end;}
}