/* Seiten unter tnsn.ch/login/: Anmeldung, Einladung, Benutzerverwaltung.
   Die Grundregeln kommen aus /ui.css, hier steht nur die Anordnung. */

/* Anmeldung und Einladung: schmale Spalte in der Mitte, Wortmarke oben */
.auth{ min-height:calc(100vh - 2*clamp(24px,5vh,56px));
  display:flex; align-items:center; justify-content:center; }
.auth-box{ width:min(22rem,100%); display:flex; flex-direction:column; gap:26px; }
.mark{ font-size:2.4rem; line-height:.8; letter-spacing:.06em; text-align:center;
  font-variation-settings:"wght" 760,"wdth" 88; text-decoration:none; color:var(--fg); }
.auth-form{ display:flex; flex-direction:column; gap:18px; }
.auth-form .btn{ text-align:center; margin-top:6px; }
.who{ font-family:var(--mono); font-size:.72rem; letter-spacing:.12em;
  text-transform:lowercase; color:var(--dim); text-align:center; line-height:1.9; }
.who strong{ color:var(--fg); font-weight:400; }
.auth .section-title{ margin-bottom:6px; }
.mod-link{ display:block; font-size:.98rem; padding:.6em 0; color:var(--fg);
  text-decoration:none; border-bottom:1px solid var(--line-soft);
  transition:padding-left .3s var(--ease), color .3s var(--ease); }
.mod-link:hover{ padding-left:.4em; }
.mod-link.quiet{ color:var(--dim); }
.mod-link.quiet:hover{ color:var(--fg); }
.auth .back{ font-family:var(--mono); font-size:.66rem; letter-spacing:.16em;
  color:var(--dim); text-decoration:none; text-align:center; transition:color .4s var(--ease); }
.auth .back:hover{ color:var(--fg); }
.auth .error, .auth .hint{ text-align:center; }

/* Benutzerverwaltung */
.copy-row{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.copy-row .token-url{ flex:1 1 260px; color:var(--fg); }
.user-row .link-top{ margin-bottom:12px; }
.user-name{ font-size:.98rem; font-variation-settings:"wght" 600; }
.user-name .me{ font-family:var(--mono); font-size:.62rem; letter-spacing:.12em;
  color:var(--faint); margin-left:.7em; }
.user-state{ font-family:var(--mono); font-size:.66rem; letter-spacing:.06em; color:var(--dim); }
.user-row.off .user-name{ color:var(--faint); text-decoration:line-through; }
.user-row .link-actions{ margin-top:12px; }
.admin-all{ opacity:.35; pointer-events:none; }

/* Umschalter hell/dunkel auf den Seiten ohne Kopfzeile (Anmeldung, Einladung) */
.auth-theme{ position:fixed; top:clamp(24px,5vh,56px); right:clamp(16px,4vw,28px); }