/* Premium order inputs. Existing controls, menus and trade rules stay active. */
.trader-theme .trade-panel-volume {
  --premium-bg: #091725;
  --premium-raised: #10283b;
  --premium-border: #29475b;
  --premium-text: #eef5fc;
  --premium-muted: #8aa6bb;
  --premium-green: #36e4ad;
}
.trader-theme.theme-light .trade-panel-volume {
  --premium-bg: #edf6fa;
  --premium-raised: #fff;
  --premium-border: #bed7df;
  --premium-text: #183348;
  --premium-muted: #587689;
  --premium-green: #007b57;
}
.trader-theme .trade-panel-volume .trade-investment-card {
  padding: 9px !important;
  background: linear-gradient(155deg, var(--premium-raised), var(--premium-bg)) !important;
  border: 1px solid var(--premium-border) !important;
  border-radius: 13px !important;
  box-shadow: inset 0 1px 0 #c5f5ff0a, 0 5px 12px #0002 !important;
}
.trader-theme .trade-panel-volume .premium-invest-label,
.trader-theme .trade-panel-volume .premium-expiry-label {
  display: flex; align-items: center; gap: 7px;
  height: auto; min-height: 36px; margin: 0 0 7px;
  color: var(--premium-text) !important; text-align: start;
}
.trader-theme .trade-panel-volume .premium-heading-copy {
  display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0;
  line-height: 1.2; letter-spacing: 0; text-transform: none;
}
.trader-theme .trade-panel-volume .premium-heading-copy strong {
  font-size: 10px; font-weight: 750; line-height: 1.25;
  color: var(--premium-text) !important; overflow-wrap: anywhere;
}
.trader-theme .trade-panel-volume .premium-heading-copy small {
  font-size: 9px; font-weight: 400; color: var(--premium-muted) !important;
  line-height: 1.25; overflow-wrap: anywhere;
}
.trader-theme .trade-panel-volume .premium-control-emblem {
  display: inline-grid; place-items: center; flex: 0 0 27px;
  width: 27px; height: 27px; border-radius: 50%;
  background: color-mix(in srgb, var(--premium-green) 10%, transparent);
  color: var(--premium-green) !important;
}
.trader-theme .trade-panel-volume .premium-control-svg { display: block; width: 21px; height: 21px; flex: 0 0 auto; }
.trader-theme .trade-panel-volume .trade-field-chevron { color: var(--premium-muted) !important; flex-shrink: 0; }
.trader-theme .trade-panel-volume .premium-invest-value {
  display: grid !important; grid-template-columns: 28px minmax(0,1fr) auto;
  grid-template-rows: 28px 13px; gap: 0 6px; align-items: center;
  min-height: 61px; height: auto; padding: 9px 7px !important;
  background: linear-gradient(155deg, var(--premium-raised), var(--premium-bg)) !important;
  border: 1px solid var(--premium-border) !important; border-radius: 10px !important;
  box-shadow: inset 0 1px 0 #c5f5ff0a !important;
}
.trader-theme .trade-panel-volume .premium-invest-value:focus-within { border-color: var(--premium-green) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--premium-green) 15%, transparent) !important; }
.trader-theme .trade-panel-volume .premium-invest-value .trade-currency-badge {
  grid-column: 1; grid-row: 1 / 3; display: grid; place-items: center;
  width: 28px; height: 34px; border: 1px solid #22ce99a3 !important; border-radius: 9px;
  background: linear-gradient(145deg, #138763, #073d30) !important;
  color: #b7ffe6 !important; font-size: 22px; font-weight: 750;
  box-shadow: inset 0 1px 3px #58ffc74d, 0 0 9px #19df9c18;
}
.trader-theme .trade-panel-volume .premium-invest-value input {
  grid-column: 2; grid-row: 1; width: 100%; min-width: 0;
  font-size: var(--premium-amount-size,23px) !important; font-weight: 700; line-height: 28px;
  padding: 0 !important; color: var(--premium-text) !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
.trader-theme .trade-panel-volume .premium-invest-usd {
  grid-column: 2; grid-row: 2; font-size: 9px; font-weight: 650;
  color: var(--premium-muted) !important; letter-spacing: .05em;
}
.trader-theme .trade-panel-volume .premium-invest-return {
  grid-column: 3; grid-row: 1 / 3; display: flex; flex-direction: column;
  align-items: flex-end; gap: 4px; min-width: 0; line-height: 1.1;
  color: var(--premium-green) !important; font-variant-numeric: tabular-nums;
}
.trader-theme .trade-panel-volume .premium-invest-return strong { font-size: 11px; color: inherit !important; white-space: nowrap; }
.trader-theme .trade-panel-volume .premium-invest-return small { font-size: 9px; color: inherit !important; }
.trader-theme .trade-panel-volume .trade-mode-switch {
  padding: 4px !important; gap: 3px !important; margin: 0 0 10px !important;
  background: linear-gradient(150deg, var(--premium-raised), var(--premium-bg)) !important;
  border: 1px solid var(--premium-border) !important; border-radius: 12px !important;
  box-shadow: 0 4px 10px #0002 !important;
}
.trader-theme .trade-panel-volume.theme-trade-panel button.trade-mode-button {
  display: flex; align-items: center; gap: 3px; justify-content: flex-start;
  min-width: 0; height: auto !important; min-height: 52px;
  padding: 7px 4px !important; border: 1px solid transparent !important;
  border-radius: 9px !important; background: transparent !important;
  box-shadow: none !important; color: var(--premium-text) !important;
  text-align: start; text-shadow: none; white-space: normal; letter-spacing: 0;
  transition: background .15s, box-shadow .15s;
}
.trader-theme .trade-panel-volume.theme-trade-panel button.trade-mode-button-active {
  background: linear-gradient(140deg, #22e7a9, #079c70) !important;
  border-color: #7affd6 !important; color: #052d24 !important;
  box-shadow: inset 0 1px 3px #cbffed80, 0 0 10px #20dfaa40 !important;
}
.trader-theme.theme-light .trade-panel-volume.theme-trade-panel button.trade-mode-button-active {
  background: linear-gradient(140deg, #138763, #047454) !important;
}
.trader-theme .trade-panel-volume .premium-mode-icon { display: grid; place-items: center; color: var(--premium-muted) !important; }
.trader-theme .trade-panel-volume .premium-mode-icon .premium-control-svg { width: 13px; height: 16px; }
.trader-theme .trade-panel-volume .premium-mode-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; line-height: 1.2; }
.trader-theme .trade-panel-volume .premium-mode-copy strong { font-size: 8.5px; font-weight: 700; letter-spacing: 0; text-shadow: none !important; color: var(--premium-text) !important; overflow-wrap: anywhere; }
.trader-theme .trade-panel-volume .premium-mode-copy small { font-size: 7.5px; font-weight: 450; letter-spacing: 0; text-shadow: none !important; text-transform: none; color: var(--premium-muted) !important; overflow-wrap: anywhere; }
.trader-theme .trade-panel-volume button.trade-mode-button-active :is(strong,.premium-mode-icon) { color: #f0fff8 !important; }
.trader-theme .trade-panel-volume button.trade-mode-button-active small { color: #d3ffed !important; }
.trader-theme .trade-panel-volume .premium-expiry-label {
  min-height: 49px; padding: 7px 8px 3px !important; margin: 0 !important;
  border: 1px solid var(--premium-border); border-bottom: 0;
  border-radius: 12px 12px 0 0;
  background: var(--premium-bg) !important;
}
.trader-theme .trade-panel-volume .premium-expiry-label > span { min-width: 0; }
.trader-theme .trade-panel-volume button.trade-expiry-value {
  min-height: 44px; padding: 8px !important; gap: 6px;
  background: linear-gradient(160deg, var(--premium-raised), var(--premium-bg)) !important;
  border: 1px solid var(--premium-border) !important;
  border-radius: 0 0 12px 12px !important; box-shadow: 0 4px 10px #0002 !important;
  color: var(--premium-text) !important;
}
.trader-theme .trade-panel-volume .premium-expiry-clock { display: inline-grid; place-items: center; flex-shrink: 0; color: var(--premium-muted) !important; }
.trader-theme .trade-panel-volume .premium-expiry-clock .premium-control-svg { width: 19px; height: 19px; }
.trader-theme .trade-panel-volume .trade-expiry-time { flex: 1; font-size: 12px !important; color: var(--premium-text) !important; }
.trader-theme .trade-panel-volume .trade-expiry-payout {
  border-radius: 20px; padding: 4px 7px; background: color-mix(in srgb, var(--premium-green) 16%, transparent) !important;
  color: var(--premium-green) !important; font-size: 10px;
}
.trader-theme .trade-panel-volume :is(.premium-invest-label,.trade-mode-button,.trade-expiry-value,.premium-expiry-label button):focus-visible { outline: 2px solid var(--premium-green) !important; outline-offset: 2px; }
@media (max-width:700px), (max-width:1000px) and (pointer:coarse) and (max-height:600px) {
  .trader-theme .trade-panel-volume .trade-investment-card { padding: 6px !important; }
  .trader-theme .trade-panel-volume .premium-invest-label { min-height: 28px; gap: 4px; margin-bottom: 5px; }
  .trader-theme .trade-panel-volume .premium-heading-copy strong { font-size: 9px; }
  .trader-theme .trade-panel-volume .premium-heading-copy small { font-size: 8px; }
  .trader-theme .trade-panel-volume .premium-control-emblem { width: 22px; height: 22px; flex-basis: 22px; }
  .trader-theme .trade-panel-volume .premium-invest-value { grid-template-columns: 23px minmax(0,1fr); padding: 5px !important; gap: 0 4px; }
  .trader-theme .trade-panel-volume .premium-invest-value .trade-currency-badge { width: 23px; height: 30px; font-size: 18px; }
  .trader-theme .trade-panel-volume .premium-invest-value input { font-size: min(var(--premium-amount-size,21px),21px) !important; }
  .trader-theme .trade-panel-volume .premium-invest-usd { text-align: end; }
  .trader-theme .trade-panel-volume .premium-invest-return { grid-column: 1 / 3; grid-row: 3; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 6px; }
  .trader-theme .trade-panel-volume .trade-mode-switch { padding: 2px !important; gap: 2px !important; margin-bottom: 5px !important; }
  .trader-theme .trade-panel-volume button.trade-mode-button { min-height: 34px; padding: 4px !important; justify-content: center; }
  .trader-theme .trade-panel-volume .premium-mode-copy strong { font-size: 8px; }
  .trader-theme .trade-panel-volume .premium-mode-copy small, .trader-theme .trade-panel-volume .premium-mode-icon { display: none; }
  .trader-theme .trade-panel-volume .premium-expiry-label { min-height: 43px; padding: 4px !important; }
  .trader-theme .trade-panel-volume button.trade-expiry-value { min-height: 34px; padding: 5px !important; }
}
@media (prefers-reduced-motion:reduce) { .trader-theme .trade-panel-volume button.trade-mode-button { transition: none; } }