/* Header Universal v2. Keep this local contract equivalent across services. */
.nk-header { display:grid;grid-template-columns:138px minmax(0,1fr) auto;gap:24px;height:var(--nk-header);padding:0 32px;align-items:center }
.nk-header .nk-brand { width:138px;min-width:0;gap:0 }
.nk-header .nk-brand img { display:block;width:138px;height:46px;object-fit:contain;max-width:100% }
.nk-header-actions { grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:12px;min-width:0 }
.nk-header .nk-primary-nav { grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0 }
.nk-primary-nav>a { display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:8px;font-size:.875rem;font-weight:500;line-height:1.4;color:var(--nk-text-muted);text-decoration:none;white-space:nowrap }
.nk-primary-nav>a:hover,.nk-primary-context a:hover { color:var(--nk-text);background:var(--nk-surface-raised);text-decoration:none }
.nk-primary-nav>a[aria-current=page],.nk-primary-context a[aria-current=page] { background:var(--nk-accent-soft);color:var(--nk-accent-light) }
.nk-header .nk-navigation-toggle { display:none;width:42px;height:42px;min-height:42px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--nk-text-muted);flex-shrink:0 }
.nk-header .nk-navigation-toggle:hover { background:var(--nk-surface-raised);color:var(--nk-text) }
.nk-header .nk-profile-link { display:flex;align-items:center;gap:10px;min-width:34px }
.nk-header .nk-profile-link .nk-avatar,.nk-header .nk-profile-link .avatar { width:34px;height:34px;flex-shrink:0 }
.nk-header .nk-profile-link>span:last-child:not(.nk-avatar):not(.avatar) { max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.nk-primary-context { display:none }
.nk-header [hidden] { display:none!important }
@media(max-width:1200px) { .nk-header { gap:16px }.nk-primary-nav>a { padding-inline:10px }.nk-header .nk-profile-link>span:last-child:not(.nk-avatar):not(.avatar) { max-width:120px } }
@media(max-width:1100px) {
 .nk-header { grid-template-columns:138px minmax(0,1fr);gap:16px;padding-inline:24px }
 .nk-header-actions { grid-column:2;grid-row:1 }
 .nk-header .nk-navigation-toggle { display:inline-flex }
 .nk-header .nk-primary-nav { display:none;position:fixed;top:calc(var(--nk-header) + 10px);right:24px;width:min(340px,calc(100% - 48px));max-height:calc(100svh - var(--nk-header) - 24px);overflow-y:auto;padding:10px;border:1px solid var(--nk-border);border-radius:12px;background:var(--nk-surface);box-shadow:var(--nk-shadow-menu);z-index:45 }
 .nk-header .nk-primary-nav.is-open { display:grid;gap:4px }
 .nk-primary-nav>a { justify-content:flex-start;min-height:44px;padding:11px 12px }
 .nk-header .nk-profile-link>span:last-child:not(.nk-avatar):not(.avatar) { display:none }
 .nk-primary-context { display:grid;gap:4px;margin-top:6px;padding-top:12px;border-top:1px solid var(--nk-border) }
 .nk-primary-context>p { margin:0 12px 4px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--nk-text-muted) }
 .nk-primary-context a { display:flex;align-items:center;gap:10px;padding:11px 12px;min-height:44px;border-radius:8px;color:var(--nk-text-muted);text-decoration:none;font-size:.875rem }
 .nk-primary-context .nk-icon { width:16px;height:16px }
 .nk-header .nk-app-menu { position:fixed;top:calc(var(--nk-header) + 10px);right:24px;width:min(318px,calc(100% - 48px));max-height:calc(100svh - var(--nk-header) - 24px);overflow-y:auto }
}
@media(max-width:900px) { .nk-header { padding-inline:20px } }
@media(max-width:640px) {
 .nk-header { grid-template-columns:104px minmax(0,1fr);gap:12px;padding-inline:14px }
 .nk-header .nk-brand { width:104px }.nk-header .nk-brand img { width:104px;height:36px }
 .nk-header-actions { gap:6px }.nk-header .nk-profile-link { display:flex }
 .nk-header .nk-primary-nav,.nk-header .nk-app-menu { right:14px;width:min(340px,calc(100% - 28px)) }
 .nk-header .header-login { width:42px;min-height:42px;padding:10px }
 .nk-header .header-login>span { position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden }
}
