.site-brand-group { display: inline-flex; align-items: center; gap: .5rem; }
.back-home-link { display: inline-flex; align-items: center; gap: .4rem; margin: 1rem 0 .5rem; color: var(--muted); font-size: .82rem; font-weight: 600; text-decoration: none; }
.back-home-link i { font-size: .9rem; }
.back-home-link:hover { color: var(--primary); text-decoration: none; }

.site-brand-admin {
  flex: 0 0 auto;
  min-height: 38px;
  margin-left: 0;
  padding: .4rem .7rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: var(--surface-raised);
  color: var(--muted);
  font-size: .82rem;
  font-weight: 650;
  text-decoration: none;
}
.site-brand-admin i { color: var(--primary); }
.site-brand-admin:hover { background: var(--primary-soft); color: var(--ink); text-decoration: none; }

.user-nav-cta {
  background: linear-gradient(180deg, #2a6ec9 0%, #0b2b4a 100%);
  color: #fff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 8px 20px -8px rgba(11, 43, 74, 0.5);
}
.user-nav-cta i:first-child { color: rgba(255,255,255,0.9); }
.user-nav-cta:hover {
  background: linear-gradient(180deg, #3b7dd4 0%, #123a5e 100%);
  color: #fff;
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset,
    0 12px 26px -10px rgba(11, 43, 74, 0.6);
}
.user-nav-cta:hover i:first-child { color: #fff; }

/* Primary actions use library green, not a decorative gradient. */
.user-nav-cta, .user-nav-cta:hover {
  background: #157a5b;
  color: #fff;
  box-shadow: none;
  transform: none;
}
.user-nav-cta:hover { background: #0f6148; }

.headline-banner {
  padding: 0.9rem 1.5rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 500;
  font-size: 0.92rem;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.headline-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  max-width: 1400px;
  margin: 0 auto;
}
.headline-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  flex-shrink: 0;
}
.headline-success {
  background: #e3f5ec;
  color: #0b5232;
  border-bottom-color: #b3dfc9;
}
.headline-danger {
  background: #fde8e8;
  color: #8b1e1e;
  border-bottom-color: #fccfcf;
}
.headline-warning {
  background: #fff3e0;
  color: #8a4a00;
  border-bottom-color: #ffe0b5;
}
.headline-info {
  background: #e9f2fa;
  color: #1f4e7a;
  border-bottom-color: #c9dff2;
}

@media (max-width: 560px) {
  .site-brand-admin { min-height: 34px; padding: .35rem .5rem; font-size: .75rem; }
  .user-nav-cta .nav-label { display: none; }
}