/* Shared top-level navigation on the board, hours and account pages. */
header.app-header{display:block;background:#fff;border-bottom:1px solid #dfe5df;padding:0!important;gap:0!important;color:#25352e}
.app-masthead{max-width:1480px;margin:auto;padding:28px 4% 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:120px}
.app-header .brand{display:flex;align-items:center;gap:20px;min-width:0;font-size:clamp(20px,2.2vw,30px);line-height:1.2;font-weight:750}
.app-header .brand strong{overflow-wrap:anywhere;min-width:0}.app-header .brandlogo{width:auto;max-width:180px;height:72px;max-height:72px;object-fit:contain;border-radius:0;background:transparent;flex-shrink:0}
.app-monogram{width:68px;height:68px;border-radius:16px;background:#edf2ec;display:grid;place-items:center;font-size:30px;color:#244d3b;flex:none}
.app-header form.app-logout{margin:0;padding:0!important;background:none;border:0;border-radius:0;flex:none}
.app-logout button{font:inherit;font-size:14px;white-space:nowrap;padding:11px 18px;min-height:44px;background:#fff;color:#344c3f;border:1px solid #cbd7cd;border-radius:9px;cursor:pointer}
.app-header nav.app-tabs{max-width:1480px;margin:0 auto;padding:0 4%;display:flex;gap:8px;overflow-x:auto;border:0;background:transparent}
.app-tabs a{display:block;text-decoration:none;white-space:nowrap;padding:16px 26px;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:12px 12px 0 0;font:600 16px system-ui,sans-serif;color:#627068;background:transparent}
.app-tabs a[aria-current=page]{color:#244d3b;border-color:#dfe5df;border-bottom-color:#244d3b;background:#f5f7f3}
.app-tabs a:hover{background:#f5f7f3}.app-tabs a:focus-visible,.app-logout button:focus-visible{outline:3px solid #c29555;outline-offset:-3px}
@media(max-width:640px){.app-masthead{min-height:100px;padding:20px 16px;gap:12px}.app-header .brand{font-size:20px;gap:12px}.app-header .brandlogo{max-width:100px;height:52px;max-height:52px}.app-monogram{width:48px;height:48px;font-size:23px;border-radius:12px}.app-header nav.app-tabs{padding:0 12px;gap:6px}.app-tabs a{padding:14px 18px;font-size:15px}.app-logout button{padding:10px 12px;font-size:13px}}
@media(max-width:380px){.app-header .brandlogo{max-width:64px}.app-header .brand{font-size:17px}.app-masthead{gap:8px}}
.app-header .brand strong{font-size:inherit}
.app-tabs .support-link{font-size:12px;font-weight:400;margin-left:auto;align-self:center;border:0;background:transparent;padding:10px}.app-tabs .support-link:hover{text-decoration:underline}@media(max-width:500px){.app-tabs{gap:0;flex-wrap:wrap}.app-tabs a{padding:12px 9px;font-size:13px}.app-tabs .support-link{font-size:11px;padding:10px 5px}}
