@layer dreamviewTypography{
 html:root body #root .ly-controls{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important;margin-top:7px!important}
 html:root body #root .ly-controls button{border:1px solid #849db944!important;border-radius:7px!important;padding:5px 8px!important;background:transparent!important;color:inherit!important;font:600 11px/1.2 system-ui!important;cursor:pointer!important}
 html:root body #root .ly-controls button[aria-pressed=true]{background:#8da9ce44!important}
 html:root body #root .ly-controls button[hidden]{display:none!important}
 html:root body #root .dv-panel-monthly>:first-child{flex-wrap:wrap!important}
 html:root body #root .ly-active>:not(:first-child):not(.ly-view){display:none!important}
 html:root body #root .ly-active .dv-monthly-order-average{display:none!important}
 html:root body #root .ly-view{width:100%!important;min-height:0!important;color:#254763!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
 html:root body #root .ly-svg{display:block!important;width:100%!important;min-height:180px!important;height:auto!important;max-height:360px!important;overflow:visible!important}
 html:root body #root .ly-grid{stroke:currentColor!important;opacity:.13!important}
 html:root body #root .ly-axis{font:500 15px system-ui!important;fill:currentColor!important}
 html:root body #root .ly-amount{font:600 16px system-ui!important;fill:currentColor!important}
 html:root body #root .ly-location{font:600 17px system-ui!important;fill:currentColor!important}
 html:root body #root .ly-current{fill:#6879ed!important;background:#6879ed!important}
 html:root body #root .ly-prior{fill:#889fb9!important;background:#889fb9!important}
 html:root body #root .ly-legend{display:flex!important;gap:18px!important;justify-content:center!important;font:500 11px/1.4 system-ui!important;margin:5px 0!important}
 html:root body #root .ly-legend span{display:inline-flex!important;gap:5px!important;align-items:center!important}
 html:root body #root .ly-legend i{width:10px!important;height:10px!important;border-radius:2px!important}
 html:root body #root .ly-scope{font:400 10px/1.4 system-ui!important;text-align:center!important;margin:5px 0 0!important;color:inherit!important;opacity:.85!important}
 html:root[data-theme=dark] body #root .ly-view{color:#d4e1f2!important}
 html:root.cp-on body #root .ly-controls{display:none!important}
 html:root body #root .dv-trend-panel.ly-active{height:auto!important;min-height:0!important}
 html:root body #root .dv-trend-panel.ly-active .ly-amount{font-size:23px!important}
 html:root body #root .dv-trend-panel.ly-active .ly-location{font-size:22px!important}
 html:root body #root .dv-trend-panel.ly-active .ly-axis{font-size:21px!important}
}
@layer dreamviewTypography{
html:root body #root .ly-active .dom-primary-card-title,html:root body #root .dv-trend-panel.ly-active>.dv-app-section-title>h2:not(.ly-title){display:none!important}
html:root body #root .ly-title{font-size:20px!important;font-weight:750!important;line-height:1.2!important;margin:0!important;color:inherit!important}
}
@layer dreamviewTypography{
html:root[data-dv-sales-layout="desktop"][data-dv-layout="overview"][data-dv-spacing="on"] body #root .dv-panel-monthly.ly-active{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important}
html:root body #root .ly-active [data-ly-original-title],html:root body #root .ly-active [data-ly-original-legend]{display:none!important}
html:root body #root .ly-active>.ly-view{height:100%!important;max-height:100%!important;align-self:stretch!important;justify-content:flex-start!important}
html:root body #root .ly-active .ly-svg{flex:1 1 auto!important;min-height:0!important;height:100%!important;max-height:100%!important}
html:root body #root .dv-trend-panel.ly-active>.ly-view{height:auto!important;min-height:260px!important}
html:root body #root .dv-trend-panel.ly-active .ly-svg{height:auto!important;min-height:210px!important}
}
@layer dreamviewTypography{
html:root body #root .ly-axis{font-size:20px!important}
html:root body #root .ly-amount{font-size:21px!important}
html:root body #root .ly-location{font-size:22px!important}
}
@layer dreamviewTypography{
html:root body #root .dv-trend-panel.ly-active>.ly-view{min-height:0!important}
html:root body #root .dv-trend-panel.ly-active .ly-svg{height:auto!important;min-height:0!important;flex:0 0 auto!important;aspect-ratio:600 / 280!important}
}
@layer dreamviewTypography{
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;min-height:0!important;height:auto!important;max-height:none!important;gap:10px!important}
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active>:not(.dv-app-section-title):not(.ly-view){display:none!important}
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active>.dv-app-section-title{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:8px!important}
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active>.dv-app-section-title>button{display:none!important}
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active>.ly-view{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;flex:0 0 auto!important}
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active .ly-svg{width:100%!important;min-width:0!important;height:230px!important;min-height:230px!important;max-height:none!important;flex:0 0 230px!important;aspect-ratio:auto!important}
html:root[data-dv-appearance][data-dv-sales-layout="mobile"].dv-embedded body #root#root .dv-trend-panel.ly-active .ly-controls{margin-top:0!important}
}
@layer dreamviewTypography{
html:root[data-dv-sales-layout="desktop"][data-dv-layout="overview"][data-dv-spacing="on"] body #root .dv-panel-monthly:has(.ly-controls){display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;row-gap:12px!important}
html:root[data-dv-sales-layout="desktop"][data-dv-layout="overview"][data-dv-spacing="on"] body #root .dv-panel-monthly:has(.ly-controls)>:first-child{align-self:start!important;height:auto!important;min-height:0!important;flex:0 0 auto!important}
html:root[data-dv-sales-layout="desktop"][data-dv-layout="overview"][data-dv-spacing="on"] body #root .dv-panel-monthly:has(.ly-controls)>div:not(:first-child):not(.ly-view){height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch!important}
}

/* Render text at screen size instead of stretching a fixed SVG canvas. */
@layer dreamviewTypography{
html:root body #root#root .ly-active .ly-axis{font-size:12px!important;font-weight:500!important}
html:root body #root#root .ly-active .ly-amount{font-size:13px!important;font-weight:650!important}
html:root body #root#root .ly-active .ly-location{font-size:13px!important;font-weight:600!important}
html:root body #root#root .ly-legend{justify-content:flex-end!important;margin:0 12px 2px!important;gap:16px!important}
html:root body #root#root .ly-active .ly-svg{flex:1 1 auto!important;min-height:190px!important;aspect-ratio:auto!important}
html:root body #root#root .ly-scope{margin:3px 0 0!important}
html:root body #root#root .dv-trend-panel.ly-active .ly-svg{height:230px!important;flex:0 0 230px!important;aspect-ratio:auto!important}
}

@layer dreamviewTypography{
html:root body #root#root .ly-active .ly-svg{min-height:130px!important}
html:root body #root#root .ly-legend,html:root body #root#root .ly-scope{flex:0 0 auto!important}
}

@layer dreamviewTypography{@media(min-width:901px){
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active)>:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 12px!important}
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) [data-ly-original-title],
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) [data-ly-original-title]>div{display:contents!important}
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) [data-ly-original-title]>div>div{grid-area:1 / 1!important}
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) [data-ly-original-legend]{grid-area:1 / 2!important;justify-self:end!important}
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) .dv-monthly-order-average{grid-area:2 / 1!important;margin-top:0!important}
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) .ly-controls{grid-area:2 / 2!important;width:auto!important;margin-top:0!important;justify-content:flex-end!important}
}}

@layer dreamviewTypography{
html:root body #root#root .ly-change{font:600 12px system-ui!important;fill:currentColor!important}
html:root[data-theme=light] body #root#root .ly-change.ly-up{fill:#14755e!important}
html:root[data-theme=light] body #root#root .ly-change.ly-down{fill:#b73552!important}
html:root[data-theme=dark] body #root#root .ly-change.ly-up{fill:#62dbb1!important}
html:root[data-theme=dark] body #root#root .ly-change.ly-down{fill:#ff99ad!important}
}

@layer dreamviewTypography{
html:root body #root#root .ly-controls [hidden]{display:none!important}
html:root body #root#root .ly-view-select{appearance:auto!important;border:1px solid #849db955!important;border-radius:7px!important;padding:5px 8px!important;background:#b8cde52b!important;color:inherit!important;font:600 11px/1.3 system-ui!important;cursor:pointer!important;min-height:27px!important}
html:root body #root#root .ly-by-year{font:600 11px/1.3 system-ui!important;color:inherit!important;padding:5px 6px!important}
html:root[data-theme=dark] body #root#root .ly-view-select option{background:#203a57!important;color:#e3edf9!important}
html:root[data-theme=light] body #root#root .ly-view-select option{background:#e5edf7!important;color:#234565!important}
}

@layer dreamviewTypography{@media(min-width:901px){
html:root[data-dv-sales-layout="desktop"] body #root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) [data-ly-original-title]>div>div:not(:first-child){grid-area:3 / 1 / 4 / -1!important;margin-top:0!important;font-size:12px!important;line-height:1.3!important}
}}

@layer dreamviewTypography {
 html:root.cp-on body #root#root .dv-panel-monthly.cp-active .ly-controls{display:flex!important;width:auto!important;margin:0!important;gap:6px!important}
 html:root.cp-on body #root#root .dv-panel-monthly.cp-active .ly-controls button:not([hidden]){display:inline-block!important}
 html:root.cp-on body #root#root .dv-panel-monthly.cp-active>:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
 html:root.cp-on body #root#root .dv-panel-monthly.cp-active.ly-active>.ly-view{display:flex!important;min-height:0!important;height:100%!important}
 html:root.cp-on body #root#root .dv-panel-monthly.cp-active.ly-active>.cp-chart{display:none!important}
}
@layer dreamviewTypography {
 html:root.cp-on body #root#root .ly-value-badge{stroke:none!important;pointer-events:none!important}
 html:root.cp-on body #root#root .ly-current-badge{fill:#6879ed26!important}
 html:root.cp-on body #root#root .ly-prior-badge{fill:#6c87a626!important}
 html:root.cp-on body #root#root .ly-delta-badge{fill:#55728c18!important}
 html:root.cp-on body #root#root .ly-delta-badge.ly-up{fill:#16916c20!important}
 html:root.cp-on body #root#root .ly-delta-badge.ly-down{fill:#cb466020!important}
 html:root.cp-on body #root#root .ly-removable{cursor:pointer!important}
 html:root.cp-on[data-theme=dark] body #root#root .ly-current-badge{fill:#98a4ff30!important}
 html:root.cp-on[data-theme=dark] body #root#root .ly-prior-badge{fill:#b7cde526!important}
 html:root.cp-on[data-theme=dark] body #root#root .ly-delta-badge.ly-up{fill:#62dbb126!important}
 html:root.cp-on[data-theme=dark] body #root#root .ly-delta-badge.ly-down{fill:#ff99ad26!important}
}
@layer dreamviewTypography {
 html:root.cp-on[data-theme=light] body #root#root .ly-delta-badge.ly-up{fill:#d4efdf!important}
 html:root.cp-on[data-theme=light] body #root#root .ly-delta-badge.ly-down{fill:#f8dfe6!important}
 html:root.cp-on[data-theme=light] body #root#root .ly-change.ly-up{fill:#16815f!important}
 html:root.cp-on[data-theme=light] body #root#root .ly-change.ly-down{fill:#cb3d62!important}
 html:root.cp-on body #root#root .ly-change{font-weight:700!important}
}
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto auto minmax(260px,1fr)!important;gap:12px 8px!important;align-items:center!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-app-section-title{display:contents!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-app-section-title>h2{grid-area:1 / 1!important;min-width:0!important;margin:0!important;font-size:18px!important;line-height:1.3!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-app-section-title>button{grid-area:1 / 2!important;justify-self:end!important;position:static!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active) .ly-controls{grid-area:2 / 1!important;display:flex!important;flex-wrap:nowrap!important;min-width:0!important;width:auto!important;margin:0!important;gap:4px!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active) .ly-controls button{font-size:11px!important;white-space:nowrap!important;padding:6px!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-trend-mode{grid-area:2 / 2!important;position:static!important;width:auto!important;min-width:0!important;height:32px!important;min-height:32px!important;margin:0!important;padding:3px!important;display:flex!important;justify-self:end!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-trend-mode>button{font-size:11px!important;min-width:0!important;min-height:26px!important;height:26px!important;padding:0 6px!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-app-chart-legend{grid-area:3 / 1 / 4 / 3!important;margin:0!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>.dv-monthly-order-average{grid-area:4 / 1 / 5 / 3!important;margin:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active)>:is(.dv-trend-chart,.dv-trend-values){grid-area:5 / 1 / 6 / 3!important;width:100%!important;min-width:0!important}
}}
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active):has(>.dv-ranking-list)>.dv-monthly-order-average{grid-area:3 / 1 / 4 / 3!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-trend-panel[data-mobile-breakdown="monthly"]:not(.ly-active):has(>.dv-ranking-list)::before{grid-area:4 / 1 / 5 / 3!important;position:static!important;inset:auto!important;align-self:center!important;justify-self:stretch!important;margin:0!important;padding:0 14px 0 0!important;font-size:11px!important;line-height:1.4!important;text-align:right!important;white-space:pre!important}
}}

/* Exact year values are available by pointer and keyboard without changing chart scale. */
@layer dreamviewTypography {
 html:root body .ly-detail-dialog{box-sizing:border-box!important;width:min(420px,calc(100% - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;padding:22px!important;border:1px solid #adc0d7!important;border-radius:18px!important;background:#eef4fc!important;color:#193e60!important;box-shadow:0 20px 70px #102f5050!important;font:400 14px/1.5 system-ui!important}
 html:root body .ly-detail-dialog::backdrop{background:#102b4d66}
 html:root body .ly-detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
 html:root body .ly-detail-head h2{margin:0!important;font:700 21px/1.25 system-ui!important;color:inherit!important}
 html:root body .ly-detail-head button{min-height:44px!important;padding:8px 14px!important;border:1px solid #8ba6c655!important;border-radius:9px!important;background:#d9e7f7!important;color:inherit!important;font:600 13px system-ui!important;cursor:pointer!important}
 html:root body .ly-detail-context{margin:10px 0 0!important;color:inherit!important;font:400 13px/1.5 system-ui!important}
 html:root body .ly-detail-values{margin:18px 0 0!important}
 html:root body .ly-detail-values>div{display:flex!important;justify-content:space-between!important;gap:16px!important;padding:10px 0!important;border-top:1px solid #849db933!important}
 html:root body .ly-detail-values dt{font-weight:500!important}
 html:root body .ly-detail-values dd{margin:0!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;text-align:right!important;overflow-wrap:anywhere!important}
 html:root[data-theme=dark] body .ly-detail-dialog{background:#19344f!important;color:#e3edf9!important;border-color:#58728f!important}
 html:root[data-theme=dark] body .ly-detail-head button{background:#2c4968!important}
 html:root body #root#root .ly-detail-trigger{cursor:pointer!important}
 html:root body #root#root .ly-detail-trigger:focus-visible{outline:2px solid #6879ed!important;outline-offset:4px!important}
 html:root body .ly-detail-head button:focus-visible{outline:2px solid #6879ed!important;outline-offset:3px!important}
}
@layer dreamviewTypography {
 html:root[data-dv-appearance] body #root#root#root .ly-view .ly-interaction-note{flex:0 0 auto!important;font:500 11px/1.4 system-ui!important;text-align:center!important;margin:5px 0 0!important;color:inherit!important;opacity:.85!important}
}

/* Desktop year view: one header row, with chart and footer sharing the remaining card. */
@layer dreamviewTypography {
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active{display:grid!important;grid-template-rows:auto minmax(240px,1fr)!important;row-gap:10px!important;min-height:334px!important}
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active>:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px 12px!important;height:auto!important;min-height:0!important;align-self:start!important;padding-bottom:0!important}
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active .ly-title{grid-column:1!important;min-width:0!important}
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active .ly-controls{grid-column:2!important;width:auto!important;margin:0!important;flex-wrap:nowrap!important}
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active>:first-child>.dv-individual-export{grid-column:3!important;margin:0!important;justify-self:end!important}
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active>.ly-view{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(180px,1fr) auto auto!important;justify-content:stretch!important;height:auto!important;max-height:none!important;min-height:0!important;align-self:stretch!important}
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly.ly-active .ly-svg{contain:size!important;height:100%!important;min-height:180px!important;max-height:none!important;width:100%!important;align-self:stretch!important}
}



@layer dreamviewTypography{@media(max-width:679px){
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active){grid-template-rows:auto auto auto auto auto minmax(240px,1fr)!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active)>.dv-trend-subtitle{grid-area:2 / 1 / 3 / 3!important;margin:0!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active) .ly-controls{grid-row:3!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active)>.dv-trend-mode{grid-row:3!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active)>.dv-app-chart-legend{grid-row:4!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active)>.dv-monthly-order-average{grid-row:5!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active)>:is(.dv-trend-chart,.dv-trend-values,.dv-ranking-list){grid-area:6 / 1 / 7 / 3!important}
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel:has(.dv-trend-value-row)::before{content:'2026             2025 Same Dates'!important;grid-area:5 / 1 / 6 / 3!important}
}}
@layer dreamviewTypography{@media(max-width:679px){
 html:root[data-dv-date-selected=true][data-dv-sales-layout=mobile] body #root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active)>.dv-trend-subtitle{display:block!important}
}}

@layer dreamviewTypography{html:root body #root .ly-prior-key{display:none!important}html:root.cp-on body #root#root .ly-prior-key{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-left:6px!important;font:500 12px/1.3 system-ui!important;color:inherit!important;white-space:nowrap!important}html:root.cp-on body #root#root .ly-prior-key>i{display:inline-block!important;width:11px!important;height:11px!important;border-radius:2px!important;background:#889fb9!important;flex:none!important}}

@layer dreamviewTypography{
html:root body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root .ly-current[data-location="DOM"]{fill:#2785bd!important;background:#2785bd!important}
html:root body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root .ly-current[data-location="CAL"]{fill:#9562d2!important;background:#9562d2!important}
html:root body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root .ly-current[data-location="KID"]{fill:#1b9b82!important;background:#1b9b82!important}
html:root body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root .ly-current[data-location="DI"]{fill:#bc8b22!important;background:#bc8b22!important}
html:root body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root .ly-location-color-key{background:linear-gradient(90deg,#2785bd 25%,#9562d2 25% 50%,#1b9b82 50% 75%,#bc8b22 75%)!important}
}

/* Filter context needs its own row, just like a selected date range. */
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty)){height:auto!important;max-height:none!important;flex:0 0 auto!important;grid-template-rows:auto auto auto auto auto minmax(260px,auto)!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty))>.dv-trend-subtitle{display:block!important;grid-area:2 / 1 / 3 / 3!important;min-width:0!important;max-width:100%!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty)) .ly-controls,
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty))>.dv-trend-mode{grid-row:3!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty))>.dv-app-chart-legend{grid-row:4!important;flex-wrap:wrap!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty))>.dv-monthly-order-average{grid-row:5!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty))>:is(.dv-trend-chart,.dv-trend-values){grid-area:6 / 1 / 7 / 3!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty)):has(>.dv-ranking-list){grid-template-rows:auto auto auto auto auto auto auto!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty)):has(>.dv-ranking-list)::before{grid-area:6 / 1 / 7 / 3!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-trend-panel[data-mobile-breakdown=monthly]:not(.ly-active):has(>.dv-trend-subtitle:not(:empty))>.dv-ranking-list{grid-area:7 / 1 / 8 / 3!important;min-width:0!important}
}}

@layer dreamviewTypography {
 html:root {--dv-change-up-bg:#d5ebdd;--dv-change-up-text:#087a4d;--dv-change-down-bg:#f8dfe6;--dv-change-down-text:#c92852;--dv-change-neutral-bg:#e2e8ef;--dv-change-neutral-text:#476079}
 html:root[data-theme="dark"] {--dv-change-up-bg:#143a34;--dv-change-up-text:#4fe3ae;--dv-change-down-bg:#3e2037;--dv-change-down-text:#ff7899;--dv-change-neutral-bg:#293e55;--dv-change-neutral-text:#c4d2e3}
 html:root body #root .dv-sales-change-badge {display:inline-flex!important;align-items:center!important;border-radius:20px!important;padding:3px 8px!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important;flex-shrink:0!important}
 html:root body #root .dv-sales-change-up {background:var(--dv-change-up-bg)!important;color:var(--dv-change-up-text)!important}
 html:root body #root .ly-kpi-percent-badge.ly-up {fill:var(--dv-change-up-bg)!important}
 html:root body #root .ly-change.ly-up .ly-change-percent {fill:var(--dv-change-up-text)!important}
 html:root body #root .dv-sales-change-down {background:var(--dv-change-down-bg)!important;color:var(--dv-change-down-text)!important}
 html:root body #root .ly-kpi-percent-badge.ly-down {fill:var(--dv-change-down-bg)!important}
 html:root body #root .ly-change.ly-down .ly-change-percent {fill:var(--dv-change-down-text)!important}
 html:root body #root .dv-sales-change-neutral {background:var(--dv-change-neutral-bg)!important;color:var(--dv-change-neutral-text)!important}
 html:root body #root .ly-kpi-percent-badge.ly-neutral {fill:var(--dv-change-neutral-bg)!important}
 html:root body #root .ly-change.ly-neutral .ly-change-percent {fill:var(--dv-change-neutral-text)!important}
 html:root body #root .ly-kpi-percent-badge {stroke:none!important;pointer-events:none!important}
 html:root body #root .ly-change .ly-change-percent {font-weight:800!important}
}
