.demo-session-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:13px 16px;margin-bottom:20px;border:1px solid #445432;border-radius:9px;background:#212b1b;color:#b6c9a0;font-size:11px;line-height:1.6}
.demo-session-banner strong{color:var(--text);font-weight:550}.demo-session-banner .demo-mode-label{color:var(--lime);font-weight:650;letter-spacing:.7px}
.demo-scenarios-note{padding:12px 16px;color:var(--muted);font-size:10px;line-height:1.6;border-bottom:1px solid var(--line)}
.demo-orders-scroll{overflow:auto}.demo-orders{min-width:660px}.demo-row-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:3px 12px;min-width:150px;max-width:235px;margin-left:auto}.demo-row-actions button{font-size:10px;min-height:32px;text-align:right}.demo-failure{display:block;margin-top:7px;font-size:9px;line-height:1.5}.order-status{min-width:145px}
.review-row strong{text-align:right;max-width:65%;line-height:1.5}.statusbar .right{align-items:center}
@media(max-width:720px){.demo-session-banner{gap:5px 12px;padding:12px;font-size:10px}.demo-session-banner .demo-context{width:100%}.demo-row-actions button{min-height:44px}.statusbar{flex-wrap:wrap;height:auto;min-height:60px;padding:12px 0}.statusbar .right{margin-left:auto}}
#connection-status{margin-left:auto;font-size:10px}.book-empty{padding:12px 16px;font-size:11px}.recent-trades{border-top:1px solid var(--line)}.recent-trades .panel-heading{height:40px;font-size:11px}.recent-trade{display:grid;grid-template-columns:1fr .8fr 1fr;gap:6px;padding:7px 15px;font-size:10px;text-align:right}.recent-trade span:first-child{text-align:left}.recent-trade small{font-size:9px;color:var(--muted)}.depth-meter i{flex:none!important}.depth-meter i:last-child{flex:1!important}.book-row{overflow:hidden}.demo-row-actions{min-width:70px}.demo-session-banner:has(.down){border-color:#785349}

/* Network-scoped spot markets use the existing theme tokens. */
#market-network { max-width:100%; min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--text); }
#markets .section-head { gap:18px; flex-wrap:wrap; }
#markets .section-head > label { display:flex; align-items:center; gap:10px; color:var(--muted); }
#markets td { white-space:nowrap; }
[data-wallet-network] { margin-top:24px; }
[data-wallet-network] h2 { font-size:18px; font-weight:550; }
@media(max-width:720px) { #markets .section-head > label { margin:16px 0; } }
@media(max-width:720px) {
  #markets th:nth-child(3), #markets td:nth-child(3),
  #markets th:nth-child(4), #markets td:nth-child(4) { display:none; }
  #markets th, #markets td { padding:16px 8px; font-size:10px; }
  #markets th { white-space:nowrap; }
  #markets .market-asset-name { gap:7px; }
}

.market-data-status{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:12px 16px;margin:-8px 0 20px;border:1px solid var(--line);border-radius:8px;font-size:11px;line-height:1.6}.market-data-status strong{color:var(--green)}.market-data-status a{text-decoration:underline;text-underline-offset:3px}.market-data-status.is-stale strong,.market-data-status.is-stale .quote-state{color:var(--red)}.market-data-status[hidden]{display:none}.ohlc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chart-label{min-width:0}

.book-mid{flex-wrap:wrap;gap:5px}#book-demo-label{display:block;width:100%;font-size:9px;color:var(--muted)}

.order-type-switch{display:flex;gap:4px;margin:18px 0 14px;padding:4px;border:1px solid var(--line);border-radius:8px}.order-type-switch button{flex:1;min-width:0;min-height:36px;padding:6px;font:inherit;font-size:11px;color:var(--muted);border:0;border-radius:5px;background:transparent}.order-type-switch button.active{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.market-order-note{font-size:10px;line-height:1.65;color:var(--muted);margin:12px 0}.ticket [hidden]{display:none!important}

.order-type-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.conditional-link{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.6;color:var(--muted);margin:14px 0}.conditional-link input{accent-color:var(--lime);margin:2px 0;flex:none}#review-dialog{max-height:calc(100dvh - 32px);overflow:auto}