/* Content only: original Frame owns navigation geometry and safe area. */
.vqr-native-inner,.vqr-native-inner *{box-sizing:border-box}
.vqr-native-scroll{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;background:#000;color:#fff}
.vqr-native-inner{width:100%;max-width:840px;margin:0 auto;padding:20px 20px 28px;box-sizing:border-box}
.vqr-native-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.vqr-native-header>img{display:block;width:120px;max-width:35vw;height:auto;object-fit:contain}
.vqr-native-back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;padding:10px;background:#242426;color:#fff;cursor:pointer}.vqr-native-back svg{display:block;width:22px;height:22px;pointer-events:none}
.vqr-native-entry{padding:16px 20px;background:#171719;color:#fff;font:inherit;line-height:1.5;overflow-wrap:anywhere}.vqr-native-entry>p{margin:0 0 12px}
.vqr-native-control,.vqr-native-fallback{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin:4px 8px 4px 0;padding:10px 16px;border:0;border-radius:18px;background:#242426;color:#fff;text-decoration:none;font:inherit;line-height:1.5;white-space:normal;cursor:pointer;box-sizing:border-box}
.vqr-native-inner :is(a,button):focus-visible,.vqr-native-entry :is(a,button):focus-visible{outline:2px solid #78b9ff;outline-offset:3px}
.vqr-native-content .qr-spinner{display:block;width:24px;height:24px;margin:24px auto;border:2px solid #174b80;border-top-color:#087dff;border-radius:50%}.vqr-native-content .qr-error{padding:16px;border-radius:18px;background:#242426;line-height:1.5;overflow-wrap:anywhere}.vqr-native-content .qr-error button{min-height:44px;border:0;border-radius:18px;padding:10px 16px;background:#303034;color:#fff;font:inherit;cursor:pointer}
@media(max-width:600px){.vqr-native-inner{padding:16px 16px 24px}.vqr-native-header{margin-bottom:20px}}
/* Merchant dashboard only. Customer themes, editor canvas and pricing stay isolated. */
.qr-dashboard{max-width:840px;margin:0 auto;color:#fff;min-width:0}
.qr-dashboard-merchant{margin:0 0 20px}.qr-dashboard-identity{display:flex;align-items:center;gap:18px;min-width:0;margin-bottom:20px}.qr-dashboard-identity>div{min-width:0;flex:1}.qr-dashboard-identity h1{font-size:clamp(22px,4vw,32px);line-height:1.3;letter-spacing:-.025em;font-weight:400;margin:0;overflow-wrap:anywhere}.qr-dashboard-avatar{display:block;width:72px;height:72px;border:0;border-radius:22px;object-fit:cover;flex:none}.qr-dashboard-avatar[hidden]{display:none}
.qr-dashboard-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.qr-dashboard-status{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;line-height:1.5;color:#bcbcc2;overflow-wrap:anywhere;min-width:0}.qr-dashboard-status>span{width:8px;height:8px;flex:none;border-radius:50%;background:#909096}.qr-dashboard-status[data-menu-state=enabled]>span{background:#087dff}
.qr-dashboard-settings{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;max-width:45%;padding:10px 16px;border:0;border-radius:18px;background:#242426;color:#fff;font:inherit;font-size:14px;line-height:1.4;text-decoration:none;text-align:center;overflow-wrap:anywhere}
.qr-dashboard-orders{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:68px;margin:0 0 18px;padding:18px 22px;border:0;border-radius:24px;background:#087dff;color:#fff;text-decoration:none;font:inherit;font-size:20px;line-height:1.35;text-align:center;box-sizing:border-box}.qr-dashboard-orders>span{min-width:0;overflow-wrap:anywhere}.qr-dashboard-orders svg{display:block;width:28px;height:28px;flex:none;pointer-events:none}.qr-dashboard-orders svg:last-child{width:22px;height:22px}
.qr-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}.qr-dashboard-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;min-height:44px;width:100%;aspect-ratio:1;padding:18px 10px;border:0;border-radius:24px;background:#242426;color:#fff;box-shadow:none;font:inherit;font-size:16px;font-weight:400;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;box-sizing:border-box;cursor:pointer}.qr-dashboard-tile svg{display:block;width:34px;height:34px;flex:none;pointer-events:none}.qr-dashboard-tile span{max-width:100%;overflow-wrap:anywhere}.qr-dashboard :is(a,button):focus-visible{outline:2px solid #78b9ff;outline-offset:4px}.qr-dashboard :is(.qr-dashboard-tile,.qr-dashboard-settings):hover{background:#303034}.qr-dashboard-orders:hover{background:#066bdb}
@media(max-width:600px){.qr-dashboard-grid{gap:10px}.qr-dashboard-tile{border-radius:20px;padding:15px 8px;font-size:14px;gap:12px}.qr-dashboard-orders{font-size:18px;border-radius:22px}.qr-dashboard-identity{gap:14px}.qr-dashboard-avatar{width:64px;height:64px;border-radius:20px}.qr-dashboard-tile svg{width:30px;height:30px}}
@media(max-width:359px){.qr-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-dashboard-status-row{align-items:flex-start}.qr-dashboard-identity h1{font-size:22px}}
@media(max-width:259px){.qr-dashboard-grid{grid-template-columns:minmax(0,1fr)}.qr-dashboard-identity,.qr-dashboard-status-row{flex-wrap:wrap}.qr-dashboard-settings{max-width:100%}}
@media(prefers-reduced-motion:reduce){.qr-dashboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}