/* Shared surfaces for the amount calculator and live asset selector. */
.trader-theme :is(#premium-amount-menu,.premium-asset-menu) {
  --selection-bg: #091728;
  --selection-card: #1c304b;
  --selection-edge: #3c6188;
  --selection-text: #eef5ff;
  --selection-muted: #a1bad5;
  --theme-text: var(--selection-text);
  --theme-muted: var(--selection-muted);
  --theme-grid: var(--selection-edge);
  --control-bg: var(--selection-bg);
  color: var(--selection-text) !important;
  border: 1px solid var(--selection-edge) !important;
  background: radial-gradient(ellipse at 0 0, #244e743d, transparent 60%), linear-gradient(145deg, #102139, var(--selection-bg)) !important;
  box-shadow: inset 0 1px 0 #d1efff22, 0 14px 36px #0007 !important;
  border-radius: 15px !important;
}
.trader-theme.theme-light :is(#premium-amount-menu,.premium-asset-menu) {
  --selection-bg: #f2f7fd;
  --selection-card: #e0eaf7;
  --selection-edge: #9ab3d0;
  --selection-text: #16314d;
  --selection-muted: #54728d;
  background: linear-gradient(145deg, #fbfdff, #dfebf8) !important;
  box-shadow: 0 14px 36px #18375833 !important;
}
.selection-menu-glyph { display: block; width: 22px; height: 22px; flex: 0 0 auto; background: transparent !important; }
.trader-theme #premium-amount-menu {
  position: absolute; right: calc(100% + 12px); top: 0; z-index: 150;
  width: 438px !important; max-width: calc(100vw - 250px) !important;
  padding: 13px !important; max-height: min(560px, calc(100dvh - 100px));
  overflow: auto !important; box-sizing: border-box;
}
.trader-theme #premium-amount-menu .premium-coefficient-label {
  margin-bottom: 10px; font-size: 14px; font-weight: 650; color: var(--selection-muted) !important;
}
.trader-theme #premium-amount-menu button,
.trader-theme #premium-amount-menu input {
  min-width: 0; border: 1px solid var(--selection-edge) !important;
  border-radius: 9px; background: linear-gradient(145deg, var(--selection-card), var(--selection-bg)) !important;
  box-shadow: inset 0 1px 0 #d7e9ff26, 0 2px 5px #0002 !important;
  color: var(--selection-text) !important; text-shadow: none !important;
}
.trader-theme #premium-amount-menu button {
  cursor: pointer; transition: border-color .14s, filter .14s, transform .14s;
  touch-action: manipulation;
}
.trader-theme #premium-amount-menu button:hover { filter: brightness(1.12); border-color: #67c8ff !important; }
.trader-theme #premium-amount-menu button:active { transform: translateY(1px); }
.trader-theme #premium-amount-menu :is(button,input):focus-visible { outline: 2px solid #5dc8ff !important; outline-offset: 2px; }
.trader-theme #premium-amount-menu .premium-coefficient-controls {
  display: grid; grid-template-columns: minmax(0,1fr) 44px 44px; gap: 7px; margin-bottom: 11px;
}
.trader-theme #premium-amount-menu .premium-coefficient-controls > button { height: 42px; font-size: 28px; line-height: 1; }
.trader-theme #premium-amount-menu .premium-coefficient-stepper { display: grid; grid-template-columns: 37px minmax(0,1fr) 37px; }
.trader-theme #premium-amount-menu .premium-coefficient-stepper button { font-size: 25px; }
.trader-theme #premium-amount-menu .premium-coefficient-stepper button:first-child { border-radius: 9px 0 0 9px; }
.trader-theme #premium-amount-menu .premium-coefficient-stepper button:last-child { border-radius: 0 9px 9px 0; }
.trader-theme #premium-amount-menu .premium-coefficient-stepper input {
  height: 42px; width: 100%; padding: 0 5px; border-radius: 0; border-inline: 0 !important;
  font-size: 18px; font-weight: 650; text-align: center; outline: none;
}
.trader-theme #premium-amount-menu .premium-calculator-body { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 13px; }
.trader-theme #premium-amount-menu .premium-keypad { min-width: 0; }
.trader-theme #premium-amount-menu .premium-pad-display {
  display: flex; justify-content: flex-end; align-items: baseline; gap: 7px;
  min-height: 30px; padding: 0 4px 5px; font-size: 22px; font-weight: 650;
  color: var(--selection-text) !important; overflow-wrap: anywhere;
}
.trader-theme #premium-amount-menu .premium-pad-display small { font-size: 9px; color: var(--selection-muted) !important; }
.trader-theme #premium-amount-menu .premium-pad-keys { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.trader-theme #premium-amount-menu .premium-pad-keys button { display: grid; place-items: center; min-height: 41px; font-size: 22px; font-weight: 600; }
.trader-theme #premium-amount-menu .premium-amount-presets { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; min-width: 0; }
.trader-theme #premium-amount-menu .premium-amount-presets button {
  --preset-accent: #e5bc61;
  display: flex; align-items: center; justify-content: space-between; gap: 6px;
  min-height: 31px; padding: 7px 9px; border-color: var(--preset-accent) !important;
  background: linear-gradient(140deg, color-mix(in srgb,var(--preset-accent) 13%,var(--selection-bg)),var(--selection-bg)) !important;
  font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums;
}
.trader-theme #premium-amount-menu .premium-amount-presets .selection-menu-glyph { width: 19px; height: 19px; color: var(--preset-accent); }
.trader-theme #premium-amount-menu .premium-amount-presets button[data-preset-tone="1"] { --preset-accent: #83bacf; }
.trader-theme #premium-amount-menu .premium-amount-presets button[data-preset-tone="2"] { --preset-accent: #36cfaf; }
.trader-theme #premium-amount-menu .premium-amount-presets button[data-preset-tone="3"] { --preset-accent: #529df5; }
.trader-theme #premium-amount-menu .premium-amount-presets button[data-preset-tone="4"] { --preset-accent: #a46ef1; }
.trader-theme #premium-amount-menu .premium-amount-presets button[data-preset-tone="5"] { --preset-accent: #d260bc; }
.trader-theme #premium-amount-menu .premium-calculator-footer { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) 40px; gap: 8px; margin-top: 12px; }
.trader-theme #premium-amount-menu .premium-maximum-amount {
  display: flex; align-items: center; gap: 9px; padding: 8px; text-align: start;
  border-color: #2b9d97 !important; background: linear-gradient(140deg, #16726738, var(--selection-bg)) !important;
}
.trader-theme #premium-amount-menu .premium-maximum-amount > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.trader-theme #premium-amount-menu .premium-maximum-amount small { font-size: 10px; color: var(--selection-muted) !important; overflow-wrap: anywhere; }
.trader-theme #premium-amount-menu .premium-maximum-amount strong { font-size: 14px; white-space: nowrap; color: var(--selection-text) !important; }
.trader-theme #premium-amount-menu .premium-maximum-amount .selection-menu-glyph { color: #4fd8bd; }
.trader-theme #premium-amount-menu .premium-recent-wrap { position: relative; min-width: 0; }
.trader-theme #premium-amount-menu .premium-recent-button { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 8px 5px; width: 100%; height: 100%; border-color: #439ed2 !important; font-size: 11px; }
.trader-theme #premium-amount-menu .premium-recent-button > span { min-width: 0; overflow-wrap: anywhere; }
.trader-theme #premium-amount-menu .premium-recent-button .selection-menu-glyph { color: #6ec9ff; width: 15px; height: 20px; }
.trader-theme #premium-amount-menu .premium-recent-list { position: absolute; bottom: calc(100% + 6px); right: 0; z-index: 3; min-width: 120px; padding: 5px; border: 1px solid #439ed2; border-radius: 9px; background: var(--selection-bg); box-shadow: 0 7px 15px #0005; }
.trader-theme #premium-amount-menu .premium-recent-list button { width: 100%; display: block; min-height: 31px; padding: 5px 8px; margin-bottom: 3px; text-align: end; font-size: 12px; }
.trader-theme #premium-amount-menu .premium-calculator-toggle { display: grid; place-items: center; border-color: #439ed2 !important; }
.trader-theme #premium-amount-menu .premium-calculator-body:not(:has(.premium-keypad)) { grid-template-columns: minmax(0,1fr); }
.trader-theme #premium-amount-menu .premium-calculator-body:not(:has(.premium-keypad)) .premium-amount-presets { grid-template-columns: repeat(2,minmax(0,1fr)); }

.trader-theme .asset-picker-volume.premium-asset-menu { container-type: inline-size; width: min(760px,calc(100% - 24px)) !important; max-width: calc(100vw - 76px) !important; }
.trader-theme .premium-asset-menu .asset-picker-side { width: 129px !important; padding: 9px !important; background: #08142440 !important; border-right: 1px solid var(--selection-edge); }
.trader-theme .premium-asset-menu .asset-picker-tab {
  display: flex; min-height: 45px; height: auto; padding: 7px !important;
  border: 1px solid var(--selection-edge) !important; border-radius: 10px !important;
  background: linear-gradient(145deg, var(--selection-card),var(--selection-bg)) !important;
  box-shadow: inset 0 1px 0 #d7e9ff26, 0 2px 5px #0002 !important;
  color: var(--selection-text) !important; font-size: 10px; gap: 3px;
}
.trader-theme .premium-asset-menu .asset-picker-tab-icon { width: 25px; height: 25px; color: #8dcfff !important; background: #1768a333 !important; border: 1px solid var(--selection-edge); }
.trader-theme .premium-asset-menu .asset-picker-tab-icon .selection-menu-glyph { width:17px; height:17px; }
.trader-theme .premium-asset-menu .asset-picker-tab[data-category="Crypto"] .asset-picker-tab-icon,
.trader-theme .premium-asset-menu .asset-picker-tab[data-category="Metals"] .asset-picker-tab-icon { color:#f5c45e !important; }
.trader-theme .premium-asset-menu .asset-picker-count { min-width: 20px; padding: 3px 4px; color: var(--selection-muted) !important; background: #3178bb26 !important; font-size: 9px; }
.trader-theme .premium-asset-menu .asset-picker-tab-active,
.trader-theme .premium-asset-menu .asset-picker-row-active {
  --theme-grid: #dfb455; --theme-text: #fff0c5;
  border-color: #dfb455 !important;
  background: radial-gradient(ellipse at 0 0, #bd863826, transparent 65%),linear-gradient(145deg,#46351d,#101d2d) !important;
  box-shadow: inset 0 1px 0 #ffe7ad66, 0 0 9px #e8b13c33 !important;
}
.trader-theme .premium-asset-menu .asset-picker-tab-active :is(.asset-picker-tab-icon,.asset-picker-count) { color: #ffe199 !important; border-color: #bc903d !important; background: #d0951933 !important; }
.trader-theme .premium-asset-menu > .flex.min-w-0 { overflow-x: hidden !important; padding: 10px !important; }
.trader-theme .premium-asset-menu .premium-asset-searchbar {
  min-height: 42px; padding: 4px 5px 4px 9px; gap: 8px;
  border: 1px solid var(--selection-edge); border-radius: 10px;
  background: linear-gradient(145deg, var(--selection-card),var(--selection-bg));
}
.trader-theme .premium-asset-menu .premium-asset-searchbar > .selection-menu-glyph { width: 19px; height: 19px; color: #a6c9f5; }
.trader-theme .premium-asset-menu .asset-picker-search { min-width: 0; padding: 0 2px !important; border: 0 !important; background: transparent !important; font-size: 12px; color: var(--selection-text) !important; }
.trader-theme .premium-asset-menu .asset-picker-search::placeholder { color: var(--selection-muted); opacity: 1; }
.trader-theme .premium-asset-menu .asset-picker-close { width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid var(--selection-edge); border-radius: 8px !important; background: var(--selection-card) !important; color: var(--selection-text) !important; }
.trader-theme .premium-asset-menu .asset-picker-header,
.trader-theme .premium-asset-menu .asset-picker-row { grid-template-columns: minmax(140px,1fr) 49px 66px 66px 63px 55px !important; min-width: 0 !important; width: 100% !important; column-gap: 4px; }
.trader-theme .premium-asset-menu .asset-picker-header { padding: 8px !important; min-height: 32px; border: 1px solid var(--selection-edge) !important; border-radius: 8px !important; color: var(--selection-muted) !important; background: linear-gradient(145deg, var(--selection-card),var(--selection-bg)) !important; }
.trader-theme .premium-asset-menu .asset-picker-header button { font-size: 10px; background: transparent !important; }
.trader-theme .premium-asset-menu .asset-picker-row { min-height: 53px; margin-top: 7px; padding: 8px !important; border: 1px solid var(--selection-edge) !important; border-radius: 11px !important; background: linear-gradient(145deg, var(--selection-card),var(--selection-bg)) !important; color: var(--selection-text) !important; box-shadow: inset 0 1px 0 #d7e9ff18; }
.trader-theme .premium-asset-menu .asset-picker-row:nth-child(even) { background-color: var(--selection-bg) !important; }
.trader-theme .premium-asset-menu .asset-picker-row-active { border-color: #dfb455 !important; background: linear-gradient(145deg,#46351d,#101d2d) !important; }
.trader-theme .premium-asset-menu .asset-picker-row .text-green { color: #2cdd8b !important; }
.trader-theme .premium-asset-menu .asset-picker-row .text-zinc-400 { color: var(--selection-muted) !important; }
.trader-theme .premium-asset-menu .asset-picker-row > div:first-child { gap: 8px; }
.trader-theme .premium-asset-menu .asset-picker-row > div:first-child .font-bold { font-size: 13px; }
.trader-theme .premium-asset-menu .asset-picker-action { border: 1px solid var(--selection-edge); border-radius: 7px; background: linear-gradient(145deg, var(--selection-card),var(--selection-bg)) !important; color: #b6d7fa !important; }
.trader-theme .premium-asset-menu .asset-picker-action.text-orange { --theme-grid: #d7a743; --theme-text: #ffda6c; color: #ffda6c !important; border-color: #d7a743 !important; }
.trader-theme .premium-asset-menu .premium-asset-pair { display: flex; align-items: center; width: 43px; flex: 0 0 43px; }
.trader-theme .premium-asset-menu .premium-currency-emblem { display: block; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; border: 1px solid #86b5e2; box-shadow: 0 1px 3px #0005; background: #14263c; }
.trader-theme .premium-asset-menu .premium-currency-emblem + .premium-currency-emblem { margin-left: -5px; }
.trader-theme .premium-asset-menu .premium-currency-emblem svg { display: block; width: 100%; height: 100%; }
.trader-theme .premium-asset-menu .premium-asset-fallback { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; background: #27619933 !important; color: #b4ddff !important; border: 1px solid var(--selection-edge); font-size: 11px; }
.trader-theme .premium-asset-menu :is(button,input,[role="button"]):focus-visible { outline: 2px solid #67c8ff !important; outline-offset: -2px; }
@container (max-width:600px) {
  .trader-theme .premium-asset-menu .asset-picker-header,
  .trader-theme .premium-asset-menu .asset-picker-row { grid-template-columns: minmax(125px,1fr) 45px 55px !important; }
  .trader-theme .premium-asset-menu .asset-picker-header > :nth-child(n+3):not(:last-child),
  .trader-theme .premium-asset-menu .asset-picker-row > :nth-child(n+3):not(:last-child) { display:none !important; }
  .trader-theme .premium-asset-menu .asset-picker-header > :last-child,
  .trader-theme .premium-asset-menu .asset-picker-row > :last-child { display:flex !important; justify-content:flex-end; }
}
@container (max-width:430px) {
  .trader-theme .premium-asset-menu .asset-picker-side { width:64px !important; padding:6px !important; }
  .trader-theme .premium-asset-menu .asset-picker-tab { flex-direction:column; padding:5px !important; }
  .trader-theme .premium-asset-menu .asset-picker-tab .truncate { display:none; }
  .trader-theme .premium-asset-menu .asset-picker-header,
  .trader-theme .premium-asset-menu .asset-picker-row { grid-template-columns:minmax(100px,1fr) 40px 51px !important; column-gap:2px; }
  .trader-theme .premium-asset-menu .asset-picker-row > div:first-child { gap:4px; }
}
@media (max-width:700px), (max-width:1000px) and (pointer:coarse) and (max-height:600px) {
  .trader-theme #premium-amount-menu { position: fixed !important; inset: 66px 8px auto !important; width: auto !important; max-width: none !important; max-height: calc(100dvh - 90px) !important; padding: 11px !important; }
  .trader-theme #premium-amount-menu .premium-coefficient-controls { grid-template-columns: minmax(0,1fr) 38px 38px; gap: 5px; }
  .trader-theme #premium-amount-menu .premium-calculator-body { gap: 9px; }
  .trader-theme #premium-amount-menu .premium-pad-keys { gap: 5px; }
  .trader-theme #premium-amount-menu .premium-amount-presets button { padding: 6px !important; gap: 4px; font-size: 10px; }
  .trader-theme #premium-amount-menu .premium-calculator-footer { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) 35px; gap: 6px; }
  .trader-theme #premium-amount-menu .premium-maximum-amount { padding: 7px 5px; gap: 5px; }
  .trader-theme #premium-amount-menu .premium-maximum-amount .selection-menu-glyph { width: 17px; }
  .trader-theme #premium-amount-menu .premium-maximum-amount strong { font-size: 11px; }
  .trader-theme #premium-amount-menu .premium-recent-button .selection-menu-glyph { display: none; }
  .trader-theme .asset-picker-volume.premium-asset-menu { position: fixed !important; inset: 62px 8px auto !important; display: flex !important; flex-direction: column; width: auto !important; max-width: none !important; height: min(580px,calc(100dvh - 82px)) !important; }
  .trader-theme .premium-asset-menu .asset-picker-side { display: flex; overflow-x: auto; flex: 0 0 auto; width: 100% !important; padding: 7px !important; border-right: 0; border-bottom: 1px solid var(--selection-edge); gap: 6px; }
  .trader-theme .premium-asset-menu .asset-picker-side > div { flex: 0 0 116px; }
  .trader-theme .premium-asset-menu .asset-picker-tab { margin: 0 !important; }
  .trader-theme .premium-asset-menu .asset-picker-tab { flex-direction:row; }
  .trader-theme .premium-asset-menu .asset-picker-tab .truncate { display:block; }
  .trader-theme .premium-asset-menu > .flex.min-w-0 { min-height: 0; padding: 7px !important; }
  .trader-theme .premium-asset-menu .asset-picker-header,
  .trader-theme .premium-asset-menu .asset-picker-row { grid-template-columns: minmax(125px,1fr) 45px 55px !important; }
  .trader-theme .premium-asset-menu .asset-picker-header > :nth-child(n+3):not(:last-child),
  .trader-theme .premium-asset-menu .asset-picker-row > :nth-child(n+3):not(:last-child) { display: none !important; }
  .trader-theme .premium-asset-menu .asset-picker-header > :last-child,
  .trader-theme .premium-asset-menu .asset-picker-row > :last-child { display: flex !important; justify-content: flex-end; }
  .trader-theme .premium-asset-menu .asset-picker-row > div:first-child .font-bold { font-size: 12px; }
}
@media (prefers-reduced-motion:reduce) { .trader-theme #premium-amount-menu button { transition: none; } }