@import url('/dreamview-ui.css');
footer[hidden]{display:none!important}
.brand svg.brand-art{width:100%;height:auto;max-height:66px}
html .dreamview-report-star{filter:none!important}
#dreamview-visible-yellow{color:#B87900}
html[data-theme=light] use[href="#dreamview-shared-star"]{filter:url(#dreamview-visible-yellow)}
html body .shell .header-actions .reference-pill{border-radius:10px!important}
/* The shared typography layer also defines shell padding. Keep the header's
   actual edge gutter here with its responsive geometry. */
@layer dreamviewTypography{
 @media(min-width:680px), (hover:hover) and (pointer:fine){html body header.shell{padding-inline:16px!important}}
 /* The text span uses its button's shared action size, including wide screens. */
 html body .shell .header-actions [data-action=logout]>span{font-size:inherit!important;line-height:inherit!important}
}
html[data-theme=light] .brand-light image{filter:none!important}
@media(min-width:680px), (hover:hover) and (pointer:fine){
 :root{--dv-nav-text-size:16px}
 html .shell{font-family:var(--font-dashboard);font-variant-numeric:tabular-nums}
 /* Keep dashboard navigation in document flow and pinned to the real page
    scroll container. A solid sky surface keeps charts from showing behind it. */
 html body:has(#combined:not([hidden])) .shell{position:sticky;top:0;z-index:60;background:#132b4e;box-shadow:0 1px 0 #9bb9d524}
 html[data-theme=light] body:has(#combined:not([hidden])) .shell{background:#e5eef8}
 html .shell{display:flex!important;justify-content:center!important;flex-wrap:nowrap!important;gap:12px 24px!important;min-height:68px!important}
 html .shell .brand{width:150px!important;flex:0 0 150px!important}
 html .shell .dv-brand-nav{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:max-content;max-width:100%;flex:0 1 auto;gap:12px;min-width:0}
 html .shell .dv-brand-nav nav{flex:1 1 auto!important;width:var(--dv-nav-width,auto);max-width:100%;min-width:0!important}
 html .shell>.header-actions{grid-column:3;grid-row:1}
 html .shell nav{position:relative;width:100%;min-width:0!important;min-height:44px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;padding:0!important;border:0!important}
 html body .shell nav :is(button,a,summary){height:44px!important;min-height:44px!important;padding:0 12px!important;gap:6px!important;font:600 var(--dv-nav-text-size)/1.25 var(--font-dashboard)!important;letter-spacing:0;border-radius:8px!important;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}
 html .shell nav :is(button,a)>span{width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;display:inline-grid!important;place-items:center;font-size:18px!important;line-height:1!important}
 html .shell nav svg{width:16px!important;height:16px!important;display:block}
 html .shell nav [aria-current=page]{background:#274e7870!important;box-shadow:inset 0 0 0 1px #9ebee34d!important}
 html[data-theme=light] .shell nav [aria-current=page]{background:#EAF1FF!important;box-shadow:inset 0 0 0 1px #647be55c!important}
 html .shell .header-actions{width:max-content;max-width:100%;flex:0 0 auto!important;flex-wrap:nowrap!important;gap:8px!important;padding:0!important;margin-left:0!important;border:0}
 html body .shell .header-actions .reference-pill,html body .shell .header-actions .reference-pill span{font:600 16px/1.25 var(--font-dashboard)!important}
 html body .shell .header-actions .reference-pill{height:44px!important;min-height:44px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
 html body .shell .header-actions .reference-pill span{white-space:nowrap!important}
 html body .shell .header-actions [data-action=logout],html body .shell .header-actions [data-action=logout] span{font-size:var(--dv-nav-text-size)!important}
 html body .shell nav :is(button,a,summary):focus-visible{outline:3px solid #F4C84A;outline-offset:3px}
 html[data-theme=light] body .shell nav :is(button,a,summary):focus-visible{outline-color:#163a5f}
 .dv-nav-more{position:relative;flex:none}
 .dv-nav-more[hidden]{display:none!important}
 .dv-nav-more summary{list-style:none;color:inherit;border:0;background:transparent;text-transform:none!important}
 .dv-nav-more summary::-webkit-details-marker{display:none}
 .dv-nav-more summary:focus-visible{outline:3px solid #F4C84A;outline-offset:3px}
 .dv-nav-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;min-width:245px;padding:8px;background:#10283f;border:1px solid #8aaaca66;border-radius:12px;box-shadow:0 12px 28px #00122540;display:flex;flex-direction:column;gap:4px}
 html .shell .dv-nav-menu :is(button,a){justify-content:flex-start!important;width:100%!important}
 html[data-theme=light] .dv-nav-menu{background:#f0f6fc;color:#163A5F}
 @media(max-width:1250px){html .shell #snapshot{display:none!important}html .shell .brand{width:130px!important;flex-basis:130px!important}}
 @media(max-width:849px){
  html .shell{flex-direction:column!important;align-items:stretch!important;row-gap:12px!important}
  html .shell .dv-brand-nav{width:100%;flex-wrap:nowrap;justify-content:flex-start;gap:12px}
  html .shell .brand{margin:0!important}
  html .shell .dv-brand-nav nav{width:auto;flex:1 1 0!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
  html .shell .header-actions{width:100%;justify-content:flex-start!important;border-left:0;padding-left:0!important}
 }
 @media(max-width:600px){
  html body .shell .brand{width:110px!important;flex-basis:110px!important}
  html .shell .header-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  html body .shell .header-actions .reference-pill{width:100%;min-width:0!important}
 }
 @media(max-width:480px){
  html .shell .dv-brand-nav{flex-direction:column;align-items:stretch;gap:8px}
  html body .shell .brand{align-self:center;flex-basis:auto!important}
  html .shell .dv-brand-nav nav{flex:none!important;width:100%;justify-content:center!important}
 }
}

/* Reserve the family footer while source/report pages scroll inside their own frame. */
.dv-source-menu{position:relative;display:inline-flex}
.dv-source-categories-nav{position:absolute;right:0;top:calc(100% + 6px);z-index:100;display:flex;flex-direction:column;gap:2px;min-width:210px;max-width:calc(100vw - 24px);max-height:70dvh;overflow:auto;padding:7px;margin:0;border:1px solid #91caff44;border-radius:10px;background:rgba(12,30,51,.94);backdrop-filter:blur(10px);box-shadow:0 8px 24px #0003;color:#eef3fa;font:600 var(--dv-nav-text-size,16px)/1.3 var(--font-content)}
.dv-source-categories-nav[hidden]{display:none!important}
.dv-source-categories-nav button{width:100%;justify-content:flex-start!important;border:1px solid transparent;background:transparent;color:inherit;padding:7px 12px;border-radius:7px;font:inherit;cursor:pointer;text-align:left}
.dv-source-categories-nav button:is(:hover,[aria-current=page]){background:#91caff18;border-color:#91caff55}
.dv-source-categories-nav button:focus-visible{outline:2px solid #f3cf79;outline-offset:2px}
@media (min-width:680px), (hover:hover) and (pointer:fine){
 html body>main:has(>:is(#files,#reports,#activity):not([hidden])){min-height:0!important}
 html body>footer[hidden]{display:none!important}
}
/* Widescreen readability: enlarge the tested dashboard geometry, not empty chart widths.
   The scale is capped at 1.25 with a height guard; laptop and mobile rules stay unchanged. */
@media(min-width:2201px){
 :root{--dv-page-gutter:max(48px,calc((100vw - 3040px)/2));--dv-nav-text-size:calc(16px * var(--dv-wide-scale,1))}
 html body>main:has(#combined:not([hidden])){zoom:var(--dv-wide-scale,1)}
 html body>main:has(#combined.sales-not-ready:not([hidden])){min-height:480px!important}
 html body .shell .brand{width:calc(150px * var(--dv-wide-scale,1))!important;flex-basis:calc(150px * var(--dv-wide-scale,1))!important}
 html body .shell nav :is(button,a,summary),html body .shell .header-actions .reference-pill{height:calc(44px * var(--dv-wide-scale,1))!important;min-height:calc(44px * var(--dv-wide-scale,1))!important;padding-inline:calc(12px * var(--dv-wide-scale,1))!important}
 html body .shell nav :is(button,a)>span{width:calc(18px * var(--dv-wide-scale,1))!important;min-width:calc(18px * var(--dv-wide-scale,1))!important;height:calc(18px * var(--dv-wide-scale,1))!important;font-size:calc(18px * var(--dv-wide-scale,1))!important}
 html body .shell nav svg{width:calc(16px * var(--dv-wide-scale,1))!important;height:calc(16px * var(--dv-wide-scale,1))!important}
 html body .dv-family-footer :is(img,.dv-family-wordmark){width:calc(200px * var(--dv-wide-scale,1))}
}

/* The Family artwork remains readable below every desktop view. */
@media (min-width:680px), (hover:hover) and (pointer:fine){html body .dv-family-footer :is(img,.dv-family-wordmark){width:calc(200px * var(--dv-wide-scale,1))}}

/* Sales actions belong only to the Sales page. */
html body main:has(#combined[hidden])>.dv-filter-toolbar{display:none!important}

/* Feedback keeps its existing handler and remains in the shared header on every route. */
.dv-feedback-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid #a8bdd44d!important;border-radius:10px;background:#ffffff0a!important;color:#e9f1ff!important;font:500 14px/1.3 var(--font-content)!important;cursor:pointer;white-space:nowrap}
.dv-feedback-trigger:hover{background:#ffffff14!important}.dv-feedback-trigger:focus-visible{outline:2px solid #a8bdff;outline-offset:3px}

/* Keep navigation menus above frosted report frames on every Hub page. */
@layer dreamviewTypography {
 html:root body:not(:has(#combined:not([hidden])))>header.shell {position:relative!important;z-index:60!important;overflow:visible!important;}
}