/* Shared terminal controls: spot, perpetuals and traditional finance.
   Keep the established <=760px mobile layout; compact controls retain native semantics. */
#app .terminal-page {
  --terminal-surface: #0b1b2f;
  --terminal-raised: #12263e;
  --terminal-field: #102239;
  --terminal-hover: #1b344e;
  --terminal-text: #e5edf8;
  --terminal-muted: #9eafc6;
  --terminal-border: #2b405b;
  --terminal-buy: #64f078;
  --terminal-sell: #ff687f;
  --terminal-action-text: #092018;
  --terminal-book-row-height: 24px;
  --contract-bg: #081729;
  --contract-surface: var(--terminal-surface);
  --contract-surface-raised: var(--terminal-raised);
  --contract-surface-active: var(--terminal-hover);
  --contract-muted: var(--terminal-muted);
  --contract-accent: var(--terminal-buy);
  --contract-long: var(--terminal-buy);
  --contract-short: var(--terminal-sell);
  --spot-bg: #081729;
  --spot-surface: var(--terminal-surface);
  --spot-surface-raised: var(--terminal-raised);
  --spot-surface-active: var(--terminal-hover);
  --spot-muted: var(--terminal-muted);
  --spot-accent: var(--terminal-buy);
  --spot-buy: var(--terminal-buy);
  --spot-sell: var(--terminal-sell);
}
:root[data-theme='light'] #app .terminal-page {
  --terminal-surface: #ffffff;
  --terminal-raised: #f0f5fa;
  --terminal-field: #f5f8fc;
  --terminal-hover: #e3edf6;
  --terminal-text: #142b42;
  --terminal-muted: #526982;
  --terminal-border: #bdcddd;
  --terminal-buy: #087e57;
  --terminal-sell: #cf3453;
  --terminal-action-text: #ffffff;
  --contract-bg: #eaf1f8;
  --spot-bg: #eaf1f8;
}
#app .terminal-page .trading-balance-feedback {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--terminal-border);
  border-radius: 8px;
  background: var(--terminal-raised);
  color: var(--terminal-muted);
  font-size: 12px;
  line-height: 1.6;
}
#app .terminal-page .trading-balance-feedback span { flex: 1; min-width: 0; }
#app .terminal-page .trading-balance-feedback button { flex: none; color: var(--terminal-text); text-decoration: underline; min-height: 32px; }
#app .terminal-page :is(button, select, input):focus-visible { outline: 2px solid var(--terminal-buy); outline-offset: 2px; }
#app .terminal-page button:disabled { opacity: .48; cursor: not-allowed; box-shadow: none; }
#app .terminal-page .orders-dock .trading-orders-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; min-height: 136px; padding: 20px; background: transparent;
  border: 0; border-radius: 0; box-shadow: none;
  color: var(--terminal-muted); font-size: 12px; line-height: 20px;
}
#app .terminal-page .trading-orders-empty svg { color: var(--terminal-muted); flex-shrink: 0; }
#app .terminal-page .order-assets-card .order-assets-head,
#app .terminal-page .order-assets-card .order-assets-head button {
  background: transparent; background-image: none; box-shadow: none;
}
#app .terminal-page .order-assets-card .order-assets-head button { color: var(--terminal-text); }
#app .contract-terminal-page .order-assets-card .order-assets-empty {
  background: transparent;
  box-shadow: none;
}

/* Guest sign-in is a secondary action, shared by futures and traditional finance. */
#app .contract-terminal-page .order-entry > .trade-register-button {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--terminal-buy);
  border-radius: 8px;
  background: var(--terminal-raised);
  color: var(--terminal-text);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}
#app .contract-terminal-page .order-entry > .trade-register-button:hover {
  background: var(--terminal-hover);
}
#app .contract-terminal-page .order-entry > .trade-register-button:active {
  background: var(--terminal-hover);
  box-shadow: inset 0 0 0 1px var(--terminal-buy);
}

/* Spot assets: use the terminal theme's action contrast, not night-only ink. */
:root[data-theme='light'] #app .spot-terminal-page .depth-card > .depth-tabs button.active,
:root[data-theme='light'] #app .spot-terminal-page .spot-order-entry .side-switch button.active {
  color: var(--terminal-action-text);
}
#app .spot-terminal-page .order-assets-summary .order-assets-actions button {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--terminal-border);
  border-radius: 8px;
  background: var(--terminal-surface);
  color: var(--terminal-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
#app .spot-terminal-page .order-assets-summary .order-assets-actions button:hover {
  border-color: var(--terminal-buy);
  background: var(--terminal-hover);
}
#app .spot-terminal-page .order-assets-summary .order-assets-actions button:active {
  background: var(--terminal-hover);
  box-shadow: inset 0 0 0 1px var(--terminal-buy);
}
@media (max-width: 760px) {
  #app .spot-terminal-page .order-assets-summary .order-assets-actions button { min-height: 44px; }
}

@media (min-width: 761px) {
  /* Apply the same inset to header and rows so all numeric columns stay aligned. */
  #app .spot-terminal-page .orders-dock.order-tab-assets :is(.terminal-order-head, .terminal-order-row) {
    padding-inline: 20px;
  }
  #app .spot-terminal-page .orders-dock.order-tab-assets > .terminal-order-head > span:first-child {
    padding-left: 0;
  }
  #app .terminal-page :is(.chart-toolbar, .chart-interval-row, .indicator-strip, .depth-tabs, .order-tabs, .contract-order-subtabs, .terminal-orders, .depth-table) {
    background: var(--terminal-surface);
    color: var(--terminal-text);
    border-color: var(--terminal-border);
  }
  #app .terminal-page :is(.depth-card, .order-entry, .orders-dock) { background: var(--terminal-surface); }
  #app .terminal-page .order-entry { padding: 16px 14px; }
  #app .terminal-page :is(.depth-tabs, .order-type-tabs, .contract-order-subtabs, .contract-orders-toolbar, .contract-action-switch, .contract-settings-row) {
    font-size: 12px;
    line-height: 1.4;
  }
  #app .terminal-page :is(.depth-tabs, .order-type-tabs, .contract-order-subtabs, .contract-action-switch, .contract-settings-row) button {
    white-space: nowrap;
    font-family: inherit;
    line-height: 1.4;
    transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
  }
  #app .terminal-page :is(.contract-settings-row, .contract-action-switch) { gap: 8px; }
  #app .terminal-page :is(.contract-settings-row, .contract-action-switch) button { min-height: 34px; border-radius: 7px; }
  #app .terminal-page :is(.depth-tabs, .order-type-tabs, .contract-order-subtabs, .contract-settings-row) button:not(:disabled):not(.active):hover {
    background-color: var(--terminal-hover);
    color: var(--terminal-text);
  }
  #app .terminal-page .contract-order-subtabs { padding: 6px 12px; gap: 8px; isolation: isolate; }
  #app .terminal-page .contract-order-subtabs button { min-height: 30px; padding: 0 10px; border-radius: 6px; color: var(--terminal-muted); }
  #app .terminal-page .contract-order-subtabs button.active { color: var(--terminal-buy); border-color: var(--terminal-buy); }
  #app .terminal-page .contract-orders-toolbar { display: flex; align-items: center; margin-left: auto; padding-left: 12px; gap: 12px; }
  #app .terminal-page :is(.contract-orders-toolbar, .hide-other-pairs) label,
  #app .terminal-page label.hide-other-pairs { display: inline-flex; align-items: center; gap: 6px; margin: 0; white-space: nowrap; }
  #app .terminal-page .contract-orders-toolbar label { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
  #app .terminal-page :is(.contract-orders-toolbar, .hide-other-pairs, .contract-trial-voucher) input[type='checkbox'] {
    appearance: auto; flex: 0 0 14px; width: 14px; height: 14px; min-width: 14px; min-height: 14px; max-width: 14px; max-height: 14px;
    padding: 0; margin: 0; accent-color: var(--terminal-buy); vertical-align: middle;
  }
  #app .terminal-page .contract-action-buttons button {
    display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px;
    min-width: 0; padding: 9px 6px; min-height: 58px; border-radius: 8px; box-shadow: none;
    color: var(--terminal-action-text); background: var(--terminal-buy);
  }
  #app .terminal-page .contract-action-buttons .contract-short-button { background: var(--terminal-sell); }
  #app .terminal-page .order-submit { background: var(--terminal-buy); color: var(--terminal-action-text); box-shadow: none; }
  #app .terminal-page .order-submit.sell { background: var(--terminal-sell); }
  #app .terminal-page .contract-action-buttons button > span { display: block; width: auto; white-space: nowrap; font-size: 14px; font-weight: 650; line-height: 20px; }
  #app .terminal-page .contract-action-buttons button > small { display: block; width: auto; white-space: nowrap; font-size: 11px; line-height: 16px; font-variant-numeric: tabular-nums; color: inherit; }
  #app .terminal-page :is(.contract-action-buttons button, .order-submit):not(:disabled):hover { filter: brightness(1.08); }
  #app .terminal-page :is(.contract-action-buttons button, .order-submit):not(:disabled):active { filter: brightness(.92); }
  #app .terminal-page :is(.trade-input-wrap, .contract-select-wrap) { background: var(--terminal-field); border-color: var(--terminal-border); }
  #app .terminal-page .terminal-market-frame .depth-card { padding: 0 10px; }
  #app .terminal-page .depth-card > .depth-tabs { margin: 8px 0; flex: 0 0 40px; }
  #app .terminal-page .book-depth-table { display: flex; flex-direction: column; gap: 0; flex: 1 1 0; min-height: 0; padding: 0 0 4px; overflow: hidden; }
  #app .terminal-page .book-depth-table > * { flex-shrink: 0; }
  #app .terminal-page .book-depth-table > .book-row { flex: 1 0 var(--terminal-book-row-height); height: var(--terminal-book-row-height); min-height: var(--terminal-book-row-height); max-height: 27px; margin: 0; border-radius: 2px; }
  #app .terminal-page .book-row > :is(span, b, small) { font-size: 12px; line-height: 20px; font-variant-numeric: tabular-nums; }
  #app .terminal-page .book-row.ask > span:first-child { color: var(--terminal-sell); }
  #app .terminal-page .book-row.bid > span:first-child { color: var(--terminal-buy); }
  #app .terminal-page .depth-view-tools { display: flex; align-items: center; gap: 6px; height: 32px; min-height: 32px; margin: 0 0 6px; padding: 0; overflow: visible; }
  #app .terminal-page .depth-view-tools > button {
    flex: 0 0 28px; width: 28px; min-width: 28px; height: 28px; padding: 0; border: 1px solid transparent; border-radius: 5px;
    background-color: var(--terminal-surface); background-position: center; background-repeat: no-repeat; background-size: 18px 18px;
  }
  #app .terminal-page .depth-view-tools > button.active { border-color: var(--terminal-border); background-color: var(--terminal-hover); }
  #app .terminal-page .depth-view-tools > button:hover { background-color: var(--terminal-hover); }
  #app .terminal-page .depth-view-tools > button:nth-of-type(1) { background-image: url('data:image/png;base64,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'); }
  #app .terminal-page .depth-view-tools > button:nth-of-type(2) { background-image: url('data:image/png;base64,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'); }
  #app .terminal-page .depth-view-tools > button:nth-of-type(3) { background-image: url('data:image/png;base64,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'); }
  #app .terminal-page .depth-view-tools .book-icon { visibility: hidden; }
  #app .terminal-page .depth-merge-control { display: block; margin: 0 0 0 auto; }
  #app .terminal-page .depth-merge-control select:not([multiple]):not([size]) {
    box-sizing: border-box; height: 28px; min-height: 28px; margin: 0;
    padding: 0 24px 0 8px; border: 1px solid var(--terminal-border); border-radius: 6px; background-color: var(--terminal-field);
    color: var(--terminal-text); font-size: 12px; line-height: 26px;
  }
  #app .terminal-page .book-ratio-bar { margin: 6px 0 0; }
}
@media (min-width: 1181px) {
  #app :is(.contract-terminal-page, .spot-terminal-page) .trade-terminal { grid-template-rows: 68px max(520px, calc(100dvh - 240px)) 310px; }
}
@media (prefers-reduced-motion: reduce) {
  #app .contract-terminal-page .order-entry > .trade-register-button,
  #app .spot-terminal-page .order-assets-summary .order-assets-actions button,
  #app .terminal-page button { transition: none; }
}
#app .contract-terminal-page .order-assets-summary .contract-asset-transfer { grid-template-columns: minmax(0, 1fr); }
#app .contract-terminal-page .contract-asset-transfer button {
  min-height: 40px; padding: 8px 12px; border: 1px solid var(--contract-line); border-radius: 8px;
  background: var(--contract-surface-raised); color: var(--contract-text); font-size: 13px; font-weight: 600; cursor: pointer;
}
#app .contract-terminal-page .contract-asset-transfer button:hover { border-color: var(--contract-long); }
#app .contract-terminal-page .contract-asset-transfer button:focus-visible { outline: 2px solid var(--contract-long); outline-offset: 2px; }
@media (max-width: 760px) { #app .contract-terminal-page .contract-asset-transfer button { min-height: 44px; } }

/* Reserve space for the longest precision label plus the native select arrow.
   Narrow order books wrap controls instead of clipping precision or shrinking icons. */
#app .terminal-page .depth-view-tools {
  display: flex; flex-wrap: wrap; align-items: center;
  height: auto; min-height: 32px; overflow: visible; row-gap: 6px;
}
#app .terminal-page .depth-merge-control {
  display: block; flex: 0 0 auto;
  width: max(104px, calc(var(--depth-merge-chars, 8) * 1ch + 34px));
  min-width: 0; max-width: 100%; margin-left: auto;
  font-size: 12px; font-variant-numeric: tabular-nums;
}
#app .terminal-page .depth-merge-control select:not([multiple]):not([size]) {
  box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; margin: 0;
  padding-right: 24px; padding-left: 8px; font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* Keep detailed rules available to assistive technology without an extra visual row. */
#app .terminal-page .order-rule-accessible {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
#app .terminal-page .order-quantity-input input::placeholder,
#app .terminal-page .contract-tpsl-fields input::placeholder {
  color: var(--terminal-muted); opacity: 1;
}
#app .terminal-page .depth-view-tools > .depth-view-cycle { display: none; }
/* H5 uses the existing 760px breakpoint. One cycling control and precision stay on one row. */
@media (max-width: 760px) {
  #app .terminal-page .depth-view-tools {
    flex-wrap: nowrap; gap: 4px; height: 44px; min-height: 44px; row-gap: 0;
  }
  #app .terminal-page .depth-view-tools > button:not(.depth-view-cycle) { display: none; }
  #app .terminal-page .depth-view-tools > .depth-view-cycle {
    display: inline-flex; flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px;
    padding: 0; border: 0; border-radius: 6px; cursor: pointer;
    background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 18px 18px;
  }
  #app .terminal-page .depth-view-cycle[data-view='both'] { background-image: url('data:image/png;base64,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'); }
  #app .terminal-page .depth-view-cycle[data-view='ask'] { background-image: url('data:image/png;base64,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'); }
  #app .terminal-page .depth-view-cycle[data-view='bid'] { background-image: url('data:image/png;base64,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'); }
  #app .terminal-page .depth-view-tools > .depth-view-cycle:active { background-color: var(--terminal-hover); }
  #app .terminal-page .depth-merge-control {
    flex: 1 1 0; width: auto; min-width: 0; max-width: none; margin: 0 0 0 auto;
  }
  #app .terminal-page .depth-merge-control select:not([multiple]):not([size]) {
    height: 44px; min-height: 44px; padding: 0 18px 0 6px; font-size: 11px;
  }
  #app .terminal-page .order-quantity-input input::placeholder { font-size: 12px; }
  #app .terminal-page .contract-tpsl-fields input::placeholder { font-size: 12px; }
}