.qr-desk{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:20px;background:#eaf1ee;color:#163d38;overflow:auto}
.qr-desk[open]{display:flex;flex-direction:column;gap:14px}.qr-desk::backdrop{background:#eaf1ee}.qr-desk header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.qr-desk h1{font-size:clamp(20px,3vw,32px);margin:4px 0 0;font-weight:850;line-height:1.2}.qr-desk small{font-size:14px;color:#53746d}.qr-desk .desk-close{padding:12px 20px;background:#fff;border:0;border-radius:14px;color:#35554d;font-weight:700}.qr-desk .desk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;flex:1;min-height:0;margin:0;max-width:none;padding:0}.qr-desk .desk-card{background:#fff;border-radius:26px;border-top:6px solid #18766a;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:0}.qr-desk .desk-card:nth-child(2){border-top-color:#355aa3}.qr-desk .desk-order{font-size:16px;font-weight:700;color:#627a72}.qr-desk h2{font-size:clamp(32px,4.3vw,62px);margin:3px 0;line-height:1.1;letter-spacing:-1px}.qr-desk .desk-state{font-size:18px;font-weight:650;color:#416761;margin:7px 0 12px}.qr-desk .desk-qr{box-sizing:content-box;width:min(36vw,calc(100dvh - 435px),470px);height:min(36vw,calc(100dvh - 435px),470px);min-width:100px;min-height:100px;padding:18px;display:flex;align-items:center;justify-content:center;background:#fff;font-size:15px;color:#687a76}.qr-desk .desk-qr img,.qr-desk .desk-qr canvas{width:100%;height:100%;object-fit:contain}.qr-desk .desk-qr canvas{display:none}.qr-desk .desk-caption{font-size:14px;margin:10px 0 0;color:#536964}.qr-desk footer{text-align:center;font-size:13px;color:#617a74;flex:none;margin:0;padding:0}@media(orientation:portrait){.qr-desk .desk-cards{grid-template-columns:1fr;min-height:auto}.qr-desk .desk-qr{width:min(60vw,400px);height:min(60vw,400px)}.qr-desk .desk-card{padding:18px}.qr-desk{overflow:auto}}@media(max-height:500px) and (orientation:landscape){.qr-desk{padding:10px;gap:6px}.qr-desk header small,.qr-desk .desk-caption{display:none}.qr-desk .desk-card{padding:7px}.qr-desk h2{font-size:30px}.qr-desk .desk-state{font-size:14px;margin:3px}.qr-desk .desk-qr{width:calc(100dvh - 266px);height:calc(100dvh - 266px);padding:12px}}

.qr-desk .desk-controls{display:flex;justify-content:center;gap:8px;flex:none}.qr-desk .desk-controls button{border:1px solid #c5d7ce;border-radius:12px;padding:8px 16px;background:#fff;color:#35554d;font:inherit;font-size:14px;font-weight:700}.qr-desk .desk-controls button[aria-pressed="true"]{background:#176958;color:#fff;border-color:#176958}.qr-desk .desk-controls [hidden]{display:none}.qr-desk.desk-daily .desk-cards{grid-template-columns:minmax(0,1fr);max-width:900px;width:100%;align-self:center}.qr-desk.desk-daily h2{font-size:clamp(28px,3.5vw,48px)}

@media(max-height:500px) and (orientation:landscape){.qr-desk .desk-order{font-size:13px}.qr-desk h2{font-size:26px}.qr-desk .desk-state{font-size:12px}.qr-desk .desk-qr{padding:8px}.qr-desk .desk-controls button{font-size:13px;padding:5px 12px}}