/* Reserve stable slots: quote ticks cannot move the period strip. */
header.single-line-header .compact-chart-topbar{flex:1 1 0;min-width:0}
header.single-line-header .fixed-market-quote{flex:0 0 500px;width:500px;min-width:500px;gap:40px;overflow:hidden}
header.single-line-header .fixed-market-quote .market-title{flex:0 0 180px;width:180px;min-width:0;justify-content:flex-start;overflow:hidden;text-align:left}
header.single-line-header .fixed-market-quote h1{width:180px;justify-content:flex-start;text-align:left}
header.single-line-header .fixed-market-quote .quote{flex:0 0 280px;width:280px;min-width:0;justify-content:flex-start;overflow:hidden;text-align:left;gap:8px}
header.single-line-header .fixed-market-quote #price{flex:0 0 94px;width:94px;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
header.single-line-header .fixed-market-quote #quoteDailyAmount{flex:0 0 96px;width:96px;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
header.single-line-header .fixed-market-quote #change{flex:0 0 74px;width:74px;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
header.single-line-header .compact-chart-topbar .toolbar{flex:1 1 0;min-width:0;overflow:hidden}
header.single-line-header #periods{flex:1 1 0;width:0;min-width:0;max-width:none;overflow-x:auto;overflow-y:hidden}
header.single-line-header #periodMenu{flex:0 0 62px;width:62px;max-width:62px;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
header.single-line-header #periodMenu:hover,header.single-line-header #periodMenu[aria-expanded=true]{background:transparent!important;border:0!important}
@media(max-width:1100px){header.single-line-header .fixed-market-quote{flex-basis:390px;width:390px;min-width:390px;gap:20px}header.single-line-header .fixed-market-quote .market-title,header.single-line-header .fixed-market-quote h1{flex-basis:150px;width:150px}header.single-line-header .fixed-market-quote .quote{flex-basis:220px;width:220px}header.single-line-header .fixed-market-quote #price{flex-basis:80px;width:80px}header.single-line-header .fixed-market-quote #quoteDailyAmount{flex-basis:72px;width:72px}header.single-line-header .fixed-market-quote #change{flex-basis:52px;width:52px}}

/* Let the three quote values flow together inside their fixed outer slot. */
header.single-line-header .fixed-market-quote .quote{gap:8px}
header.single-line-header .fixed-market-quote :is(#price,#quoteDailyAmount,#change){flex:0 0 auto;width:auto;min-width:0;text-align:left;white-space:nowrap}

/* Keep the period menu beside the items; only overflow consumes the available width. */
header.single-line-header #periods{flex:0 1 auto;width:auto;min-width:0;max-width:calc(100% - 67px)}
header.single-line-header .compact-chart-topbar .toolbar{justify-content:flex-start;gap:5px}