.pwa-controls{border:1px solid var(--border,#dce3de);border-radius:12px;background:var(--surface,#fff);padding:14px 16px;color:var(--text,#152926);font-size:12px;line-height:1.5;margin:0 0 22px}.pwa-sync{display:flex;align-items:flex-start;gap:10px}.pwa-sync>div{min-width:0;flex:1}.pwa-connection{width:8px;height:8px;flex:none;border-radius:50%;background:#72837b;margin-top:6px}.pwa-status{font-size:13px;font-weight:650;margin:0}.pwa-detail,.pwa-time{margin:3px 0 0;color:var(--muted,#586b61)}.pwa-time{font-size:11px}.pwa-action{font:inherit;font-weight:650;color:var(--text,#152926);padding:7px 11px;min-height:36px;border:1px solid var(--border,#dce3de);background:transparent;border-radius:7px;cursor:pointer;white-space:nowrap}.pwa-action:focus-visible{outline:3px solid #72903c;outline-offset:3px}.pwa-action:disabled{opacity:.5;cursor:default}.pwa-controls [hidden]{display:none}.pwa-install-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border,#dce3de);padding-top:10px;margin-top:12px;color:var(--muted,#586b61);font-size:11px}.pwa-help{margin-top:12px;padding:12px;background:#f2f5f1;border-radius:8px;line-height:1.65;color:#30483b}.pwa-controls[data-sync-state="current"] .pwa-connection{background:#2f6f4e}.pwa-controls[data-sync-state="offline"] .pwa-connection,.pwa-controls[data-sync-state="error"] .pwa-connection,.pwa-controls[data-sync-state="deferred"] .pwa-connection{background:#9a671b}.pwa-controls[data-sync-state="refreshing"] .pwa-connection{background:#396777}@media(max-width:600px){.pwa-controls{padding:12px;margin-bottom:18px}.pwa-action{min-height:44px}.pwa-install-row{align-items:flex-start;flex-wrap:wrap}.pwa-detail{font-size:11px}}
/* Keep synchronization visible without displacing the customer's primary QR. */
.pwa-controls[data-sync-state="current"] .pwa-detail,.pwa-controls[data-sync-state="idle"] .pwa-detail{display:none}
@media(max-width:600px){.pwa-controls{padding:10px 12px;margin-bottom:16px;font-size:12px;line-height:1.4}.pwa-sync{gap:8px;align-items:center}.pwa-connection{margin-top:0}.pwa-status{font-size:12px;line-height:1.4}.pwa-time{margin-top:2px;font-size:11px}.pwa-action{padding:6px 9px;font-size:11px;min-height:44px}.pwa-install-row{margin-top:6px;padding-top:6px;gap:8px;font-size:11px;flex-wrap:nowrap;align-items:center}.pwa-install-row>span{flex:1;min-width:0}.pwa-install-row .pwa-action{padding:4px 6px;white-space:normal;max-width:100px;flex:none;min-height:36px}.pwa-help{margin-top:8px;padding:10px}}