:root{--green:#153a2e;--deep:#092b22;--burgundy:#7a1e24;--cream:#f8f4ec;--sage:#8fa48f;--gold:#d4a017;--ink:#17282d;--muted:#6c7974;--line:#e0e5df;--soft:#edf3eb;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c99825;outline-offset:3px}a{color:var(--green);text-underline-offset:4px}button svg{flex-shrink:0}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.preview-header{max-width:1450px;margin:0 auto;padding:24px 48px 21px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #dce1d8}.wordmark{display:block;margin-right:auto}.wordmark img{display:block;width:240px;height:auto}.preview-tag{display:flex;align-items:center;gap:8px;color:#617164;font-size:10px;letter-spacing:1.3px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:#669576}.workbench-link{font-size:12px;text-decoration:none;border:1px solid #ccd7cc;padding:10px 13px;border-radius:6px;font-weight:600}.preview-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(270px,1fr) 392px 282px;gap:55px;align-items:start;padding:36px 48px 30px}.welcome-panel{position:relative;padding-top:50px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#688074;margin:0 0 17px}.welcome-panel h1{font-family:Georgia,serif;letter-spacing:-2px;font-size:62px;line-height:1.05;color:var(--green);margin:0 0 24px;font-weight:400}.welcome-copy{font-size:15px;line-height:1.8;color:#6c7971}.gold-rule{width:45px;height:2px;background:var(--gold);margin:25px 0}.journey-switch{display:grid;gap:12px;margin:0 0 34px}.journey-button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d5ddcf;background:#ffffff70;border-radius:8px;padding:15px 12px;color:var(--green);font-size:13px;font-weight:600;width:100%}.journey-button>span:last-child{margin-left:auto}.journey-button small{display:block;font-weight:400;font-size:11px;color:#6c7c70;margin-top:6px}.journey-button.active{background:var(--green);color:white;border-color:var(--green)}.journey-button.active small{color:#d1dfd3}.journey-number{font-size:11px;font-weight:400;color:#95a090}.journey-button.active .journey-number{color:#c5d5c2}.brand-promise{margin-top:35px;font-family:Georgia,serif;font-style:italic;font-size:24px;color:var(--green);line-height:1.3}.brand-promise span{display:block}.brand-promise p{font-family:Segoe UI,Arial,sans-serif;letter-spacing:2px;font-size:8px;font-style:normal;margin-top:18px}.farm-photo{height:90px;border-radius:2px;margin-top:25px;background:linear-gradient(0deg,#f8f4ec88,#f8f4ec33),url('assets/farm.jpg') center 48%/cover;filter:grayscale(.6);opacity:.68}
.device-preview{background:linear-gradient(135deg,#3b4140,#151a19 22%,#242a28 85%,#3e4541);border:2px solid #777e78;border-radius:33px;padding:10px 12px 0;box-shadow:0 3px 3px #152a2a25,0 24px 36px -20px #183c3459;position:relative}.device-label{height:29px;display:flex;justify-content:space-between;align-items:center;color:#eef3ee;padding:0 10px}.device-label span:first-child{font-size:17px;font-weight:700;letter-spacing:-.5px}.device-label span:last-child{font-size:11px;font-weight:500;color:#bec7bf}.device-screen{background:#fff;border-radius:18px;overflow:hidden;min-height:690px;display:flex;flex-direction:column;border:1px solid #060c08}.app-status{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;font-weight:600;color:#7b827e}.app-status span:last-child{font-size:8px;letter-spacing:1px}.demo-dot{color:#719378;margin-left:4px}#screen{padding:0 20px 22px;flex:1;outline:none}.app-utilities{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:11px 17px;border-top:1px solid #edf0eb;background:#fafbf7}.app-utilities button{border:0;background:none;display:flex;align-items:center;gap:5px;font-size:10px;color:#3c5148;padding:4px}.utility-icon svg{width:15px;height:15px}.utility-tag{font-size:7px;letter-spacing:1.6px;color:#849083}.device-bottom{height:25px;display:flex;justify-content:center;align-items:center}.device-bottom span{width:54px;height:4px;border-radius:5px;background:#535e56}
.context-panel{padding-top:43px}.context-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.context-heading .eyebrow{font-size:8px;letter-spacing:1px;margin:0}.small-badge{font-size:7px;color:#748772;background:#e8eee3;border-radius:3px;padding:4px 6px;letter-spacing:.5px}.context-panel h2{font-family:Georgia,serif;font-weight:400;font-size:24px;color:var(--green);margin:18px 0 24px;line-height:1.2}.journey-steps{list-style:none;margin:0;padding:0}.journey-steps li{display:flex;gap:12px;align-items:center;position:relative;padding:0 0 22px;font-size:12px;color:#879185}.journey-steps li:last-child{padding-bottom:0}.journey-steps li:not(:last-child):after{content:'';position:absolute;left:12px;top:29px;height:15px;border-left:1px solid #d9dfd3}.journey-steps li>span:first-child{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d2dacd;border-radius:50%;font-size:10px}.journey-steps li.active{font-weight:600;color:var(--green)}.journey-steps li.active>span:first-child{color:white;background:var(--green);border-color:var(--green)}.journey-steps li.done>span:first-child{background:#e3ebe0;border-color:#e3ebe0;color:var(--green)}.context-note{margin-top:25px;padding:15px;border-left:2px solid #c9aa6b;font-size:11px;line-height:1.6;color:#6e7c6d;background:#efece270}.context-note strong{display:block;color:#435b45;margin-bottom:5px;font-size:11px}.preview-tools{margin-top:24px;border-top:1px solid #d8dfd3;padding-top:15px}.preview-tools summary{font-size:11px;font-weight:600;color:var(--green);cursor:pointer}.preview-tools label{font-size:10px;margin:15px 0 7px;display:block;color:#647060}.preview-tools select{padding:10px 8px;border:1px solid #d4dccf;border-radius:6px;width:100%;color:#4c5d50;background:#fdfcf7;font-size:11px}.preview-tools p{font-size:10px;line-height:1.7;color:#7e877c}.preview-links{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;margin-top:20px}.preview-footer{max-width:1304px;margin:0 auto 18px;padding:15px 0 0;border-top:1px solid #d7dfd4;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:#74816f}.preview-footer span:first-child{font-weight:700;color:#3c5442}
.screen-title{display:flex;align-items:center;position:relative;justify-content:center;margin:15px 0 25px;min-height:27px}.screen-title h2{font-size:17px;margin:0;font-weight:700;color:#15262b}.back-button{border:0;background:none;color:var(--green);position:absolute;left:-6px;padding:7px;display:flex}.back-button svg{width:18px;height:18px}.home-logo{width:272px;max-width:100%;display:block;margin:24px auto 30px}.home-title{font-family:Georgia,serif;font-size:30px;font-weight:400;text-align:center;color:var(--green);line-height:1.2;margin:0 0 9px}.home-subtitle{text-align:center;font-size:12px;color:#738075;margin:0 0 28px}.home-card{display:flex;align-items:center;text-align:left;gap:14px;border:0;border-radius:9px;padding:20px 16px;width:100%;background:var(--green);color:white;margin:12px 0}.home-card svg{width:33px;height:33px}.home-card .card-name{display:block;font-size:16px;font-weight:600;margin-bottom:6px}.home-card .card-detail{display:block;font-size:11px;line-height:1.5;color:#d2e2d5}.home-card.burgundy{background:var(--burgundy)}.home-card.neutral{background:#fff;color:var(--ink);border:1px solid #dfe5dc}.home-card.neutral .card-detail{color:#66776b}.home-motto{font-family:Georgia,serif;font-style:italic;color:#6d826f;font-size:18px;text-align:center;line-height:1.4;margin:28px 0 17px}.home-motto span{display:block}.screen-footnote{font-size:10px;line-height:1.5;color:#879184;text-align:center;margin:22px 0 0}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:14px 12px;min-height:48px;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover{background:#204d3a}.secondary{border:1px solid #c4d0c1;color:var(--green);background:white}.wide{width:100%}.stack{display:grid;gap:12px}.mt{margin-top:22px}.subtitle{font-size:12px;color:#748172;line-height:1.6;margin:0 0 20px}.tabs{display:flex;border-bottom:1px solid #e1e6df;margin:0 0 20px}.tabs button{border:0;background:none;padding:10px 10px 12px;width:50%;font-size:12px;color:#7c887b;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.search-box{position:relative}.search-box>svg{position:absolute;top:14px;left:12px;width:20px;height:20px;color:#788573}.search-box input{padding-left:40px}.field label,.field-label{display:block;font-size:11px;font-weight:600;color:#374737;margin-bottom:7px}.field{margin-bottom:13px}.field input,.search-box input,.manual-code input{width:100%;border:1px solid #dce2d7;border-radius:6px;min-height:43px;padding:11px 10px;font-size:12px;color:#263d31;background:#fff;outline:none}.search-box input{padding-left:40px}.field input:focus,.search-box input:focus,.manual-code input:focus{border-color:#6f9374;box-shadow:0 0 0 2px #dfeadd}.field input[aria-invalid=true]{border-color:var(--burgundy)}.error{font-size:10px;color:var(--burgundy);margin:5px 0 0}.required{color:var(--burgundy)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.optional{font-weight:400;color:#7e8e76;font-size:9px}.search-hint{font-size:10px;color:#7c8a78;margin:12px 0 17px}.reservation-list{display:grid;gap:9px}.reservation-result{display:flex;align-items:center;text-align:left;border:1px solid #e1e7dc;background:#fff;border-radius:8px;gap:11px;padding:13px 10px;min-height:70px;width:100%;color:var(--green)}.avatar{border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:#e6ede1;font-size:12px;font-weight:600;flex-shrink:0}.reservation-result .result-text{flex:1}.reservation-result strong{font-size:12px;display:block}.reservation-result small{font-size:9px;color:#7c8874;display:block;line-height:1.6;margin-top:4px}.reservation-result svg{width:16px;height:16px}.empty-results{font-size:12px;color:#72806a;line-height:1.6;padding:20px 10px}.qr-area{padding:20px 0;text-align:center}.qr-frame{width:174px;height:174px;border:2px dashed #c6d5be;border-radius:10px;display:grid;place-items:center;margin:0 auto 15px;background:#f8faf5}.qr-frame svg{width:90px;height:90px;stroke:var(--green);stroke-width:1.4}.qr-area p{font-size:11px;line-height:1.6;color:#75836e}.manual-code{margin-top:20px}.manual-code label{font-size:11px;display:block;font-weight:600;margin-bottom:8px}.manual-code .primary{margin-top:12px}
.customer-summary{display:flex;align-items:center;gap:12px;background:#f3f6ef;border-radius:8px;padding:13px;margin-bottom:20px}.customer-summary strong{font-size:13px;display:block;color:var(--green)}.customer-summary small{display:block;font-size:10px;color:#74806b;margin-top:5px}.member-tag{display:inline-flex;align-items:center;gap:4px;background:#dceadb;color:#34583b;font-size:9px;border-radius:4px;padding:4px 6px;margin-top:6px}.member-tag svg{width:11px;height:11px}.details-name{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}.details-name h3{font-size:18px;margin:0;color:#1b3226}.confirmed-pill{padding:5px 8px;border-radius:20px;background:#e0eee1;font-size:9px;color:#39734b;font-weight:600}.reservation-code{font-size:11px;color:#7a8873;margin:0 0 17px}.contact-lines{display:grid;gap:10px;font-size:11px;color:#485a43;margin:0 0 22px}.contact-lines>div{display:flex;gap:9px;align-items:center}.contact-lines svg{width:16px;height:16px;color:#657957}.section-label{font-size:12px;font-weight:700;margin:18px 0 10px;color:#34452f}.reserved-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e3e9de;font-size:12px}.reserved-item .product-icon{width:38px}.reserved-item strong{display:block;font-size:12px}.reserved-item small{display:block;color:#7e8976;margin-top:6px}.reserved-item .quantity-label{margin-left:auto;font-weight:600;color:#4b6040}.info-strip{display:flex;gap:10px;font-size:11px;line-height:1.5;padding:13px 12px;border-radius:7px;color:#746a50;background:#f4f0e5;margin-top:20px;margin-bottom:20px}.info-strip svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.club-intro{text-align:center}.club-mark{width:74px;height:74px;margin:0 auto 18px}.club-intro h3{color:var(--green);font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.2;margin:0 0 12px}.club-intro p{font-size:12px;line-height:1.6;color:#73836d;margin:0 auto 22px;max-width:240px}.benefits{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:15px}.benefits li{display:flex;align-items:center;gap:10px;font-size:11px;color:#536a4d}.benefits svg{width:19px;height:19px;color:#386a43;flex-shrink:0}.consent-row{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.5;color:#657660;margin-top:14px}.consent-row input{width:16px;height:16px;accent-color:var(--green);margin:2px 0 0;flex-shrink:0}
.item-list{margin-bottom:20px}.item-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #e7ece1}.product-icon{display:grid;place-items:center;width:31px;flex-shrink:0;color:var(--green)}.product-icon svg{width:32px;height:39px;stroke-width:1.5}.product-icon.burgundy{color:var(--burgundy)}.item-copy{flex:1}.item-copy strong{display:block;font-size:11px;font-weight:600;color:#30452b}.item-copy small{display:block;font-size:9px;color:#7c8a72;margin:4px 0}.item-copy .item-price{color:#3b5932;font-size:11px;font-weight:600}.stepper{display:flex;align-items:center;border:1px solid #dbe3d3;border-radius:5px;overflow:hidden;height:31px}.stepper button{border:0;background:#f7f9f2;color:#46643b;font-size:19px;min-width:29px;height:30px;padding:0}.stepper output{width:24px;text-align:center;font-size:12px;font-weight:600;color:#314a29}.bill{margin:18px 0 24px;font-size:12px}.bill-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#63735a}.bill-row.discount{color:#3c7a44;font-size:11px}.bill-row.total{color:#182e23;font-weight:700;font-size:18px;border-top:1px solid #e1e7da;padding-top:13px;margin-top:12px}.bill-caption{font-size:9px;color:#849178;margin-top:11px}.pay-total{margin:10px 0 23px;padding:17px 15px;background:#f4f6f0;border-radius:8px}.pay-total>span{display:block;font-size:11px;color:#6d7d61}.pay-total strong{font-size:36px;color:#142a20;display:block;letter-spacing:-1px;margin:6px 0}.pay-total small{font-size:9px;color:#7b8971}.payment-options{display:grid;gap:9px;margin:0 0 16px}.payment-option{display:flex;gap:11px;align-items:center;border:1px solid #e0e6d9;border-radius:7px;padding:13px 12px;font-size:12px;cursor:pointer}.payment-option.selected{border-color:#60956a;background:#f6faf3}.payment-option input{accent-color:#286c45;margin:0}.payment-option>svg{width:24px;height:24px;color:#385b37}.payment-option strong{display:block;font-size:12px;font-weight:600;color:#2a4125}.payment-option small{display:block;font-size:9px;color:#7a8a6f;margin-top:4px}.payment-error{border:1px solid #e0c1c2;background:#fcf4f3;border-radius:7px;padding:12px;font-size:11px;line-height:1.6;color:#84383b;margin:14px 0}.processing{text-align:center;padding:35px 0}.processing h3{font-size:19px;color:var(--green);margin-top:25px}.processing p{font-size:12px;color:#718468;line-height:1.6}.spinner{display:block;width:56px;height:56px;border:3px solid #e4eee0;border-top-color:var(--green);border-radius:50%;margin:auto;animation:spin 1s linear infinite}.payment-success{text-align:center;margin:22px 0 25px}.success-mark{width:79px;height:79px;background:#e0f0df;color:#277846;display:grid;place-items:center;border-radius:50%;margin:0 auto 23px;box-shadow:0 0 0 9px #f6faf2}.success-mark svg{width:36px;height:36px;stroke-width:2.5}.payment-success h3{font-size:20px;margin:0 0 10px;color:#1e3525}.payment-success .paid-amount{font-size:33px;font-weight:700;display:block;color:#183329;margin:8px 0}.payment-success p{font-size:12px;color:#73836a;line-height:1.6;margin:9px 0}.receipt-options{background:#f5f8f0;padding:13px 14px;border-radius:8px;margin:19px 0}.receipt-option{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#395033;padding:6px 0}.receipt-option input{accent-color:var(--green);width:16px;height:16px;margin:0}.receipt-option svg{width:18px;height:18px}.receipt-option small{display:block;color:#849178;font-size:9px;margin-top:5px}.receipt-input{border:1px solid #dce5d6;border-radius:5px;padding:9px;width:100%;font-size:11px;margin:5px 0 8px;background:white;color:#385132}.receipt-status{font-size:10px;color:#347543;margin:10px 0;line-height:1.5}.handover{font-size:10px;text-align:center;color:#6d7f61;line-height:1.6;margin:16px 0 0}.handover.done{color:#317143}.review-links{display:flex;justify-content:center;margin-top:15px}.review-links button{border:0;background:none;font-size:10px;text-decoration:underline;color:#738569;padding:8px}
dialog{border:1px solid #cfdbca;border-radius:14px;padding:25px;color:var(--ink);max-width:420px;width:calc(100% - 40px);box-shadow:0 20px 50px #10291e30}dialog::backdrop{background:#092b2255;backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-size:26px;color:var(--green);font-weight:400;margin:0 0 18px}dialog p{font-size:13px;line-height:1.7;color:#66755e}dialog li{font-size:12px;line-height:1.7;color:#66755e;margin-bottom:8px}dialog .primary{margin-top:23px}.device-only{background:white}.device-only .preview-header,.device-only .welcome-panel,.device-only .context-panel,.device-only .preview-footer,.device-only .device-label,.device-only .device-bottom{display:none}.device-only .preview-layout{display:block;padding:0;margin:0;max-width:none}.device-only .device-preview{background:white;border:0;border-radius:0;padding:0;box-shadow:none;max-width:100%}.device-only .device-screen{border:0;border-radius:0;min-height:100vh}.device-only #screen{max-width:430px;width:100%;margin:0 auto}.device-only .app-status{max-width:430px;width:100%;margin:0 auto}.device-only .app-utilities{max-width:430px;width:100%;margin:0 auto}.device-only .home-logo{margin-top:35px}.device-only .home-card{min-height:95px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(min-width:1450px){.preview-layout{gap:70px}}@media(max-width:1160px){.preview-layout{grid-template-columns:1fr 378px;gap:40px;padding-left:35px;padding-right:35px}.context-panel{grid-column:1;grid-row:2;padding-top:0}.device-preview{grid-column:2;grid-row:1/span 2}.welcome-panel{padding-top:35px}.welcome-panel h1{font-size:52px}.preview-footer{margin-left:35px;margin-right:35px}.preview-tag{display:none}.preview-header{padding-left:35px;padding-right:35px}.welcome-panel .farm-photo{display:none}.brand-promise{margin-top:20px}.context-panel .journey-steps{display:none}.context-panel h2{font-size:20px;margin-bottom:15px}.context-note{margin-top:15px}.preview-tools{margin-top:15px}.preview-layout .welcome-panel{margin-bottom:-15px}}
@media(max-width:760px){.preview-header{padding:17px 20px}.wordmark img{width:190px}.workbench-link{font-size:9px;padding:8px}.preview-layout{display:flex;flex-direction:column;align-items:center;gap:28px;padding:25px 20px}.welcome-panel{padding:0;width:100%;max-width:392px}.welcome-panel>.eyebrow,.welcome-panel>h1,.welcome-copy,.gold-rule,.brand-promise{display:none}.journey-switch{grid-template-columns:1fr 1fr;gap:10px;margin:0}.journey-button{padding:12px 10px;gap:8px;font-size:11px}.journey-number,.journey-button>span:last-child,.journey-button small{display:none}.device-preview{width:392px;max-width:100%}.device-screen{min-height:690px}.context-panel{width:100%;max-width:392px;padding-top:0}.context-panel .journey-steps{display:none}.context-panel h2{font-size:21px;margin-bottom:15px}.preview-footer{margin:0 20px 18px;font-size:7px;gap:10px;line-height:1.6}.preview-footer span:last-child{display:none}}
@media(max-width:420px){.preview-header{padding:12px}.wordmark img{width:170px}.preview-layout{padding:17px 10px}.device-preview{padding:7px 8px 0;border-radius:26px}#screen{padding:0 17px 20px}.screen-title{margin-bottom:21px}.home-logo{width:254px}.welcome-panel{padding:0 3px}}@media print{.preview-header,.welcome-panel,.context-panel,.preview-footer,.app-utilities{display:none}.preview-layout{display:block}.device-preview{box-shadow:none;border:0;background:white}.device-label,.device-bottom{display:none}}

/* S710 touch targets. Native preview uses the same controls without the bezel. */
.cash-field input{min-height:56px;font-size:24px;font-weight:600}.cash-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cash-shortcuts button{min-height:48px}.cash-feedback{padding:15px;background:var(--soft);border-radius:8px;font-size:14px;line-height:1.5;color:var(--green);margin:18px 0 12px}.cash-change{text-align:center;background:var(--soft);border-radius:10px;padding:24px 14px;margin:20px 0}.cash-change span{display:block;color:var(--green);font-size:15px;line-height:1.5}.cash-change strong{display:block;font-size:44px;letter-spacing:-1px;color:var(--green);margin:8px 0}.payment-recovery{margin-top:14px}.device-only .cash-field input{min-height:56px;font-size:24px}
.stepper{height:44px}.stepper button{min-width:40px;height:43px}.stepper output{width:26px}.back-button{min-width:44px;min-height:44px;align-items:center;justify-content:center}.app-utilities button{min-height:34px}.device-only .stepper{height:48px}.device-only .stepper button{min-width:48px;height:47px}.device-only .app-utilities button{min-height:44px}.device-only .field input,.device-only .search-box input,.device-only .manual-code input{min-height:48px;font-size:14px}.device-only .payment-option{min-height:58px}.device-only .consent-row{min-height:44px;align-items:center}.device-only .receipt-option{min-height:44px;align-items:center}

/* Approved Option B. The content scrolls independently of the main actions. */
.preview-layout{grid-template-columns:minmax(250px,1fr) 456px 270px;gap:32px}
.device-preview{min-width:0;width:456px;max-width:100%}
.device-screen{height:800px;min-height:0;font-size:18px;line-height:1.4}
.app-status{height:32px;min-height:32px;font-size:12px;flex-shrink:0;padding:0 20px}
.app-status span:last-child{font-size:11px}
#screen{padding:0;min-height:0;min-width:0;overflow:hidden;display:flex;flex:1}
.screen-layout{display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%}
.screen-heading{flex-shrink:0;padding:12px 20px 0;background:white;border-bottom:1px solid var(--line)}
.screen-title{position:static;justify-content:flex-start;align-items:center;gap:12px;min-height:56px;margin:0 0 12px}
.screen-title h2{flex:1;min-width:0;margin:0;font-size:26px;line-height:1.18;overflow-wrap:break-word}
.back-button{position:static;left:auto;display:flex;gap:8px;flex-shrink:0;min-width:56px;min-height:56px;padding:12px;border:1px solid #c4d0c1;border-radius:8px;background:white;font-size:16px;font-weight:600;line-height:1.2}
.back-button svg{width:24px;height:24px}
.screen-body{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 20px 24px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:16px}
.screen-actions{flex-shrink:0;display:grid;gap:10px;min-width:0;padding:12px 20px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px #153a2e08}
.action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.action-row button{min-width:0;font-size:16px}
.primary,.secondary{min-height:56px;font-size:18px;padding:14px 12px;white-space:normal;text-align:center;border-radius:9px}
.primary{min-height:64px}
.primary svg,.secondary svg{width:24px;height:24px}
.wide{max-width:100%;min-width:0}
.app-utilities{flex-shrink:0;min-height:56px;padding:0 14px;gap:8px}
.app-utilities button,.device-only .app-utilities button{min-height:56px;font-size:15px;gap:8px;padding:8px}
.utility-icon svg{width:24px;height:24px}
.utility-tag{font-size:9px;letter-spacing:1px}
.home-logo,.device-only .home-logo{display:block;width:100%;max-width:360px;height:auto;object-fit:contain;margin:8px auto 22px}
.home-title{font-size:32px;line-height:1.15;margin-bottom:12px}
.home-subtitle{font-size:18px;line-height:1.45;margin-bottom:22px}
.home-card,.device-only .home-card{min-height:112px;padding:22px 18px;gap:16px;border-radius:10px;margin:12px 0}
.home-card svg{width:40px;height:40px}
.home-card .card-name{font-size:20px;line-height:1.25;margin-bottom:7px}
.home-card .card-detail{font-size:16px;line-height:1.4}
.home-card>span{min-width:0}
.home-motto{font-size:23px;line-height:1.35;margin:24px 0 16px}
.screen-footnote{font-size:15px;line-height:1.4;margin:20px 0 0}
.subtitle{font-size:18px;line-height:1.5;margin-bottom:22px}
.tabs{margin-bottom:20px}
.tabs button{min-height:56px;font-size:18px;padding:14px 10px}
.field{margin-bottom:18px;min-width:0}
.field label,.field-label,.manual-code label{font-size:16px;line-height:1.4;margin-bottom:8px}
.field input,.search-box input,.manual-code input,.device-only .field input,.device-only .search-box input,.device-only .manual-code input{min-height:56px;font-size:18px;padding:14px 12px;min-width:0;border-radius:8px}
.search-box input,.device-only .search-box input{padding-left:46px}
.search-box>svg{width:24px;height:24px;left:13px;top:16px}
.field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.optional,.error,.search-hint,.bill-caption{font-size:15px;line-height:1.45}
.search-hint{margin:14px 0 18px}
.reservation-list{gap:12px}
.reservation-result{min-height:96px;padding:16px 12px;gap:12px}
.avatar{width:44px;height:44px;font-size:17px}
.result-text{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.reservation-result strong{font-size:19px}
.reservation-result small{font-size:15px;line-height:1.5;margin-top:6px}
.reservation-result svg{width:24px;height:24px;flex-shrink:0}
.empty-results,.qr-area p{font-size:18px}
.keyboard-dismiss{margin-top:14px}
.screen-actions .keyboard-dismiss{margin-top:0}
.customer-summary{gap:14px;padding:16px;margin-bottom:20px;min-width:0}
.customer-summary>div{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.customer-summary strong{font-size:19px}
.customer-summary small{font-size:16px}
.member-tag{font-size:15px;gap:6px;padding:6px 8px}
.member-tag svg{width:18px;height:18px}
.details-name{gap:10px;flex-wrap:wrap;margin-bottom:8px}
.details-name h3{font-size:27px;line-height:1.2}
.confirmed-pill{font-size:15px;padding:6px 10px}
.reservation-code{font-size:17px;margin-bottom:20px}
.contact-lines{gap:16px;font-size:18px;line-height:1.4;margin-bottom:24px;overflow-wrap:anywhere;word-break:break-word}
.contact-lines>div{gap:12px;align-items:flex-start;min-width:0}
.contact-lines svg{width:24px;height:24px;flex-shrink:0}
.section-label{font-size:20px;margin:24px 0 12px}
.reserved-item{font-size:18px;gap:12px;padding:16px 0}
.reserved-item>div{min-width:0;overflow-wrap:break-word}
.reserved-item strong{font-size:18px;line-height:1.4}
.reserved-item small{font-size:17px;margin-top:6px}
.reserved-item .product-icon{width:42px}
.reserved-item .quantity-label{font-size:18px;flex-shrink:0}
.info-strip{font-size:16px;gap:12px;padding:16px;line-height:1.5}
.info-strip svg{width:24px;height:24px}
.club-mark{width:90px;height:90px}
.club-intro h3{font-size:30px}
.club-intro p{font-size:18px;max-width:none}
.benefits{gap:18px}
.benefits li{font-size:18px;line-height:1.5;gap:12px}
.benefits svg{width:26px;height:26px}
.consent-row,.device-only .consent-row{min-height:72px;padding:14px 10px;margin-top:12px;gap:14px;align-items:center;font-size:16px;line-height:1.5;color:#455942;border:1px solid var(--line);border-radius:8px;cursor:pointer}
.consent-row input,.receipt-option input{width:24px;height:24px;min-width:24px;min-height:24px;margin:0;flex-shrink:0}
.consent-row span{min-width:0}
.item-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:20px 0}
.product-icon{width:40px}
.product-icon svg{width:38px;height:44px}
.item-copy{min-width:0}
.item-copy strong{font-size:18px;line-height:1.4}
.item-copy small{font-size:15px;line-height:1.4;margin:6px 0}
.item-copy .item-price{font-size:18px}
.stepper,.device-only .stepper{grid-column:2;justify-self:end;display:grid;grid-template-columns:56px 48px 56px;align-items:center;height:56px;border-radius:8px}
.stepper button,.device-only .stepper button{width:56px;min-width:56px;height:56px;min-height:56px;font-size:28px;padding:0}
.stepper output{width:48px;font-size:20px}
.bill{font-size:18px;margin:22px 0}
.bill-row{gap:14px;margin:14px 0}
.bill-row>span:last-child,.bill-row>strong{flex-shrink:0}
.bill-row.discount{font-size:16px}
.bill-row.total{font-size:26px;padding-top:16px;margin-top:16px}
.bill-caption{margin-top:14px}
.pay-total{padding:18px;margin:12px 0 22px}
.pay-total>span{font-size:17px}
.pay-total strong{font-size:44px;line-height:1.15;margin:8px 0}
.pay-total small{font-size:15px;line-height:1.4}
.payment-options{gap:12px}
.payment-option,.device-only .payment-option{min-height:80px;gap:14px;padding:16px 12px}
.payment-option input{width:24px;height:24px;min-width:24px;accent-color:var(--green)}
.payment-option>svg{width:30px;height:30px;flex-shrink:0}
.payment-option>span{min-width:0}
.payment-option strong{font-size:18px}
.payment-option small{font-size:15px;line-height:1.4;margin-top:6px}
.payment-error{font-size:17px;line-height:1.5;padding:16px}
.processing h3{font-size:25px}
.processing p{font-size:18px}
.payment-success{margin:12px 0 24px}
.success-mark{width:76px;height:76px;margin-bottom:22px}
.payment-success h3{font-size:26px;line-height:1.2}
.payment-success .paid-amount{font-size:44px;line-height:1.2;margin:12px 0}
.payment-success p{font-size:18px;line-height:1.5}
.receipt-options{padding:10px 12px;margin:20px 0}
.receipt-option,.device-only .receipt-option{min-height:72px;align-items:center;padding:14px 0;gap:12px;font-size:18px;line-height:1.4;cursor:pointer}
.receipt-option svg{width:26px;height:26px;flex-shrink:0}
.receipt-option>span{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.receipt-option small{font-size:15px;line-height:1.5;margin-top:6px}
.receipt-input{min-height:56px;font-size:18px;padding:14px 12px}
.receipt-status,.handover{font-size:16px;line-height:1.5}
.cash-field input,.device-only .cash-field input{min-height:64px;font-size:30px;font-weight:600;cursor:pointer}
.cash-shortcuts{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cash-shortcuts button{min-height:56px;font-size:18px}
.cash-feedback{font-size:18px;line-height:1.4;padding:14px;margin:16px 0 12px}
.cash-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.cash-keypad .cash-key{min-height:56px;font-size:27px;padding:10px}
.cash-keypad-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.cash-keypad-tools .cash-key{min-height:56px;font-size:17px;padding:10px}
.cash-change span{font-size:19px}
.cash-change strong{font-size:48px;line-height:1.2}
.screen-layout[data-page="cash"] .customer-summary{display:none}
.screen-layout[data-page="cash"] .pay-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;margin:0 0 16px}
.screen-layout[data-page="cash"] .pay-total strong{font-size:34px;margin:0}
dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;max-width:460px}
dialog h2{font-size:30px}
dialog p,dialog li{font-size:18px;line-height:1.5}
.device-only{height:100vh;height:100dvh;overflow:hidden}
.device-only .preview-layout,.device-only .device-preview{height:100%;width:100%;max-width:none}
.device-only .device-screen{height:100%;min-height:0;width:100%}
.device-only #screen,.device-only .app-status,.device-only .app-utilities{max-width:none;width:100%;margin:0}
@media(max-width:1160px){.preview-layout{grid-template-columns:minmax(240px,1fr) 456px;gap:30px}.device-preview{width:456px}}
@media(max-width:760px){.preview-layout{display:flex}.device-preview{width:456px}.welcome-panel,.context-panel{max-width:456px}.device-screen{min-height:0}}
@media(max-width:400px){.field-pair{grid-template-columns:minmax(0,1fr)}.screen-heading{padding-left:16px;padding-right:16px}.screen-body{padding-left:16px;padding-right:16px}.screen-actions{padding-left:16px;padding-right:16px}.screen-title{gap:10px}.screen-title h2{font-size:24px}.back-button{font-size:15px;padding:10px;gap:6px}.utility-tag{display:none}.home-title{font-size:30px}.home-card{padding:20px 14px}}
@media(max-width:350px){.action-row{grid-template-columns:minmax(0,1fr)}.screen-title{flex-wrap:wrap}.screen-title h2{flex-basis:100%}.home-card .card-name{font-size:19px}.screen-actions{gap:8px}.cash-keypad-tools .cash-key{font-size:16px}}