@import url('/dreamview-ui.css');
/* Local preview desktop contract.
   The parent page owns width and scrolling. The iframe fills that width.
   !important is limited to native React/stylesheet properties we must replace.
   Do not append competing geometry layers; edit the responsible section here. */
/* The Hub owns the only page background, including the first loading paint.
   Transparency changes presentation only; native mobile geometry stays intact. */
/* Loading uses the native centered artwork and message placement. */
:root{--dv-glass-surface:transparent;--dv-monthly-surface:var(--dv-panel-glass-background)}
 html.dv-embedded #root .dom-mobile-header-action:is([aria-label="Light mode"],[aria-label="Dark mode"]){display:none!important}
 html.dv-embedded #root :is(.app-boot-loader-messages,.cloud-loading-screen>div>div){color:#dce6f2!important}
@media all {
 html[data-dv-sales-layout="desktop"].dv-embedded,html[data-dv-sales-layout="desktop"].dv-embedded body{height:auto!important;min-height:0!important;background:transparent!important}
 /* The shell measures the full body and owns scrolling. Prevent a transient
    iframe scrollbar from reducing width while a new height is in transit. */
 html[data-dv-sales-layout="desktop"].dv-embedded{overflow:clip!important}
 html[data-dv-sales-layout="desktop"].dv-embedded body{overflow:visible!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root,html[data-dv-sales-layout="desktop"].dv-embedded #root>div:not(.cloud-loading-screen):not(.app-boot-loader){height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important}
 /* The native status surface needs the full iframe, not dashboard geometry.
    Render the original complete artwork once, preserving its gold/pale colors. */
 html[data-dv-sales-layout="desktop"].dv-embedded #root>:is(.cloud-loading-screen,.app-boot-loader){box-sizing:border-box;min-height:100vh!important;background:transparent!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.cloud-loading-screen,.app-boot-loader),html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.cloud-loading-screen,.app-boot-loader) :is(div,button){font-family:var(--font-content)!important;font-variant-numeric:tabular-nums}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .cloud-loading-screen>.dom-bg-effects{display:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.cloud-loading-screen,.app-boot-loader) img:not(.cloud-status-logo-wordmark){width:min(380px,76vw)!important;max-height:150px!important;margin-inline:auto;clip-path:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dashboard-viewport,.dashboard-scale-wrapper,.dashboard-canvas){
  display:block!important;position:relative!important;inset:auto!important;
  transform:none!important;zoom:1!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;
 }
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-dashboard-body{display:block!important;width:100%!important;height:auto!important;max-height:none!important;padding:0 0 12px!important;overflow:visible!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-chart-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;gap:16px!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important;background:transparent!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-kpi-row{order:1;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important!important;gap:0!important;width:100%!important;margin:0!important;min-height:0!important}
 html[data-dv-sales-layout="desktop"] .dv-local-locations{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;min-width:0}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-reference-grid{order:3;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-areas:none!important;grid-template-rows:auto auto!important;gap:16px!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;overflow:visible!important;background:transparent!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly{grid-area:1/1/2/5!important;min-height:288px!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products{grid-area:1/5/2/7!important;min-height:288px!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-category{grid-area:2/1/3/3!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-account{grid-area:2/3/3/5!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-order{grid-area:2/5/3/7!important}
 @media(min-width:761px){
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-reference-grid[data-order-class-selected] .dv-panel-category{grid-column:1/4!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-reference-grid[data-order-class-selected] .dv-panel-account{grid-column:4/7!important}
 }
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme] #root :is(.dv-panel-monthly,.dv-panel-products,.dv-panel-category,.dv-panel-account,.dv-panel-order){
  display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important;padding:12px!important;
  --dv-glass-surface:var(--dv-monthly-surface);background:var(--dv-glass-surface)!important;backdrop-filter:blur(var(--dv-glass-blur))!important;-webkit-backdrop-filter:blur(var(--dv-glass-blur))!important;border:0!important;border-radius:16px!important;border:1px solid #9bb9d538!important;box-shadow:inset 0 1px 0 #ffffff08!important;
 }
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order){min-height:196px!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme] #root :is(.dv-panel-monthly,.dv-panel-category,.dv-panel-account){border-right:1px solid #9bb9d538!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly>div:last-child{contain:size!important;min-height:0!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products .dom-fill-row{column-gap:8px!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products .dom-fill-row>div:first-child{min-width:0!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products .dom-fill-row>div:first-child>div{display:grid!important;grid-template-columns:8px minmax(0,1fr) max-content minmax(0,1fr)}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-panel-products,.dv-panel-category,.dv-panel-account,.dv-panel-order)>.dom-fill-row-list{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row{flex:1 0 auto!important;min-height:22px!important;height:auto!important;padding-block:1px!important;row-gap:3px!important;align-content:center!important}
 /* One data typeface for desktop Sales, including chart controls. The native
    mobile experience keeps its own typography below this desktop section. */
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-chart-content,
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-chart-content *{font-family:var(--font-content)!important;font-variant-numeric:tabular-nums}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row,html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row *{font-size:15px!important;font-weight:500!important;letter-spacing:0}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order) .dom-fill-row>div:first-child{font-weight:500!important;opacity:1}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products .dom-fill-row>div:last-child,
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row button[aria-label^="Show comparison details"],
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row button[aria-label^="Show comparison details"] *{font-weight:600!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row button[aria-label^="Show comparison details"] [title]{font-size:14px!important}
 /* Reserve enough room for readable amounts and percentages while keeping
    both years' bar rails aligned. Native values and buttons stay unchanged. */
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"])>span>span:last-child{flex-basis:138px!important;width:138px!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-account .dom-fill-row{grid-template-columns:minmax(125px,.28fr) minmax(0,1fr)!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order) .dom-fill-row>div:first-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dom-primary-card-title,.dom-section-title-text,.dom-comparison-heading-title){font-size:22px!important;font-weight:600!important;line-height:1.35!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-section-title-text+div,
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly div:has(>.dom-primary-card-title)+div{font-size:14px!important;font-weight:500!important;opacity:1;color:#c5d2e5!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-chart-content,html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-chart-content *{text-transform:capitalize}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-card-ranking li>strong{font-weight:600!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-location-heading strong{font-weight:600!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-destinations-heading{font-weight:600!important;font-size:13px!important;text-transform:capitalize!important;letter-spacing:0}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-destination-city,html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-destination-city *{text-transform:capitalize!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-destination-city b{font-weight:500!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products .dom-ranked-name-bold{font-weight:650!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products span:has(>button[aria-label="Inventory details"]){margin:0!important;flex:0 0 auto!important;min-width:max-content!important;max-width:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products button[aria-label="Inventory details"]{max-width:none!important;flex:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products button[aria-label="Inventory details"],html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products button[aria-label="Inventory details"] span{font-size:14px!important;font-weight:600!important;text-transform:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-state-city-inline{display:none!important;white-space:nowrap!important;flex:0 0 auto!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-state-city-inline.dv-detail-fits{display:inline-block!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root button[aria-label^="Show product name"]{cursor:default}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-reference-grid button[aria-label^="Show 2025 ytd amount"]>span>span:last-child{visibility:hidden!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly :is(.recharts-xAxis,.recharts-yAxis) :is(.recharts-cartesian-axis-tick-value,tspan){font-size:14px!important;font-weight:500!important;fill:#bdcee4!important;text-transform:capitalize!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly div:has(>.dom-ytd-label),html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly div:has(>.dom-ytd-label)>span{font-size:14px!important;font-weight:500!important;color:#c5d2e5!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly :is(.recharts-label,.recharts-label tspan){font-size:14px!important;font-weight:600!important;fill:#9fb0ff!important}

 /* Native filters remain mounted for React state and the external drawer. */
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-filter-container,.dv-panel-states,.dom-comparison-heading-note,.dv-shared-chart-note,.cloud-top-brand,.dom-mobile-header-logo,.dom-sidebar-family-logo,.cloud-status-logo-wordmark,.dom-desktop-status-row){display:none!important}
 html[data-dv-sales-layout="desktop"] .dv-summary-controls,html[data-dv-sales-layout="desktop"] .dv-location-caption,html[data-dv-sales-layout="desktop"] .dv-location-top,html[data-dv-sales-layout="desktop"] .dv-map-switch,html[data-dv-sales-layout="desktop"] .dv-all-locations,html[data-dv-sales-layout="desktop"] .dv-highlight-tabs{display:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-native-location{display:block!important}
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.cloud-clock,.cloud-source-date,.dom-sidebar-actions,.dom-sidebar-filter-heading,.dom-sidebar-footer-actions){display:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded body::before,html[data-dv-sales-layout="desktop"].dv-embedded body::after,html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dashboard-viewport,.dashboard-canvas)::before,html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dashboard-viewport,.dashboard-canvas)::after,html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-panel-monthly,.dv-panel-category,.dv-panel-account,.dv-panel-order)::after{display:none!important}

 /* Comparison lists retain both native bars; reduce only inter-row space. */
 html[data-dv-sales-layout="desktop"].dv-embedded #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order)>.dom-fill-row-list{gap:4px!important}

 /* Desktop summary: one reading edge, revenue first, quiet inline icons.
    The original values, comparisons and exact-value hover titles stay native. */
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dom-kpi-title{font-size:14px!important;font-weight:600!important;color:#9fb0ff!important;letter-spacing:0;text-transform:capitalize!important;padding-left:26px;box-sizing:border-box;line-height:20px}
 /* Wide revenue cards use the vacant space beside the value. The comparison
    remains in the common bottom row, and React retains ownership of its nodes. */
 @media(min-width:1201px){
 }
 html[data-dv-sales-layout="desktop"].dv-embedded #root .cloud-kpi-icon{width:18px!important;height:20px!important;top:10px!important;left:20px!important;border-radius:0!important;background:none!important;border:0!important;color:#92b4d8!important;display:grid;place-items:center}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .cloud-kpi-icon svg{width:18px!important;height:18px!important;stroke-width:1.8}
 @media(max-width:1200px){html[data-dv-sales-layout="desktop"] .dv-local-locations{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(max-width:1200px){
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-reference-grid{grid-template-rows:auto!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-category{grid-area:2/1/3/4!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-account{grid-area:2/4/3/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-order{grid-area:3/1/4/7!important;min-height:220px!important}
  html[data-dv-sales-layout="desktop"].dv-embedded[data-theme] #root .dv-panel-account{border-right:0!important}
 }
 @media(max-width:1000px){
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly{grid-area:1/1/2/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-products{grid-area:2/1/3/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-category{grid-area:3/1/4/4!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-account{grid-area:3/4/4/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-order{grid-area:4/1/5/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded[data-theme] #root .dv-panel-monthly{border-right:0!important}
 }
 @media(max-width:760px){
  html[data-dv-sales-layout="desktop"] .dv-local-locations{grid-template-columns:minmax(0,1fr)}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-category{grid-area:3/1/4/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-account{grid-area:4/1/5/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-order{grid-area:5/1/6/7!important}
  html[data-dv-sales-layout="desktop"].dv-embedded[data-theme] #root .dv-panel-category{border-right:0!important}
 }
 @media(max-width:1200px){
  html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-kpi-row{grid-template-columns:repeat(5,minmax(0,1fr))!important!important}
  html[data-dv-sales-layout="desktop"].dv-embedded #root .cloud-kpi-icon{left:12px!important}
 }
 @media(max-width:760px){html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-kpi-row{grid-template-columns:repeat(5,minmax(0,1fr))!important!important}}

 /* Reading text stays at its intended size. Cards grow for wrapped labels;
    all three destinations remain visible instead of fitting a fixed height. */
 html[data-dv-sales-layout="desktop"] .dv-location-card{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) 42px;grid-template-rows:auto minmax(64px,auto) 22px;gap:6px 10px;padding:12px;min-width:0;min-height:150px;align-items:center;border:1px solid var(--dv-location-border);border-radius:12px;background:var(--dv-panel-glass-background);backdrop-filter:blur(var(--dv-glass-blur));-webkit-backdrop-filter:blur(var(--dv-glass-blur));box-shadow:inset 0 1px 0 #ffffff0a;--dv-location-accent:#91caff;color:#f1f6ff;--dv-location-border:#68aee966;--dv-city-text:#c6d6e8}
 html[data-dv-sales-layout="desktop"] .dv-location-card.dv-dom{--dv-location-accent:var(--dv-location-dom);--dv-location-border:color-mix(in srgb,var(--dv-location-dom) 40%,transparent)}
 html[data-dv-sales-layout="desktop"] .dv-location-card.dv-kid{--dv-location-accent:var(--dv-location-kid);--dv-location-border:color-mix(in srgb,var(--dv-location-kid) 40%,transparent)}
 html[data-dv-sales-layout="desktop"] .dv-location-card.dv-cal{--dv-location-accent:var(--dv-location-cal);--dv-location-border:color-mix(in srgb,var(--dv-location-cal) 40%,transparent)}
 html[data-dv-sales-layout="desktop"] .dv-location-card.dv-di{--dv-location-accent:var(--dv-location-di);--dv-location-border:color-mix(in srgb,var(--dv-location-di) 40%,transparent)}
 html[data-dv-sales-layout="desktop"] .dv-location-artwork{grid-column:3;grid-row:1/3;position:relative;inset-inline-start:-20px;align-self:center;justify-self:center;display:block;width:42px;height:72px;cursor:default;color:var(--dv-location-accent)}
 html[data-dv-sales-layout="desktop"] .dv-region-shape{display:block;width:100%;max-width:100%;height:100%}
 html[data-dv-sales-layout="desktop"] .dv-location-heading{grid-column:1;grid-row:1;min-width:0;text-align:left;color:inherit}
 html[data-dv-sales-layout="desktop"] .dv-location-heading>strong{display:flex;align-items:center;gap:8px;font:600 18px/1.3 var(--font-content)}
 html[data-dv-sales-layout="desktop"] .dv-location-heading>strong::before{content:"";width:9px;height:9px;flex:none;border-radius:50%;background:var(--dv-location-accent)}
 html[data-dv-sales-layout="desktop"] .dv-location-share{grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:7px;min-width:0;font:500 13px/1.3 var(--font-content);white-space:nowrap;color:#c6d6e8}
 html[data-dv-sales-layout="desktop"] .dv-share-track{display:block;flex:1;min-width:20px;height:8px;margin-right:7px;overflow:hidden;border-radius:8px;background:#294361}
 html[data-dv-sales-layout="desktop"] .dv-share-fill{display:block;height:100%;border-radius:inherit;background:var(--dv-location-accent)}
 html[data-dv-sales-layout="desktop"] #root .dv-location-share b{display:inline;font:600 18px/1.3 var(--font-content);font-weight:600!important;color:#f1f6ff}
 html[data-dv-sales-layout="desktop"] #root .dv-location-share small{display:inline;margin:0;font:inherit;white-space:nowrap;text-transform:capitalize!important}
 html[data-dv-sales-layout="desktop"] .dv-location-copy{box-sizing:border-box;grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:2px;min-width:0;color:#f1f6ff;text-align:left}
 html[data-dv-sales-layout="desktop"] .dv-location-copy>b{font:600 36px/1.15 var(--font-content);font-weight:600!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
 html[data-dv-sales-layout="desktop"] .dv-location-copy>small{font:500 15px/1.4 var(--font-content);font-weight:500!important;color:#b2c5dc;font-variant-numeric:tabular-nums;white-space:nowrap}
 html[data-dv-sales-layout="desktop"] .dv-card-destinations{grid-column:2;grid-row:1/3;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:12px;border-left:1px solid #7894b23d;color:#e6effb}
 html[data-dv-sales-layout="desktop"] .dv-destinations-heading{display:block;font:500 13px/1.4 var(--font-content);text-align:left;letter-spacing:0;text-decoration:none;white-space:normal;margin-bottom:8px;color:#b2c5dc}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-destination-empty{font:450 12px/1.5 var(--font-content);color:var(--dv-city-text);text-transform:none}
 html[data-dv-sales-layout="desktop"] .dv-card-ranking{list-style:none;padding:0;margin:0;display:grid;gap:5px;width:100%;min-height:0;max-width:100%}
 html[data-dv-sales-layout="desktop"] .dv-card-ranking li{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;font:500 16px/1.35 var(--font-content);cursor:default}
 html[data-dv-sales-layout="desktop"] .dv-card-ranking li>strong{display:block;white-space:normal;overflow-wrap:anywhere;text-align:left;font-weight:500}
 html[data-dv-sales-layout="desktop"] .dv-card-ranking li:focus-visible{outline:2px solid var(--dv-location-accent);outline-offset:3px;border-radius:2px}
 html[data-dv-sales-layout="desktop"] .dv-destination-city,html[data-dv-sales-layout="desktop"] .dv-destination-city b{font-size:14px;line-height:1.4;text-transform:capitalize;color:var(--dv-city-text)}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-destination-city{position:absolute;z-index:2;bottom:100%;left:50%;transform:translateX(-50%);box-sizing:border-box;width:max-content;max-width:220px;padding:6px 9px!important;border:1px solid #8db0d566;border-radius:6px!important;background:#0b2138;box-shadow:0 3px 10px #0003;color:#d1deed;white-space:normal;visibility:hidden;pointer-events:none}
 html[data-dv-sales-layout="desktop"] .dv-card-ranking li:is(:hover,:focus-visible):not(.dv-tooltip-dismissed){z-index:2}
 html[data-dv-sales-layout="desktop"].dv-embedded #root .dv-card-ranking li:is(:hover,:focus-visible):not(.dv-tooltip-dismissed)>.dv-destination-city{visibility:visible;pointer-events:auto}

 /* Theme is separate from geometry. */
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=dark] #root .dv-reference-grid{background:transparent!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] #root :is(.dv-reference-grid,.dv-kpi-row){background:transparent!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] #root .dom-kpi-title{color:#405c93!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] #root :is(.dom-section-title-text,.dom-comparison-heading-title){color:#163A5F!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] #root :is(.dom-fill-row,.cloud-reference-kpi,.cloud-reference-kpi *){text-shadow:none!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] #root .cloud-kpi-icon{color:#38638f!important}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] .dv-location-card{--dv-city-text:#3b5670;background:var(--dv-panel-glass-background);color:#233d5c}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] .dv-dom{color:#165684;--dv-location-border:rgba(47,134,199,.55)}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] .dv-kid{color:#17644d;--dv-location-border:rgba(61,150,115,.55)}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] .dv-cal{color:#654393;--dv-location-border:rgba(140,104,215,.55)}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] .dv-di{color:#a44c36}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] :is(.dv-location-copy,.dv-card-destinations,.dv-location-share,#root .dv-location-share b){color:#233D5C}
 html[data-dv-sales-layout="desktop"].dv-embedded[data-theme=light] :is(.dv-location-copy>small,.dv-destinations-heading){color:#3b5670}

 html[data-dv-sales-layout="desktop"] .dv-native-map{display:none}
 html[data-dv-sales-layout="desktop"] .dv-shipment-svg{display:block;width:100%;flex:1;min-height:100px;max-height:220px;margin:5px 0}
 html[data-dv-sales-layout="desktop"] .dv-map-region{fill:#345b7666;stroke:#8db4d0;stroke-width:.7}
 html[data-dv-sales-layout="desktop"] .dv-map-region.destination{fill:#7baaf4}html[data-dv-sales-layout="desktop"] .dv-map-region.origin{fill:#d3a7f3}
 html[data-dv-sales-layout="desktop"] .dv-map-route{fill:none;stroke:#aadfff;stroke-width:2;stroke-dasharray:6 4}
 html[data-dv-sales-layout="desktop"] .dv-map-destination-marker{fill:#90cfff}html[data-dv-sales-layout="desktop"] .dv-map-origin-marker{fill:#ffdb78}
 html[data-dv-sales-layout="desktop"].dv-embedded :is([role=tooltip],.recharts-tooltip-wrapper),html[data-dv-sales-layout="desktop"].dv-embedded :is([role=tooltip],.recharts-tooltip-wrapper) *{font-family:var(--font-content)!important;font-weight:500!important;font-variant-numeric:tabular-nums;text-transform:capitalize!important}
 html[data-dv-sales-layout="desktop"].dv-embedded [role=tooltip]{padding:15px 17px!important;border-radius:12px!important}
 html[data-dv-sales-layout="desktop"].dv-embedded .dv-comparison-details{gap:9px!important;font-size:15px!important;line-height:1.4!important}
}
@media all{html[data-dv-sales-layout="mobile"] .dv-local-locations,html[data-dv-sales-layout="mobile"] .dv-native-map,html[data-dv-sales-layout="mobile"] .dv-summary-controls,html[data-dv-sales-layout="mobile"] .dv-map-switch,html[data-dv-sales-layout="mobile"] .dv-all-locations,html[data-dv-sales-layout="mobile"] .dv-highlight-tabs{display:none!important}}
/* Native mobile keeps its own layout and interactions. Surface transparency
   and readable type share the desktop treatment; geometry stays native. */
html[data-theme] #root .cloud-mobile-canvas [data-cloud-card]{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:inset 0 1px 0 #ffffff08!important}
/* The native monthly chart is a bar chart on mobile. Its existing primary
   heading identifies the panel even while the chart loads or has no data. */
html[data-theme] #root .cloud-mobile-canvas [data-cloud-card]:has(.dom-primary-card-title){background:var(--dv-monthly-surface)!important;backdrop-filter:blur(var(--dv-glass-blur))!important;-webkit-backdrop-filter:blur(var(--dv-glass-blur))!important}
#root .cloud-mobile-canvas .dom-kpi-title{font-size:14px!important;font-weight:600!important}
#root .cloud-mobile-canvas .dom-ytd-label{font-weight:500!important}
#root .cloud-mobile-canvas :is(.dom-section-title-text,.dom-comparison-heading-title){font-weight:600!important}
#root .cloud-mobile-canvas .dom-ranked-name-bold{font-weight:650!important}
#root .cloud-mobile-canvas [data-cloud-card][aria-label^="View ytd"]>div>div:nth-child(2){font-size:28px!important;font-weight:450!important}
#root .cloud-mobile-canvas [data-cloud-card][aria-label="View ytd revenue details"]>div>div:nth-child(2){font-size:34px!important;font-weight:450!important}
#root .cloud-mobile-canvas [data-cloud-card][role=button]:not([aria-label])>div:first-child{font-size:14px!important;font-weight:500!important}
#root .cloud-mobile-canvas [data-cloud-card][role=button]:not([aria-label])>div:nth-child(2){font-weight:500!important}
#root .cloud-mobile-canvas [data-cloud-card][role=button]:not([aria-label])>div:last-child{font-weight:600!important}
#root .cloud-mobile-canvas :is(input[type=search],[aria-haspopup=listbox],button[aria-label="Open filters"]){font-size:14px!important}
#root .cloud-mobile-canvas .recharts-cartesian-axis-tick :is(text,tspan){font-size:12px!important;font-weight:500!important}
#root .cloud-mobile-canvas [aria-label="Dashboard sections"]{background:rgba(8,24,42,.45)!important;backdrop-filter:blur(var(--dv-glass-blur))}
#root .cloud-mobile-canvas [aria-label="Dashboard sections"] button span{font-size:13px!important;font-weight:600!important}
html[data-theme=dark] #root .cloud-mobile-canvas div:has(>div>button[aria-label="Close filters"]){background:rgba(8,24,42,.82)!important;backdrop-filter:blur(var(--dv-glass-blur))}
html[data-theme=light] #root .cloud-mobile-canvas div:has(>div>button[aria-label="Close filters"]){background:rgba(238,244,251,.82)!important;backdrop-filter:blur(var(--dv-glass-blur))}

/* A compact closed dashboard retains every product and amount. */
@media (min-width:1201px){
 .dv-local-locations{grid-template-columns:repeat(4,minmax(0,1fr))}

 html.dv-embedded.dv-compact-dashboard #root .dv-reference-grid{gap:8px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-monthly,.dv-panel-products){min-height:226px!important;padding:6px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order){min-height:160px!important;padding:8px!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row{min-height:22px!important;padding-block:0!important;line-height:1.2!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dom-primary-card-title,.dom-section-title-text,.dom-comparison-heading-title){font-size:20px!important;line-height:1.25!important}
 html.dv-embedded.dv-compact-dashboard #root .dv-card-ranking{gap:4px}
 html.dv-embedded.dv-compact-dashboard #root .dv-card-ranking li{font-size:14px;line-height:1.3}
 html.dv-embedded.dv-compact-dashboard #root .dv-destinations-heading{font-size:12px!important;line-height:1.3}
 html.dv-embedded.dv-compact-dashboard #root .dv-card-destinations{padding-block:4px}
 html.dv-embedded.dv-compact-dashboard #root .dv-destinations-heading{margin-bottom:4px}
 html.dv-embedded.dv-compact-dashboard #root .dv-card-ranking{gap:2px}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order) .dom-fill-row{grid-template-rows:6px 6px!important;row-gap:3px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order)>.dom-fill-row-list{gap:2px!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"]){height:6px!important;overflow:visible!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"])>span{position:relative;height:6px!important;padding-right:138px;overflow:visible!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"])>span>span:first-child{height:6px!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"])>span>span:last-child{position:absolute;right:0;top:10px;transform:translateY(-50%)}
 html.dv-embedded.dv-compact-dashboard #root .dv-panel-products button[aria-label="Inventory details"],html.dv-embedded.dv-compact-dashboard #root .dv-panel-products button[aria-label="Inventory details"] span{font-size:13px!important}
 /* A six-pixel rail must not become a six-pixel clipping box for its amount. */
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row>span:has(>button[aria-label^="Show comparison details"]),html.dv-embedded.dv-compact-dashboard #root .dom-fill-row>span:has(>button[aria-label^="Show 2025 ytd amount"]){overflow:visible!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row button[aria-label^="Show comparison details"]>span>span:last-child{overflow:visible!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-fill-row button[aria-label^="Show 2025 ytd amount"]>span>span:last-child{display:none!important}
 html.dv-embedded.dv-compact-dashboard #root .dv-panel-products .dom-fill-row{min-height:20px!important;line-height:18px!important}
 html.dv-embedded.dv-compact-dashboard #root .dv-panel-products button[aria-label="Inventory details"]{height:18px!important;min-height:18px!important;padding-block:0!important;line-height:16px!important}
 html.dv-embedded.dv-compact-dashboard #root .dom-dashboard-body{padding-bottom:0!important}
 html.dv-embedded.dv-compact-dashboard #root .dv-chart-content,html.dv-embedded.dv-compact-dashboard #root .dv-reference-grid{gap:6px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-monthly,.dv-panel-products,.dv-panel-category,.dv-panel-account,.dv-panel-order){padding:4px 6px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-products,.dv-panel-category,.dv-panel-account,.dv-panel-order)>div:first-child{margin-bottom:4px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dom-primary-card-title,.dom-section-title-text,.dom-comparison-heading-title){font-size:18px!important;line-height:24px!important}
 html.dv-embedded.dv-compact-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order) .dom-fill-row{min-height:20px!important}

}

/* Mid-height desktops retain normal KPI, card, chart and type sizes. Only
   paired bar rows tighten enough to keep the closed dashboard in view. */
@media(min-width:1201px){
 html.dv-embedded.dv-comfortable-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order){min-height:214px!important;padding:6px 10px!important}
 html.dv-embedded.dv-comfortable-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order)>div:first-child{margin-bottom:6px!important}
 html.dv-embedded.dv-comfortable-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order) .dom-fill-row{min-height:26px!important;padding-block:0!important;grid-template-rows:8px 8px!important;row-gap:5px!important}
 html.dv-embedded.dv-comfortable-dashboard #root :is(.dv-panel-category,.dv-panel-account,.dv-panel-order)>.dom-fill-row-list{gap:2px!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row>span:has(>button[aria-label^="Show comparison details"]),html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row>span:has(>button[aria-label^="Show 2025 ytd amount"]){overflow:visible!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"]){height:8px!important;overflow:visible!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"])>span{position:relative;height:8px!important;padding-right:138px;overflow:visible!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row :is(button[aria-label^="Show comparison details"],button[aria-label^="Show 2025 ytd amount"])>span>span:first-child{height:8px!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row button[aria-label^="Show comparison details"]>span>span:last-child{position:absolute;right:0;top:11px;transform:translateY(-50%);overflow:visible!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-fill-row button[aria-label^="Show 2025 ytd amount"]>span>span:last-child{display:none!important}
 html.dv-embedded.dv-comfortable-dashboard #root .dom-dashboard-body{padding-bottom:0!important}
}

/* Informational cards retain the independent map hover/focus hints. */
.dv-location-card{position:relative;cursor:default}

.dv-location-artwork>.dv-region-shape{width:100%;height:100%}.dv-di .dv-location-artwork{height:42px}
.dv-location-card:not(.dv-di) .dv-location-artwork>.dv-region-shape{transform:rotate(-8deg) scale(.92);transform-origin:center}
.dv-location-artwork:focus-visible{outline:2px solid var(--dv-location-accent);outline-offset:4px;border-radius:6px}
.dv-location-map-tip{position:absolute;top:0;left:0;width:280px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:14px 16px;background:#10243e;border:1px solid #8ca9cb44;border-radius:12px;box-shadow:0 8px 24px #020a1640;color:#e7effa;visibility:hidden;opacity:0;pointer-events:none;z-index:10;font:500 13px/1.5 var(--font-content);text-align:left}
.dv-location-artwork:is(:hover,:focus-visible):not(.dv-tooltip-dismissed)>.dv-location-map-tip{visibility:visible;opacity:1}
.dv-location-card:has(.dv-location-artwork:is(:hover,:focus-visible)){z-index:5}
.dv-map-tip-row{display:flex;justify-content:space-between;gap:16px;padding-top:6px}.dv-map-tip-row strong{font-weight:600}.dv-location-map-tip>.dv-shipment-svg{height:145px;min-height:0}

.dv-local-locations{row-gap:3px}

/* KPI hierarchy: value, YTD comparison, then the full-year reference. */
html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-reference-kpi{box-sizing:border-box!important;min-width:0!important;min-height:148px!important;height:auto!important;display:block!important;padding:10px 16px!important;background:transparent!important;border:0!important;border-right:1px solid #9bb9d538!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-reference-kpi:last-child{border-right:0!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:22px 44px auto auto!important;gap:5px!important;text-align:left!important;justify-items:start!important;width:100%!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-content>div{grid-column:1!important;grid-row:auto!important;width:100%!important;text-align:left!important;justify-content:flex-start!important;margin:0!important;white-space:normal!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-content .dom-kpi-title{font-size:14px!important;font-weight:550!important;line-height:22px!important;color:#d2def0!important;padding-left:20px}
html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-kpi-icon{top:13px!important;left:16px!important;width:14px!important;height:16px!important;background:transparent!important;color:#abc2e0!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-kpi-icon svg{width:14px!important;height:14px!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-value{font-size:clamp(30px,2.7vw,44px)!important;line-height:1.1!important;font-weight:600!important;color:#f4f7ff!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums;align-self:center}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-comparison{display:flex!important;gap:5px 7px!important;align-items:center!important;flex-wrap:wrap!important;font-size:13px!important;line-height:1.4!important;min-height:24px}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-comparison>span:first-child{font-size:13px!important;font-weight:650!important;padding:3px 7px!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-comparison .dom-ytd-label{font-size:13px!important;line-height:1.4!important;font-weight:400!important;color:#c5d3e6!important;white-space:normal!important}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-reference{display:grid;gap:2px;color:#b4c6de;font-size:12px;line-height:1.4;font-weight:400}
html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-reference strong{font-weight:500;color:inherit}.dv-kpi-gap{color:inherit}
.dv-detail-trigger:focus-visible{outline:2px solid #b4d8ff!important;outline-offset:-2px!important;border-radius:4px!important}
@media(max-width:1000px){html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:12px!important}html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-reference-kpi{padding-inline:14px!important;min-height:136px!important}html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-reference-kpi:nth-child(3){border-right:0!important}}
@media(max-width:760px){html[data-dv-sales-layout=desktop].dv-embedded #root .dv-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-reference-kpi:nth-child(3){border-right:1px solid #9bb9d538!important}html[data-dv-sales-layout=desktop].dv-embedded #root .cloud-reference-kpi:nth-child(even){border-right:0!important}}

@layer dreamviewTypography{
/* The existing artwork now lives in the shared 56px mobile shell. */
@media(max-width:679px){html.dv-embedded[data-dv-sales-layout=mobile] #root .dv-app-header{min-height:0!important;padding:8px 16px!important}html.dv-embedded[data-dv-sales-layout=mobile] #root .dv-app-header :is(.dv-app-logo,button){display:none!important}html.dv-embedded[data-dv-sales-layout=mobile] #root .dv-app-freshness{min-height:20px!important;padding:0!important;border:0!important}html.dv-embedded[data-dv-sales-layout=mobile] #root .cloud-mobile-canvas{height:100dvh!important;min-height:0!important}.dv-app-title-row .dv-mobile-dates{min-height:44px;min-width:54px;margin-left:auto;font-size:14px}.dv-app-title-row{gap:8px!important}.dv-app-title-row .dv-app-filter-button{min-height:44px;white-space:nowrap}}

}

/* Remove the redundant Overview page heading; retain section and chart labels. */
@layer dreamviewTypography {
 html:root #root .dv-sales-app:has(.dv-app-body--overview) .dv-app-title-row h1,
 html:root #root .cloud-overview-title {display:none!important;}
 html:root #root .dv-sales-app:has(.dv-app-body--overview) .dv-app-title-row {justify-content:center!important;}
 html:root #root .dv-sales-app:has(.dv-app-body--overview) .dv-app-title-row .dv-mobile-dates {margin-left:0!important;}
}

/* The family sign-in artwork belongs to the mobile sign-in presentation. */
html[data-dv-sales-layout="desktop"] #root .cloud-loading-screen img[src*="/dream-on-me-family-loading.png"],
html[data-dv-sales-layout="desktop"] #root .cloud-loading-screen div:has(>img[src*="/dream-on-me-family-loading.png"]):not(:has(>button)){display:none!important;}

/* Transparent summary tiles share the continuous sky, without clipped frost. */
html[data-dv-sales-layout="desktop"].dv-embedded #root .cloud-reference-kpi {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Separate the title, monthly-order context and plot into readable groups. */
@layer dreamviewTypography {
 html:root[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly {padding:18px 20px!important}
 html:root[data-dv-sales-layout="desktop"].dv-embedded #root .dv-panel-monthly>div:first-child {padding-bottom:14px!important}
 html:root.dv-embedded #root .dv-monthly-order-average {margin-top:12px!important;column-gap:28px!important;row-gap:8px!important}
 html:root.dv-embedded #root .dv-monthly-order-average>span:last-child {column-gap:24px!important;row-gap:8px!important}
 html:root.dv-embedded #root .dv-monthly-order-average>span:last-child>span {display:inline-flex;align-items:baseline;gap:6px}
 html:root.dv-embedded #root .dv-trend-panel .dv-monthly-order-average {margin-bottom:10px!important}
}