/* Presentation only: keep report data, scope, and navigation unchanged. */
/* Keep hourly labels legible inside the horizontally scrollable chart. */
.trendsPanel .trendWeatherCompact{height:86px;grid-template-rows:32px 28px 26px;gap:0;font-size:14px;line-height:24px}
.trendWeatherCompact:focus-visible{outline:2px solid #d2fa50;outline-offset:3px;border-radius:4px}
.trendsPanel .trendWeatherInfo{background:none;border:0;color:#aebfc7;padding:0;min-height:28px;min-width:24px;margin-left:auto;font-size:16px}.trendWeatherPopover{background:#182227;color:#eef3f4;border:1px solid #52656d;border-radius:12px;padding:20px;width:min(380px,calc(100vw - 40px));max-height:75vh;overflow:auto;box-sizing:border-box}.trendWeatherPopover::backdrop{background:#0008}.trendWeatherPopover .trendWeather{display:grid;gap:8px;font-size:14px}.trendWeatherPopover a{color:#d2fa50}.trendWeatherPopover h4{margin:0}.trendWeatherPopover button{margin-top:12px}
.trendSunset,.trendRain{display:flex;align-items:center;gap:8px}.trendSunset>span:first-child,.trendRain>span:first-child{width:27px;text-align:center}.trendRain{font-size:12px}.trendRain>span:last-child{white-space:nowrap;overflow-x:auto}.trendWeatherIcon.isMuted{opacity:.45}
.trendScrollHint{font-size:12px;color:#b8c5cc;margin:8px 0 0}.trendScrollHint[hidden]{display:none}
.trendsWorkspace main.breakdownApp{width:calc(100% - 230px);max-width:none;margin:0 0 0 230px;padding:24px 28px 100px;box-sizing:border-box}
.trendsPanel{font-size:14px;line-height:1.45}
.trendHeading h2{font-size:34px}.trendHeading p{font-size:14px}
.trendControls{margin:18px 0 6px;gap:10px}.trendControls label{flex:0 1 160px}.trendControls label:first-child{flex:1 1 220px}
.trendDetails{font-size:12px;color:#b8c5cc;min-width:0}.trendDetails summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:5px;list-style:none}.trendDetails summary:before{content:'›';font-size:16px}.trendDetails[open]>summary:before{content:'⌄'}.trendDetails summary::-webkit-details-marker{display:none}.trendDetails summary:focus-visible{outline:2px solid #d2fa50;outline-offset:2px}.trendDetails>div{line-height:1.6;overflow-wrap:anywhere}.trendDetails a{color:#d2fa50}.trendSyncDetails:empty{display:none}.trendsPanel>[data-status]{font-size:13px;color:#b8c5cc;margin:4px 0}
.trendSection{padding:16px;margin-top:14px;background:#141d21;border-color:#2a383e}.trendSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.trendSectionHeading h3{font-size:22px;margin:0}.trendSectionHeading .trendDetails{max-width:100%}.trendSectionHeading .trendDetails[open]{flex-basis:100%}.trendSectionHeading .trendDetails[open]>div{padding:0 4px 6px}.trendDateRange{font-size:13px;color:#b8c5cc;margin:4px 0 0}
.trendLegend{display:flex;gap:18px;align-items:center;color:#b8c5cc;font-size:12px;margin:6px 0 8px}.trendLegend span{display:flex;align-items:center;gap:7px}.trendLegend i{display:inline-block;width:20px;height:4px;background:#d2fa50;border-radius:5px}.trendLegend .legendSale{width:9px;height:9px;border-radius:50%;background:#40c8ee}.trendLegend .legendGap{height:6px;background:#473c28;border:1px dashed #c6a466}
.trendTimeline{min-width:820px;padding:12px 22px 0 0}.trendAxis,.trendTimeRow{grid-template-columns:85px minmax(0,1fr) 140px;gap:14px}.trendAxis{font-size:12px;height:30px}.trendAxis>div span{font-size:12px}.trendTimeRow{min-height:48px;font-size:14px;border-color:#27353b}.trendTimeRow>span{font-size:12px}.trendSpan{height:5px;top:15px}.trendsPanel button.trendGap{height:7px;min-height:7px;top:14px;background:#493e2b;border-color:#c6a466}.trendsPanel button.trendSale{width:12px;height:12px;min-height:12px;border-width:1px}.trendTrack{background:none}.trendSale::after{inset:-16px}.trendGap::after{inset:-18px 0}.trendSection [data-tip-output]:empty{display:none}.trendSection [data-tip-output]{font-size:13px;color:#cbd5d9;overflow-wrap:anywhere;margin-bottom:0}
.trendDaily{grid-auto-columns:minmax(164px,1fr);gap:10px;padding-bottom:0;align-items:start}.trendDay{padding:12px;background:#182227;border:1px solid #304047;min-height:0;align-self:start}.trendDay h4{font-size:16px;margin:0 0 8px;line-height:24px;white-space:nowrap}.trendWeatherCompact{height:144px;display:grid;grid-template-rows:34px 22px 44px 22px 22px;color:#c4d0d5;font-size:12px;line-height:20px;align-items:start}.trendTemperature{display:flex;align-items:center;gap:8px}.trendTemperature strong{font-size:18px;color:#f1f5f4;white-space:nowrap}.trendWeatherIcon{font-size:27px;color:#b9c9d1;line-height:32px}.trendConditions{overflow:auto;max-height:44px}.trendCoverage{font-size:12px;color:#b8c5cc}.trendDay dl{padding-top:10px;margin:10px 0 6px;border-color:#35454b}.trendDay dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:0;min-height:31px;font-size:14px}.trendDay dt{display:flex;align-items:center;gap:6px;white-space:nowrap}.trendDay dt>span{color:#cee886;width:15px;text-align:center;font-size:16px;flex-shrink:0}.trendDay dd{font-size:18px;color:#ddf99a;font-variant-numeric:tabular-nums;line-height:1.4}.trendsPanel .trendBreakdownLink{background:none;border:0;color:#d2fa50;font-size:13px;padding:5px 0;min-height:36px;text-align:left;width:auto}.trendDay>.trendDetails{border-top:1px solid #2a393f}.trendDay>.trendDetails summary{min-height:32px}.trendDay .trendWeather{font-size:12px}.trendDay .trendWeather small{font-size:12px}
.trendSalesPlot{display:grid;grid-template-columns:35px minmax(0,1fr);min-width:730px;gap:8px}.trendYAxis{position:relative;height:214px;font-size:12px;color:#b8c5cc}.trendYAxis>span{position:absolute;top:0}.trendYAxis b{position:absolute;right:6px;font-weight:400;line-height:0}.trendBars{min-width:0;min-height:214px;height:214px;box-sizing:border-box;padding:0;gap:12px;border-bottom:0;background:repeating-linear-gradient(to top,transparent 0,transparent 31.5px,#2a383e 31.5px,#2a383e 32.5px);background-size:100% 130px;background-position:left bottom 44px;background-repeat:no-repeat}.trendBars button{min-width:0;border-radius:0;gap:0;padding:0;font-size:14px}.trendBars strong{line-height:24px;font-weight:600}.trendBars small{height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}.trendBar{width:66%;max-width:70px;background:#c9f14c;min-height:0}.trendEmpty{font-size:14px;color:#b8c5cc;padding:16px 0}
.trendsPanel .trendTimeline{min-width:1000px}
@media(min-width:1280px){.trendDaily{grid-auto-columns:calc((100% - 50px)/6)}}
@media(max-width:760px){.trendsWorkspace main.breakdownApp{width:100%;margin:0;padding:18px 16px 100px}.trendSection{padding:14px}.trendSectionHeading{gap:4px}.trendSectionHeading h3{font-size:20px}.trendHeading h2{font-size:30px}.trendControls label{width:100%;min-width:0}.trendDaily{grid-auto-columns:85%;gap:12px;padding-bottom:8px}.trendDay{padding:14px}.trendDay dt{font-size:14px}.trendDay dd{font-size:19px}.trendWeatherCompact{font-size:14px}.trendDay>.trendDetails summary,.trendDetails summary,.trendsPanel .trendBreakdownLink{min-height:44px}.trendTemperature strong{font-size:22px}.trendSectionHeading .trendDetails{width:auto}.trendTimeline{min-width:820px}.trendLegend{gap:12px}.trendSyncDetails{margin-bottom:0}}