html[data-touch-theme] body #mainOrderList .o-payment .order-person-pin{display:flex!important;align-items:center;justify-content:center;gap:5px;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;margin:0 0 6px;padding:5px 7px;min-height:29px;border:1px solid var(--touch-theme-border,#c4d6e1);border-radius:9px;background:var(--touch-theme-surface,#fff);color:var(--touch-theme-muted,#627685);font:600 12px/1.2 system-ui;cursor:pointer;white-space:nowrap}
.order-person-pin svg{width:16px;height:16px;flex:0 0 16px}.order-person-pin span{min-width:0;overflow:hidden;text-overflow:ellipsis}.order-person-pin.is-pinned{background:#e5f6fb!important;color:#17738a!important;border-color:#65b8ca!important}.order-person-pin:hover{box-shadow:0 0 0 2px #63c8db55}.order-person-pin:focus-visible{outline:2px solid #63c8db;outline-offset:2px}html[data-touch-theme=dark] .order-person-pin.is-pinned{background:#234b59!important;color:#b8edf7!important}
#orderPersonPinDialog{width:360px;max-width:calc(100vw - 32px);padding:16px;box-sizing:border-box;border:1px solid var(--touch-theme-border,#c4d6e1);border-radius:16px;background:var(--touch-theme-surface,#fff);color:var(--touch-theme-text,#263645);font:14px/1.4 system-ui}#orderPersonPinDialog::backdrop{background:#10253299}#orderPersonPinDialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;background:transparent!important}#orderPersonPinDialog [data-close]{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}#orderPersonPinDialog input{width:100%;box-sizing:border-box;height:40px;border:1px solid var(--touch-theme-border,#c4d6e1);border-radius:9px;padding:8px}#orderPersonPinDialog .pin-people{display:grid;gap:5px;max-height:50vh;overflow:auto;margin-top:10px}#orderPersonPinDialog .pin-person{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer}#orderPersonPinDialog .pin-person:hover,#orderPersonPinDialog .pin-person[aria-pressed=true]{background:var(--touch-theme-hover,#e5f6fb);border-color:#63b8cb}#orderPersonPinDialog svg{width:18px;height:18px;flex:none}#orderPersonPinDialog .pin-error{color:#dc872e;margin-bottom:0}
/* Match the Desk assignee picker, including its avatar and close control. */
#orderPersonPinDialog{width:420px;padding:20px;border-radius:20px;box-shadow:0 24px 90px #0005}
#orderPersonPinDialog>header{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:auto!important;height:auto!important;min-height:0!important;margin:0 0 16px!important;padding:0!important;border:0!important;gap:12px!important}
#orderPersonPinDialog>header strong{font-size:20px;line-height:1.3}
#orderPersonPinDialog>header [data-close]{display:grid!important;place-items:center!important;position:static!important;margin-left:auto!important;flex:none!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:13px!important;background:#f3edf9!important;color:#71548f!important;font-size:26px!important;line-height:1!important;cursor:pointer!important}
#orderPersonPinDialog .pin-person{width:100%;padding:10px;margin:0;border:0;border-radius:10px;gap:10px;font:inherit}
#orderPersonPinDialog .pin-person:hover,#orderPersonPinDialog .pin-person[aria-pressed=true]{background:#ede2fa;color:#68419e}
#orderPersonPinDialog .handoff-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#e6edf9;color:#597bb4}
#orderPersonPinDialog .handoff-avatar svg{display:block;width:20px;height:20px;margin:0}
#orderPersonPinDialog :is(.pin-person,[data-close]):focus-visible{outline:2px solid #a583e6;outline-offset:2px}
html[data-touch-theme=dark] #orderPersonPinDialog .handoff-avatar{background:#30384f;color:#bed4ff}
html[data-touch-theme=dark] #orderPersonPinDialog .pin-person:hover,html[data-touch-theme=dark] #orderPersonPinDialog .pin-person[aria-pressed=true]{background:#423052;color:#e0bcfa}
html[data-touch-theme=dark] #orderPersonPinDialog>header [data-close]{background:#302a3d!important;color:#d4c2e9!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .o-payment .order-person-pin.is-pinned{background:#ffb74d!important;color:#4e2b05!important;border:1px solid #f19420!important;box-shadow:inset 0 0 0 1px #ffe0a8,0 0 0 1px #ed931f55!important;font-weight:750!important}
html[data-touch-theme=dark] body #mainOrderList#mainOrderList .o-payment .order-person-pin.is-pinned{background:#c97218!important;color:#fff1d9!important;border-color:#ffb74d!important;box-shadow:inset 0 0 0 1px #f4ad5555,0 0 0 1px #ffb74d55!important}
#orderPersonPinDialog .pin-person{display:flex;align-items:center;cursor:pointer}#orderPersonPinDialog .pin-person>span:nth-child(2){flex:1;min-width:0}#orderPersonPinDialog .pin-person>input[type=checkbox]{appearance:auto!important;display:block!important;position:static!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0 0 0 auto!important;padding:0!important;flex:0 0 18px!important;accent-color:#9d6ed1;cursor:pointer}#orderPersonPinDialog .pin-person.selected{background:#ede2fa;color:#68419e}html[data-touch-theme=dark] #orderPersonPinDialog .pin-person.selected{background:#423052;color:#e0bcfa}#orderPersonPinDialog .pin-description{font-size:13px;color:var(--touch-theme-muted,#746682);margin:0 0 12px}#orderPersonPinDialog .pin-picker-footer{position:static!important;display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding:0;background:transparent!important}#orderPersonPinDialog .pin-picker-footer button{padding:10px 12px;border:1px solid var(--touch-theme-border,#d7c9e8);border-radius:10px;background:var(--touch-theme-hover,#f1edf9);color:inherit;cursor:pointer}#orderPersonPinDialog [data-save]{background:#8055b8!important;color:white!important;border-color:#8055b8!important}#orderPersonPinDialog .pin-picker-footer button:hover{box-shadow:0 0 0 2px #a583e633}
/* Keep padded label rows and checkbox focus rings inside the scroll viewport. */
#orderPersonPinDialog{max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}
#orderPersonPinDialog .pin-people{min-width:0;max-width:100%;box-sizing:border-box;padding:3px 6px 3px 2px;overflow-x:hidden;scrollbar-gutter:stable}
#orderPersonPinDialog .pin-person{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:10px 12px!important;overflow:visible!important}
#orderPersonPinDialog .pin-person>span:nth-child(2){min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
#orderPersonPinDialog .pin-person>input[type=checkbox]{box-sizing:border-box!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;transform:none!important;inset:auto!important;margin:0 2px 0 auto!important}
#orderPersonPinDialog .pin-picker-footer{flex-wrap:wrap}#orderPersonPinDialog .pin-picker-footer button{box-sizing:border-box;max-width:100%}
html[data-touch-theme] body #mainOrderList#mainOrderList .o-payment .order-person-pin{width:100px!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;box-sizing:border-box!important;flex-shrink:1!important}html[data-touch-theme] body #mainOrderList#mainOrderList .order-person-pin span{min-width:0!important;flex:0 1 auto!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#orderPinHover[hidden]{display:none!important}#orderPinHover{position:fixed;z-index:100200;pointer-events:none;box-sizing:border-box;width:max-content;min-width:190px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:hidden;padding:12px;border:1px solid #e6a154;border-radius:14px;background:#fff8ed;color:#533919;box-shadow:0 12px 32px #161b2838;font:500 13px/1.35 system-ui;animation:pinHoverIn .14s ease-out}#orderPinHover>strong{display:block;padding:0 4px 8px;font-size:12px;color:#a96414}#orderPinHover .pin-hover-person{display:flex;align-items:center;gap:9px;padding:5px 4px}#orderPinHover .handoff-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#fbe7c9;color:#a76520}#orderPinHover svg{display:block;width:18px;height:18px}html[data-touch-theme=dark] #orderPinHover{background:#302820;color:#f9e7ce;border-color:#bd833e;box-shadow:0 12px 32px #0006}html[data-touch-theme=dark] #orderPinHover>strong{color:#f3b568}html[data-touch-theme=dark] #orderPinHover .handoff-avatar{background:#594029;color:#ffd7a6}@keyframes pinHoverIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#orderPinHover{animation:none}}