/* Direction controls: outline 13 with the white circle chevrons from 12. */
.trader-theme .trade-panel-volume button.trade-action-volume {
  --direction-accent: #30e99b;
  --direction-circle: #075538;
  background: linear-gradient(145deg, #101f30, #071321) !important;
  background-color: #0a1726 !important;
  border: 2px solid var(--direction-accent) !important;
  border-radius: 12px !important;
  clip-path: none !important;
  box-shadow: inset 0 0 14px color-mix(in srgb, var(--direction-accent) 8%, transparent), 0 0 10px color-mix(in srgb, var(--direction-accent) 20%, transparent) !important;
  text-shadow: none;
}
.trader-theme .trade-panel-volume button.trade-down.trade-action-volume {
  --direction-accent: #ff5265;
  --direction-circle: #861f32;
}
.trader-theme .trade-panel-volume button.trade-action-volume::before,
.trader-theme .trade-panel-volume button.trade-action-volume::after { content: none !important; }
.trader-theme .trade-panel-volume button.trade-action-volume * { background-color: transparent !important; }
.trader-theme .trade-panel-volume button.trade-action-volume .trade-direction-orbit {
  fill: var(--direction-circle) !important;
  stroke: color-mix(in srgb, var(--direction-accent) 70%, transparent) !important;
  stroke-width: 1.2;
}
.trader-theme .trade-panel-volume button.trade-action-volume .trade-direction-arrow {
  fill: none !important;
  stroke: #fff !important;
  stroke-width: 3.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.trader-theme .trade-panel-volume button.trade-action-volume .trade-action-code { color: var(--direction-accent) !important; }
.trader-theme .trade-panel-volume button.trade-action-volume .trade-action-copy strong { color: #f4f7fc !important; }
.trader-theme .trade-panel-volume button.trade-action-volume:hover:not(:disabled) {
  filter: brightness(1.12);
  transform: translateY(-1px) !important;
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--direction-accent) 12%, transparent), 0 0 15px color-mix(in srgb, var(--direction-accent) 30%, transparent) !important;
}
.trader-theme .trade-panel-volume button.trade-action-volume:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.trader-theme .trade-panel-volume button.trade-action-volume:active:not(:disabled) {
  transform: translateY(1px) !important;
  box-shadow: inset 0 2px 8px #0006, 0 0 6px color-mix(in srgb, var(--direction-accent) 20%, transparent) !important;
}
.trader-theme .trade-panel-volume button.trade-action-volume:disabled { box-shadow: none !important; }