.liquidation-heatmap-legend .tv-legend-name { color: var(--liq-text); }
.liquidation-heatmap-legend.is-off .tv-legend-name { color: var(--t2); }

.liq-settings-card { width: min(670px, calc(100vw - 28px)); }
.liq-settings-body { padding: 24px 30px 30px; display: grid; gap: 22px; min-height: 0; overflow-y: auto; }
.liq-section-title { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; color: var(--t1); font-size: 18px; }
.liq-section-title span { height: 1px; background: var(--line); }
.liq-select-label { display: grid; gap: 7px; color: var(--t2); }
.liq-select-label select { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--elev); color: var(--t1); font: inherit; }
.liq-palette-row { display: grid; gap: 8px; color: var(--t2); }
.liq-palette-row i { width: 205px; height: 28px; border: 2px solid rgba(var(--c-white-rgb),.85); border-radius: 10px; background: linear-gradient(90deg, var(--liq-cold), var(--liq-purple), var(--liq-mid), var(--liq-warm), var(--liq-hot)); }
.liq-setting { display: grid; gap: 12px; color: var(--t1); }
.liq-setting-label { display: flex; justify-content: space-between; font-size: 17px; }
.liq-setting output { font-variant-numeric: tabular-nums; }
.liq-setting input[type="range"] { width: 100%; accent-color: var(--liq-text); }
.liq-leverages { margin: 0; padding: 12px 14px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--t1); }
.liq-leverages legend { padding: 0 7px; color: var(--t2); }
.liq-leverages > div { display: grid; grid-template-columns: repeat(4, minmax(72px, 1fr)); gap: 10px 14px; }
.liq-leverages label { display: flex; align-items: center; gap: 7px; cursor: pointer; font-variant-numeric: tabular-nums; }
.liq-leverages input { accent-color: var(--liq-control); }
.liq-disclaimer { margin: 0; padding: 12px 14px; border: 1px solid rgba(var(--c-liq-pink-rgb),.32); border-radius: 8px; color: var(--t2); font-size: 12px; line-height: 1.5; background: rgba(var(--c-liq-violet-rgb),.18); }

@media (max-width: 640px) {
  .liq-settings-body { padding: 18px; }
  .liq-palette-row i { width: 100%; }
  .liq-leverages > div { grid-template-columns: repeat(2, minmax(72px, 1fr)); }
}