/* Fixed header follows the MES navigation; only signed-in ERP pages reserve space. */
body.erp-has-nav { padding-top: 48px; }
.erp-header { display: flex; align-items: center; gap: 8px; box-sizing: border-box; height: 48px; padding: 0 8px; left: 0; }
.erp-header .menubar { flex: 0 0 auto; float: none; margin: 0; padding: 0 4px; min-height: 36px; border: 0; background: transparent; color: #fff; font-size: 26px; }
.erp-header-brand, .erp-header-brand:link, .erp-header-brand:visited { flex: 0 0 auto; color: #fff; text-decoration: none; font-size: 21px; }
.erp-header-links { display: flex; align-items: stretch; flex: 1 1 auto; min-width: 0; height: 100%; overflow-x: auto; }
.erp-header-links a, .erp-header-links a:link, .erp-header-links a:visited { display: flex; align-items: center; flex: 0 0 auto; padding: 0 10px; color: #fff; text-decoration: none; white-space: nowrap; font-size: 15px; }
.erp-header-links a:hover, .erp-header-links a.hovered { background: #4caf50; color: #fff; }
.erp-header a:focus-visible, .erp-header button:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.erp-header-links .badge { position: static; margin-left: 5px; }
.erp-has-nav .sidebar { top: 48px; height: calc(100% - 48px); box-sizing: border-box; }
@media print {
  .erp-header { display: none; }
  body.erp-has-nav { padding-top: 0; }
}