/* Dock and card sizes are CSS pixels; browser zoom scales text, toolbars and gutters together. */
@media (min-width:1100px) {
  #terminal .win-shell {--command-height:42px;--status-height:29px;}
  #terminal .left-native {--nav-icon-column:40px;--nav-label-gap:14px;}
  #terminal .left-native .nav-top {height:40px;}
  #terminal .left-native>button[data-action=trade],
  #terminal .left-native .nav-lower button,
  #terminal .left-native .nav-foot button {height:40px;font-size:12px;}
  #terminal .left-native .nav-lower button {background:linear-gradient(90deg,var(--accent) var(--nav-icon-column),var(--soft) 0);}
  #terminal #ticket-dock {--pane-edge:5px;margin-right:5px;}
  #terminal #active-pane-tabs button {min-height:25px;padding:3px 5px;font-size:11px;}
  #terminal #ticket-dock .pane-symbol-bar {padding:4px 5px;}
  #terminal #ticket-dock .pane-symbol-bar select {height:21px;font-size:12px;}
  #terminal #ticket-dock #active-pane-content details[data-pane-card]>summary {min-height:25px;}
  #terminal #ticket-dock #active-pane-content [data-pane-card=depth]>.pane-data-body {height:var(--pane-card-height,192px);}
  #terminal #ticket-dock #active-pane-content [data-pane-card=order] .ticket {padding:10px 10px 8px;}
  #terminal .ticket .order-types button {min-height:23px;}
  #terminal #ticket-dock .ticket .protection-flags {min-height:76px;margin:7px 0;}
  #terminal #ticket-dock .ticket #order-comment {min-height:46px;}
  #terminal #ticket-dock .ticket #submit-order {min-height:22px;}
  #terminal:is([data-ui-font=small],[data-ui-font=large]) .left-native button {font-size:var(--workspace-text-size);}
  #terminal #ticket-dock #active-pane-content {padding-right:9px;}
  #terminal #ticket-dock [data-pane-card=order]>summary>.pane-card-grip {position:absolute;width:9px;right:28px;inset-block:4px;opacity:0;}
  #terminal #ticket-dock [data-pane-card=order]>summary:is(:hover,:focus-within)>.pane-card-grip {opacity:1;}
  #terminal #ticket-dock .ticket .spread {padding-block:2px;}
  #terminal #ticket-dock .ticket label.note-native.ticket-comment {padding:0;}
  #terminal #ticket-dock .ticket .lot-control {margin:3px 0 5px;}
  #terminal #ticket-dock .ticket .ticket-comment textarea {height:47px;min-height:40px;}
  #terminal #ticket-dock .ticket #submit-order {margin-top:2px;}
  @container (min-width:275px) {
    #terminal[data-ticket-kind=MARKET] .ticket-terms {
      display:grid;grid-template-columns:minmax(138px,1fr) minmax(110px,1fr);gap:2px 9px;align-items:start;
    }
    #terminal[data-ticket-kind=MARKET] .ticket-terms .ticket-entry {
      display:block;grid-column:1;grid-row:1;
    }
    #terminal[data-ticket-kind=MARKET] .ticket-terms #market-range {grid-column:2;grid-row:1;}
    #terminal[data-ticket-kind=MARKET] .ticket-terms .margin-pip {
      grid-column:1/-1;grid-row:2;grid-template-columns:subgrid;gap:2px 9px;
    }
    #terminal[data-ticket-kind=MARKET] .ticket-terms .margin-pip b {display:inline;}
    #terminal[data-ticket-kind=MARKET] .ticket-terms>:is(label,small,#order-expiry) {grid-column:1/-1;}
  }
}

#terminal #market-range .slippage-heading>label {display:flex;align-items:center;gap:5px;color:var(--win-PrimaryOneTextIcons)}
#terminal #market-range-enabled {width:auto;height:auto;margin:0}
#terminal .slippage-input {display:grid;grid-template-columns:minmax(0,1fr) 15px auto;align-items:center;margin:3px 0}
#terminal .slippage-input input {min-width:0;margin:0}
#terminal .ticket-range-value:not([hidden]) {display:block;font-size:10px}

#terminal .slippage-heading {display:flex;align-items:center;justify-content:space-between;gap:3px;position:relative}
#terminal .slippage-help {border:1px solid var(--dim);border-radius:3px;background:transparent;color:var(--dim);font:italic bold 10px Georgia,serif;width:15px;height:15px;padding:0;flex:none}
#terminal #slippage-help-text {display:none;position:absolute;inset-inline-end:0;bottom:100%;width:max-content;max-width:185px;background:var(--deep);color:var(--win-PrimaryOneTextIcons);padding:5px;border:1px solid var(--dim);z-index:2}
#terminal .slippage-help:is(:hover,:focus)+#slippage-help-text {display:block}
#terminal .slippage-input>span:last-child {padding-inline-start:5px}
#terminal .slippage-step {display:grid;height:21px}
#terminal .slippage-step button {font-size:8px;line-height:1;background:var(--deep);color:var(--dim);padding:0;border:0}
#terminal #market-range-pips[aria-invalid=true] {border-color:var(--win-AccentNegativeButton)}

#terminal #ticket-dock .ticket .lot-control {grid-template-columns:17px minmax(26px,1fr) 14px auto}
#terminal #ticket-dock .lot-control #lot-presets-open {grid-row:1/3;grid-column:3;width:100%;min-width:0;margin:0;padding:0;border:0;color:var(--dim);background:transparent;font-size:11px}
#terminal #ticket-dock .lot-control>span {grid-column:4}
#terminal #ticket-dock .lot-control:has(#lot-presets-open:not([hidden])) #lots::-webkit-calendar-picker-indicator {display:none}

@container (max-width:275px) {
  #terminal #ticket-dock .ticket .order-types {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,80px),1fr));
  }
  #terminal #ticket-dock .ticket .protection-flags {
    grid-template-columns:minmax(0,1fr);min-height:0;gap:5px;
  }
  #terminal #ticket-dock .ticket .protection-flags label {white-space:normal}
}
@container (max-width:205px) {
  #terminal #ticket-dock .ticket .lot-control {
    grid-template-columns:17px minmax(0,1fr) 14px;grid-template-rows:13px 13px auto;
  }
  #terminal #ticket-dock .lot-control>span {
    grid-column:1/-1;grid-row:3;justify-content:end;padding:1px 0 0;
  }
  #terminal #ticket-dock .ticket .break-even-levels {grid-template-columns:minmax(0,1fr)}
}