.aegis-header {
  align-items: flex-start;
  background: var(--panel, #121d30);
  border: 1px solid var(--panel-border, #2b405f);
  border-radius: var(--radius, .75rem);
  box-shadow: none;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 0 auto 2rem;
  max-width: 54rem;
  padding: 1.25rem 1.5rem;
  position: relative;
}

.aegis-header h1 { color: var(--accent, #70d6ff); font-size: clamp(1.8rem, 5vw, 2.5rem); margin: .2rem 0 0; }
.aegis-header h2 { color: var(--text, #d8f2ff); font-size: 1.35rem; margin: .2rem 0 0; }
.aegis-header p { margin: 0; }
.service-status { color: var(--muted, #b7c8df); font-size: .84rem; font-weight: 700; }
.service-status.checking { color: var(--warning, #ffd166); }
.service-status.online { color: #8ce99a; }
.service-status.offline { color: var(--danger, #ffaaa5); }
.header-auth { margin-top: 1rem; }
.header-auth .eyebrow { color: var(--accent, #70d6ff); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.member-details { color: var(--muted, #b7c8df); font-size: .9rem; margin-top: .2rem !important; }
.header-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }
.header-page-icon {
  bottom: .8rem;
  height: 5rem;
  object-fit: contain;
  position: absolute;
  right: 1rem;
  width: 5rem;
}
.aegis-header button.secondary {
  background: transparent;
  border: 1px solid var(--panel-border, #58749e);
  border-radius: .35rem;
  color: var(--text, #d8f2ff);
  font: inherit;
  font-weight: 700;
  padding: .7rem 1rem;
}

@media (max-width: 32rem) {
  .aegis-header { flex-direction: column; }
  .header-actions { justify-content: flex-start; }
  .header-page-icon { bottom: .65rem; height: 3.75rem; right: .75rem; width: 3.75rem; }
}