.qr{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}.qrbox{background:#fff;padding:12px;border-radius:8px;border:1px solid var(--line);width:fit-content;min-width:224px;min-height:224px;display:grid;place-items:center}.qr label{display:block;font-weight:600;margin-top:15px}.qr input{width:100%;padding:10px;border:2px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:16px Figtree,sans-serif}.qr p{color:var(--mute)}.qr-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.outline{border:2px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:600 16px Figtree,sans-serif;padding:10px 15px;cursor:pointer}@media(max-width:640px){.qr{grid-template-columns:1fr}}
#sheet{width:min(590px,calc(100% - 28px));left:50%;right:auto;transform:translateX(-50%);padding:26px;border-radius:20px 20px 0 0}.line{padding:15px 0}.line b{font-size:17px}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 14px}.customer-fields input,.customer-fields textarea{border:2px solid var(--line);border-radius:8px;padding:10px;background:var(--card);color:var(--ink);font:15px Figtree,sans-serif}.customer-fields textarea{grid-column:span 2;min-height:68px;resize:vertical}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-actions .btn{background:var(--red)}.close-order{margin-top:9px}@media(max-width:480px){#sheet{width:100%;padding:20px 18px}.customer-fields{grid-template-columns:1fr}.customer-fields textarea{grid-column:span 1}.order-actions{display:grid;grid-template-columns:1fr}.order-actions button{width:100%}}