body[data-demo=merchant] .site-header{height:64px}body[data-demo=merchant] .demo-wrap{padding:20px 24px 12px;max-width:1080px}body[data-demo=merchant] .demo-heading h1{font-size:32px}body[data-demo=merchant] .demo-heading p{font-size:14px;margin-top:8px}body[data-demo=merchant] .demo-progress{grid-template-columns:repeat(3,1fr);max-width:620px;margin:20px auto 12px}body[data-demo=merchant] .demo-progress li>span{width:28px;height:28px;font-size:12px}body[data-demo=merchant] .demo-progress li:after{top:14px}body[data-demo=merchant] .demo-progress strong{font-size:11px;margin-top:6px}body[data-demo=merchant] .demo-toolbar{margin:0 0 8px;font-size:12px}.demo-reset-icon{width:36px;height:36px;border:1px solid #dce7f3;background:#fff;color:#58718f;display:grid;place-items:center;border-radius:9px;cursor:pointer}.demo-reset-icon:hover{background:#eaf4ff}body[data-demo=merchant] .demo-workspace{padding:22px;gap:28px;grid-template-columns:330px minmax(0,1fr)}body[data-demo=merchant] .restaurant-lockup{flex-direction:row;gap:10px;text-align:start}body[data-demo=merchant] .restaurant-lockup img{width:34px;height:34px}body[data-demo=merchant] .restaurant-lockup h2{font-size:21px}body[data-demo=merchant] .restaurant-lockup small{font-size:9px}body[data-demo=merchant] .ticket-top{margin-top:14px}body[data-demo=merchant] .ticket-top h2{font-size:22px}body[data-demo=merchant] #created-at{font-size:10px}body[data-demo=merchant] .order-qr{width:190px;height:190px;margin:12px auto}body[data-demo=merchant] .ticket-column>h3{font-size:15px}body[data-demo=merchant] .ticket-column>p{font-size:11px;margin-top:5px}body[data-demo=merchant] .customer-link-details{margin-top:12px}body[data-demo=merchant] .customer-link-details summary{font-size:11px}body[data-demo=merchant] .control-column h2{font-size:24px}body[data-demo=merchant] #stage-help{font-size:13px;margin-top:7px}body[data-demo=merchant] .connection-overview{padding:13px;margin-top:18px}body[data-demo=merchant] .connection-overview h3{font-size:13px;margin-bottom:8px}body[data-demo=merchant] .connection-list>div{padding:8px 0;font-size:12px}body[data-demo=merchant] #ready{margin-top:16px;min-height:44px}body[data-demo=merchant] .control-column .hint{font-size:10px}body[data-demo=merchant] #check-phone{padding-top:14px;margin-top:14px}body[data-demo=merchant] #check-phone h3{font-size:16px}body[data-demo=merchant] #check-phone p{font-size:12px}body[data-demo=merchant] #check-phone button{margin-top:10px;padding:10px 16px;min-height:40px}body[data-demo=merchant] .activity-section{padding-top:12px;margin-top:8px}body[data-demo=merchant] .demo-privacy{margin:12px 0 0;font-size:10px}body[data-demo=merchant] .site-footer{padding:12px 24px;max-width:1080px;margin:auto;align-items:center}body[data-demo=merchant] .site-footer>div{display:none}body[data-demo=merchant] .site-footer nav{flex-direction:row;flex-wrap:wrap;justify-content:center;font-size:10px;gap:16px;width:100%}.demo-optional-offer{padding-top:14px;margin-top:12px;border-top:1px solid #e0e9f3}.demo-optional-offer>summary{font-size:12px;color:#2f80ed;cursor:pointer}.demo-optional-offer h2{margin-top:14px}#demo-reset-confirm .button-row{justify-content:flex-end}@media(max-width:700px){body[data-demo=merchant] .demo-wrap{padding:12px 14px}body[data-demo=merchant] .demo-heading h1{font-size:24px}body[data-demo=merchant] .demo-heading p{font-size:11px}body[data-demo=merchant] .demo-progress{margin:14px auto 10px}body[data-demo=merchant] .demo-workspace{grid-template-columns:1fr;gap:14px;padding:16px}body[data-demo=merchant] .restaurant-lockup{justify-content:center}body[data-demo=merchant] .ticket-column{padding:0;border:0;text-align:center}body[data-demo=merchant] .restaurant-lockup h2{font-size:17px}body[data-demo=merchant] .restaurant-lockup small,body[data-demo=merchant] #created-at,body[data-demo=merchant] .ticket-column>p{display:none}body[data-demo=merchant] .ticket-top{margin-top:6px;display:flex;justify-content:center;align-items:center;gap:10px}body[data-demo=merchant] .ticket-top h2{font-size:19px}body[data-demo=merchant] .order-qr{width:144px;height:144px;margin:5px auto}body[data-demo=merchant] .ticket-column>h3{font-size:12px}body[data-demo=merchant] .customer-link-details{margin:6px 0}body[data-demo=merchant] .control-column{padding-top:12px}body[data-demo=merchant] .control-column h2{font-size:19px}body[data-demo=merchant] #stage-help{font-size:11px}body[data-demo=merchant] .connection-overview{margin-top:10px;padding:10px}body[data-demo=merchant] .connection-overview h3{display:none}body[data-demo=merchant] .connection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}body[data-demo=merchant] .connection-list>div{display:block;text-align:center;padding:0;font-size:9px}body[data-demo=merchant] .connection-list dd{font-size:11px;margin:4px 0 0}body[data-demo=merchant] #ready{margin-top:10px;min-height:40px}body[data-demo=merchant] .control-column .hint{display:none}body[data-demo=merchant] .activity-section{display:none}body[data-demo=merchant] .demo-privacy,body[data-demo=merchant] .site-footer{display:none}.demo-reset-icon{width:30px;height:30px}body[data-demo=merchant] .demo-toolbar{margin-bottom:4px}body[data-demo=merchant] .site-header{height:54px}body[data-demo=merchant] .demo-progress strong{font-size:9px}}

@media(max-width:700px){body[data-demo=merchant] .demo-privacy{display:block;margin-top:8px;font-size:9px}}
body[data-demo=merchant] .demo-heading{margin-bottom:10px}body[data-demo=merchant] .demo-heading h1{margin-bottom:0}body[data-demo=merchant] .demo-workspace .ticket-column{padding:0 20px 0 0}body[data-demo=merchant] .demo-workspace .control-column{padding:0}body[data-demo=merchant] .demo-workspace .restaurant-lockup{margin-bottom:8px}body[data-demo=merchant] .demo-workspace .connection-panel{padding:16px}body[data-demo=merchant] .demo-workspace .connection-panel #stage-help{margin:6px 0 12px;font-size:12px;line-height:1.6}body[data-demo=merchant] .demo-workspace .connection-list{gap:7px;margin:0}body[data-demo=merchant] .demo-workspace .connection-list>div{padding:8px 10px;font-size:12px}body[data-demo=merchant] .demo-workspace .connection-list dd{font-size:12px}body[data-demo=merchant] .demo-workspace .connection-panel #ready{min-height:44px;margin-top:14px;font-size:13px}body[data-demo=merchant] .demo-workspace .connection-panel>.hint{font-size:10px!important;line-height:1.5}body[data-demo=merchant] .demo-workspace .activity-section{padding:0;min-height:0}body[data-demo=merchant] .demo-details summary{min-height:28px;padding:3px 0;font-size:11px}body[data-demo=merchant] .demo-toolbar #reset{min-height:36px;width:36px}body[data-demo=merchant] .demo-workspace{row-gap:12px}body[data-demo=merchant] .ticket-top{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}body[data-demo=merchant] #created-at{width:100%}body[data-demo=merchant] .demo-workspace .ticket-column>p{display:none}
@media(max-width:700px){body[data-demo=merchant] .demo-heading{margin-bottom:4px}body[data-demo=merchant] .demo-progress{margin:10px auto 6px}body[data-demo=merchant] .demo-toolbar{flex-direction:row;justify-content:flex-end}body[data-demo=merchant] .demo-toolbar #reset{width:30px;min-height:30px}body[data-demo=merchant] .demo-workspace .ticket-column{padding:0}body[data-demo=merchant] .demo-workspace .control-column{padding:10px 0 0}body[data-demo=merchant] .demo-workspace .connection-panel{padding:10px}body[data-demo=merchant] .demo-workspace .connection-list{grid-template-columns:repeat(3,1fr);gap:5px}body[data-demo=merchant] .demo-workspace .connection-list>div{display:block;padding:6px 3px;font-size:9px}body[data-demo=merchant] .demo-workspace .connection-list dd{max-width:100%;font-size:10px}body[data-demo=merchant] .demo-workspace .connection-list #device-count{min-height:20px;min-width:20px;font-size:12px}body[data-demo=merchant] .demo-workspace .connection-panel #stage-title{font-size:18px}body[data-demo=merchant] .demo-workspace .connection-panel #stage-help{font-size:10px;margin-bottom:8px}body[data-demo=merchant] .demo-workspace .connection-panel>.hint{display:none}body[data-demo=merchant] .demo-workspace .connection-panel #ready{margin-top:8px;min-height:38px}body[data-demo=merchant] .demo-workspace .restaurant-lockup{margin-bottom:4px}}
body[data-demo=merchant] .demo-workspace .restaurant-lockup{padding-bottom:8px}body[data-demo=merchant] .demo-workspace .ticket-top h2{margin:0}body[data-demo=merchant] .demo-workspace #created-at{margin-top:0}body[data-demo=merchant] .demo-workspace .customer-link-details{padding-top:6px;margin-bottom:0}body[data-demo=merchant] .demo-workspace .connection-overview{padding:0;margin-top:10px}body[data-demo=merchant] .demo-workspace .connection-panel #ready{padding:10px 16px}body[data-demo=merchant] .demo-heading h1{font-size:28px}body[data-demo=merchant] .demo-progress{margin-top:12px}body[data-demo=merchant] .demo-wrap{padding-top:12px}body[data-demo=merchant] .demo-toolbar{height:32px}body[data-demo=merchant] .demo-toolbar #reset{height:32px;min-height:32px}body[data-demo=merchant] .demo-workspace{padding:16px}
@media(max-width:700px){body[data-demo=merchant] .demo-heading h1{font-size:22px}body[data-demo=merchant] .demo-workspace .ticket-top{margin-top:4px}body[data-demo=merchant] .demo-workspace .restaurant-lockup{padding:0;border:0}body[data-demo=merchant] .demo-workspace .order-qr{width:140px;height:140px}body[data-demo=merchant] .demo-workspace .connection-overview{margin-top:6px}body[data-demo=merchant] .demo-workspace{padding:12px}}

.ios-setup-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;margin:auto;padding:24px;border:1px solid #d9e1da;border-radius:20px;color:#173b2c;background:#fffdf8;box-shadow:0 24px 80px #0004}.ios-setup-dialog::backdrop{background:#102d2380;backdrop-filter:blur(4px)}.ios-setup-dialog h2{margin-top:0}.ios-setup-dialog .install-steps{line-height:1.8;padding-inline-start:24px}.ios-setup-dialog li{padding-block:8px}.ios-setup-dialog[hidden]{display:none}

.demo-iphone-guide{max-width:850px;margin:0 auto 24px;padding:16px 20px;border:1px solid #c9daee;border-radius:12px;background:#f3f8ff;color:#233d5e}.demo-iphone-guide summary{font-weight:600;cursor:pointer;min-height:28px;line-height:1.7}.demo-iphone-guide ol{padding-inline-start:22px;line-height:1.9;margin:14px 0 0}.demo-iphone-guide li+li{margin-top:10px}.demo-open-customer{box-sizing:border-box;white-space:normal;margin-top:18px;text-align:center;min-height:48px}.ios-setup-dialog{max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}.ios-setup-dialog .install-steps{text-align:start;line-height:1.8;padding-inline-start:24px}.ios-setup-dialog .install-steps li+li{margin-top:12px}@media(max-width:600px){.demo-iphone-guide{padding:14px 16px;font-size:14px}.demo-wrap .link-row{flex-wrap:wrap}.demo-wrap .link-row input{font-size:16px;min-width:0}.demo-wrap .order-qr{max-width:100%;height:auto}.demo-wrap button,.customer-wrap button{touch-action:manipulation}.ios-setup-dialog{width:calc(100vw - 24px);padding:22px 18px}}