@layer dreamviewTypography {
 html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button.dv-open-filters:not(#feedback-nav):not(#seasonal-vibes-control),
 html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button[data-action="export"]:not(#feedback-nav):not(#seasonal-vibes-control),
 html:root[data-theme] body #root .dv-app-filter-button:not(.dv-mobile-dates) {
  background:linear-gradient(125deg,#98c5e9 0%,#a2bae5 100%)!important;
  color:#234565!important;
  border:1px solid rgba(235,246,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 2px 6px rgba(27,56,89,.08)!important;
  text-shadow:none!important;
 }
 html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button.dv-open-filters:not(#feedback-nav):not(#seasonal-vibes-control):hover,
 html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button[data-action="export"]:not(#feedback-nav):not(#seasonal-vibes-control):hover,
 html:root[data-theme] body #root .dv-app-filter-button:not(.dv-mobile-dates):hover {
  background:linear-gradient(125deg,#a2cbed 0%,#abc2e9 100%)!important;
 }
 html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button.dv-open-filters:not(#feedback-nav):not(#seasonal-vibes-control) svg g {
  fill:#5984b0!important;
 }
}
@layer dreamviewTypography {
 html:root[data-dv-appearance][data-theme].dv-embedded[data-dv-sales-layout="mobile"] #root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-title-row button.dv-app-filter-button {
  font-size:13px!important;
 }
 html:root[data-dv-appearance][data-theme].dv-embedded[data-dv-sales-layout="mobile"] #root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-title-row button.dv-app-filter-button:not(.dv-mobile-dates) {
  background:linear-gradient(125deg,#98c5e9 0%,#a2bae5 100%)!important;
  color:#234565!important;
  border:1px solid rgba(235,246,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 2px 6px rgba(27,56,89,.08)!important;
 }
}

@layer dreamviewTypography {
html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button:not(#feedback-nav):not(#seasonal-vibes-control){font-size:14px!important}
html:root[data-dv-appearance][data-theme].dv-embedded[data-dv-sales-layout="mobile"] #root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-title-row button.dv-app-filter-button,
html:root[data-dv-appearance][data-theme].dv-embedded[data-dv-sales-layout="mobile"] #root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-segment button{font-size:14px!important}
}

/* Wide filter dropdown beneath the desktop toolbar. */
@layer dreamviewTypography{@media(min-width:901px){
html:root[data-theme] body #dv-filter-panel#dv-filter-panel{position:fixed!important;inset:122px auto auto 24px!important;margin:0!important;width:min(980px,calc(100vw - 48px))!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 146px)!important;overflow:visible!important;transform:none!important;border-radius:16px!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel::backdrop{background:rgba(13,31,54,.12)!important;backdrop-filter:none!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-head{padding:18px 24px!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-content{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 24px!important;padding:12px 24px 24px!important;overflow:visible!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel fieldset{min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel legend{display:none!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel details{position:relative!important;overflow:visible!important;margin:0!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel summary{min-height:48px!important;padding:10px 15px!important;gap:14px!important;box-sizing:border-box!important;font-size:14px!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel details[open]{z-index:10!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel details[open]>input[type=search]{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;width:100%!important;height:42px!important;margin:0!important;box-sizing:border-box!important;z-index:11!important;border-radius:10px 10px 0 0!important;background:#e5edf7!important;color:#234565!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel details[open]>.dv-check-list{position:absolute!important;top:calc(100% + 48px)!important;left:0!important;width:100%!important;max-height:min(270px,calc(100dvh - 420px))!important;min-height:100px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;border:1px solid #91a9c5!important;border-top:0!important;border-radius:0 0 10px 10px!important;background:#e5edf7!important;color:#234565!important;box-shadow:0 10px 20px #132e5030!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-check-list label{min-height:34px!important;padding:7px 9px!important;flex-shrink:0!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-footer{padding:16px 24px!important;gap:18px!important}
html:root[data-theme=dark] body #dv-filter-panel#dv-filter-panel details[open]>input[type=search],
html:root[data-theme=dark] body #dv-filter-panel#dv-filter-panel details[open]>.dv-check-list{background:#203a57!important;color:#e3edf9!important;border-color:#627e9e!important}
}}

@layer dreamviewTypography{@media(min-width:901px){
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-active-control{margin:0!important;min-width:0!important}
html:root[data-theme=light] body #dv-filter-panel#dv-filter-panel{background:rgba(222,233,246,.97)!important;color:#234565!important}
html:root[data-theme=light] body #dv-filter-panel#dv-filter-panel .dv-reset-draft{color:#345675!important}
}}

/* Vertical dropdown requested: one long column below Filters. */
@layer dreamviewTypography{@media(min-width:901px){
html:root[data-theme] body #dv-filter-panel#dv-filter-panel{width:390px!important;max-width:calc(100vw - 48px)!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-content{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:8px 20px 20px!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-head{padding:16px 20px!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-footer{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:14px 20px!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-active-control{flex:1 0 100%!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-actions{margin-left:auto!important}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel summary{min-height:44px!important}
}}

@layer dreamviewTypography{
html:root body .dv-new-feature-badge{display:inline-block!important;font:750 9px/1.2 system-ui!important;letter-spacing:.04em!important;border-radius:4px!important;background:#bdd9f2!important;color:#234565!important;padding:3px 5px!important;margin-left:8px!important;vertical-align:middle!important}
html:root[data-dv-new-features][data-theme=dark] body .dv-appearance-theme-toggle{position:relative!important;overflow:visible!important}
html:root[data-dv-new-features][data-theme=dark] body .dv-appearance-theme-toggle::after{content:'NEW'!important;position:absolute!important;top:-7px!important;right:-8px!important;font:750 8px/1.2 system-ui!important;letter-spacing:.03em!important;padding:3px 4px!important;border-radius:4px!important;background:#bdd9f2!important;color:#234565!important;pointer-events:none!important}
@media(min-width:901px){
html:root[data-theme] body .dv-filter-toolbar .dv-filter-summary>.dv-filter-chips{display:none!important}
html:root[data-theme] body .dv-location-compare-launch{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:8px 12px!important;border:1px solid #91adcb55!important;border-radius:8px!important;background:#b9cfe52b!important;color:inherit!important;font:600 14px/1.3 system-ui!important;white-space:nowrap!important;cursor:pointer!important}
html:root body #root .cp-controls .cp-toggle{display:none!important}
html:root body #root .dv-current-filter-summary{display:flex!important;flex:1 0 100%!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;font:500 13px/1.4 system-ui!important;min-height:32px!important}
html:root body #root .dv-current-filter-summary button{font-size:12px!important;padding:5px 8px!important}
html:root body #root .dv-current-filter-summary [hidden]{display:none!important}
html:root body #root .cp-controls{gap:8px 16px!important;padding-top:0!important}
}
}

@layer dreamviewTypography{@media(min-width:901px){
html:root[data-dv-appearance][data-theme=light] body .dv-filter-toolbar button.dv-location-compare-launch:not(#feedback-nav):not(#seasonal-vibes-control){background:rgba(206,222,241,.32)!important;color:#234565!important;border-color:#b5cee788!important;box-shadow:none!important}
html:root[data-dv-appearance][data-theme=dark] body .dv-filter-toolbar button.dv-location-compare-launch:not(#feedback-nav):not(#seasonal-vibes-control){background:rgba(83,113,151,.22)!important;color:#dce8f7!important;border-color:#8ca5c366!important;box-shadow:none!important}
}}

/* Keep filter context and comparison choices on the same desktop line. */
@layer dreamviewTypography{@media(min-width:901px){
html:root body #root#root .cp-controls{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 18px!important;padding-bottom:8px!important}
html:root body #root#root .dv-current-filter-summary{flex:0 1 auto!important;min-height:32px!important;width:auto!important;margin-right:8px!important}
html:root body #root#root .cp-locations{align-items:center!important;gap:7px!important}
html:root body #root#root .cp-scope{margin-left:auto!important}
}}

/* Use quiet inline filter context and a shared underline for location choices. */
@layer dreamviewTypography{@media(min-width:901px){
html:root[data-theme] body #root#root .cp-controls .cp-locations button,
html:root[data-theme] body #root#root .cp-controls .dv-current-filter-summary button{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:6px 4px!important;color:inherit!important}
html:root[data-theme] body #root#root .cp-controls .cp-locations{gap:16px!important}
html:root[data-theme] body #root#root .cp-controls .cp-locations button{border-bottom:2px solid transparent!important}
html:root[data-theme] body #root#root .cp-controls .cp-locations button[aria-pressed=true]{border-bottom-color:#6385ab!important}
html:root[data-theme=dark] body #root#root .cp-controls .cp-locations button[aria-pressed=true]{border-bottom-color:#a0bad5!important}
html:root[data-theme] body #root#root .cp-controls .dv-current-filter-summary button:not(.dv-clear-all){border-bottom:1px solid #829bb766!important}
html:root[data-theme] body #root#root .cp-controls .dv-current-filter-summary .dv-clear-all{text-decoration:underline!important;text-underline-offset:3px!important;font-weight:500!important;opacity:.8!important;margin-left:5px!important}
html:root[data-theme] body #root#root .cp-controls .cp-locations button:hover,
html:root[data-theme] body #root#root .cp-controls .dv-current-filter-summary button:hover{opacity:1!important;border-bottom-color:currentColor!important}
}}

@layer dreamviewTypography {
 html:root[data-theme=light] body :is([role=tooltip],.dv-chart-tooltip,.dv-detail-tooltip,.dv-location-map-tip,.dv-destination-city,.cp-tooltip) {
  background:#f0f5fc!important;color:#183a59!important;border-color:#57739135!important;box-shadow:0 8px 24px #203c612b!important;
 }
 html:root[data-theme=light] body :is([role=tooltip],.dv-chart-tooltip,.dv-detail-tooltip,.dv-location-map-tip,.dv-destination-city,.cp-tooltip) :is(div,span,strong,b,p,small,dt,dd,th,td) {
  color:#183a59!important;border-color:#57739126!important;
 }
 html:root[data-theme=light] body :is([role=tooltip],.dv-chart-tooltip,.dv-detail-tooltip) :is(.dv-tooltip-caption,.dv-tooltip-label,.dv-tooltip-reference) {
  color:#49637e!important;
 }
}

@layer dreamviewTypography {
 /* Preserve inventory meaning with colors chosen for the pale tooltip. */
 html:root[data-theme=light] body .dv-detail-tooltip>div[style*="grid-template-columns"]>div[style*="color: rgb(46, 155, 120)"]{color:#167354!important}
 html:root[data-theme=light] body .dv-detail-tooltip>div[style*="grid-template-columns"]>div[style*="color: rgb(88, 114, 232)"]{color:#465ac2!important}
 html:root[data-theme=light] body .dv-detail-tooltip>div[style*="grid-template-columns"]>div[style*="color: rgb(129, 151, 219)"]{color:#586fb2!important}
 html:root[data-theme=light] body .dv-detail-tooltip>div[style*="grid-template-columns"]>div[style*="color: rgb(185, 111, 22)"]{color:#98600c!important}
 html:root[data-theme=light] body .dv-detail-tooltip>div[style*="grid-template-columns"]>div[style*="color: rgb(224, 92, 114)"]{color:#bd3f58!important}
}
@layer dreamviewTypography {
 html:root body #root#root .cp-scope{font:600 13px/1.4 system-ui!important;opacity:1!important}
 html:root[data-theme=light] body #root#root .cp-scope{color:#163a5f!important}
 html:root[data-theme=dark] body #root#root .cp-scope{color:#e5eef9!important}
}
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,.95fr) minmax(0,1fr) minmax(0,.8fr)!important;gap:8px 6px!important;align-items:center!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-title-row,html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-measure-row{display:contents!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-title-row h1,html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-scope{display:none!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-title-row>.dv-mobile-dates{grid-area:1 / 1!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-title-row>.dv-app-filter-button:not(.dv-mobile-dates){grid-area:1 / 2!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-segment{grid-area:1 / 3 / 2 / 5!important;width:100%!important;min-width:0!important;height:44px!important;box-sizing:border-box!important;display:flex!important;padding:3px!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-title-row>.dv-app-filter-button{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 6px!important;box-sizing:border-box!important;font-size:14px!important;white-space:nowrap!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-segment>button{flex:1 1 0!important;min-width:0!important;height:38px!important;min-height:0!important;padding:0 5px!important;font-size:14px!important;white-space:nowrap!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls>.dv-appearance-theme-toggle{grid-area:2 / 4!important;position:static!important;justify-self:end!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls>[data-exposed-seasonal]{grid-area:2 / 3!important;position:static!important;justify-self:end!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls>[data-mobile-sales-summary]{grid-area:2 / 1 / 3 / 3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important}
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) [data-mobile-sales-summary]>[data-summary-separator]{display:none!important}
}}
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-sales-layout="mobile"] body #root#root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls>[data-exposed-seasonal]{grid-area:2 / 3 / 3 / 5!important;justify-self:end!important;margin-right:46px!important}
}}

/* Selected-period captions must follow the active theme, including filtered headers. */
@layer dreamviewTypography {
 html:root[data-theme=light] body #root#root .dv-section-subtitle,
 html:root[data-theme=light] body #root#root .dv-trend-period-note,
 html:root[data-theme=light] body #root#root .dv-trend-subtitle,
 html:root[data-theme=light] body #root#root .dv-mobile-date-context{color:#254763!important;opacity:1!important}
 html:root[data-theme=dark] body #root#root .dv-section-subtitle,
 html:root[data-theme=dark] body #root#root .dv-trend-period-note,
 html:root[data-theme=dark] body #root#root .dv-trend-subtitle,
 html:root[data-theme=dark] body #root#root .dv-mobile-date-context{color:#c5d2e5!important;opacity:1!important}
}
@layer dreamviewTypography {
 html:root body #root#root#root .dv-section-subtitle,
 html:root body #root#root#root .dv-trend-period-note,
 html:root body #root#root#root .dv-trend-subtitle{font:600 13px/1.35 system-ui!important;margin:4px 0 0!important;letter-spacing:normal!important}
}
@layer dreamviewTypography {@media(min-width:901px){
 html:root[data-dv-sales-layout="desktop"] body #root#root#root .dv-panel-monthly:not(.ly-active):not(.cp-active) [data-ly-original-title]>div>div.dv-trend-period-note{grid-area:2 / 1!important;align-self:start!important;white-space:normal!important}
}}

/* Reporting year is fixed; keep its native value while offering month/day only. */
@layer dreamviewTypography {
 #dv-date-panel label:has(select[name$="-year"]){display:none!important}
 #dv-date-panel .dv-date-parts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 @keyframes dv-detail-hint{0%,100%{opacity:1}50%{opacity:.55}}
 .dv-data-hint,.dom-comparison-heading-note{animation:dv-detail-hint 2.6s ease-in-out 3}
 @media(prefers-reduced-motion:reduce){.dv-data-hint,.dom-comparison-heading-note{animation:none!important}}
}


@layer dreamviewTypography {
 html:root[data-theme] body .dv-filter-toolbar .dv-data-hint{display:block!important;font:500 12px/1.35 system-ui!important;margin:4px 0 0!important;color:#254763!important;animation:dv-detail-hint 2.6s ease-in-out 3}
 html:root[data-theme=dark] body .dv-filter-toolbar .dv-data-hint{color:#c5d2e5!important}
 .ly-interaction-note{animation:dv-detail-hint 2.6s ease-in-out 3}
 @media(prefers-reduced-motion:reduce){html:root[data-theme] body .dv-filter-toolbar .dv-data-hint,.ly-interaction-note{animation:none!important}}
}
@layer dreamviewTypography{@media(min-width:901px){
 html:root[data-theme] body .dv-family-footer{padding-top:2px!important}
}}
@layer dreamviewTypography{@media(min-width:901px){html:root[data-theme] body .dv-family-footer{padding-block:0!important}}}

/* Desktop shell owns the viewport. Only the current page content may scroll. */
@layer dreamviewTypography {
 @media(min-width:680px){
  html:root[data-theme] body>.dv-family-footer{flex:0 0 auto!important}
 }
}
@layer dreamviewTypography{
}


/* The mobile filter uses a light button in both themes; its masked icon follows the navy label. */
@layer dreamviewTypography {
 html:root[data-theme="dark"][data-dv-sales-layout="mobile"] body #root#root#root .dv-app-filter-button:not(.dv-mobile-dates)::before{background-color:#234565!important;opacity:1!important}
}

/* Desktop theme promotion must not leak from its hidden control into mobile. */
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-new-features][data-theme="dark"] body .dv-appearance-theme-toggle::after{content:none!important;display:none!important}
}}

/* A small breathing space separates page content from the persistent family footer. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body>.dv-family-footer{padding-top:12px!important}
}}

/* Sales uses the desktop width; the shared content pane handles any vertical overflow. */
@layer dreamviewTypography{@media(min-width:901px){
}}

@layer dreamviewTypography{@media(min-width:1800px){
}}

/* Keep clear space below the family lettering as well as above it. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body>.dv-family-footer{padding-bottom:12px!important}
}}

/* Customer/product search is always visible, with inline matches and no disclosure menu. */
@layer dreamviewTypography{
 html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-filter-search{padding:12px!important;display:block!important}
 html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-search-heading{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important;font-size:14px!important}
 html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-search-heading>span{font-size:12px!important;opacity:.8!important}
 html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-filter-search>input[type=search]{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0 0 8px!important;padding:9px 10px!important;border:1px solid #8ca6c777!important;border-radius:7px!important;background:#ffffff77!important;color:#193e60!important;font-size:14px!important}
 html:root[data-theme=dark] body #dv-filter-panel#dv-filter-panel .dv-filter-search>input[type=search]{background:#15334e!important;color:#eaf2ff!important}
 html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-filter-search .dv-check-list{display:block!important;max-height:180px!important;overflow:auto!important}
 html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-filter-search .dv-check-list p{font-size:12px!important;line-height:1.4!important;margin:4px 0!important;opacity:.8!important}
}

/* Keep the comparison action adjacent to the measure, including wrapped toolbar rows. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-measure-compare{display:inline-flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-filter-summary{display:none!important}
}}

/* Guidance sits between comparison/measure controls and the freshness utilities. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-dashboard-actions>.dv-data-hint{grid-area:auto!important;flex:1 1 180px!important;min-width:140px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 8px!important;font-size:12px!important;line-height:1.4!important;align-self:center!important}
}}
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-dashboard-actions>.dv-data-hint{text-align:center!important;text-wrap:balance!important}
}}
/* Remove the old summary track so guidance has symmetric space to both neighbors. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-filter-toolbar{grid-template-columns:minmax(0,1fr) max-content!important;column-gap:8px!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-dashboard-actions{grid-column:1!important;min-width:0!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-dashboard-utilities{grid-column:2!important}
}}
/* Toolbar uses distinct left, guidance, and right tracks. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-filter-toolbar{grid-template-columns:minmax(0,max-content) minmax(140px,1fr) max-content!important;gap:12px!important;align-items:center!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-dashboard-actions{grid-area:1 / 1!important;min-width:0!important;flex-wrap:wrap!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-data-hint{grid-area:1 / 2!important;margin:0!important;padding:0 8px!important;width:auto!important;max-width:none!important;min-width:0!important;text-align:center!important;text-wrap:balance!important;font-size:12px!important;line-height:1.4!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-dashboard-utilities{grid-area:1 / 3!important;justify-self:end!important;margin:0!important;white-space:nowrap!important}
}}
@layer dreamviewTypography{@media(min-width:680px) and (max-width:1280px){
 html:root[data-theme] body .dv-filter-toolbar{grid-template-columns:minmax(0,1fr) max-content!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-dashboard-utilities{grid-area:1 / 2!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-data-hint{grid-area:2 / 1 / 3 / 3!important}
}}

/* Customer and Product search share the export filter level above the dashboard. */
@layer dreamviewTypography{
 html:root[data-theme] body .dv-export-filter-level{display:none!important}
 @media(min-width:680px){
  html:root[data-theme] body .dv-filter-toolbar>.dv-export-filter-level{display:grid!important;grid-area:2 / 1 / 3 / -1!important;grid-template-columns:repeat(2,minmax(160px,280px))!important;gap:10px 16px!important;align-items:start!important}
  html:root[data-theme] body .dv-export-search{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:6px 8px!important;align-items:center!important;min-width:0!important;font-size:12px!important;color:inherit!important}
  html:root[data-theme] body .dv-export-search>input{box-sizing:border-box!important;min-width:0!important;width:100%!important;border:1px solid #8ca6c777!important;border-radius:7px!important;padding:7px 9px!important;font:400 12px/1.3 system-ui!important;background:#ffffff77!important;color:#193e60!important}
  html:root[data-theme=dark] body .dv-export-search>input{background:#15334e!important;color:#eaf2ff!important}
  html:root[data-theme] body .dv-export-search-matches{grid-column:1 / -1!important;display:flex!important;flex-wrap:wrap!important;gap:4px 12px!important;align-items:center!important}
  html:root[data-theme] body .dv-export-search-matches[hidden]{display:none!important}
  html:root[data-theme] body .dv-export-search-matches label{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;max-width:100%!important;font-size:12px!important}
  html:root[data-theme] body .dv-export-search-matches label span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html:root[data-theme] body #dv-filter-panel fieldset:is([data-field=Customer],[data-field=Product]){display:none!important}
 }
 @media(min-width:680px) and (max-width:1280px){
  html:root[data-theme] body .dv-filter-toolbar>.dv-export-filter-level{grid-area:3 / 1 / 4 / -1!important}
 }
}
/* All export-level controls share a single desktop row. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar{grid-template-columns:minmax(0,max-content) clamp(170px,16vw,280px) minmax(100px,1fr) max-content!important;gap:10px!important;align-items:start!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar>.dv-dashboard-actions{grid-area:1 / 1!important;flex-wrap:nowrap!important;gap:6px!important;align-self:start!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar>.dv-export-filter-level{grid-area:1 / 2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar>.dv-data-hint{grid-area:1 / 3!important;font-size:11px!important;align-self:center!important;padding:0 5px!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar>.dv-dashboard-utilities{grid-area:1 / 4!important;gap:6px!important;align-self:start!important}
 html:root[data-theme] body .dv-export-search{grid-template-columns:minmax(0,1fr)!important;position:relative!important}
 html:root[data-theme] body .dv-export-search>label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
 html:root[data-theme] body .dv-export-search>input{height:32px!important;font-size:11px!important;padding:6px 7px!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar button:not(.dv-clear-all){font-size:11px!important;min-width:0!important;min-height:32px!important;height:32px!important;padding:6px 8px!important;white-space:nowrap!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar .dv-exposed-measure{padding:2px!important;gap:0!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar .dv-exposed-measure button{height:28px!important;min-height:28px!important;padding:5px 8px!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar .dv-measure-compare{gap:6px!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar .dv-header-freshness{gap:8px!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar #snapshot{font-size:11px!important;line-height:1.4!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar button svg{width:15px!important;height:15px!important}
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar .dv-new-feature-badge{font-size:8px!important}
}}
/* Comparison action and guidance form a centered group on the export controls row. */
@layer dreamviewTypography{@media(min-width:680px){
 html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar{grid-template-columns:minmax(0,max-content) clamp(170px,16vw,280px) minmax(210px,1fr) max-content!important}
 html:root[data-theme] body .dv-filter-toolbar>.dv-export-center{grid-area:1 / 3!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-width:0!important;align-self:center!important}
 html:root[data-theme] body .dv-export-center>.dv-location-compare-launch{flex:0 0 auto!important}
 html:root[data-theme] body .dv-export-center>.dv-data-hint{flex:0 1 auto!important;text-align:center!important;max-width:440px!important;min-width:0!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.4!important}
}}

/* One consistent control height and outline on the export filter level. */
@layer dreamviewTypography{@media(min-width:680px){
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar :is(button:not(.dv-clear-all),.dv-export-search>input){box-sizing:border-box!important;height:34px!important;min-height:34px!important;border-width:1px!important;border-style:solid!important;border-radius:8px!important;font-size:11px!important;font-weight:600!important;line-height:16px!important;padding:7px 9px!important;box-shadow:none!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar .dv-exposed-measure{box-sizing:border-box!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid #8ca6c777!important;border-radius:8px!important;align-items:stretch!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar .dv-exposed-measure button{height:32px!important;min-height:32px!important;border:0!important;border-radius:7px!important;padding:7px 9px!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar>.dv-export-center{justify-content:flex-start!important;align-self:start!important;min-height:34px!important}
html:root[data-theme] body .dv-export-center>.dv-data-hint{flex:1 1 auto!important;max-width:none!important}
}}

/* Shared desktop scale and a stable baseline for both chrome rows. */
@layer dreamviewTypography{@media(min-width:680px){
html:root{--dv-chrome-font:clamp(9px,.72vw,13px);--dv-chrome-height:clamp(30px,2.25vw,38px);--dv-chrome-gap:clamp(4px,.5vw,9px)}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar{grid-template-columns:max-content clamp(210px,19vw,340px) minmax(0,1fr) max-content!important;gap:var(--dv-chrome-gap)!important;align-items:start!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar :is(button:not(.dv-clear-all),.dv-export-search>input){height:var(--dv-chrome-height)!important;min-height:var(--dv-chrome-height)!important;font-size:var(--dv-chrome-font)!important;padding:5px 7px!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar .dv-exposed-measure{height:var(--dv-chrome-height)!important;min-height:var(--dv-chrome-height)!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar .dv-exposed-measure button{height:calc(var(--dv-chrome-height) - 2px)!important;min-height:calc(var(--dv-chrome-height) - 2px)!important}
html:root[data-theme] body .dv-filter-toolbar>.dv-export-center{align-items:flex-start!important;align-self:start!important;gap:var(--dv-chrome-gap)!important}
html:root[data-theme] body .dv-export-center>.dv-data-hint{align-self:center!important;font-size:clamp(9px,.65vw,11px)!important;line-height:1.3!important;word-break:normal!important;overflow-wrap:normal!important}
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar #snapshot{font-size:var(--dv-chrome-font)!important}
}
@media(min-width:680px) and (max-width:1700px){
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar>.dv-export-center{display:contents!important}
html:root[data-theme] body .dv-export-center>.dv-location-compare-launch{grid-area:1 / 3!important;justify-self:start!important;align-self:start!important}
html:root[data-theme] body .dv-export-center>.dv-data-hint{grid-area:2 / 1 / 3 / -1!important;justify-self:center!important;max-width:none!important;width:auto!important;margin:0!important;padding:2px 0!important}
}}

@layer dreamviewTypography{@media(min-width:680px){
html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar button:not(#feedback-nav):not(#seasonal-vibes-control):not(#dv-unused-control){font-size:var(--dv-chrome-font)!important;height:var(--dv-chrome-height)!important;min-height:var(--dv-chrome-height)!important;border-width:1px!important;padding:5px 7px!important;line-height:16px!important}
html:root[data-dv-appearance][data-theme] body .dv-filter-toolbar .dv-exposed-measure button:not(#feedback-nav):not(#seasonal-vibes-control):not(#dv-unused-control){height:calc(var(--dv-chrome-height) - 2px)!important;min-height:calc(var(--dv-chrome-height) - 2px)!important;border:0!important}
}}

@layer dreamviewTypography{@media(min-width:680px){
html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar{grid-template-columns:max-content clamp(210px,19vw,340px) max-content max-content!important;justify-content:space-between!important}
}}
@layer dreamviewTypography{@media(min-width:680px){html:root[data-theme] body .dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar.dv-filter-toolbar{grid-template-columns:max-content clamp(210px,19vw,340px) minmax(max-content,1fr) max-content!important;justify-content:stretch!important;column-gap:6px!important}}}
/* Desktop shell owns the viewport. Only the current page content may scroll. */
@layer dreamviewTypography {
 @media(min-width:680px){
  html:root[data-theme]:has(body>header.shell){height:100dvh!important;min-height:0!important;overflow:hidden!important}
  html:root[data-theme] body:has(>header.shell){display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;box-sizing:border-box!important}
  html:root[data-theme] body>header.shell,
  html:root[data-theme] body>.dv-family-footer{flex:0 0 auto!important}
  html:root[data-theme] body:has(>header.shell)>main{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important}
  html:root[data-theme] body:has(>header.shell)>main>.dv-filter-toolbar{flex:0 0 auto!important}
  html:root[data-theme] body:has(>header.shell)>main>#combined:not([hidden]){flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
  html:root[data-theme] body:has(>header.shell)>main>iframe:not([hidden]){flex:1 1 0!important;min-height:0!important;height:100%!important;max-height:none!important}
 }
}
@layer dreamviewTypography{
 html:root[data-theme] body:has(>header.shell)>main>#combined:focus-visible{outline:2px solid #7898bd;outline-offset:-2px}
}



/* Sales uses the desktop width; the shared content pane handles any vertical overflow. */
@layer dreamviewTypography{@media(min-width:901px){
 html:root[data-theme] body:has(>header.shell)>main:has(>#combined:not([hidden])){width:calc(100% - 48px)!important;max-width:none!important}
}}

@layer dreamviewTypography{@media(min-width:1800px){
 html:root[data-theme] body:has(>header.shell)>main:has(>#combined:not([hidden])){width:92%!important}
}}


/* The temporary export announcement keeps the existing control dimensions. */
html:root[data-theme] body button.dv-export-format-new{position:relative!important;margin-bottom:20px!important}
html:root[data-theme] body button[data-action="export"]>.dv-export-format-badge{position:absolute;top:calc(100% + 4px);right:0;transform:none;display:block;white-space:nowrap;padding:2px 5px;border-radius:4px;background:#c1e2fb;color:#173b59;border:1px solid #85b6d9;font:650 8px/1.1 "Segoe UI",sans-serif;letter-spacing:.1px;text-transform:uppercase;pointer-events:none}

@keyframes dv-export-format-pulse{0%,100%{opacity:1}50%{opacity:.4}}
html:root[data-theme] body button[data-action="export"]>.dv-export-format-badge{animation:dv-export-format-pulse 1.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){html:root[data-theme] body button[data-action="export"]>.dv-export-format-badge{animation:none}}

/* Active selections remain visible above the inner dashboard scroll surface. */
html:root[data-theme] body .dv-fixed-active-filters{flex:0 0 auto!important;display:flex!important;min-height:26px!important;margin:4px auto 8px!important;width:calc(100% - 48px)!important;max-width:none!important;box-sizing:border-box!important}
html:root[data-theme] body .dv-fixed-active-filters[hidden]{display:none!important}
html:root[data-theme] body .dv-fixed-active-filters>.dv-filter-chips{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 9px!important;width:100%!important;min-width:0!important}
html:root[data-theme] body .dv-fixed-active-filters button{background:transparent!important;color:inherit!important;border:0!important;border-bottom:1px solid #829bb766!important;border-radius:0!important;padding:3px 4px!important;min-height:24px!important;height:auto!important;font:500 12px/1.4 "Segoe UI",sans-serif!important;white-space:nowrap!important}
html:root[data-theme] body .dv-fixed-active-filters .dv-clear-all{text-decoration:underline!important}
html:root[data-theme] body .dv-fixed-active-filters:has(.dv-chip-overflow[aria-expanded="true"]){max-height:100px!important;overflow-y:auto!important}
@media(min-width:1900px){html:root[data-theme] body .dv-fixed-active-filters{width:92%!important}}
@media(max-width:679px){html:root[data-theme] body .dv-fixed-active-filters{width:calc(100% - 24px)!important}}

/* Selected mobile filters wrap without clipping or pushing Clear All outside. */
@layer dreamviewTypography {@media(max-width:679px){
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-app-controls>.dv-app-active-filters{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-width:0!important;width:100%!important;height:auto!important;align-items:start!important;gap:8px!important}
 html:root[data-dv-sales-layout=mobile] body #root#root#root#root .dv-app-active-filters>button:first-child{display:block!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;-webkit-line-clamp:unset!important;text-overflow:clip!important;text-align:left!important}
}}

html:root[data-theme] body .dv-dashboard-utilities:has(>.dv-export-format-new){align-items:flex-start!important}

/* Browse Customer/Product choices without growing the dashboard toolbar. */
@layer dreamviewTypography {@media(min-width:680px){
 html:root[data-theme] body .dv-export-search>.dv-export-search-matches{position:absolute!important;inset:calc(100% + 5px) auto auto 0!important;width:clamp(260px,26vw,380px)!important;max-width:calc(100vw - 32px)!important;max-height:min(320px,50dvh)!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:2px!important;padding:6px!important;box-sizing:border-box!important;border:1px solid #8ca6c7!important;border-radius:9px!important;background:#eaf1fa!important;color:#193e60!important;box-shadow:0 8px 24px #142e5033!important;z-index:120!important}
 html:root[data-theme=dark] body .dv-export-search>.dv-export-search-matches{background:#17334e!important;color:#eaf2ff!important;border-color:#637e9f!important}
 html:root[data-theme] body .dv-export-search>.dv-export-search-matches[hidden]{display:none!important}
 html:root[data-theme] body .dv-export-search-matches>label{display:flex!important;flex:0 0 auto!important;align-items:flex-start!important;gap:8px!important;min-height:32px!important;padding:7px 6px!important;box-sizing:border-box!important;cursor:pointer!important;border-radius:5px!important}
 html:root[data-theme] body .dv-export-search-matches>label:hover{background:#789fc52b!important}
 html:root[data-theme] body .dv-export-search-matches>label>input{flex:none!important;margin-top:2px!important}
 html:root[data-theme] body .dv-export-search-matches>label>span{white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
 html:root[data-theme] body .dv-export-search-matches>.dv-search-select-all{flex:0 0 auto!important;width:100%!important;text-align:left!important}
}}

/* A slightly gentler desktop flight; mobile keeps its original timing. */
@layer dreamviewTypography {@media(min-width:680px){
 html:root[data-dv-spacing="on"] body .dv-fall-leaf[data-witch-hat="true"][data-halloween-bat="true"]{animation-duration:calc(var(--leaf-time,18s) * 1.2)!important}
}}

.dv-saved-views{padding:14px 20px;border-bottom:1px solid var(--dv-border,#91a5be)}.dv-saved-views h3{margin:0 0 6px}.dv-saved-views p{font-size:12px;line-height:1.4;margin:5px 0 10px}.dv-saved-views input{box-sizing:border-box;max-width:100%;padding:9px;border:1px solid #839db8;border-radius:8px;background:var(--dv-input-bg,transparent);color:inherit}.dv-saved-views button{padding:8px 10px;border:1px solid #839db8;border-radius:8px;background:var(--dv-control-bg,transparent);color:inherit;cursor:pointer}.dv-saved-view-list>div{display:flex;gap:8px;margin-top:8px}.dv-saved-view-list>div>button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}

/* Compact, aligned filter drawer; saved setups remain visible and usable. */
@layer dreamviewTypography{
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-head{padding:14px 18px!important;align-items:center!important;gap:12px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-head h2{font-size:20px!important;line-height:26px!important;margin:0!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-head p{font-size:12px!important;line-height:18px!important;margin:3px 0 0!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-head>button{width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;border-radius:9px!important;padding:0!important;font-size:20px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-views{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:12px 18px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-views h3{grid-column:1/-1!important;margin:0!important;font-size:14px!important;line-height:20px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-views>p{grid-column:1/-1!important;font-size:12px!important;line-height:17px!important;margin:0!important;color:inherit;opacity:.8;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-views>p:empty{display:none!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-views>input{width:100%!important;min-width:0!important;font-size:14px!important;min-height:38px!important;height:38px!important;margin:0!important;padding:8px 10px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-views button{min-height:38px!important;font-size:12px!important;line-height:18px!important;padding:8px 10px!important;white-space:nowrap!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-view-list{grid-column:1/-1!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-view-list>div{margin-top:0!important;gap:8px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-saved-view-list>div+div{margin-top:6px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-content{padding:12px 18px!important;gap:8px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-content summary{min-height:42px!important;padding:10px 12px!important;font-size:14px!important;line-height:20px!important;gap:8px!important;border-radius:10px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:12px 18px!important;gap:10px!important;align-items:center!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-active-control{grid-column:1/-1!important;margin:0!important;min-width:0!important;font-size:14px!important;line-height:20px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-actions{display:flex!important;gap:8px!important;margin:0!important;align-items:center!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-footer button{font-size:14px!important;line-height:20px!important;min-height:40px!important;padding:9px 12px!important;}
html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-reset-draft{justify-self:start!important;padding-left:0!important;}
}
@layer dreamviewTypography{html:root[data-theme] body #dv-filter-panel#dv-filter-panel .dv-drawer-content{min-height:0!important;flex:1 1 auto!important;overflow:auto!important;align-content:start!important;grid-auto-rows:min-content!important;}html:root[data-theme] body #dv-filter-panel#dv-filter-panel :is(.dv-drawer-head,.dv-saved-views,.dv-drawer-footer){flex-shrink:0!important;}html:root[data-theme=light] body #dv-filter-panel#dv-filter-panel{background:#dfe9f6!important;}html:root[data-theme=dark] body #dv-filter-panel#dv-filter-panel{background:#19314c!important;}}

/* Preserve the original blue primary actions in dark mode. */
@layer dreamviewTypography {
 html:root[data-dv-appearance][data-theme=dark] body .dv-filter-toolbar button:is(.dv-open-filters,[data-action="export"]):not(#feedback-nav):not(#seasonal-vibes-control),
 html:root[data-theme=dark] body #root .dv-app-filter-button:not(.dv-mobile-dates),
 html:root[data-dv-appearance][data-theme=dark].dv-embedded[data-dv-sales-layout="mobile"] #root#root .dv-sales-app:has(.dv-app-body) .dv-app-controls .dv-app-title-row button.dv-app-filter-button:not(.dv-mobile-dates) {
  background:linear-gradient(135deg,#297cbf,#365bc7)!important;color:#fff!important;border-color:#8ccfff99!important;
  box-shadow:inset 0 1px 0 #ffffff35,0 4px 12px #071b3d30!important;
 }
 html:root[data-dv-appearance][data-theme=dark] body .dv-filter-toolbar button:is(.dv-open-filters,[data-action="export"]):not(#feedback-nav):not(#seasonal-vibes-control):hover,
 html:root[data-theme=dark] body #root .dv-app-filter-button:not(.dv-mobile-dates):hover {
  background:linear-gradient(135deg,#3188cc,#4067d2)!important;
 }
 html:root[data-dv-appearance][data-theme=dark] body .dv-filter-toolbar button.dv-open-filters:not(#feedback-nav):not(#seasonal-vibes-control) svg g {fill:currentColor!important;}
}

@layer dreamviewTypography { html:root body .dv-date-dialog .dv-date-actions {gap:6px!important} html:root body .dv-date-dialog .dv-date-actions>button {font-size:12px!important;padding:10px 7px!important;min-width:0!important;white-space:nowrap!important;flex:1 1 auto!important} }