/* FORTIFIED 1-2-3 — SHARED PAGE HEADER
   10-17-26 (Steve): one header for every page, no "FORTIFIED 1-2-3" text — the
   logo carries the brand. Green menu button at the top right.
   10-18-26 (Steve): logo, page name and project address now sit on the LEFT
   10-23-26 (Erika): page name 15px -> 18px.
   side of the header in a row (logo, then the text beside it) instead of
   stacked in the center. One file for every page; link it right after
   web-theme.css. To change the header look, change it here. */
@media screen {
  .appbar{justify-content:flex-start !important;padding:10px 64px 10px 16px !important;position:relative !important;
          max-width:none !important;height:auto !important}
  .appbar-left{flex-direction:row !important;align-items:center !important;gap:12px !important;min-width:0}
  .appbar-logo{height:56px !important;width:auto !important;object-fit:contain;flex-shrink:0}
  .appbar-titles{align-items:flex-start !important;text-align:left;min-width:0}
  .header-title{display:none !important}                 /* "FORTIFIED 1-2-3" text */
  .header-subtitle,#hdr-sub{font-size:18px !important;font-weight:600 !important;color:#14181B !important;margin-top:0}
  /* project address under the page name (added by header-address.js) —
     header-address.js colors it white for the old green bar; dark here. */
  .header-address{color:#57636C !important;font-size:13px !important;font-weight:500 !important;text-align:left;
                  max-width:calc(100vw - 150px) !important}
  .appbar-menu-btn{position:absolute !important;top:50%;right:14px;transform:translateY(-50%)}
  /* projects.html: Team / name / Sign Out buttons live in the menu now */
  .appbar-right{position:absolute;top:50%;right:14px;transform:translateY(-50%)}
}