#support-dialog { width: min(600px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); }
#support-dialog .product-dialog-head { align-items: flex-start; }
#support-dialog .product-dialog-head > div { min-width: 0; }
#support-dialog h2 { overflow-wrap: anywhere; }
#support-dialog .product-dialog-body > p { margin-top: 0; }
#support-options { display: grid; gap: 14px; min-width: 0; }
#support-options h3, #support-options p { margin: 0; }
.support-services { display: grid; gap: 12px; }
.support-service-card { display: grid; gap: 6px; min-width: 0; }
.support-service { display: block; text-decoration: none; text-align: center; overflow-wrap: anywhere; }
.support-wallet { display: grid; gap: 10px; min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #1d231b; }
.support-wallet h4 { margin: 0; overflow-wrap: anywhere; }
.support-wallet input { width: 100%; min-width: 0; box-sizing: border-box; font: 12px/1.5 ui-monospace, monospace; padding: 12px; }
.support-wallet small, .support-service-card small { color: var(--muted, #a7b49b); line-height: 1.5; overflow-wrap: anywhere; }
.support-wallet button { justify-self: start; max-width: 100%; white-space: normal; }
.support-copy-status { font-size: 12px; }
.support-state { color: var(--muted, #a7b49b); }
#support-fairness { margin-top: 20px; color: var(--muted, #a7b49b); font-size: 12px; line-height: 1.6; }
@media (max-width: 400px) {
  #support-dialog .product-dialog-head, #support-dialog .product-dialog-body { padding: 16px; }
  #support-dialog h2 { font-size: 25px; }
  .support-wallet { padding: 12px; }
}