#qr-dialog{width:min(440px,calc(100vw - 24px));max-height:90dvh;border-radius:24px}.qr-content{padding:20px;color:#24576f}.qr-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.qr-tools button,.qr-tools label{font-size:12px;min-height:42px;cursor:pointer}.qr-code{text-align:center;background:transparent;padding:0;border:0;margin:18px auto;border-radius:18px}.qr-code svg{display:block;width:min(100%,280px);height:auto;margin:auto;border-radius:18px;box-shadow:0 8px 24px #163f5226,0 2px 6px #163f5210}.qr-link-row{display:flex;gap:8px;margin-top:15px}.qr-link-row input{min-width:0;flex:1}#qr-video{width:100%;max-height:300px;border-radius:16px;object-fit:cover}#qr-choice{display:grid;gap:8px}#qr-choice button{min-height:46px}#qr-status{font-size:13px;color:#0789ad;min-height:20px}.qr-scan-button{width:40px;height:40px;padding:6px;border:0;border-radius:11px;background:transparent;color:#fff;margin-right:8px;vertical-align:top}.language-flag-button{display:inline-grid}.language-control{display:flex;align-items:center}#task-invitation-actions{display:flex;margin:0}#task-invitation-actions[hidden]{display:none}.auth-qr-button{width:100%;margin-top:10px;background:transparent;color:#0789ad;font-size:13px;min-height:40px}

.qr-content .secondary-button,#task-invitation-actions .secondary-button,.bubble [data-qr-invite]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid #b7e1ef;border-radius:12px;background:linear-gradient(#f4fcff,#e6f6fc);color:#087c9e;font-size:13px;font-weight:600;cursor:pointer}.qr-content .secondary-button:hover,#task-invitation-actions .secondary-button:hover{background:#ddf4fc}.qr-content input[type=text]{width:100%;height:44px;border:1px solid #bbddea;border-radius:12px;background:#fff;color:#24576f;padding:10px 12px;font-size:13px}.qr-content #qr-description{margin:12px 0;font-size:13px;line-height:1.6}.qr-content .new-heading{margin-bottom:12px}.bubble [data-qr-invite]{display:flex;margin-top:10px}.qr-content button:focus-visible{outline:3px solid #33b9d480;outline-offset:2px}

.language-control .qr-scan-button .icon{width:28px;height:28px;border-radius:0;box-shadow:none}.language-control .qr-scan-button:hover{background:transparent;color:#fff}

#qr-dialog.is-scanning{width:min(520px,calc(100vw - 24px));height:min(720px,90vh);height:min(720px,90dvh);padding:0;overflow:hidden;background:#123341}#qr-dialog.is-scanning .qr-content{height:100%;padding:0;position:relative}#qr-dialog.is-scanning .new-heading{position:absolute;top:18px;left:18px;right:18px;z-index:2;margin:0;color:white}#qr-dialog.is-scanning .new-heading h2{color:white;text-shadow:0 1px 8px #0008}#qr-dialog.is-scanning .close-button{color:white;border-color:#ffffff60;background:#ffffff22;backdrop-filter:blur(8px)}.qr-camera-stage{position:absolute;inset:0;background:#123341}.qr-camera-stage[hidden]{display:none}#qr-dialog.is-scanning #qr-video{width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover}.qr-image-button{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:48px;height:48px;padding:11px;border:1px solid #ffffff70;border-radius:14px;color:white;background:#ffffff26;backdrop-filter:blur(10px);z-index:2}.qr-image-button .icon{width:24px;height:24px}.qr-image-button:hover{background:#ffffff40}#qr-dialog.is-scanning #qr-status{position:absolute;bottom:24px;left:20px;right:88px;margin:0;z-index:2;color:white;font-size:13px;text-shadow:0 1px 5px #0008}#qr-dialog.is-scanning .qr-link-row,#qr-dialog.is-scanning #qr-description,#qr-dialog.is-scanning #qr-choice,#qr-dialog.is-scanning #qr-code{display:none}

.task-settings-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-settings-qr{display:grid;place-items:center;width:42px;height:42px;padding:8px;border:1px solid #aee1f0;border-radius:12px;background:linear-gradient(145deg,#f2fbff,#dbf5f8);color:#078bac;box-shadow:0 2px 7px #1390ad12}.task-settings-qr .icon{width:26px;height:26px}.task-settings-qr:hover{background:#d2f3fb;border-color:#6ecbdd}.task-settings-qr:focus-visible{outline:3px solid #33b9d480;outline-offset:2px}.qr-task-actions{display:flex;gap:10px;margin:14px 0}.qr-task-actions[hidden]{display:none}.qr-task-actions button{flex:1;min-height:46px}#qr-dialog.is-scanning #qr-task-actions{display:none}