.mobile-account{display:none}.customer-region{display:flex;align-items:center;gap:12px;padding:15px 16px;background:var(--brand-faint);border:1px solid var(--brand-line);border-radius:9px;margin:18px 0}.region-pin{color:var(--accent-ink);display:flex}.customer-region>div{display:grid;gap:6px;flex:1;min-width:0}.customer-region small{font-size:11px;color:var(--muted)}.customer-region strong{font-size:15px;color:var(--accent-ink);overflow-wrap:anywhere}.region-value{white-space:normal;overflow-wrap:anywhere}.needs-region{color:#b54725;font-weight:650}.customer-area-small{font-size:11px;margin-top:6px;max-width:200px}.region-filter{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.region-filter .field{width:158px;min-height:35px;margin:0;padding:6px 9px;font-size:12px}.queue-region{padding:0 18px 14px}.queue-region .region-filter select{flex:1;min-width:0}.inquiry-region{display:flex;align-items:center;gap:6px;font-size:12px;margin:8px 0;color:var(--accent-ink)}.inquiry-region .lucide{width:14px;height:14px}.inbox-filter-row .region-filter .field{min-width:0}.account-summary{display:grid;gap:10px;font-size:14px}.account-summary span,.account-summary p{font-size:12px;color:var(--muted)}
@media(max-width:700px){.sidebar{gap:10px;padding:10px 12px}.wordmark>span{font-size:19px}.wordmark{gap:5px}.brand-wrap select{max-width:101px}.mobile-account{display:flex;align-items:center;gap:5px;justify-content:center;border:1px solid var(--line);background:white;border-radius:8px;min-height:44px;min-width:62px;font-size:12px;flex-shrink:0}.mobile-account .lucide{width:18px;height:18px}.customer-region{padding:13px 12px;gap:8px;flex-wrap:wrap}.customer-region strong{font-size:15px}.customer-region .secondary{min-height:44px;font-size:12px}.region-filter{min-width:0;flex:1 1 140px}.region-filter .field{font-size:16px;min-height:44px;width:100%;min-width:0;flex:1}.assignment-toolbar{flex-wrap:wrap}.assignment-toolbar .search{width:100%;flex:1 1 100%}.pane-head:has(.region-filter){flex-wrap:wrap}.pane-head:has(.region-filter) h2{width:100%}.pane-head:has(.region-filter) .search{flex:1 1 100%;width:100%}.inbox-filter-row .region-filter{flex:1 1 100%}#customerRegion{font-size:16px;min-height:46px}dialog:has(.account-summary) .modal-footer button{min-height:44px;flex:1}}
@media(max-width:360px){.sidebar{gap:6px;padding-left:10px;padding-right:10px}.wordmark>span{font-size:17px}.wordmark .lucide{width:20px}.brand-wrap select{max-width:88px}.mobile-account{min-width:58px}}

/* Stable in-dialog suggestions replace the WebView's native datalist popup. */
.region-edit-input{display:flex;align-items:stretch;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.region-edit-input #customerRegion{flex:1;min-width:0;width:0;border:0;border-radius:0;min-height:48px;font-size:16px}
.region-edit-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.region-edit-input #customerRegion:focus{outline:none}
.region-picker-toggle{display:grid;place-items:center;flex:0 0 48px;min-width:48px;min-height:48px;border-left:1px solid var(--line);border-radius:0 7px 7px 0;color:var(--accent-ink);background:var(--brand-faint);touch-action:manipulation}
.region-picker-toggle[aria-expanded="true"] .lucide{transform:rotate(180deg)}
.region-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;padding:10px;background:var(--brand-faint);border:1px solid var(--line);border-radius:8px;max-height:240px;overflow-y:auto;overscroll-behavior:contain}
.region-suggestions[hidden]{display:none}
.region-suggestion{min-height:44px;padding:8px 4px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--accent-ink);font-size:15px;white-space:nowrap;touch-action:manipulation}
.region-suggestion:hover,.region-suggestion:active,.region-picker-toggle:active{background:var(--brand-soft)}