.call-trigger{border:0;background:transparent;padding:0;color:var(--p);font-family:inherit}.sector-strip{padding-block:0 33px}.sector-strip>span{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:12px}.sector-strip>div{display:flex;gap:10px;flex-wrap:wrap}.sector-strip>div>span{font-size:12px;border:1px solid #cbd7ce;padding:7px 15px;border-radius:30px;color:var(--p)}.full-demo-trigger{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 20px;border:1px solid #91b3a0;background:#c5e8d5;color:var(--p);font-size:14px;font-weight:750;border-radius:8px;margin:22px 0;width:100%;max-width:410px;min-height:52px}.call-open{overflow:hidden}#call-dialog{width:min(720px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid #cfdbd1;border-radius:22px;padding:28px;background:var(--ivory);color:var(--ink);overflow:auto;overscroll-behavior:contain}#call-dialog::backdrop{background:#102a30c7;backdrop-filter:blur(5px)}.call-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.call-top .eyebrow{font-size:9px;margin:0 0 8px}.call-top h2{font-size:30px;line-height:1.15;letter-spacing:-1.2px;margin:0}.call-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #c7d6cd;border-radius:50%;background:transparent;color:var(--p);font-size:27px}.compact-controls{display:flex;align-items:center;gap:9px;margin:23px 0 22px;font-size:10px;color:var(--muted)}.compact-controls select{font:inherit;font-size:12px;color:var(--p);background:#fffef9;border:1px solid #c4d3c8;border-radius:8px;padding:9px 28px 9px 11px;min-height:44px;max-width:220px}.compact-controls select:focus-visible{outline:3px solid var(--green);outline-offset:3px}.compact-controls>button{margin-left:auto;min-height:44px;padding:9px 12px;background:none;border:1px solid #c4d3c8;border-radius:8px;color:var(--p);font-size:11px;white-space:nowrap}.call-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:stretch}.sender-card{padding:24px 20px;border:1px solid #d6dfd6;border-radius:13px;position:relative;display:flex;flex-direction:column;justify-content:center}.card-eyebrow{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.sender-number{font-size:37px;font-weight:750;letter-spacing:-1.3px;line-height:1.2;margin:20px 0 9px}#sender-state{font-size:11px;color:var(--green)}#sender-explanation{font-size:11px;color:var(--muted);line-height:1.8;margin:22px 0 0;max-width:170px}.route-line{position:absolute;right:-27px;top:50%;display:flex;align-items:center;width:35px;z-index:1;color:var(--green);font-size:22px}.route-line span{height:1px;background:#86a592;width:18px}.route-line i{font-style:normal}.receiver-card{border:1px solid #c7d8cb;border-radius:13px;background:white;transition:background .2s,border-color .2s}.receiver-top{display:flex;align-items:center;gap:8px;padding:13px;border-bottom:1px solid #e1e9df;font-size:9px;font-weight:650}.receiver-top img{width:23px;height:23px}.receiver-live{display:flex;align-items:center;gap:4px;margin-left:auto;color:var(--muted);font-size:8px}.receiver-live i{width:5px;height:5px;border-radius:50%;background:#6b9b7c}.receiver-live b{font-weight:500}.receiver-content{padding:20px 18px 23px;text-align:center;min-height:253px}.receive-symbol{display:grid;place-items:center;margin:auto;background:#edf3ec;color:var(--green);width:32px;height:32px;border-radius:50%;font-size:21px}.receiver-number{font-size:42px;line-height:1.2;letter-spacing:-1.4px;font-weight:750;margin:13px 0 10px}.receiver-content h3{font-size:18px;line-height:1.3;margin:0 0 9px;color:var(--p);letter-spacing:-.5px}.receiver-content p{font-size:11px;color:var(--muted);margin:0 0 14px;line-height:1.6;min-height:18px}.receive-state{display:inline-block;font-size:9px;background:#ecf1e9;color:var(--muted);border-radius:20px;padding:4px 11px}.receiver-card.arrived{border-color:#8aaf97;background:#e6f1e7}.arrived .receive-symbol{background:var(--green);color:white}.arrived .receive-state{background:var(--mint);color:var(--green)}.call-action-area{margin-top:20px;text-align:center}.call-action-area .btn{width:100%;gap:12px;min-height:52px;justify-content:center}.call-action-area p{font-size:10px;color:var(--muted);margin:8px 0 0}.call-bottom{margin-top:18px;border-top:1px solid #dce4d9;padding-top:12px;display:flex;justify-content:space-between;gap:15px;font-size:9px;line-height:1.6;color:var(--muted)}#call-feedback{color:var(--green);max-width:210px}.has-alert .route-line{color:var(--green)}.alert-pop{animation:alert-pop .35s ease-out}@keyframes alert-pop{0%{transform:scale(.975)}65%{transform:scale(1.015)}100%{transform:scale(1)}}
@media(max-width:600px){#call-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px 18px;border-radius:18px}.call-top h2{font-size:25px;letter-spacing:-.8px}.call-top .eyebrow{font-size:8px;margin-bottom:6px}.call-close{width:40px;height:40px}.compact-controls{margin:18px 0 16px;gap:8px;flex-wrap:wrap}.compact-controls>label{display:none}.compact-controls select{max-width:calc(100% - 105px);flex:1;font-size:11px;min-height:44px}.compact-controls>button{font-size:10px;min-height:44px}.call-body{display:block}.sender-card{display:none}.receiver-content{padding:20px 15px;min-height:235px}.receiver-content h3{font-size:20px}.receiver-number{font-size:44px}.receiver-top{padding:12px}.receiver-top>span{font-size:9px}.call-action-area{margin-top:15px}.call-action-area .btn{min-height:50px}.call-bottom{margin-top:13px;font-size:8px;display:block}.call-bottom #call-feedback{display:block;max-width:none;margin-top:4px}.sector-strip{padding-bottom:25px}.sector-strip>div{gap:7px}.sector-strip>div>span{font-size:10px;padding:6px 10px}.full-demo-trigger{max-width:none}}
@media(max-height:650px) and (max-width:600px){#call-dialog{padding:16px}.call-top h2{font-size:22px}.compact-controls{margin-block:12px}.receiver-content{min-height:190px;padding:14px}.receiver-number{font-size:36px;margin:8px 0}.receiver-content h3{font-size:17px}.receiver-content p{margin-bottom:8px}.receive-symbol{width:28px;height:28px;font-size:18px}.call-bottom{margin-top:10px;padding-top:8px}.call-action-area{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.alert-pop{animation:none}.receiver-card{transition:none}}
/* Fixed customer card: scan, wait, ready, collected. */
.receiver-content{position:relative;min-height:339px;padding:51px 15px 68px;display:flex;flex-direction:column;align-items:center}.receiver-content .receiver-number{margin:10px 0}.receiver-content h3{min-height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.receiver-content p{min-height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:9px}.receive-state{margin-top:auto}.journey-progress{font-size:9px;color:var(--green);margin-left:4px}.journey-notice{position:absolute;top:9px;left:12px;right:12px;background:#fffef9;border:1px solid #c4d7c5;border-radius:7px;padding:6px 10px;text-align:left;min-height:37px;display:flex;flex-direction:column;justify-content:center}.journey-notice>span{font-size:7px;color:var(--muted);letter-spacing:1px}.journey-notice strong{font-size:10px;font-weight:650}.journey-review{position:absolute;bottom:11px;left:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:3px}.journey-review button{font-size:10px;padding:7px 12px;min-height:36px;width:100%;color:var(--p);background:white;border:1px solid #b9ccbf;border-radius:6px;font-weight:650}.journey-review>span{font-size:7px;color:var(--muted)}.receiver-card.is-collected{background:#f1f5ed}.is-collected .receive-symbol{color:var(--green);background:#dfeee0}.call-bottom{min-height:47px}#call-feedback{font-size:8px;line-height:1.4;max-width:260px}.route-line{top:50%}
@media(max-width:600px){.receiver-content{min-height:330px;padding:49px 13px 70px}.receiver-content h3{font-size:18px}.receiver-content .receiver-number{font-size:40px}.journey-review button{min-height:44px}.journey-review{bottom:8px}.call-bottom{min-height:39px}#call-feedback{max-width:none}.call-top h2{font-size:23px}}
@media(max-height:680px) and (max-width:600px){#call-dialog{padding:14px}.call-top h2{font-size:20px}.call-top .eyebrow{font-size:7px;margin-bottom:4px}.compact-controls{margin:9px 0}.receiver-top{padding:8px 10px}.receiver-content{min-height:271px;padding:45px 10px 63px}.receiver-content .receiver-number{font-size:31px;margin:5px 0}.receiver-content h3{font-size:15px;min-height:36px;margin-bottom:3px}.receiver-content p{font-size:10px;min-height:30px;margin-bottom:4px}.receive-symbol{width:26px;height:26px;font-size:17px}.receive-symbol img{width:22px;height:22px}.receive-state{font-size:8px;padding:2px 9px}.journey-notice{top:6px;min-height:33px;padding:4px 8px}.journey-review{bottom:6px}.journey-review button{min-height:40px;padding:5px;font-size:9px}.journey-review>span{font-size:6px}.call-action-area{margin-top:10px}.call-action-area .btn{min-height:44px;padding-block:9px}.call-action-area p{font-size:9px;margin-top:5px}.call-bottom{margin-top:8px;padding-top:7px;min-height:29px;font-size:7px}}