#priceSpikeWorkspace { --spike-header-offset:58px; grid-template-columns:minmax(0,1fr) 360px; }
.scalpy-header.is-panel-hidden ~ #priceSpikeWorkspace { --spike-header-offset:0px; }
#priceSpikeWorkspace.filters-closed { grid-template-columns:minmax(0,1fr) 0; }
#priceSpikeWorkspace .price-spike-filters {
  position:fixed; z-index:90; right:0; top:var(--spike-header-offset);
  width:360px; height:calc(100dvh - var(--spike-header-offset)); overflow:visible;
  transition:transform .25s ease,top .42s cubic-bezier(.22,.61,.36,1),height .42s cubic-bezier(.22,.61,.36,1);
}
#priceSpikeWorkspace.filters-closed .price-spike-filters { transform:translateX(100%); }
#priceSpikeWorkspace .price-spike-filter-inner {
  height:100%; padding:6px !important; box-sizing:border-box; overflow-y:auto; display:block !important;
}
#priceSpikeWorkspace.filters-closed .price-spike-filter-inner { visibility:hidden; }
#priceSpikeWorkspace .price-spike-filter-inner,
#priceSpikeWorkspace .price-spike-filter-inner * { font-family:Arial,Helvetica,sans-serif !important; }
#priceSpikeWorkspace .volume-exchange-settings { border-radius:10px; overflow:hidden; margin-bottom:6px; }
#priceSpikeWorkspace .volume-exchange-head,
#priceSpikeWorkspace .volume-exchange-row { grid-template-columns:minmax(0,1fr) 40px 26px 40px 26px; gap:6px; padding-inline:6px; }
#priceSpikeWorkspace .volume-exchange-head { height:28px; min-height:28px; font-size:9px; }
#priceSpikeWorkspace .volume-exchange-row { height:36px !important; min-height:36px !important; }
#priceSpikeWorkspace .volume-exchange-name { gap:6px; }
#priceSpikeWorkspace .volume-exchange-name > span { font-size:12px; font-weight:850; overflow:hidden; text-overflow:ellipsis; }
#priceSpikeWorkspace .volume-exchange-name small { font-size:7px !important; line-height:1.2; white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; }
#priceSpikeWorkspace .volume-market-switch em { width:40px; height:22px; background:#263142; }
#priceSpikeWorkspace .volume-market-switch em:after { width:18px; height:18px; background:#f5f7fb; }
#priceSpikeWorkspace .volume-market-switch input:checked + em { background:linear-gradient(180deg,#ffc235,#f29c00); }
#priceSpikeWorkspace .volume-market-switch input:checked + em:after { left:20px; }
#priceSpikeWorkspace .volume-market-gear { width:26px; height:28px; font-size:22px; }
#priceSpikeWorkspace .price-spike-global-settings { padding:6px; }
#priceSpikeWorkspace .price-spike-filter-section { padding:6px 0; }
#priceSpikeWorkspace .volume-filter-title,
#priceSpikeWorkspace .price-spike-input-label > span:first-child { margin-bottom:6px; font-size:11px !important; font-weight:850 !important; letter-spacing:.04em; }
#priceSpikeWorkspace .volume-segment { gap:6px; }
#priceSpikeWorkspace .volume-segment button { font-size:12px; font-weight:850; }
#priceSpikeWorkspace .price-spike-number input { font-size:13px; font-weight:800; padding-left:6px; }
#priceSpikeWorkspace .volume-global-override-note:not(.has-overrides) { display:none; }
#priceSpikeWorkspace .volume-reset { height:36px; margin-top:6px; font-size:12px; font-weight:850; }
@media(max-width:1100px) {
  #priceSpikeWorkspace,#priceSpikeWorkspace.filters-closed { grid-template-columns:minmax(0,1fr); }
  #priceSpikeWorkspace .price-spike-filters { width:min(360px,calc(100vw - 34px)); box-shadow:-12px 0 35px rgba(0,0,0,.4); }
  #priceSpikeWorkspace .price-spike-filter-inner { position:static !important; }
}
#priceSpikeSettingsModal .price-spike-settings-dialog,
#priceSpikeSettingsModal .price-spike-settings-dialog * { font-family:Arial,Helvetica,sans-serif !important; font-weight:700; }
#priceSpikeSettingsModal input,#priceSpikeSettingsModal select { font-size:13px; font-weight:800; }

/* Same gold edge control for closing and reopening the panel. */
#priceSpikeWorkspace .price-spike-filter-toggle {
  position: absolute !important;
  z-index: 4;
  left: clamp(-44px,-1.7vw,-34px) !important;
  right: auto !important;
  top: 6px !important;
  width: clamp(34px,1.7vw,44px) !important;
  height: clamp(34px,1.5vw,44px) !important;
  display: grid !important;
  place-items: center;
  padding: 0 !important;
  transform: none !important;
  color: #ffd044 !important;
  border: 1px solid #e5a600 !important;
  border-radius: 7px 0 0 7px !important;
  background: linear-gradient(180deg,#3a2b06,#211907) !important;
  box-shadow: inset 0 0 0 1px rgba(255,194,38,.13),0 0 12px rgba(255,185,0,.08) !important;
  font-size: clamp(19px,.7vw,28px) !important;
  line-height: 1 !important;
  cursor: pointer;
}
#priceSpikeWorkspace.filters-closed .price-spike-filter-toggle { transform: rotate(180deg) !important; }
#priceSpikeWorkspace .price-spike-filter-toggle:hover,
#priceSpikeWorkspace .price-spike-filter-toggle:focus-visible {
  outline: 0;
  border-color: #ffd044 !important;
  background: linear-gradient(180deg,#4a3607,#2b2008) !important;
  box-shadow: inset 0 0 0 1px rgba(255,211,84,.2),0 0 16px rgba(255,185,0,.18) !important;
}