/* Global operator/client context.  Scoped to WMS sidebar and topbar. */
.wh-client-picker{display:grid;gap:6px;padding:14px 12px 12px;margin:-9px 0 17px;border:1px solid rgba(130,207,174,.35);border-radius:13px;background:rgba(38,108,83,.23)}
.wh-client-picker label{font-size:11px;font-weight:850;color:#b3e1c9;letter-spacing:.02em}
.wh-client-picker select{width:100%;min-height:40px;padding:0 9px;color:#fff;background:#1b5145;border:1px solid #3b7766;border-radius:9px;font-size:13px;font-weight:750;outline-offset:3px;cursor:pointer}
.wh-client-picker select option{color:#163a30;background:#fff}
.wh-client-picker select:focus-visible{outline:2px solid #f4794b;border-color:#f4794b}
.wh-client-picker select:disabled{opacity:.6;cursor:not-allowed}
.wh-client-picker small{font-size:10px;line-height:1.55;color:#b3cfc3}
.wh-client-context{display:inline-flex;align-items:center;max-width:230px;min-height:33px;padding:6px 12px;border-radius:20px;background:#e8f5ee;border:1px solid #cfe6d7;color:#1d674d;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.wh-client-context{max-width:165px}}
@media(max-width:760px){.wh-client-picker{margin:10px 0 0;max-width:450px}.wh-client-context{max-width:210px}}
@media(max-width:460px){.wh-client-context{max-width:145px;font-size:11px}}