/* Opt-in components. Existing desktop and scanner layouts are not restyled. */
.ui-dialog{box-sizing:border-box;width:min(590px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 36px);margin:auto;padding:0;border:1px solid #bdc9db;border-radius:4px;box-shadow:0 18px 55px #14203845;color:#142038;background:#fff;overflow:auto;letter-spacing:0}
.ui-dialog--compact{width:min(420px,calc(100vw - 28px))}.ui-dialog--detail{width:min(1180px,calc(100vw - 28px))}.ui-dialog::backdrop{background:#111b38a6}
.ui-dialog__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#eef2f7;border-bottom:1px solid #d7deea}.ui-dialog__header h2{margin:0;font-size:17px;color:#182462}.ui-dialog__body{padding:14px 16px 20px;overflow-wrap:anywhere}.ui-dialog__body label{display:block;margin-top:12px;font-size:13px}.ui-dialog__body select,.ui-dialog__body input:not([type=checkbox]),.ui-dialog__body textarea{box-sizing:border-box;width:100%;margin-top:4px}.ui-dialog__context{font-size:13px;color:#61718a;margin:0 0 12px}.ui-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:20px}
.ui-dialog__error{color:#a52536;font-size:13px;margin:12px 0}.ui-dialog__error[hidden],.ui-dialog [hidden]{display:none}.ui-dialog[aria-busy=true] .ui-dialog__body{opacity:.65}.ui-button--danger{color:#ac263a}.ui-button--danger:hover{color:#a52536;border-color:#ac263a}
.ui-icon-button,.ui-surface .icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:7px;border:1px solid #bdc9db;border-radius:4px;background:#fff;color:#182462;cursor:pointer}.ui-icon,.ui-surface .icon-button img{display:block;width:18px;height:18px;flex:none}.ui-icon-button:hover{background:#edf3fb}.ui-icon-button:focus-visible{outline:2px solid #4986cf;outline-offset:2px}.ui-dialog__close{width:36px;height:36px;flex-basis:36px}
.ui-status{display:inline-block;min-width:0;min-height:18px;height:auto;padding:2px 6px;border:0;border-radius:3px;background:#53657d;color:#fff;font-size:12px;font-weight:700;line-height:14px;white-space:nowrap;text-align:center}
.ui-status.status-open,.ui-transport-status-colors :is(.status,.status-select).status-open{background:#ff3333;border-color:#ff3333;color:#fff}
.ui-status.status-loaded,.ui-status.status-loading,.ui-transport-status-colors :is(.status,.status-select).status-loaded,.ui-transport-status-colors :is(.status,.status-select).status-loading{background:#daa520;border-color:#daa520;color:#fff}
.ui-status.status-picked_up,.ui-transport-status-colors :is(.status,.status-select).status-picked_up{background:#22868b;border-color:#22868b;color:#fff}
.ui-status.status-delivered,.ui-transport-status-colors :is(.status,.status-select).status-delivered{background:#228b22;border-color:#228b22;color:#fff}
.ui-status.status-cancelled,.ui-transport-status-colors :is(.status,.status-select).status-cancelled{background:#808080;border-color:#808080;color:#fff}
.ui-status.status-preloading,.ui-transport-status-colors :is(.status,.status-select).status-preloading{background:#53657d;border-color:#53657d;color:#fff}
button.ui-status.status-open:hover{background:#c82b38;color:#fff}
@media(prefers-reduced-motion:reduce){.ui-dialog{scroll-behavior:auto}}