.trade-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--border)}
.trade-controls button,.trade-chart button,.trade-dialog button{min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}
.trade-controls #trade-start,.trade-dialog #trade-confirm{background:var(--accent-soft);color:var(--accent);border-color:#218b72}
.trade-controls #trade-restart{color:#8bcde7}
.trade-controls #trade-stop{color:#ec9da5}.trade-controls button:disabled,.trade-chart button:disabled{opacity:.45;cursor:default}
.trade-status{font-size:12px;min-height:18px;margin:6px 0;color:var(--muted)}.trade-status.is-warning{color:#e8b56e}
#trade-price-status:empty,#trade-status:empty{display:none}
#trade-retry{min-height:44px;background:transparent;border:1px solid var(--border);color:#e8b56e;border-radius:8px;padding:8px 12px}
.trade-chart{grid-column:1/-1;min-width:0;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}
.trade-chart{scroll-margin-top:12px}
.open-order-item.is-chart-link{cursor:pointer;border-radius:6px;outline-offset:3px;padding-left:10px;padding-right:10px}
.open-order-item.is-chart-link:focus-visible{outline:2px solid #59c8ff}
.open-order-item.is-chart-selected{background:rgba(89,200,255,.08);box-shadow:inset 3px 0 #59c8ff}
@media(hover:hover){.open-order-item.is-chart-link:hover{background:rgba(89,200,255,.06)}}
.trade-chart header{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px 16px}
.trade-chart-summary{display:flex;align-items:center;flex-wrap:wrap;flex:1 1 350px;min-width:0;gap:8px 18px}
.trade-chart-metrics{display:flex;align-items:start;gap:14px;margin:0;min-width:0;max-width:100%}
.trade-chart-metrics > div{min-width:0}
.trade-chart-metrics dt{font-size:11px;line-height:15px;font-weight:400;color:var(--muted);white-space:nowrap}
.trade-chart-metrics dd{margin:2px 0 0;font-size:13px;line-height:17px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.trade-chart-metrics dd.is-positive{color:var(--accent)}
.trade-chart-metrics dd.is-negative{color:#ef6b80}
.trade-chart-metrics.is-stale dd{color:var(--muted)}
.trade-chart-tools{display:grid;grid-template-columns:80px 142px;gap:8px;flex:0 0 auto;margin-left:auto;max-width:100%}
.trade-select{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 26px;border:1px solid var(--border);border-radius:9px;background:var(--panel-alt,var(--panel));color:var(--text);font-size:13px;font-weight:600}
.trade-select > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.trade-select::after{content:'';position:absolute;right:12px;top:calc(50% - 4px);width:6px;height:6px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none}
/* The native picker owns input/accessibility; the shared label avoids iOS select styling. */
.trade-select > select{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;appearance:none;-webkit-appearance:none;font-size:16px;cursor:pointer}
.trade-select:focus-within{outline:2px solid #59c8ff;outline-offset:2px}
.trade-canvas{width:100%;min-width:0;height:420px;touch-action:none;margin:8px 0 12px;position:relative;cursor:crosshair}
.trade-canvas:active{cursor:grabbing}
.trade-marker-list{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.trade-marker-list:focus-within{position:relative;width:auto;height:auto;clip-path:none;display:flex;gap:4px;flex-wrap:wrap}
.thirdparty-notice{color:var(--muted);font-size:12px;line-height:1.7;margin:20px 0}.thirdparty-notice a{color:inherit;text-decoration:none}
.trade-plot{position:relative;margin-inline:-8px}
#trade-history-status{border:0;background:transparent;color:#59c8ff;font-size:11px;padding:4px 0;min-height:24px}
#trade-history-status:empty,#trade-chart-status:empty{display:none}
.trade-chart-footer{margin-top:12px}
.trade-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:11px;color:var(--muted)}.trade-legend span{display:flex;align-items:center;gap:5px}.trade-legend i{width:15px;height:0;border-top:1px solid;flex-shrink:0}.trade-legend i.is-dotted{border-top-style:dotted}.trade-legend i.is-dashed{border-top-style:dashed}
.trade-execution-status:empty{display:none}.trade-execution-status{line-height:1.5}
.trade-chart small{display:block;min-height:14px;font-size:11px;color:var(--muted);margin-top:8px}
.trade-selection{display:flex;align-items:center;gap:8px;margin-top:10px;padding:6px 8px 6px 12px;border:1px solid #6f6248;border-radius:8px;background:#172128;color:#e2d9c5;font-size:12px;line-height:1.5}
.trade-selection[hidden]{display:none}.trade-selection>span{flex:1;min-width:0}.trade-chart .trade-clear-selection{flex-shrink:0;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#e2d9c5;font-size:24px;pointer-events:auto}
.trade-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:22px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px}
.trade-dialog::backdrop{background:rgba(0,0,0,.7)}.trade-dialog h3{margin:0 0 12px}.trade-dialog p{font-size:14px;line-height:1.5}
.trade-dialog label{display:grid;gap:8px;font-size:13px;margin:14px 0}.trade-dialog input{box-sizing:border-box;min-height:48px;width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--bg);color:var(--text);font-size:16px}
.trade-dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}#trade-dialog-params{font-size:12px;color:var(--muted)}#trade-dialog-error{font-size:12px;color:#ec9da5}
.trade-controls button:focus-visible,.trade-chart button:focus-visible,.trade-chart select:focus-visible,.trade-dialog button:focus-visible{outline:2px solid #59c8ff;outline-offset:2px}
@media(max-width:640px){.trade-canvas{height:350px}.trade-plot{margin-inline:-6px}.trade-selection{font-size:12px;line-height:1.5;min-height:36px}}
@media(max-width:640px){.trade-controls{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1.15fr)}.trade-controls button{padding:8px 2px;font-size:12px}.trade-chart{padding:12px}.trade-chart-tools{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.trade-legend{gap:8px 10px}}
.trade-terminal{margin-top:8px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:0}
.trade-terminal header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.trade-terminal h3{margin:0;font-size:15px}.trade-terminal header span{font-size:12px;color:var(--accent)}
.trade-terminal p{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 16px}
.trade-terminal-form{display:grid;grid-template-columns:minmax(160px,360px) minmax(110px,1fr) minmax(120px,200px);align-items:end;gap:16px}
.trade-terminal-form label,.trade-terminal-target{display:grid;gap:8px;font-size:12px;color:var(--muted);min-width:0}.trade-terminal-target strong{min-height:46px;display:flex;align-items:center;color:var(--text);font-size:14px}
.trade-terminal-input{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg);padding-right:12px;min-width:0}
.trade-terminal-input:focus-within{outline:2px solid #59c8ff;outline-offset:2px}.trade-terminal-input input{width:100%;min-width:0;height:46px;box-sizing:border-box;background:transparent;border:0;outline:none;color:var(--text);font:inherit;font-size:16px;padding:10px 12px}
.trade-terminal #trade-buy{min-height:46px;padding:10px 18px;background:var(--accent-soft);border:1px solid #218b72;border-radius:9px;color:var(--accent);font:inherit;font-size:13px;cursor:pointer}.trade-terminal #trade-buy:disabled{opacity:.45;cursor:default}.trade-terminal #trade-buy:focus-visible{outline:2px solid #59c8ff;outline-offset:2px}
#trade-terminal-error{color:#ec9da5;margin:10px 0 0}#trade-terminal-error:empty{display:none}
#detail-view:has(#workspace-orders[hidden]) .trade-terminal{display:none}
@media(max-width:640px){.trade-terminal{padding:14px}.trade-terminal-form{grid-template-columns:minmax(0,1fr) minmax(90px,.5fr);gap:10px}.trade-terminal #trade-buy{grid-column:1/-1}}
@media(max-width:374px){.trade-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-controls button{font-size:13px}.workspace-status strong{font-size:12px}}
.trade-terminal{--ticket-accent:var(--accent);padding:18px 20px}
.trade-terminal[data-side=sell]{--ticket-accent:#ef6b80}
.trade-terminal button{font:inherit;cursor:pointer}
.trade-terminal [hidden]{display:none!important}
.trade-terminal header{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border)}
.spot-side{display:flex;max-width:500px;border-radius:24px;padding:4px;background:var(--bg);margin-top:14px}
.spot-side button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:20px;min-height:38px;font-size:14px;font-weight:600}
.spot-side button[aria-pressed=true]{background:var(--ticket-accent);color:#071812}
.spot-types{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-top:8px}
.spot-types button{color:var(--muted);border:0;border-bottom:2px solid transparent;background:transparent;min-height:42px;padding:8px 0;font-size:13px}
.spot-types button[aria-pressed=true]{border-bottom-color:var(--ticket-accent);color:var(--text);font-weight:600}
.spot-balance{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted)}.spot-balance strong{color:var(--text);font-weight:500}
.spot-balance button{background:transparent;border:0;color:var(--muted);min-height:36px;min-width:36px;font-size:20px}
.trade-terminal-form{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(200px,.85fr);align-items:stretch;gap:24px}
.spot-column{display:flex;flex-direction:column;gap:14px;min-width:0}.spot-column h4{font-size:13px;margin:0 0 12px;font-weight:500;color:var(--text)}
.trade-terminal-input{background:var(--panel-alt,#1d2832)}.trade-terminal-input>span:last-child{white-space:nowrap}
/* Both price hints use native input placeholders so their text baselines match.
   The read-only market field is separate to preserve the limit-price draft. */
#trade-terminal-best{cursor:default}
.trade-terminal-input input{line-height:20px}
.trade-terminal-input input::placeholder{color:var(--muted);opacity:1;font:inherit}
.spot-share input{width:100%;margin:0;accent-color:var(--ticket-accent);cursor:pointer}
.spot-share>div{display:flex;justify-content:space-between}.spot-share button{padding:8px 0;min-height:36px;border:0;background:transparent;color:var(--muted);font-size:11px;min-width:36px}
.spot-target-modes{display:flex;gap:6px;margin-bottom:14px}.spot-target-modes button{flex:1;min-height:36px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font-size:12px;padding:6px 8px}
.spot-target-modes button[aria-pressed=true]{color:var(--ticket-accent);border-color:var(--ticket-accent);background:var(--accent-soft)}
.trade-terminal p{margin:0;line-height:1.6}.spot-summary{--spot-result-size:20px;border-left:1px solid var(--border);padding-left:24px;justify-content:flex-end;font-size:12px;color:var(--muted)}.spot-summary>strong{font-size:var(--spot-result-size);font-weight:600;color:var(--text);overflow-wrap:anywhere}
.trade-terminal #trade-buy{width:100%;background:var(--ticket-accent);border-color:var(--ticket-accent);color:#071812;font-weight:600;font-size:14px;border-radius:22px;margin-top:12px}
.trade-terminal button:focus-visible,.spot-share input:focus-visible{outline:2px solid #59c8ff;outline-offset:2px}
/* Both modes share their layout slots. Hidden controls remain invisible and
   unfocusable, but changing side cannot resize the ticket or the chart above. */
.trade-terminal #trade-terminal-limit[hidden] { display:block!important; visibility:hidden; pointer-events:none; }
.spot-column:has(> #trade-terminal-protection) { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; align-content:start; }
#trade-terminal-protection,#trade-terminal-basis-row { grid-area:1/1; align-self:start; }
.trade-terminal #trade-terminal-protection[hidden],
.trade-terminal #trade-terminal-basis-row[hidden] { display:grid!important; visibility:hidden; pointer-events:none; }
#trade-terminal-copy { min-height:3lh; }
#trade-terminal-cost { min-height:1lh; }
.spot-breakdown { display:grid; gap:4px; min-width:0; }
#trade-terminal-profit { display:grid; gap:3px; min-width:0; align-content:start; }
.spot-summary > #trade-terminal-summary-label,
.spot-summary #trade-terminal-profit-label { font-size:12px; line-height:1.4; }
#trade-terminal-profit-value { font-size:var(--spot-result-size); line-height:1.3; min-height:1lh; font-weight:600; overflow-wrap:anywhere; }
#trade-terminal-profit[data-result=positive] strong { color:var(--accent); }
#trade-terminal-profit[data-result=negative] strong { color:#ef6b80; }
.trade-terminal[data-side=buy] #trade-terminal-cost { visibility:hidden; }
.spot-summary > strong { min-height:1lh; }
@media(max-width:900px){.trade-terminal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.spot-summary{grid-column:1/-1;padding:14px 0 0;border-left:0;border-top:1px solid var(--border)}}
@media(max-width:600px){.trade-terminal{padding:16px}.spot-side{max-width:none}.trade-terminal-form{grid-template-columns:minmax(0,1fr);gap:20px}.spot-summary{grid-column:auto}.trade-terminal #trade-buy{grid-column:auto}.spot-target-modes button{min-height:44px}.spot-balance{flex-wrap:wrap}.spot-column{gap:12px}}

/* Wide web terminal: one toolbar row and three field columns, not four stacked
   toolbars. Keep natural height so validation/warnings stay reachable on short
   screens; the chart uses the remaining space without hiding any form fields. */
@media (min-width:1280px) {
  body.is-browser-app .trade-terminal {
    container:spot-ticket / inline-size;
    display:flex;
    flex-wrap:wrap;
    align-content:start;
    align-items:center;
    gap:8px 16px;
    padding:8px 14px;
  }
  body.is-browser-app .trade-terminal header { grid-area:heading; border:0; padding:0; justify-content:start; gap:8px; }
  body.is-browser-app .trade-terminal h3 { font-size:14px; }
  body.is-browser-app .spot-side { flex:1 1 140px; max-width:240px; margin:0; padding:3px; border-radius:9px; }
  body.is-browser-app .spot-side button { min-height:28px; border-radius:6px; font-size:13px; }
  body.is-browser-app .spot-types { grid-area:types; margin:0; gap:14px; border-bottom:0; }
  body.is-browser-app .spot-types button { min-height:34px; padding:4px 0; }
  body.is-browser-app .spot-balance { flex:1 0 250px; min-width:0; margin-left:auto; flex-wrap:nowrap; min-height:34px; justify-content:flex-end; }
  body.is-browser-app .spot-balance strong { min-width:0; overflow-wrap:anywhere; }
  body.is-browser-app .spot-balance button { min-height:30px; min-width:30px; }
  body.is-browser-app .trade-terminal-form { flex:0 0 100%; min-width:0; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.85fr); gap:16px; border-top:1px solid var(--border); padding-top:8px; }
  body.is-browser-app .spot-column { gap:6px; }
  body.is-browser-app .spot-column h4 { margin:0; font-size:12px; line-height:16px; }
  body.is-browser-app .trade-terminal-form label { gap:4px; line-height:16px; }
  body.is-browser-app .trade-terminal-input input { height:34px; min-height:34px; padding:6px 10px; font-size:13px; line-height:20px; }
  body.is-browser-app .spot-share input { display:block; height:14px; }
  body.is-browser-app .spot-share button { min-height:22px; padding:2px 0; }
  /* Match the left label (16px + 4px + 36px) and its 6px column gap. */
  body.is-browser-app .spot-target-modes { box-sizing:border-box; height:36px; min-height:36px; margin:4px 0 6px; padding:3px; gap:3px; border:1px solid var(--border); border-radius:9px; background:var(--panel-alt,#1d2832); }
  body.is-browser-app .spot-target-modes button { min-height:0; min-width:0; padding:0 5px; border:0; border-radius:6px; line-height:14px; }
  body.is-browser-app .trade-terminal p { font-size:11px; line-height:1.45; }
  body.is-browser-app #trade-terminal-copy { min-height:2lh; }
  body.is-browser-app .spot-summary { --spot-result-size:18px; padding-left:16px; gap:2px; }
  body.is-browser-app .trade-terminal #trade-buy { min-height:38px; margin-top:6px; padding:7px 14px; border-radius:9px; }
  body.is-browser-app #trade-terminal-error { flex:0 0 100%; min-width:0; overflow-wrap:anywhere; margin:0; }
  body.is-browser-app #trade-chart { padding:10px 12px; }
  body.is-browser-app .trade-select { min-height:34px; padding-block:5px; }
  body.is-browser-app .workspace-orders > .trade-chart .trade-plot { margin-block:6px; }
  body.is-browser-app .trade-chart-footer { margin-top:6px; }
  body.is-browser-app .workspace-events { padding:12px; }
  body.is-browser-app .workspace-chat-shell { margin-top:8px; }
  /* The ticket follows chart width, so reflow by its own space, not screen width. */
  @container spot-ticket (max-width:780px) {
    body.is-browser-app .trade-terminal-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    body.is-browser-app .spot-summary {
      grid-column:1/-1;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(140px,1fr);
      gap:3px 16px;
      border-left:0;
      border-top:1px solid var(--border);
      padding:8px 0 0;
      align-items:end;
    }
    body.is-browser-app .spot-summary > span,
    body.is-browser-app .spot-summary > strong,
    body.is-browser-app .spot-summary > p,
    body.is-browser-app .spot-summary > .spot-breakdown { grid-column:1; }
    body.is-browser-app .spot-summary > strong,
    body.is-browser-app #trade-terminal-cost { min-height:1lh; }
    body.is-browser-app .spot-summary #trade-buy { grid-column:2; grid-row:1/4; margin:0; }
  }
}
/* Spot ticket typography: one scale for labels, editable values and results.
   Scoped to the ticket; chart metrics and trading behavior are unchanged. */
#trade-terminal {
  --ticket-label:#aab9c6;
  font-variant-numeric:tabular-nums;
}
#trade-terminal header { gap:8px; }
#trade-terminal h3 { font-weight:600; letter-spacing:0; }
#trade-terminal header span { color:var(--muted); font-weight:500; letter-spacing:.02em; }
#trade-terminal .spot-side { border:1px solid var(--border); border-radius:10px; gap:3px; }
#trade-terminal .spot-side button { border-radius:7px; font-weight:600; line-height:20px; }
#trade-terminal .spot-types { gap:6px; }
#trade-terminal .spot-types button { padding-inline:12px; font-weight:500; border-radius:6px 6px 0 0; }
#trade-terminal .spot-types button[aria-pressed=true] { background:rgba(148,169,187,.07); font-weight:600; }
#trade-terminal .spot-balance { gap:6px; line-height:18px; }
#trade-terminal .spot-balance strong { font-weight:600; }
#trade-terminal .spot-balance button { border-radius:7px; }
#trade-terminal .trade-terminal-form label,
#trade-terminal .spot-column h4 { color:var(--ticket-label); font-weight:500; font-size:12px; }
#trade-terminal .trade-terminal-input { border-radius:8px; gap:6px; }
#trade-terminal .trade-terminal-input input { font-weight:500; }
#trade-terminal .trade-terminal-input input::placeholder { font-weight:400; }
#trade-terminal .trade-terminal-input > span:last-child { font-size:11px; font-weight:500; color:var(--muted); }
#trade-terminal .spot-target-modes { padding:3px; gap:3px; border:1px solid var(--border); border-radius:8px; background:var(--panel-alt,#1d2832); }
#trade-terminal .spot-target-modes button { border:0; border-radius:5px; font-weight:500; }
#trade-terminal .spot-target-modes button[aria-pressed=true] { background:var(--accent-soft); color:var(--accent); }
#trade-terminal #trade-terminal-copy { color:var(--muted); text-wrap:pretty; }
#trade-terminal .spot-summary { --spot-result-size:18px; }
#trade-terminal #trade-terminal-summary-label,
#trade-terminal #trade-terminal-profit-label { color:var(--ticket-label); font-weight:400; font-size:12px; line-height:17px; }
#trade-terminal #trade-terminal-summary,
#trade-terminal #trade-terminal-profit-value { font-size:var(--spot-result-size); font-weight:600; line-height:24px; letter-spacing:0; }
#trade-terminal #trade-buy { border-radius:8px; font-weight:600; letter-spacing:.01em; }
@media(hover:hover) {
  #trade-terminal .spot-side button:not([aria-pressed=true]):hover,
  #trade-terminal .spot-types button:hover,
  #trade-terminal .spot-balance button:hover { background:rgba(148,169,187,.10); color:var(--text); }
}
@media(min-width:1280px) {
  body.is-browser-app #trade-terminal { padding:8px 14px; gap:8px 14px; }
  body.is-browser-app #trade-terminal header { gap:7px; }
  body.is-browser-app #trade-terminal h3 { font-size:13px; }
  body.is-browser-app #trade-terminal header span { font-size:12px; }
  body.is-browser-app #trade-terminal .spot-side { flex:0 1 216px; padding:3px; }
  body.is-browser-app #trade-terminal .spot-side button { min-height:28px; font-size:13px; }
  body.is-browser-app #trade-terminal .spot-types { gap:4px; padding-left:12px; border-left:1px solid var(--border); }
  body.is-browser-app #trade-terminal .spot-types button { min-height:34px; font-size:12px; padding:5px 10px; }
  body.is-browser-app #trade-terminal .spot-balance { font-size:12px; flex-basis:230px; }
  body.is-browser-app #trade-terminal .spot-balance strong { font-size:12px; }
  body.is-browser-app #trade-terminal .trade-terminal-form { padding-top:10px; gap:16px; }
  body.is-browser-app #trade-terminal .spot-column { gap:8px; }
  body.is-browser-app #trade-terminal .spot-column h4 { margin:0; line-height:16px; }
  body.is-browser-app #trade-terminal .trade-terminal-form label { gap:4px; line-height:16px; }
  body.is-browser-app #trade-terminal .trade-terminal-input input { font-size:14px; height:34px; min-height:34px; line-height:20px; }
  body.is-browser-app #trade-terminal .spot-target-modes { height:36px; min-height:36px; margin:4px 0 8px; }
  body.is-browser-app #trade-terminal .spot-target-modes button { font-size:12px; line-height:14px; }
  body.is-browser-app #trade-terminal #trade-terminal-copy { font-size:11px; line-height:16px; }
  body.is-browser-app #trade-terminal .spot-summary { gap:3px; padding-left:16px; }
  body.is-browser-app #trade-terminal .spot-share button { font-size:11px; }
  body.is-browser-app #trade-terminal #trade-buy { min-height:38px; margin-top:6px; }
  @container spot-ticket (max-width:780px) {
    body.is-browser-app #trade-terminal .spot-summary { padding:10px 0 0; gap:3px 16px; }
    body.is-browser-app #trade-terminal .spot-summary #trade-buy { margin:0; }
  }
}
@media(max-width:600px) {
  #trade-terminal { padding:16px; }
  #trade-terminal .spot-side button { min-height:44px; }
  #trade-terminal .spot-types button { min-height:44px; padding-inline:16px; font-size:13px; }
  #trade-terminal .spot-balance { display:grid; grid-template-columns:auto minmax(0,1fr) 36px; gap:6px; }
  #trade-terminal .spot-balance strong { text-align:right; overflow-wrap:anywhere; }
  #trade-terminal .trade-terminal-input input { font-size:16px; }
  #trade-terminal .spot-target-modes button { min-height:44px; line-height:17px; }
  #trade-terminal .spot-summary { padding-top:16px; }
}