#supplier-filter[hidden] { display: none !important; }
#order-view .toolbar > .supplier-picker-trigger { grid-column: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; min-height: 44px; }
.supplier-picker { box-sizing: border-box; border: 0; padding: 20px; color: #172033; background: #fff; border-radius: 20px; width: min(720px, calc(100% - 32px)); max-height: 85vh; max-height: 85dvh; box-shadow: 0 20px 70px #0f172a40; }
.supplier-picker[open] { display: flex; flex-direction: column; gap: 16px; }
.supplier-picker::backdrop { background: #0f172a66; }
.supplier-picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.supplier-picker-heading h2 { margin: 0; font-size: 22px; }
.supplier-picker-heading button { width: 44px; height: 44px; padding: 0; font-size: 26px; }
.supplier-picker-search { box-sizing: border-box; width: 100%; min-height: 48px; font-size: 16px; flex-shrink: 0; }
.supplier-picker-scroll { overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.supplier-picker h3 { font-size: 15px; margin: 0 0 10px; }
.supplier-picker-recent { margin-bottom: 20px; }
.supplier-picker-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.supplier-picker-option { min-width: 0; min-height: 64px; padding: 12px 10px; border: 1px solid #d8e1ef; border-radius: 12px; background: #f6f8fc; color: #24334b; font-size: 16px; font-weight: 600; box-shadow: none; overflow-wrap: anywhere; touch-action: manipulation; }
.supplier-picker-option span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.supplier-picker-option[aria-pressed="true"] { background: #2563eb; border-color: #2563eb; color: white; }
.supplier-picker-option:focus-visible, .supplier-picker-trigger:focus-visible { outline: 3px solid #60a5fa; outline-offset: 2px; }
.supplier-picker footer { text-align: center; color: #64748b; font-size: 13px; }
@media (min-width: 768px) { .supplier-picker-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .supplier-picker { margin: auto 0 0; width: 100%; max-width: none; border-radius: 20px 20px 0 0; padding: 18px 16px calc(18px + env(safe-area-inset-bottom)); }
}