/* Navigation Vexa: consistent alignment and compact actions. */
.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;max-width:1440px;padding:24px 40px;min-height:104px;box-sizing:border-box}
.site-header .brand{display:inline-flex;align-items:center;font-size:42px;line-height:1;white-space:nowrap}
.site-header .brand span{margin-left:8px;font-size:36px}
.site-header nav{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:24px;font-size:13px;white-space:nowrap}
.site-header nav a{padding:12px 0}
.header-actions{display:flex;align-items:center;gap:16px}
.site-header .account-header-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 16px;border:1px solid #ffffff29;border-radius:8px;color:inherit;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;box-sizing:border-box;transition:background .2s,border-color .2s}
.account-header-link svg{width:17px;height:17px;flex:none}
.site-header .account-header-link:hover{background:#ffffff0a;border-color:#ffffff60}
.site-header .button.small{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 18px;font-size:13px;line-height:1.2;white-space:nowrap;border-radius:8px;box-sizing:border-box}
.site-header a:focus-visible{outline:2px solid #2cc5f4;outline-offset:5px}
@media(max-width:1150px){.site-header{padding:22px 28px;gap:24px}.site-header nav{gap:18px;font-size:12px}.header-actions{gap:10px}.site-header .button.small{padding:0 14px;gap:12px}.site-header .account-header-link{padding:0 12px}}
@media(max-width:980px){.site-header{grid-template-columns:auto 1fr;gap:18px 24px;padding:20px 28px}.header-actions{justify-self:end}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-evenly;border-top:1px solid #ffffff14;padding-top:6px;font-size:13px}.site-header nav a{padding:10px 6px}}
@media(max-width:600px){.site-header{padding:20px;gap:16px}.site-header .brand{font-size:36px}.site-header .brand span{font-size:31px}.site-header .account-header-link{min-height:42px;padding:0 12px;font-size:12px}.site-header .button.small{display:none}.site-header nav{gap:8px;justify-content:space-between;font-size:12px}.site-header nav a{padding:10px 0}.hero .actions{flex-wrap:wrap}}
.session-badge[hidden]{display:none!important}
.session-badge{display:inline-flex;align-items:center;gap:5px;color:#86d9b0;font-size:11px;white-space:nowrap;text-decoration:none;border:1px solid #86d9b03d;border-radius:20px;padding:6px 9px}
.site-header.has-client-session{grid-template-columns:auto auto 1fr auto;gap:18px}
@media(max-width:1150px){.site-header.has-client-session nav{gap:13px}.site-header.has-client-session{gap:12px}}
@media(max-width:1050px){.site-header.has-client-session{grid-template-columns:auto auto 1fr}.site-header.has-client-session nav{grid-row:2;grid-column:1/-1;justify-content:space-evenly;border-top:1px solid #ffffff14;padding-top:6px}.site-header.has-client-session .header-actions{justify-self:end}}
@media(max-width:600px){.site-header.has-client-session{gap:12px 8px}.site-header.has-client-session .session-badge{font-size:10px;padding:5px 7px}.site-header.has-client-session .brand{font-size:32px}.site-header.has-client-session .brand span{font-size:27px}.site-header.has-client-session nav{justify-content:space-between}}
.session-badge{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.session-badge{max-width:112px}.site-header.has-client-session .session-badge{max-width:100px}}
.header-identity{display:flex;align-items:center;gap:16px;min-width:0}
.header-identity .session-badge{color:#bcc0ca;border-color:#ffffff29;max-width:180px}
.header-identity .session-badge.is-connected{color:#86d9b0;border-color:#86d9b03d}
.site-header.has-client-session{grid-template-columns:auto 1fr auto;gap:24px}
@media(max-width:1150px){.header-identity{gap:10px}.header-identity .session-badge{max-width:135px}.site-header{gap:18px}}
@media(max-width:1100px){.site-header,.site-header.has-client-session{grid-template-columns:auto 1fr}.site-header nav,.site-header.has-client-session nav{grid-row:2;grid-column:1/-1;justify-content:space-evenly;border-top:1px solid #ffffff14;padding-top:6px}.site-header .header-actions{justify-self:end}}
@media(max-width:600px){.header-identity{gap:8px}.header-identity .session-badge,.site-header.has-client-session .session-badge{max-width:95px;font-size:10px;padding:5px 7px}.site-header,.site-header.has-client-session{gap:12px 8px}.site-header .brand{font-size:32px}.site-header .brand span{font-size:27px}.site-header nav,.site-header.has-client-session nav{justify-content:space-between}}
