html, body { overflow-x: hidden; }
.status.live { background: rgba(57, 230, 170, .12); color: var(--green); }
.demo-banner.success { background: rgba(57, 230, 170, .08); border-color: rgba(57, 230, 170, .3); }
.demo-banner.success strong { color: var(--green); }
.demo-banner.error { background: rgba(255, 91, 91, .08); border-color: rgba(255, 91, 91, .35); }
.demo-banner.error strong { color: #ff7878; }
.trade-heading { display: flex; align-items: start; justify-content: space-between; margin-bottom: 18px; }
.trade-heading h2 { margin: 0; }
.trade-heading .eyebrow { margin-bottom: 4px; }
.select-input { width: 100%; height: 48px; margin: 6px 0 18px; padding: 0 13px; color: var(--text); background: #080d13; border: 1px solid #2a3a4c; border-radius: 8px; }
.transaction-status { margin-top: 12px; padding: 12px; color: #cbd5df; background: #0a1017; border: 1px solid var(--line); border-radius: 7px; font-size: 12px; overflow-wrap: anywhere; }
.transaction-status.pending { border-color: rgba(22, 211, 243, .45); }
.transaction-status.success { border-color: rgba(57, 230, 170, .45); color: var(--green); }
.transaction-status.error { border-color: rgba(255, 91, 91, .45); color: #ff8d8d; }
.transaction-status a, #contractStatus a { color: var(--cyan); }
#windowsList { display: grid; gap: 14px; }
#windowsList .window-card, #windowsList .empty-state { margin-top: 14px; }
@media (max-width: 600px) {
  .network { font-size: 0; }
  .network i { margin-right: 0; }
  .app-shell { margin-top: 18px; }
  .windows-panel, .trade-card { padding: 18px; }
}