/* DFD ONE · navigation shared by every portal page · WEB 12.47.0 */
.portal-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 24px;padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid var(--dfd-border,#2b323e);position:relative;min-width:0}
.portal-nav .portal-brand{display:flex;align-items:center;gap:18px;min-width:0;text-decoration:none;color:#f4f6fa;text-transform:none;letter-spacing:0}
.portal-brand img{display:block;width:190px;height:34px;object-fit:contain;object-position:left center}
.portal-brand-copy{display:flex;flex-direction:column;gap:2px;padding-left:18px;border-left:1px solid #343d4b;font:600 .78rem/1.45 system-ui,sans-serif}
.portal-nav .portal-version{color:#a8b3c3;font:500 .65rem/1.5 system-ui,sans-serif;letter-spacing:.05em;white-space:nowrap}
.portal-language{display:flex;align-items:center;gap:8px;justify-self:end;border:1px solid #2b323e;padding:3px;border-radius:9px;background:#0d1118}
.portal-language-label{padding-left:7px;color:#a8b3c3;font:600 .62rem/1.2 system-ui,sans-serif;letter-spacing:.07em}
.portal-lang-buttons{display:flex;gap:2px}
.portal-language button{min-width:40px;min-height:38px;padding:8px 10px;margin:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#a8b3c3;font:650 .7rem/1 system-ui,sans-serif;cursor:pointer}
.portal-language button:hover{color:#fff;background:#252e3c}
.portal-language button.active,.portal-language button[aria-pressed=true]{background:#343e4e;color:#fff;border-color:#59677c}
.portal-tabs{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:3px}
.portal-nav .portal-tab{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px 16px;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#bec8d7;font:600 .83rem/1.4 system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.portal-nav .portal-tab:hover{color:#fff;background:#1e2632;border-color:#394658}
.portal-nav .portal-tab.is-active,.portal-nav .portal-tab[aria-current=page]{color:#fff;background:#341b25;border-color:#81404d;box-shadow:inset 0 -2px #e52335}
.portal-nav .portal-account{margin-left:auto}
.portal-nav .portal-logout{color:#a8b3c3;border-color:#303947}
.portal-nav [hidden]{display:none!important}
/* Legacy page-specific auth hooks are hidden; the two shared section groups are authoritative. */
.portal-nav [data-portal-page=garage],.portal-nav [data-portal-page=telemetry],.portal-nav [data-portal-page=race-control],.portal-nav [data-portal-page=tracks],.portal-nav [data-portal-page=passport],.portal-nav [data-portal-page=care]{display:none!important}
.portal-nav .portal-home{display:none}
@media(max-width:1050px){.portal-nav .portal-tab{padding:10px 13px}}
@media(max-width:780px){.portal-nav{gap:16px 10px;margin-bottom:20px;padding-bottom:16px}.portal-brand img{width:160px;height:30px}.portal-brand-copy{display:none}.portal-language-label{display:none}.portal-tabs{gap:4px}.portal-nav .portal-tab{flex:0 0 auto;font-size:.8rem}.portal-nav .portal-account{margin-left:0}.portal-language button{min-width:36px;min-height:38px;padding:8px}}
@media(max-width:440px){.portal-brand img{width:132px;height:28px}.portal-language button{min-width:32px}.portal-nav .portal-tab{padding:10px 12px}}