/* managementclub: Rahmen (Kopfzeile, Anmeldung, Team). Rest kommt aus hub.css + club.css der Zentrale. */

.mc-top {
  position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 18px;
  padding: max(12px, env(safe-area-inset-top)) clamp(16px, 3.2vw, 44px) 12px;
  border-bottom: 1px solid var(--line); background: rgba(12, 13, 15, 0.82);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.mc-top[hidden] { display: none; }
.mc-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-hi); text-decoration: none; font-family: var(--serif); font-size: 21px; white-space: nowrap; }
.mc-brand i {
  width: 26px; height: 26px; border-radius: 8px; flex: none;
  background: linear-gradient(135deg, var(--gold-hi), var(--gold) 60%, var(--gold-lo));
}
.mc-brand--big { margin-bottom: 30px; font-size: 24px; }
.mc-nav { display: flex; gap: 4px; margin-right: auto; }
.mc-nav a { padding: 7px 13px; border-radius: 999px; color: var(--sage); text-decoration: none; font-size: 14px; }
.mc-nav a:hover { color: var(--paper); }
.mc-nav a.is-on { background: rgba(205, 184, 138, 0.12); color: var(--gold-hi); }
.mc-me { display: inline-flex; align-items: center; gap: 10px; color: var(--sage); font-size: 13.5px; }
.mc-main { max-width: 1440px; margin: 0 auto; }
.mc-main:focus { outline: none; }

/* Anmeldung / Einladung */
.mc-gate { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; min-height: calc(100dvh - 120px); padding: 20px 0; }
.mc-card {
  width: min(420px, 100%); min-width: 0; padding: 34px clamp(22px, 5vw, 38px); border: 1px solid var(--line); border-radius: 20px;
  background: radial-gradient(80% 60% at 100% 0%, rgba(205, 184, 138, 0.08), transparent 60%), var(--vault-2);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}
.mc-card--wide { width: min(560px, 100%); }
.mc-card h1 { margin: 0 0 6px; font-family: var(--serif); font-weight: 400; font-size: 44px; line-height: 1; }
.mc-card > .muted { margin: 0 0 24px; }
.mc-form { display: grid; gap: 14px; }
.mc-form .btn { justify-content: center; }
.mc-code { font-family: var(--mono, monospace); font-size: 22px; letter-spacing: 0.3em; text-align: center; }
.mc-steps { display: grid; gap: 22px; margin: 0; padding: 0 0 0 20px; }
.mc-steps li > b { display: block; margin-bottom: 2px; }
.mc-steps li > span { display: block; color: var(--sage); font-size: 13.5px; margin-bottom: 10px; }
.mc-qr { width: 200px; max-width: 100%; margin: 6px 0 12px; padding: 10px; border-radius: 14px; background: #f1e7d0; }
.mc-qr svg { display: block; width: 100%; height: auto; }
.mc-steps .copy-line { margin-bottom: 10px; }
.mc-steps .copy-line { min-width: 0; }
.mc-steps .copy-line code { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
.mc-steps { min-width: 0; }

/* Team */
.mc-list { display: grid; gap: 4px; margin: 0 0 16px; padding: 0; list-style: none; }
.mc-list li { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.mc-list li > .icon { width: 20px; height: 20px; color: var(--gold); justify-self: center; }
.mc-list .initial { width: 36px; height: 36px; }
.mc-list span:nth-child(2) { display: grid; min-width: 0; }
.mc-list small { color: var(--mute); font-size: 12.5px; }
.mc-inline { grid-template-columns: 1fr 1fr auto; align-items: end; }
.mc-link { margin-top: 12px; }
.mc-link code { overflow-wrap: anywhere; }
.mc-h2 { margin-top: 28px !important; }

@media (max-width: 820px) {
  .mc-top { flex-wrap: wrap; gap: 10px; }
  .mc-brand { font-size: 18px; }
  .mc-nav { order: 3; width: 100%; margin-right: 0; }
  .mc-me { margin-left: auto; }
  .mc-me [data-me] { display: none; }
  .mc-inline { grid-template-columns: 1fr; }
}