/* Standalone STA Staff Resources portal shell. */
body.StaffResourcesPage .header,body.StaffResourcesPage header.site-header,body.StaffResourcesPage nav:not(.sta-portal-nav),body.StaffResourcesPage footer,
body.TimesheetPage .header,body.TimesheetPage header.site-header,body.TimesheetPage nav:not(.sta-portal-nav),body.TimesheetPage footer,
body.SSRAPage .header,body.SSRAPage header.site-header,body.SSRAPage nav:not(.sta-portal-nav),body.SSRAPage footer,
body.SolarSSRAPage .header,body.SolarSSRAPage header.site-header,body.SolarSSRAPage nav:not(.sta-portal-nav),body.SolarSSRAPage footer,
body.SWMSLibraryPage .header,body.SWMSLibraryPage header.site-header,body.SWMSLibraryPage nav:not(.sta-portal-nav),body.SWMSLibraryPage footer,
body.IncidentReportPage .header,body.IncidentReportPage header.site-header,body.IncidentReportPage nav:not(.sta-portal-nav),body.IncidentReportPage footer,
body.MSDSLibraryPage .header,body.MSDSLibraryPage header.site-header,body.MSDSLibraryPage nav:not(.sta-portal-nav),body.MSDSLibraryPage footer{display:none!important}

/* The public theme uses several different header wrappers at desktop and phone widths. */
body.StaffResourcesPage #header,body.TimesheetPage #header,body.SSRAPage #header,body.SolarSSRAPage #header,body.SWMSLibraryPage #header,body.IncidentReportPage #header,body.MSDSLibraryPage #header,
body.StaffResourcesPage .site-header,body.TimesheetPage .site-header,body.SSRAPage .site-header,body.SolarSSRAPage .site-header,body.SWMSLibraryPage .site-header,body.IncidentReportPage .site-header,body.MSDSLibraryPage .site-header,
body.StaffResourcesPage .main-header,body.TimesheetPage .main-header,body.SSRAPage .main-header,body.SolarSSRAPage .main-header,body.SWMSLibraryPage .main-header,body.IncidentReportPage .main-header,body.MSDSLibraryPage .main-header,
body.StaffResourcesPage .mobile-menu,body.TimesheetPage .mobile-menu,body.SSRAPage .mobile-menu,body.SolarSSRAPage .mobile-menu,body.SWMSLibraryPage .mobile-menu,body.IncidentReportPage .mobile-menu,body.MSDSLibraryPage .mobile-menu,
body.StaffResourcesPage .mobile-nav,body.TimesheetPage .mobile-nav,body.SSRAPage .mobile-nav,body.SolarSSRAPage .mobile-nav,body.SWMSLibraryPage .mobile-nav,body.IncidentReportPage .mobile-nav,body.MSDSLibraryPage .mobile-nav,
body.StaffResourcesPage .responsive-menu,body.TimesheetPage .responsive-menu,body.SSRAPage .responsive-menu,body.SolarSSRAPage .responsive-menu,body.SWMSLibraryPage .responsive-menu,body.IncidentReportPage .responsive-menu,body.MSDSLibraryPage .responsive-menu{display:none!important}

/* The live public template is <div class="main"><header>…</header>. */
body.StaffResourcesPage .main>header:not(.sta-portal-header),body.TimesheetPage .main>header:not(.sta-portal-header),body.SSRAPage .main>header:not(.sta-portal-header),body.SolarSSRAPage .main>header:not(.sta-portal-header),body.SWMSLibraryPage .main>header:not(.sta-portal-header),body.IncidentReportPage .main>header:not(.sta-portal-header),body.MSDSLibraryPage .main>header:not(.sta-portal-header){display:none!important}

.sta-portal-header{position:relative!important;z-index:20!important;float:none!important;clear:both!important;display:block!important;width:min(1160px,calc(100% - 28px))!important;min-height:0!important;height:auto!important;margin:18px auto 20px!important;padding:14px 18px 0!important;border:1px solid #d8e0e6!important;border-radius:15px!important;background:#fff!important;box-shadow:0 3px 14px rgba(22,43,60,.07)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sta-portal-brand-row{display:flex;align-items:center;gap:18px;min-height:66px}
.sta-portal-brand{display:flex!important;align-items:center!important;gap:13px!important;color:#173d5a!important;text-decoration:none!important;min-width:0!important}.sta-portal-brand img{display:block!important;width:174px!important;max-width:174px!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important}.sta-portal-brand span{display:flex!important;flex-direction:column!important;gap:2px!important;border-left:1px solid #d8e0e6!important;padding-left:14px!important}.sta-portal-brand strong{font-size:.95rem!important;letter-spacing:.06em!important;line-height:1.1!important}.sta-portal-brand small{color:#667684!important;font-size:.76rem!important;font-weight:700!important}.sta-portal-user{display:flex!important;align-items:center!important;gap:12px!important;margin-left:auto!important;color:#667684!important;font-size:.8rem!important;font-weight:700!important}.sta-portal-user a{color:#1769aa!important;font-weight:900!important;text-decoration:none!important}.sta-portal-menu-toggle{display:none!important;border:1px solid #b8cad5!important;border-radius:8px!important;background:#fff!important;color:#173d5a!important;font:inherit!important;font-weight:900!important;padding:9px 12px!important}
.sta-portal-header .sta-portal-nav{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;float:none!important;clear:both!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;width:100%!important;min-height:0!important;height:auto!important;margin:13px 0 0!important;padding:0!important;border-top:1px solid #e5ebef!important;background:transparent!important;overflow:visible!important}.sta-portal-header .sta-portal-nav-group{position:relative!important;float:none!important;display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}.sta-portal-header .sta-portal-nav-group>button{display:block!important;width:auto!important;min-height:45px!important;height:auto!important;margin:0!important;padding:10px 14px!important;border:0!important;background:transparent!important;color:#173d5a!important;font:inherit!important;font-size:.82rem!important;font-weight:900!important;line-height:1.2!important;letter-spacing:0!important;text-align:left!important;white-space:nowrap!important;cursor:pointer}.sta-portal-header .sta-portal-nav-group>button span{display:inline!important;margin-left:5px!important;color:#5b7c92!important}.sta-portal-header .sta-portal-nav-group:hover>button,.sta-portal-header .sta-portal-nav-group:focus-within>button{background:#edf5fb!important;color:#1769aa!important}.sta-portal-header .sta-portal-submenu{display:none!important;position:absolute!important;top:45px!important;left:0!important;z-index:30!important;float:none!important;min-width:190px!important;width:max-content!important;height:auto!important;margin:0!important;padding:7px!important;border:1px solid #d8e0e6!important;border-radius:0 0 10px 10px!important;background:#fff!important;box-shadow:0 8px 18px rgba(22,43,60,.13)!important}.sta-portal-header .sta-portal-nav-group:hover .sta-portal-submenu,.sta-portal-header .sta-portal-nav-group:focus-within .sta-portal-submenu{display:grid!important}.sta-portal-header .sta-portal-submenu a{display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:10px 11px!important;border:0!important;border-radius:7px!important;color:#274d68!important;text-decoration:none!important;font-size:.82rem!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}.sta-portal-header .sta-portal-submenu a:hover,.sta-portal-header .sta-portal-submenu a:focus{background:#edf5fb!important;color:#1769aa!important}.sta-portal-header .sta-portal-nav-group--management{margin-left:auto!important}.sta-portal-header .sta-portal-nav-group--management>button{color:#765c00!important}.sta-portal-header .sta-portal-nav-group--management>button:hover{color:#765c00!important;background:#fff8e5!important}
@media(max-width:760px){.sta-portal-header{width:calc(100% - 18px)!important;margin:9px auto 13px!important;padding:11px 12px 0!important;border-radius:12px!important}.sta-portal-brand-row{min-height:54px!important;gap:10px!important}.sta-portal-brand{gap:9px!important}.sta-portal-brand img{width:145px!important;max-width:145px!important}.sta-portal-brand span{padding-left:9px!important}.sta-portal-brand strong{font-size:.76rem!important}.sta-portal-brand small{font-size:.65rem!important}.sta-portal-user{display:none!important}.sta-portal-menu-toggle{display:block!important;margin-left:auto!important}.sta-portal-header .sta-portal-nav{display:none!important;flex-direction:column!important;gap:0!important;margin-top:10px!important;padding:5px 0 7px!important}.sta-portal-header .sta-portal-nav.is-open{display:flex!important}.sta-portal-header .sta-portal-nav-group{width:100%!important;border-bottom:1px solid #e8eef2!important}.sta-portal-header .sta-portal-nav-group:last-child{border-bottom:0!important}.sta-portal-header .sta-portal-nav-group>button{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;padding:12px 8px!important}.sta-portal-header .sta-portal-submenu{position:static!important;width:100%!important;min-width:0!important;padding:0 6px 7px!important;border:0!important;border-radius:0!important;box-shadow:none!important}.sta-portal-header .sta-portal-nav-group.is-open .sta-portal-submenu{display:grid!important}.sta-portal-header .sta-portal-nav-group:hover .sta-portal-submenu{display:none!important}.sta-portal-header .sta-portal-nav-group.is-open:hover .sta-portal-submenu{display:grid!important}.sta-portal-header .sta-portal-nav-group--management{margin-left:0!important}}

/* MSDS is supplied by a separate legacy page template. Keep its working title
   aligned with the portal while its document-management upgrade is added. */
body.MSDSLibraryPage .msds-library-head{width:min(1160px,calc(100% - 32px))!important;margin:0 auto 14px!important;padding:3px 0 12px!important;border:0!important;border-bottom:1px solid #d8e0e6!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body.MSDSLibraryPage .msds-library-head h1{margin:0!important;font-size:clamp(1.3rem,2.4vw,1.7rem)!important}
@media(max-width:760px){body.MSDSLibraryPage .msds-library-head{width:calc(100% - 20px)!important;padding:2px 0 10px!important}}
