.invoice-customer-picker{background:var(--surface-alt);border:1px solid var(--line);border-radius:15px;padding:19px;margin-top:20px}
.customer-phone-row{display:flex;gap:12px;align-items:flex-end}
.customer-phone-row>.field{flex:1;min-width:0}
.customer-phone-row>.btn{min-height:48px}
.customer-name-field{margin-top:17px}
.customer-name-field input[readonly]{background:var(--surface-alt);color:var(--accent)}
.customer-picker-status{font-size:11px;line-height:2.1;color:var(--secondary);margin-top:12px}
.customer-picker-status[data-kind=existing]{color:var(--accent)}
.customer-phone-matches{margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;max-height:210px;overflow:auto;overscroll-behavior:contain}
.customer-phone-matches[hidden]{display:none}
.customer-phone-matches>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:right;font-size:12px}
.customer-phone-matches>button:last-child{border-bottom:0}
.customer-phone-matches>button:is(:hover,[aria-selected=true]){background:var(--accent-container);color:var(--accent-on-container)}
.customer-phone-matches b{font-size:12px;font-weight:500}
@media(max-width:500px){.invoice-customer-picker{padding:14px}.customer-phone-row{gap:9px;flex-wrap:wrap}.customer-phone-row>.field{flex-basis:100%}.customer-phone-row>.btn{min-height:40px;padding:8px 15px}.customer-phone-matches>button{font-size:11px}.customer-picker-status{font-size:10px}}