/* Compact Liquidity filters on the shared 6px rhythm. */
#liquidityWorkspace .liquidity-filters { overflow: visible !important; }
#liquidityWorkspace .liquidity-filter-inner { padding: 6px !important; height: 100%; box-sizing: border-box; overflow-y: auto; }
#liquidityWorkspace .liquidity-filter-section { padding: 6px 0; margin: 0; }
#liquidityWorkspace .liquidity-exchange-section { padding-top: 0; border-top: 0; }
#liquidityWorkspace .liquidity-exchange-settings { border-radius: 10px; }
#liquidityWorkspace .liquidity-exchange-head { height: 28px; }
#liquidityWorkspace .liquidity-exchange-row { height: 36px; }
#liquidityWorkspace .liquidity-exchange-head,
#liquidityWorkspace .liquidity-exchange-row { column-gap: 6px; padding-inline: 6px; }
#liquidityWorkspace .liquidity-exchange-name { gap: 6px; }
#liquidityWorkspace .liquidity-panel-label { gap: 6px; margin-bottom: 6px; }
#liquidityWorkspace .liquidity-filter-section > label { gap: 6px; margin: 6px 0; }
#liquidityWorkspace .liquidity-reset { margin-top: 6px; }

/* Same gold edge control for closing and reopening the panel. */
#liquidityWorkspace .liquidity-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;
}
#liquidityWorkspace .liquidity-filters.is-collapsed .liquidity-filter-toggle { transform: rotate(180deg) !important; }
#liquidityWorkspace .liquidity-filter-toggle:hover,
#liquidityWorkspace .liquidity-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;
}