/* Code guide | App details: a discreet version entry and a compact manual update dialog. */
button.app-version-entry{appearance:none;background:transparent;border:0;border-radius:3px;color:inherit;font:inherit;text-align:inherit;padding:4px 0;min-height:36px;cursor:pointer;max-width:100%}
button.app-version-entry:hover{text-decoration:underline}
button.app-version-entry:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.app-update-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #77808c;border-radius:12px;padding:22px;background:var(--qs-surface,var(--surface,#fff));color:var(--qs-text,var(--text,#18253a));font:14px/1.5 system-ui,sans-serif}
.app-update-dialog::backdrop{background:#101d3280}
.app-update-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.app-update-dialog h2{margin:0;font-size:19px;color:inherit}
.app-update-dialog p{margin:14px 0;color:inherit;overflow-wrap:anywhere}
.app-update-dialog [data-update-status]{min-height:3em}
.app-update-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.app-update-dialog button{border:1px solid #7a8594;border-radius:6px;padding:9px 12px;min-height:44px;font:inherit;background:var(--qs-surface,var(--surface,#fff));color:inherit;cursor:pointer}
.app-update-dialog button:disabled{opacity:.55;cursor:wait}
.app-update-dialog button:focus-visible{outline:2px solid #3274ce;outline-offset:3px}
.app-update-dialog [hidden]{display:none!important}