/* Shared header on public pages, reports, and account screens. */
.navbar.mosaic-nav{--mosaic-ink:#0d1017;--mosaic-copy:#45515d;--mosaic-teal:#08768a;--mosaic-accent:#00b4d8;--mosaic-line:#dde4e8;--mosaic-paper:#f6f8fa;position:fixed;inset:0 0 auto;height:94px;min-height:94px;padding:12px max(24px,calc((100vw - 1280px)/2));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--mosaic-line);background:#fff;color:var(--mosaic-ink);z-index:1000;box-sizing:border-box;font-family:Inter,Arial,sans-serif;line-height:1.4}
.mosaic-nav *{box-sizing:border-box}
.mosaic-nav :is(a,button,summary):focus-visible{outline:3px solid var(--mosaic-teal);outline-offset:4px}
.mosaic-nav .mosaic-brand{display:block;flex:0 0 auto;line-height:0}
.mosaic-nav .mosaic-brand img{display:block;width:185px;height:auto;max-height:64px;object-fit:contain}
.mosaic-nav .mosaic-nav-links{display:flex;align-items:center;gap:14px}
.mosaic-nav .mosaic-nav-links>a,.mosaic-nav .mosaic-menu>summary{font:500 14px/1.4 Inter,Arial,sans-serif;letter-spacing:0;color:var(--mosaic-copy);text-decoration:none;cursor:pointer;white-space:nowrap}
.mosaic-nav .mosaic-nav-links>a:hover,.mosaic-nav .mosaic-menu>summary:hover,.mosaic-nav a[aria-current=page]{color:var(--mosaic-teal)}
.mosaic-nav .mosaic-menu{position:relative;margin:0;padding:0;border:0;background:transparent}
.mosaic-nav .mosaic-menu>summary{list-style:none;padding:14px 0;background:transparent;border:0}
.mosaic-nav .mosaic-menu>summary::-webkit-details-marker{display:none}
.mosaic-nav .mosaic-menu>summary::after{content:'⌄';display:inline-block;margin-left:7px;font-size:15px;transition:transform .15s}
.mosaic-nav .mosaic-menu[open]>summary::after{transform:rotate(180deg)}
.mosaic-nav .mosaic-subnav{position:absolute;top:100%;right:-20px;min-width:250px;padding:12px;background:#fff;border:1px solid var(--mosaic-line);border-radius:8px;box-shadow:0 12px 30px #0d101714;display:grid;gap:2px}
.mosaic-nav .mosaic-subnav a{font:400 14px/1.5 Inter,Arial,sans-serif;text-decoration:none;color:var(--mosaic-copy);padding:10px 12px;border-radius:4px}
.mosaic-nav .mosaic-subnav a:hover,.mosaic-nav .mosaic-subnav a[aria-current=page]{background:var(--mosaic-paper);color:var(--mosaic-teal)}
.mosaic-nav .mosaic-nav-links>a.mosaic-portal-link{color:var(--mosaic-teal);font-weight:600;border-bottom:2px solid var(--mosaic-accent);padding-block:10px}
.mosaic-nav .mosaic-nav-links>a.mosaic-product-link{color:var(--mosaic-teal);font-weight:600}
.mosaic-nav .mosaic-nav-links>a.mosaic-contact{padding:11px 16px;color:#fff;background:var(--mosaic-teal);border-radius:4px}
.mosaic-nav .mosaic-nav-links>a.mosaic-contact:hover{background:#075e70;color:#fff}
.mosaic-nav .mosaic-nav-toggle{display:none;min-height:44px;flex-shrink:0;font:600 14px Inter,Arial,sans-serif;border:1px solid var(--mosaic-line);border-radius:4px;background:#fff;padding:10px 14px;color:var(--mosaic-ink);cursor:pointer}
@media(max-width:1240px){
 .navbar.mosaic-nav{height:auto;min-height:86px;flex-wrap:wrap;gap:10px;padding:12px 24px}
 .mosaic-nav .mosaic-brand img{width:168px}
 .mosaic-nav .mosaic-nav-toggle{display:block}
 .mosaic-nav .mosaic-nav-links{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding:12px 0}
 .mosaic-nav.js-ready .mosaic-nav-links{display:none}
 .mosaic-nav.js-ready.menu-open .mosaic-nav-links{display:flex}
 .mosaic-nav.js-ready.menu-open{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .mosaic-nav:not(.js-ready){position:relative}
 .mosaic-nav .mosaic-nav-links>a,.mosaic-nav .mosaic-menu>summary{display:block;padding-block:13px;min-height:44px}
 .mosaic-nav .mosaic-subnav{position:static;min-width:0;border:0;border-left:2px solid var(--mosaic-line);box-shadow:none;border-radius:0;margin:0 0 12px 6px;padding:0 0 0 8px;gap:0}
 .mosaic-nav .mosaic-subnav a{min-height:44px;white-space:normal}
 .mosaic-nav .mosaic-nav-links>a.mosaic-contact{margin-top:12px;text-align:center}
 .mosaic-nav .mosaic-nav-links>a.mosaic-portal-link{border-bottom:1px solid var(--mosaic-line);padding-block:13px}
}
@media(max-width:760px){.navbar.mosaic-nav{padding-inline:20px}}
@media(max-width:360px){.mosaic-nav .mosaic-brand img{width:140px}}
