.customer-picker { position:relative;display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(124,92,255,.055),rgba(14,16,25,.82)) }
.customer-picker-heading { display:flex;align-items:center;justify-content:space-between;gap:14px }
.customer-picker-heading label { color:var(--text);font-size:14px;font-weight:700 }
.customer-picker-heading>span { color:var(--dim);font-size:11px }
.customer-search-control { position:relative }
.customer-search-control input { min-height:50px;padding-right:46px;padding-left:42px;border-color:rgba(124,92,255,.28);background:#090b12;font-size:14px }
.customer-search-control input:focus { border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,92,255,.13),0 10px 28px rgba(0,0,0,.16) }
.customer-search-icon { position:absolute;z-index:2;right:16px;top:50%;transform:translateY(-54%);color:var(--primary-soft);font-size:25px;line-height:1;pointer-events:none }
.customer-search-clear { position:absolute;z-index:3;left:10px;top:50%;width:30px;height:30px;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:20px;line-height:1;cursor:pointer }
.customer-search-clear:hover { color:white;background:rgba(255,85,117,.13) }
.customer-search-status { min-height:18px;color:var(--dim);font-size:11px }
.customer-search-status[data-state="loading"] { color:var(--primary-2) }
.customer-search-status[data-state="success"] { color:var(--green) }
.customer-search-status[data-state="error"] { color:var(--red) }
.customer-search-results { position:absolute;z-index:30;top:calc(100% + 7px);right:0;left:0;max-height:310px;overflow:auto;padding:7px;border:1px solid rgba(124,92,255,.38);border-radius:13px;background:#0b0e16;box-shadow:0 22px 58px rgba(0,0,0,.62) }
.customer-search-results button,.customer-search-results>span { width:100%;display:flex;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;text-align:right }
.customer-search-results button { flex-direction:column;gap:2px;cursor:pointer }
.customer-search-results button+button { margin-top:3px }
.customer-search-results button b { font-size:13px;font-weight:700 }
.customer-search-results button span { color:var(--muted);font-size:11px;direction:rtl }
.customer-search-results button:hover,.customer-search-results button:focus,.customer-search-results button.active { background:rgba(124,92,255,.13);outline:none }
.customer-search-results button.active { box-shadow:inset 3px 0 0 var(--primary) }
.customer-search-results>span { color:var(--muted);font-size:12px }
.customer-result-message.loading { color:var(--primary-2) }
.customer-result-message.error { color:var(--red) }
.selected-customer-card { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(56,232,157,.24);border-radius:11px;background:rgba(56,232,157,.065) }
.selected-customer-check { width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(56,232,157,.14);color:var(--green);font-weight:800 }
.selected-customer-card>div { min-width:0;display:grid;gap:1px }
.selected-customer-card small { color:var(--green);font-size:10px }
.selected-customer-card b { overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap }
.selected-customer-card button { padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:10px;cursor:pointer }
.selected-customer-card button:hover { color:white;border-color:rgba(124,92,255,.35) }
.selected-customer-card[hidden],.customer-search-results[hidden],.customer-search-clear[hidden] { display:none!important }

@media (max-width:560px) {
  .customer-picker { padding:13px }
  .customer-picker-heading { align-items:flex-start;flex-direction:column;gap:1px }
  .selected-customer-card { grid-template-columns:auto 1fr }
  .selected-customer-card button { grid-column:1/-1;width:100% }
}