/* One document-flow frame. Height never controls font size or dashboard zoom. */
.hub-nav .hub-upc-link{order:6}
html:is(.ll-enabled,.ll-shell){overflow-y:auto!important;overflow-x:hidden!important;height:auto!important}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 height:auto!important;overflow:visible!important;min-width:0!important;
 & .app-shell{position:relative!important;display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
 & .hub-sidebar{position:relative!important;inset:auto!important;width:calc(100% - 48px)!important;max-width:1500px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:16px 0 24px!important;display:grid!important;grid-template-columns:194px minmax(0,1fr) 320px!important;grid-template-rows:82px auto!important;gap:8px 20px!important;align-items:center!important;overflow:visible!important;box-sizing:border-box!important}
 & .sidebar-brand-top,& .sidebar-date-time,& .hub-salutation-sidebar,& .ll-source-date,& .hub-nav,& .ll-overview{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;min-width:0!important}
 & .sidebar-brand-top{grid-row:2!important;grid-column:1!important;width:194px!important;justify-self:center!important}
 & .hub-nav{grid-row:2!important;grid-column:2!important;width:auto!important;max-width:100%!important;justify-self:center!important;flex-wrap:wrap!important;justify-content:center!important;box-sizing:border-box!important}
 & .ll-overview{grid-row:2!important;grid-column:3!important;width:320px!important;justify-self:center!important}
 & .sidebar-date-time{grid-row:1!important;grid-column:1/-1!important;width:190px!important;height:62px!important;justify-self:center!important;transform:translateX(-122px)!important;align-self:start!important}
 & .hub-salutation-sidebar,& .ll-source-date{grid-row:1!important;grid-column:1/-1!important;width:220px!important;max-width:220px!important;justify-self:center!important;transform:translateX(107px)!important;text-align:center!important;align-self:start!important}
 & .hub-salutation-sidebar{margin-top:2px!important}
 & .ll-source-date{margin-top:38px!important}
 & .ll-main{position:relative!important;inset:auto!important;display:block!important;margin:0 auto!important;padding:0 24px 24px!important;width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important}
 & .ll-dashboard-content{width:100%!important;max-width:1500px!important;margin:0 auto!important;zoom:1!important}
 & .content{margin:0 auto!important;padding:0 24px 24px!important;height:auto!important;min-height:0!important}
 & .ll-expanded .ll-map-canvas svg{height:320px!important;max-width:100%!important}
 & .ll-sidebar-footer{position:relative!important;inset:auto!important;transform:none!important;margin:24px auto 0!important}
}
@media(max-width:1300px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:194px minmax(0,1fr)!important;grid-template-rows:82px auto auto!important}
 & .ll-overview{grid-column:2!important;grid-row:2!important;justify-self:end!important}
 & .hub-nav{grid-column:1/-1!important;grid-row:3!important}
 & .ll-expanded{grid-template-columns:1fr!important}
 & .ll-expanded-metrics{height:auto!important;grid-template-rows:auto!important}
 & .ll-expanded .ll-mini-card{min-height:120px!important}
}}
@media(max-width:720px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;grid-template-rows:110px auto auto auto!important;gap:12px!important}
 & .sidebar-date-time{transform:none!important;height:52px!important}
 & .hub-salutation-sidebar{transform:none!important;margin-top:59px!important}
 & .ll-source-date{transform:none!important;margin-top:83px!important}
 & .sidebar-brand-top{grid-row:2!important;grid-column:1!important;width:170px!important}
 & .hub-nav{grid-row:3!important;grid-column:1!important;gap:4px!important;width:100%!important}
 & .ll-overview{grid-row:4!important;grid-column:1!important;justify-self:center!important;width:min(320px,100%)!important}
 & .ll-main{padding:0 12px 24px!important}
 & .ll-rail-content{grid-template-columns:1fr!important}
 & .ll-rail .ll-location{display:grid!important;grid-template-columns:65px minmax(0,1fr) max-content!important;min-height:100px!important}
 & .ll-rail .ll-location-button{display:contents!important}
 & .ll-location-share{grid-column:3!important;grid-row:1/3!important;font-size:15px!important}
 & .ll-expanded .ll-map-canvas svg{height:260px!important}
 & .ll-expanded .ll-destinations li{grid-template-columns:20px 1fr!important}
 & .ll-expanded .ll-destinations li>strong{grid-column:2!important;grid-row:2!important}
 & .ll-expanded .ll-units{grid-column:2!important;grid-row:3!important;text-align:left!important}
}}
@media(max-width:1100px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-nav-primary>span:not(.hub-nav-icon),& .hub-source-menu>summary>span:not(.hub-nav-icon){display:none!important}
 & .hub-nav-primary,& .hub-source-menu>summary{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;justify-content:center!important;box-sizing:border-box!important}
 & .hub-nav{flex-wrap:nowrap!important;width:max-content!important;gap:6px!important}
 & .hub-nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important}
}}
/* User-selected originals: one continuous, non-tiled background across the hub. */
:root{--hub-cloud-scene:url('/location-assets/hub-clouds-dark-v10.png')}
:root[data-theme=light]{--hub-cloud-scene:url('/location-assets/hub-clouds-light-v10.png')}
html:is(.ll-enabled,.ll-shell,:root) :is(body,#theme-overrides){background-image:var(--hub-cloud-scene)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
/* Keep the logo attached to the navigation instead of the outer page edge. */
@media(min-width:1301px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:minmax(194px,1fr) max-content minmax(320px,1fr)!important}
 & .sidebar-brand-top{justify-self:end!important}
 & .ll-overview{justify-self:start!important}
}}
@media(min-width:721px) and (max-width:1300px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:minmax(150px,1fr) minmax(0,3fr)!important}
 & .sidebar-brand-top{grid-row:2!important;grid-column:1!important;justify-self:end!important;width:150px!important}
 & .hub-nav{grid-row:2!important;grid-column:2!important;justify-self:start!important}
 & .ll-overview{grid-row:3!important;grid-column:1/-1!important;justify-self:center!important}
}}
/* Calendar date remains visible at every breakpoint. */
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .sidebar-date-time>span{display:block!important;visibility:visible!important;font-size:12px!important;line-height:1.3!important;white-space:nowrap!important}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .sidebar-date-time{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;overflow:visible!important}
html.ll-shell :is(body,#theme-overrides) .ll-overview{display:grid;grid-template-columns:1fr 1fr;gap:7px 0;text-align:center;line-height:1.4;padding:0}
html.ll-shell :is(body,#theme-overrides) .ll-overview-total{font-size:11px;font-weight:800;white-space:nowrap}
html.ll-shell :is(body,#theme-overrides) .ll-overview>span:last-child{grid-column:1/-1;grid-row:1;border:0;padding:0;font-size:10px;font-weight:400}
@media(max-width:720px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-rows:130px auto auto auto!important}
 & .sidebar-date-time{height:66px!important}
 & .hub-salutation-sidebar{margin-top:75px!important}
 & .ll-source-date{margin-top:102px!important}
}}
/* Mobile overview: details are shown only after tapping a location. */
@media(max-width:720px){html.ll-enabled :is(body,#theme-overrides){
 & .ll-main .ll-map-host{display:none!important}
 & .ll-rail .ll-location{cursor:pointer;min-height:118px!important;grid-template-columns:60px minmax(0,1fr) max-content!important;gap:6px 12px!important}
 & .ll-rail .ll-location:focus-within{outline:2px solid var(--loc);outline-offset:3px}
 & .ll-rail .ll-location-button>span,& .ll-rail .ll-sidebar-sales{text-align:center!important}
 & .ll-rail .ll-location-button strong{font-size:16px!important}
 & .ll-rail .ll-sidebar-sales-value{font-size:24px!important}
 & .ll-location-share{font-size:17px!important;font-weight:800!important}
 & .ll-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:calc(100vw - 24px)!important;max-height:90dvh!important;padding:14px!important;overflow:auto!important;background:var(--page-bg)!important;overscroll-behavior:contain}
 & .ll-dialog::backdrop{background:#031322b8!important;backdrop-filter:blur(3px)!important}
 & .ll-dialog .ll-expanded{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 & .ll-dialog .ll-expanded-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;height:auto!important}
 & .ll-dialog .ll-mini-card{min-width:0!important;overflow-wrap:anywhere;padding:12px!important}
 & .ll-dialog .ll-map-header h1{font-size:27px!important}
 & .ll-dialog .ll-dialog-close{position:sticky;top:0;z-index:5;background:var(--panel)!important;color:var(--ll-text)!important}
 & .ll-sidebar-footer .sidebar-account-controls button span{display:inline!important}
}}
/* The full location card is one accessible control at every viewport size. */
.ll-rail .ll-location[role="button"]{cursor:pointer}
.ll-rail .ll-location[role="button"]:focus-visible{outline:3px solid var(--loc,#82b9ef);outline-offset:4px}
/* Translucent cards retain their location tint and readable foreground. */
html:is(.ll-enabled,.ll-shell){--hub-glass:rgba(7,27,44,.68);--hub-glass-edge:rgba(174,205,237,.28)}
html:is(.ll-enabled,.ll-shell)[data-theme="light"]{--hub-glass:rgba(255,255,255,.70);--hub-glass-edge:rgba(98,145,193,.30)}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) :is(.ll-main,.ll-dialog) :is(.ll-map-card,.ll-mini-card){
 background:var(--hub-glass)!important;border:1px solid var(--hub-glass-edge)!important;
 backdrop-filter:blur(10px) saturate(120%)!important;-webkit-backdrop-filter:blur(10px) saturate(120%)!important;
 box-shadow:inset 0 1px 0 #ffffff20,0 6px 20px #00132614!important;
}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-main .ll-rail .ll-location{
 background:linear-gradient(120deg,color-mix(in srgb,var(--loc) 24%,var(--hub-glass)),var(--hub-glass))!important;
 backdrop-filter:blur(10px) saturate(120%)!important;-webkit-backdrop-filter:blur(10px) saturate(120%)!important;
 box-shadow:inset 0 1px 0 #ffffff30,0 6px 20px #00132614!important;
}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .hub-salutation-sidebar p{font-weight:800!important}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .hub-salutation-sidebar :is(.salutation-name,.salutation-name-wrap){font-weight:400!important}
@media(prefers-reduced-transparency:reduce){
 html:is(.ll-enabled,.ll-shell){--hub-glass:rgb(7,27,44)}
 html:is(.ll-enabled,.ll-shell)[data-theme="light"]{--hub-glass:#fff}
}
/* Compact shared desktop header: date/source, logo, greeting/nav, year summary. */
@media(min-width:721px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:180px 170px minmax(0,1fr) 280px!important;grid-template-rows:26px minmax(50px,auto) 20px!important;gap:4px 16px!important;padding:16px 0 18px!important}
 & .sidebar-date-time{grid-column:1!important;grid-row:1/3!important;width:180px!important;height:66px!important;transform:none!important;align-self:center!important;justify-self:center!important}
 & .ll-source-date{grid-column:1!important;grid-row:3!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important;align-self:start!important;font-size:10px!important;white-space:nowrap!important}
 & .sidebar-brand-top{grid-column:2!important;grid-row:2!important;width:170px!important;justify-self:center!important;align-self:center!important}
 & .hub-salutation-sidebar{grid-column:3!important;grid-row:1!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important;align-self:center!important;justify-self:center!important}
 & .hub-nav{grid-column:3!important;grid-row:2!important;width:max-content!important;max-width:100%!important;justify-self:center!important;align-self:center!important}
 & .ll-overview{grid-column:4!important;grid-row:1/3!important;width:280px!important;justify-self:center!important;align-self:center!important}
}}
@media(min-width:721px) and (max-width:1400px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:170px 140px minmax(0,1fr) 240px!important;column-gap:12px!important}
 & .sidebar-date-time{width:170px!important}
 & .sidebar-brand-top{width:140px!important}
 & .ll-overview{width:240px!important}
 & .hub-nav-primary>span:not(.hub-nav-icon),& .hub-source-menu>summary>span:not(.hub-nav-icon){display:none!important}
 & .hub-nav-primary,& .hub-source-menu>summary{width:44px!important;height:44px!important;padding:10px!important;justify-content:center!important;box-sizing:border-box!important}
 & .hub-nav{flex-wrap:nowrap!important;gap:4px!important}
}}
@media(min-width:721px) and (max-width:1100px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:170px 140px minmax(0,1fr)!important;grid-template-rows:26px auto auto!important}
 & .ll-overview{grid-column:2/4!important;grid-row:3!important;width:280px!important}
}}
/* Readable source status beneath the clock. */
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-source-date{
 color:var(--ll-text,#edf5ff)!important;font-size:10px!important;font-weight:400!important;
 opacity:1!important;line-height:1.45!important;text-align:center!important;
 background:transparent!important;border-radius:0;padding:2px 0!important;
 box-sizing:border-box!important;white-space:nowrap!important;
}
@media(min-width:721px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-rows:26px minmax(66px,auto) auto!important}
 & .sidebar-date-time{grid-row:2!important;align-self:center!important}
 & .sidebar-brand-top{grid-row:2!important;align-self:center!important}
 & .hub-nav{justify-self:start!important}
 & .ll-source-date{grid-row:3!important;max-width:100%!important}
}}
/* Compact year totals and a readable countdown, without changing the logo. */
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-overview{gap:6px 0!important;background:transparent!important;border:1px solid transparent!important;border-radius:16px!important;box-shadow:none!important;backdrop-filter:none!important;padding:10px 12px!important;box-sizing:border-box!important;color:var(--ll-text,#edf5ff)!important}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-overview-total{font-size:11px!important;font-weight:800!important;line-height:1.4!important;white-space:nowrap!important}
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-overview>span:last-child{font-size:12px!important;font-weight:500!important;line-height:1.4!important;white-space:normal!important}
@media(min-width:1101px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-overview{grid-row:2!important;align-self:center!important;width:100%!important}}
@media(max-width:720px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .ll-overview{width:min(440px,100%)!important}
 & .ll-overview-total{font-size:11px!important}
 & .ll-overview>span:last-child{font-size:12px!important}
}}
/* Distribute spare header width equally between the four visible groups. */
/* Softer light mode: blue-gray glass instead of bright white, no text dimming. */
html:is(.ll-enabled,.ll-shell)[data-theme=light]{
 --hub-glass:rgba(220,230,240,.84);--hub-glass-edge:rgba(83,116,147,.32);
 --panel:rgba(220,230,240,.94);--page-bg:#c6d4e2;--plain-page:#dce6f0;
 --hub-cloud-scene:linear-gradient(rgba(37,65,92,.18),rgba(37,65,92,.18)),url('/location-assets/hub-clouds-light-v10.png');
}
@media(min-width:1401px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .hub-sidebar{
 grid-template-columns:180px 170px max-content 280px!important;
 justify-content:space-between!important;column-gap:16px!important;
}}
@media(min-width:1101px) and (max-width:1400px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .hub-sidebar{
 grid-template-columns:170px 140px max-content 240px!important;
 justify-content:space-between!important;column-gap:16px!important;
}}
/* Reference header: logo / navigation / greeting + date + source / stacked summary. */
/* Anchor the calendar inside its card on secondary pages as well as Home. */
html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides) .ll-overview{position:relative!important}
@media(min-width:1101px){html.ll-shell :is(body,#theme-overrides) .hub-sidebar:not(:has(.ll-overview)){
 grid-template-columns:170px minmax(300px,1fr) 240px!important;
}}
@media(min-width:721px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{max-width:1740px!important;grid-template-columns:170px minmax(300px,1fr) 240px 240px!important;grid-template-rows:26px 22px 22px!important;gap:0 24px!important;padding:28px 0 24px!important;align-items:center!important}
 & .sidebar-brand-top{grid-column:1!important;grid-row:1/4!important;width:170px!important;justify-self:start!important}
 & .hub-nav{grid-column:2!important;grid-row:1/4!important;width:100%!important;max-width:100%!important;justify-self:stretch!important;justify-content:space-evenly!important;flex-wrap:nowrap!important;border-radius:999px!important;padding:6px!important;gap:4px!important;background:var(--hub-glass)!important;border:1px solid var(--hub-glass-edge)!important}
 & .hub-salutation-sidebar{grid-column:3!important;grid-row:1!important;align-self:center!important;text-align:left!important;width:100%!important;max-width:none!important}
 & .hub-salutation-sidebar p{margin:0!important;font-size:16px!important;text-transform:none!important;white-space:nowrap!important}
 & .sidebar-date-time{grid-column:3!important;grid-row:2!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;white-space:nowrap!important}
 & .sidebar-date-time>span,& .sidebar-date-time strong,& .sidebar-date-time small{font-size:10px!important;line-height:1.4!important;letter-spacing:0!important}
 & .sidebar-date-time strong{border-left:1px solid currentColor!important;padding-left:8px!important}
 & .ll-source-date{grid-column:3!important;grid-row:3!important;text-align:left!important;width:100%!important;font-size:11px!important;padding:0!important;align-self:center!important}
 & .ll-overview{grid-column:4!important;grid-row:1/4!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:3px!important;width:100%!important;text-align:left!important;padding:10px 12px 10px 44px!important;background:var(--hub-glass)!important;border:1px solid var(--hub-glass-edge)!important;border-radius:12px!important}
 & .ll-overview>span{grid-column:1!important;border:0!important;padding:0!important}
 & .ll-overview>span:first-child{grid-row:2!important}
 & .ll-overview>span:nth-child(2){grid-row:3!important}
 & .ll-overview>span:last-child{grid-row:1!important;font-size:9px!important;white-space:nowrap!important}
 & .ll-overview-total{font-size:12px!important;font-weight:600!important}
 & .ll-overview::before{content:'';position:absolute;left:13px;top:24px;width:22px;height:22px;background:#3677bd!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18'/%3E%3Crect x='8' y='13' width='4' height='4'/%3E%3C/svg%3E") center/contain no-repeat}
 & .hub-nav-primary,& .hub-source-menu>summary{border-radius:999px!important;font-size:12px!important;gap:8px!important;padding:10px 12px!important}
 & .hub-source-chevron{display:none!important}
}}
@media(min-width:1401px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-nav-primary>span:not(.hub-nav-icon),& .hub-source-menu>summary>span:not(.hub-nav-icon):not(.hub-source-chevron){display:inline!important}
 & .hub-nav-primary,& .hub-source-menu>summary{width:auto!important;height:auto!important}
}}
@media(min-width:721px) and (max-width:1100px){html:is(.ll-enabled,.ll-shell) :is(body,#theme-overrides){
 & .hub-sidebar{grid-template-columns:140px minmax(220px,1fr) 240px!important;grid-template-rows:26px 22px 22px auto!important;gap:0 14px!important}
 & .sidebar-brand-top{width:140px!important}
 & .ll-overview{grid-column:2/4!important;grid-row:4!important;width:240px!important;margin-top:12px!important;justify-self:end!important}
}}