/* NyayaKar shared header (CONTRACT §4): the same bar on the hub and in both modules.
   Uses the shared colour tokens (--surface, --border, --text, --muted, --brand, --accent, --surface-2). */
.nk-header {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  min-height: 52px; padding: 6px 16px;
  background: var(--surface); border-bottom: 1px solid var(--border);
  position: sticky; top: 0; z-index: 20; font-family: var(--font);
}
.nk-brand {
  display: flex; align-items: center; gap: 9px; margin-right: 12px;
  font-weight: 800; font-size: 1.05rem; letter-spacing: -0.01em; color: var(--text); text-decoration: none;
}
.nk-brand::before {
  content: "N"; width: 28px; height: 28px; border-radius: 7px; display: grid; place-items: center;
  background: #1e3a5f; color: #f5b942; font-family: Georgia, serif; font-size: 16px;
}
.nk-modules { display: flex; gap: 2px; padding: 3px; border-radius: 9px; background: var(--surface-2); }
.nk-modules a {
  padding: 5px 12px; border-radius: 7px; text-decoration: none; color: var(--muted);
  font-weight: 600; font-size: 0.88rem;
}
.nk-modules a:hover { color: var(--text); }
.nk-modules a[aria-current="page"] { background: var(--surface); color: var(--brand); box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12); }
.nk-clients { margin-left: 6px; padding: 5px 10px; border-radius: 7px; color: var(--muted); text-decoration: none; font-weight: 500; font-size: 0.9rem; }
.nk-clients:hover, .nk-clients[aria-current="page"] { color: var(--text); background: var(--surface-2); }
.nk-user { margin-left: auto; color: var(--muted); font-size: 0.88rem; max-width: 40vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 560px) {
  .nk-header { padding: 6px 10px; }
  .nk-brand { margin-right: 4px; }
  .nk-user { display: none; }
}