.counter-screen{--counter-ink:#163a3e;--counter-accent:#087f73;width:min(1100px,100% - 40px);min-height:calc(100vh - 40px);color:var(--counter-ink);overflow-wrap:anywhere;background:#fff;border-radius:20px;margin:20px auto;padding:32px;box-shadow:0 10px 40px #123b3610}.counter-screen-header{border-bottom:1px solid #dce8e3;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.counter-screen h1{margin:8px 0 0;font-size:clamp(24px,3vw,38px);line-height:1.15}.counter-eyebrow{color:#087f73;letter-spacing:.13em;font-size:12px;font-weight:800;line-height:1.6;display:block}.counter-mode-label{text-align:center;background:#e9f6f0;border:1px solid #c7e3d7;border-radius:100px;padding:10px 16px;font-size:14px}.counter-section-heading{margin:30px 0 24px}.counter-section-heading h2,.counter-idle h2{letter-spacing:-.035em;margin:8px 0 12px;font-size:clamp(26px,4vw,42px);line-height:1.2}.counter-screen p{line-height:1.6}.counter-screen .counter-hint{color:#526b67;font-size:13px}.counter-screen .button{white-space:normal;min-height:48px}.counter-demo-note{background:#fff5df;border:1px solid #eed7a5;border-radius:10px;padding:12px 16px;font-size:13px}.counter-screen fieldset{border:0;min-width:0;margin:0;padding:0}.counter-kiosk-form{max-width:760px;margin:auto}.counter-kiosk-form label,.counter-authorization form>fieldset>label{gap:8px;margin:14px 0;font-size:16px;font-weight:600;display:grid}.counter-screen input:not([type=checkbox]),.counter-screen select,.counter-screen textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:#163a3e;box-sizing:border-box;background:#fff;border:1px solid #bfcec9;border-radius:8px;padding:14px;font-size:18px}.counter-screen input[type=checkbox]{accent-color:#087f73;flex:0 0 22px;width:22px;height:22px}.counter-screen .check-label{align-items:flex-start;gap:12px;font-weight:400;line-height:1.6;display:flex}.counter-form-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.counter-form-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.counter-form-actions .button{flex:1}.counter-terms{border:1px solid #dce8e3;border-radius:10px;margin:18px 0;padding:16px}.counter-terms summary{cursor:pointer;font-weight:700}.counter-terms p,.counter-terms-text{white-space:pre-wrap;font-size:15px;line-height:1.7}.counter-confirmation,.counter-idle{text-align:center;padding:70px 20px}.counter-confirmation h2{letter-spacing:-.05em;margin:12px 0;font-size:clamp(50px,9vw,90px)}.counter-confirmation p{max-width:550px;margin:16px auto}.counter-promotion{background:#ecf6ef;border:1px solid #cfe5d8;border-radius:14px;margin-top:30px;padding:24px}.counter-promotion p{margin:8px 0 0;font-size:clamp(18px,2.2vw,25px);font-weight:600;line-height:1.4}.counter-screen-footer{color:#526b67;border-top:1px solid #dce8e3;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:30px;font-size:12px;display:flex}.counter-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.counter-queue-grid article{background:#f2f7f3;border:1px solid #d7e6dd;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.counter-queue-grid h3{margin:0;font-size:clamp(27px,4vw,48px)}.counter-queue-status{text-align:right;font-size:clamp(15px,2vw,22px)}.counter-queue-status.ready{color:#076349;font-weight:800}.counter-order-lines{margin:24px 0;padding:0;list-style:none}.counter-order-lines li{border-bottom:1px solid #e2ebe6;justify-content:space-between;gap:24px;padding:20px 0;font-size:18px;display:flex}.counter-order-lines li div{min-width:0}.counter-order-lines strong,.counter-order-lines span{display:block}.counter-order-lines span{color:#526b67;margin-top:7px;font-size:15px}.counter-order-lines b{white-space:nowrap}.counter-order-totals{max-width:500px;margin:25px 0 25px auto}.counter-order-totals div{justify-content:space-between;gap:24px;margin:12px 0;font-size:19px;display:flex}.counter-order-totals dd{margin:0;font-weight:700}.counter-order-totals div:last-child{border-top:2px solid #d7e6dd;padding-top:18px;font-size:29px}.counter-authorization{max-width:800px;margin:auto}.counter-authorization-summary{background:#f2f7f3;border-radius:12px;padding:20px}.counter-authorization-summary strong{font-size:25px}.counter-terms-text{border:1px solid #dce8e3;border-radius:12px;max-height:310px;margin:20px 0;padding:20px;overflow:auto}.counter-screen .signature-pad canvas{touch-action:none;border:1px solid #bfcec9;border-radius:10px;width:100%;max-width:600px;height:auto}.counter-example-tabs{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.counter-example-tabs .button{flex:1}.counter-management .counter-device-card{border:1px solid #dce8e3;border-radius:12px;margin:15px 0;padding:18px}.counter-device-card h4{margin:0 0 8px}.counter-management .row-actions{flex-wrap:wrap}.counter-management input,.counter-management textarea,.counter-management select{max-width:100%}.counter-management .counter-sample-links{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.counter-share{border:1px solid #dce8e3;border-radius:10px;margin:16px 0;padding:14px}.counter-share summary{cursor:pointer;font-weight:600}.counter-share .row-actions{flex-wrap:wrap;margin-top:12px}.counter-share label{gap:6px;margin-top:12px;display:grid}@media (min-width:1500px){.counter-screen-queue{width:calc(100% - 70px);max-width:1800px;padding:40px}.counter-screen-queue .counter-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.counter-screen{border-radius:12px;width:calc(100% - 20px);min-height:calc(100vh - 20px);margin:10px auto;padding:20px}.counter-screen-header{flex-direction:column;align-items:flex-start;gap:12px}.counter-mode-label{padding:7px 12px;font-size:12px}.counter-form-columns{grid-template-columns:1fr;gap:0}.counter-queue-grid{grid-template-columns:1fr}.counter-queue-grid article{padding:18px}.counter-order-lines li{gap:12px;font-size:16px}.counter-idle{padding:45px 5px}.counter-promotion{padding:18px}.counter-screen-footer{flex-direction:column}.counter-order-totals div:last-child{font-size:25px}}