/* GENERATED by scripts/sync-market.mjs — do not edit here. */
.mkt .chart-holder {min-height: 660px;}
.mkt .chart-wrap {position: relative; height: 660px;}
.mkt .legend {min-height: 104px; display: flex; gap: 8px 18px; flex-wrap: wrap; align-items: center; margin-bottom: 16px; font: 12px var(--mono);}
.mkt .legend .axis-group {display: flex; gap: 6px 14px; flex-wrap: wrap; align-items: center;}
.mkt .legend .axis-name {font: 600 10.5px var(--mono); letter-spacing: .6px; text-transform: uppercase; padding: 3px 8px; border-radius: 6px; border: 1px solid var(--border);}
.mkt .legend .axis-name.left {color: var(--text-2);}
.mkt .legend .axis-name.right {color: var(--text); border-color: rgb(244 241 234 / .35);}
.mkt .legend .item {display: inline-flex; align-items: center; gap: 2px;}
.mkt .legend label {display: flex; align-items: center; gap: 6px; cursor: pointer; color: var(--muted); user-select: none; min-height: 44px;}
.mkt .legend input {accent-color: var(--gold); width: 16px; height: 16px; cursor: pointer; margin: 0;}
.mkt .legend .swatch {width: 11px; height: 11px; border-radius: 2px; display: inline-block;}
.mkt .legend .swatch.cur {background: #f4f1ea;}
.mkt .legend .swatch.month {background: rgb(227 179 65 / .6);}
.mkt .legend .swatch.day {background: var(--down);}
.mkt .legend label.disabled {opacity: .35; cursor: not-allowed;}
.mkt .legend .axis-hint {font-size: 10.5px; color: var(--muted);}
.mkt .status-line {font: 11px var(--mono); color: var(--muted); margin-top: 10px; line-height: 1.6;}
.mkt .zoom-bar {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 24px; font: 11px var(--mono); color: var(--muted);}
.mkt .zoom-bar button:not(.tip) {background: var(--panel-2); border: 1px solid var(--border); color: var(--text); font: 11px var(--mono); padding: 0 12px; min-height: 44px; border-radius: 8px; cursor: pointer;}
.mkt .zoom-bar button:not(.tip):hover {border-color: var(--gold); color: var(--gold-soft);}
.mkt .zoom-bar .lbl {display: inline-flex; align-items: center; gap: 4px;}
@media (max-width: 767px){
.mkt .chart-holder {min-height: 460px;}
.mkt .chart-wrap {height: 460px;}
.mkt .legend {gap: 4px 12px; min-height: 290px;}
}