[data-support]{box-sizing:border-box;max-width:680px;margin:24px auto;padding:20px 24px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-family-base);font-size:var(--text-body);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}
[data-support] h2{margin:0 0 8px;font-size:var(--text-section-title);font-weight:var(--text-section-title-font-weight);line-height:var(--text-section-title-line-height);letter-spacing:var(--text-section-title-letter-spacing)}
[data-support] p{margin:0 0 12px;overflow-wrap:anywhere}[data-support] form{display:grid;gap:8px;margin:16px 0 0;max-width:100%}[data-support] label{margin:0;font-size:var(--text-body-sm);font-weight:var(--text-body-font-weight);line-height:var(--text-body-sm-line-height)}
[data-support] .support-amount-group{display:flex;align-items:center;width:min(100%,360px);border:1px solid #adbbb3;border-radius:8px;overflow:hidden;background:var(--color-surface)}
[data-support] .support-amount-prefix{flex:0 0 42px;text-align:center;color:var(--color-muted);border-right:1px solid var(--color-border)}
[data-support] input{box-sizing:border-box;flex:1;width:0;min-width:0;min-height:var(--control-min-height);margin:0;border:0;border-radius:0;padding:10px 12px;background:transparent;color:inherit;font-family:var(--font-family-base);font-size:var(--text-body);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}
[data-support] .support-amount-group:focus-within{outline:3px solid #b88632;outline-offset:3px}[data-support] input:focus-visible{outline:none}
[data-support] #support-range{margin:0;color:var(--color-muted);font-size:var(--text-body-sm);line-height:var(--text-body-sm-line-height)}
[data-support] button,[data-support] [data-open]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:var(--control-min-height);max-width:100%;padding:10px 18px;border:1px solid var(--color-accent);border-radius:8px;background:var(--color-accent);color:var(--color-surface);font-family:var(--font-family-base);font-size:var(--text-button);font-weight:var(--text-button-font-weight);line-height:var(--text-button-line-height);letter-spacing:var(--text-button-letter-spacing);cursor:pointer;text-decoration:none;margin:4px 0 0}
[data-support] button:disabled{opacity:.5;cursor:default}[data-support] [data-qr]{display:block;width:280px;max-width:100%;height:auto;margin:12px auto}[data-support] [data-preview]{margin:8px 0 0;color:var(--color-muted);font-size:var(--text-caption);line-height:var(--text-caption-line-height)}[data-support] [data-message]{margin:8px 0 0;color:var(--color-muted);font-size:var(--text-body-sm);line-height:var(--text-body-sm-line-height)}[data-support] [data-message]:empty{display:none}
[data-support] [data-order]{margin-top:16px}[data-support] .support-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}[data-support] [data-refresh],[data-support] [data-fallback],[data-support] [data-copy-order]{background:transparent;color:var(--color-accent);border-color:#bdcdc3}
[data-support] .order-reference{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;color:var(--color-muted);font-size:var(--text-caption);line-height:var(--text-caption-line-height)}[data-support] [data-order-id]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-support] [data-copy-order]{font-size:var(--text-caption);padding:4px 8px;min-height:var(--control-min-height);margin:0}[data-support] [data-copy-status]{margin:0}
[data-support] [hidden]{display:none!important}[data-support] a{color:var(--color-accent)}[data-support] :focus-visible{outline:3px solid #b88632;outline-offset:3px}.support-page{margin:0;padding:20px 16px;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-family-base)}.support-page>main{max-width:680px;margin:auto}.support-page>main>a{color:var(--color-accent)}
@media(min-width:768px){[data-support] [data-open]{display:none}}@media(max-width:480px){[data-support]{padding:18px;margin:20px auto}[data-support] .support-amount-group{width:100%}[data-support] form>button{width:100%}}
.app-shell>[data-support]{max-width:none;width:100%;margin:28px 0 0;padding:24px 28px}
.app-shell>[data-support] form{max-width:680px}
.app-shell>[data-support]+footer{margin-top:22px}
@media(max-width:600px){.app-shell>[data-support]{padding:20px 18px}}
