/* Original Hub menu typography, pill treatment and theme colors.
   Scoped to the local wrapper; dashboard layout and permissions are unchanged. */
@media (min-width:680px), (hover:hover) and (pointer:fine){
 html body .shell{padding-top:6px!important;padding-bottom:6px!important;gap:10px!important;min-height:68px;box-sizing:border-box}
 html body .shell .brand{width:150px!important;flex:0 0 150px!important}
 html body .shell nav{min-height:36px!important;padding:0!important;gap:4px!important;flex-basis:auto!important}
 html body .shell nav :is(button,a){height:34px!important;min-height:34px!important;padding:5px 7px!important;gap:5px!important}
 html body .shell nav :is(button,a) span{width:16px!important;min-width:16px!important;font-size:16px!important}
 html body .shell nav button[aria-current=page]{padding:5px 8px!important;border-radius:9px!important}
 html body .shell .header-actions{padding:0!important;gap:8px!important}
 html body .shell .header-actions button{min-width:116px!important;min-height:36px!important;padding:7px 11px!important;gap:7px!important}
 html body .shell .header-actions button svg{width:18px!important;height:18px!important;flex-basis:18px!important}
 html body .shell #snapshot{padding:8px 10px!important}
 @media(max-width:1250px){html body .shell .brand{width:130px!important;flex-basis:130px!important}}
}
.brand-art{display:block;width:100%;height:auto;aspect-ratio:3/1;overflow:hidden}
.brand-light{display:none}
html body .reference-pill{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;min-width:150px;min-height:52px!important;padding:12px 20px!important;border:1px solid #294357!important;border-radius:999px!important;font:500 16px/1.25 Inter,'Segoe UI',sans-serif!important;text-transform:none;white-space:nowrap!important;box-shadow:none!important;text-shadow:none!important;vertical-align:middle}
html body .reference-pill svg{width:23px;height:23px;flex:0 0 23px}
html body [data-action=logout]{background:#081e30!important;color:#e5edf7!important}
html[data-theme=light] body [data-action=logout]{background:#d8e4f2!important;color:#193b58!important;border-color:#c7d9e9!important}
html body .reference-pill:focus-visible{outline:3px solid #647be5;outline-offset:3px}
.dreamview-report-star{display:block;width:20px;height:20px;overflow:hidden}
html[data-theme=light] .brand-light image{filter:drop-shadow(0 1px 1px rgba(61,48,0,.75))}
html[data-theme=light] .dreamview-report-star{filter:drop-shadow(0 1px 1px rgba(61,48,0,.8))}
html[data-theme=light] .brand-light{display:block}
html[data-theme=light] .brand-dark{display:none}
@media (min-width:680px), (hover:hover) and (pointer:fine){
 html[data-theme=light] .shell :is(nav button,nav a,#snapshot){color:#163A5F!important;text-shadow:none!important}
 html[data-theme=light] .shell nav button[aria-current=page]{background:#EAF1FF!important;border-color:#647BE5!important}
 html[data-theme=light] .shell #refresh-control{background:#F4C84A!important;color:#163A5F!important}
}
@media (min-width:680px), (hover:hover) and (pointer:fine){
 html .shell nav,html[data-theme=light] .shell nav{border:0!important;border-bottom:1px solid #9bb9d538!important;border-radius:0!important}
 html .shell,html .shell *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media (min-width:680px), (hover:hover) and (pointer:fine){
 html .shell nav,html[data-theme=light] .shell nav{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
 .shell nav button,.shell nav a{backdrop-filter:blur(6px);text-shadow:0 1px 3px #001024}
 html[data-theme=light] .shell nav button,html[data-theme=light] .shell nav a{text-shadow:0 1px 3px #fff}
}
.shell nav{display:flex;align-items:center;justify-content:space-evenly;gap:8px;border:1px solid #466f946e;border-radius:999px;background:rgba(7,29,49,.94);padding:7px 10px;min-height:64px}
.shell nav button,.shell nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;padding:10px 7px;border:1px solid transparent;border-radius:999px;background:transparent;color:#f4f8ff;font:700 12px/1.25 Inter,'Segoe UI',Arial,sans-serif;text-transform:none;text-decoration:none;white-space:nowrap;box-shadow:none}
.shell nav button[aria-current=page],.shell nav button:hover,.shell nav a:hover{background:#ffffff1a;border-color:#ffffff14;box-shadow:none;filter:none}
.shell nav button span,.shell nav a span{display:inline-grid!important;place-items:center;width:27px;min-width:27px;margin:0;color:#ffd36d;font:400 22px/1 'Segoe UI Symbol',sans-serif}
.shell nav a[href*='inventory'] span,.shell nav button[data-view=files] span,.shell nav #upc-nav span{color:#dcecff}
html[data-theme=light] .shell nav{background:rgba(250,252,255,.92);border-color:#829db94f}
html[data-theme=light] .shell nav button,html[data-theme=light] .shell nav a{color:#1f4774}
html[data-theme=light] .shell nav button[aria-current=page],html[data-theme=light] .shell nav button:hover,html[data-theme=light] .shell nav a:hover{background:#ffffff47;border-color:#26476f1f}
html[data-theme=light] .shell nav a[href*='inventory'] span,html[data-theme=light] .shell nav button[data-view=files] span,html[data-theme=light] .shell nav #upc-nav span{color:#35628f}
@media(max-width:1550px){.shell{flex-wrap:wrap}.shell nav{flex:1}.header-actions{margin-left:auto}.shell nav button,.shell nav a{font-size:12px;padding:10px 7px}}
@media(max-width:900px){.shell nav{flex-wrap:wrap;min-width:0;gap:4px}.shell nav button,.shell nav a{font-size:11px}.shell nav button span,.shell nav a span{width:22px;min-width:22px}}
/* Keep all header actions reachable, including Export at the right edge. */
@media (min-width:680px), (hover:hover) and (pointer:fine){
 .shell{flex-wrap:wrap;max-width:100%;min-width:0}
 .shell nav{flex:1 1 760px;min-width:0;max-width:100%;flex-wrap:wrap;row-gap:4px}
 .shell .header-actions{flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
 .shell .header-actions button{flex-shrink:0;white-space:normal}
 .shell #snapshot{flex-shrink:0;white-space:normal;overflow-wrap:anywhere}
}
/* Reference header: brand, rounded navigation, then a distinct action group. */
@media (min-width:680px), (hover:hover) and (pointer:fine){
 .shell{padding:22px 24px 20px;gap:16px;align-items:center}
 .shell .brand{width:200px;flex:0 0 200px;padding:0}
 .shell nav{flex:1 1 750px;min-height:68px;border-radius:26px;padding:8px;justify-content:space-between;background:#071f359e;border:1px solid #4d73964d;backdrop-filter:blur(12px) saturate(115%)}
 .shell nav button,.shell nav a{border-radius:13px;min-height:48px;padding:10px 12px}
 .shell nav button[aria-current=page]{background:#183b68;border-color:#37618c30}
 .shell .header-actions{padding:9px;border:0;border-radius:0;background:transparent;gap:10px;backdrop-filter:none;box-shadow:none}
 .shell #snapshot{max-width:190px;padding:11px 14px;border-radius:12px;line-height:1.4}
 .shell .header-actions button{min-height:44px;padding:11px 17px;border-radius:13px}
 @media(max-width:1500px){.shell{padding:14px 18px;gap:12px}.shell .brand{width:150px;flex-basis:150px}.shell nav{flex-basis:650px}.shell nav button,.shell nav a{padding:9px;font-size:11px}}
}
@media (min-width:680px), (hover:hover) and (pointer:fine){
 html[data-theme=light] .shell nav{background:rgba(242,248,255,.64)}
 html[data-theme=light] .shell .header-actions{background:transparent}
}