/* Match the list's vivid status palette, without changing order states. */
@media screen {
  .ofs-screen .ofs-who .ofs-customer-status { align-items:center; }
  .ofs-screen .ofs-customer-status > .order-customer-editor { display:flex; align-items:center; width:auto; min-width:0; }
  .ofs-screen .ofs-customer-status .order-customer-editor > .ofs-who-name { display:inline-flex; align-items:center; min-height:22px; line-height:18px; }
  .ofs-screen .ofs-customer-status .order-customer-editor > .ofs-who-name > svg { align-self:center; margin-top:0; }
  .ofs-screen .ofs-chips .ofs-chip,
  .ofs-screen .ofs-who .ofs-customer-status > .ofs-chip--orange { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:100px; min-width:100px; height:22px; flex:0 0 100px; white-space:nowrap; border-radius:3px; font-size:11px; font-weight:700; line-height:16px; letter-spacing:0; padding:2px 4px; }
  .ofs-screen .ofs-chips .ofs-chip::before,
  .ofs-screen .ofs-who .ofs-customer-status > .ofs-chip--orange::before { display:none; }
  :root:not([data-theme='dark']) .ofs-screen .ofs-chip--green { color:#fff; background:#00843d; border-color:#00843d; }
  :root:not([data-theme='dark']) .ofs-screen .ofs-chip--amber { color:#422006; background:#fbbf24; border-color:#d99a06; }
  :root:not([data-theme='dark']) .ofs-screen .ofs-chip--orange { color:#fff; background:#c2410c; border-color:#c2410c; }
  :root:not([data-theme='dark']) .ofs-screen .ofs-chip--red { color:#fff; background:#b91c1c; border-color:#b91c1c; }
}