/* Shared header: all routes use the same dimensions and breakpoints. */
body .header{height:82px;background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:20}
body .header .nav{width:calc(100% - 64px);max-width:1280px;height:100%;margin:auto;display:flex;align-items:center;gap:28px}
body .header .brand{font-size:23px;gap:12px;letter-spacing:-1px;flex-shrink:0}
body .header .brand small{display:block;font-size:10px;line-height:1.55}
body .header .brandmark{width:38px;height:41px;transform:none}
body .header .nav nav{display:flex;align-items:center;height:100%;margin:0 0 0 auto;gap:24px;font-size:13px}
body .header .nav nav a{display:flex;height:100%;padding:0;align-items:center}
body .header .nav-actions{display:flex;align-items:center;margin:0;gap:17px}
body .header .text-btn{font-size:13px}
body .header .btn.small{font-size:12px;padding:10px 14px;min-height:41px;gap:9px}
body .header .menu-btn{display:none}
@media(max-width:1150px){body .header .nav{gap:18px}body .header .brand{font-size:21px}body .header .nav nav{gap:15px}}
@media(max-width:1050px){body .header{height:75px}body .header .nav{width:calc(100% - 40px)}body .header .nav nav{display:none}body .header .nav-actions{margin-left:auto}body .header .menu-btn{display:block;margin-left:0;width:40px;height:42px;padding:0}body .header .nav nav.open{display:flex;position:absolute;top:75px;left:0;right:0;height:auto;margin:0;gap:0;padding:16px 20px;flex-direction:column;align-items:stretch;background:#fff;box-shadow:0 9px 16px #002c3514}body .header .nav nav.open a{display:flex;padding:12px 0;height:auto}}
@media(max-width:600px){body .header .nav{width:calc(100% - 32px);gap:12px}body .header .brand{font-size:20px;gap:8px}body .header .brand small{font-size:8px}body .header .brandmark{width:33px;transform:scale(.85)}body .header .nav-actions{display:none}body .header .menu-btn{margin-left:auto}}

/* Match the wide orders layout, including its responsive gutters. */
body.orders-page .header .nav{max-width:1560px;width:calc(100% - 64px)}
@media(max-width:760px){body.orders-page .header .nav{width:calc(100% - 32px)}}