/* Creator-Kern (03.09. abends): Sprachwahl im Kopf, Begruessung auf der
   Startseite, feste Angaben und der Schalter „Open to Collab" im Profil.
   Ergaenzt creator.css und ueberschreibt nichts darin. Kein Inline-Stil, die
   Seite laeuft unter einer strengen Inhaltsrichtlinie. */

/* Sprachwahl neben dem Benutzer */
body.creator .sprachwahl { background: #0b0b0b; color: var(--leise, #aaa); border: 1px solid #333; border-radius: 0.4rem; padding: 0.3rem 0.45rem; font: inherit; font-size: 0.8125rem; letter-spacing: 0.04em; cursor: pointer; }
body.creator .sprachwahl:focus-visible { outline: 2px solid var(--gelb, #F4CE14); outline-offset: 1px; }
body.creator .sprachwahl:disabled { opacity: 0.5; cursor: default; }

/* Begruessung vor „Was jetzt ansteht" */
.karte.gruss h2 { font-size: 1.75rem; letter-spacing: -0.01em; margin-bottom: 0.3rem; }
.karte.gruss p { color: var(--leise, #aaa); }

/* Feste Angaben im Profil, nur zum Anzeigen */
.profil-editor dl.fest { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0.6rem 1rem; margin: 0.5rem 0 0.2rem; padding: 0.8rem 0.9rem; background: #0b0b0b; border: 1px solid var(--linie, #222); border-radius: 0.5rem; }
.profil-editor dl.fest div { min-width: 0; }
.profil-editor dl.fest dt { color: var(--leise, #888); font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.07em; }
.profil-editor dl.fest dd { margin: 0.15rem 0 0; word-break: break-word; }
.profil-editor dl.fest dd.fehlt { color: var(--leise, #777); font-style: italic; }
.profil-editor .fest-feld { margin: 0.9rem 0 0; }
.profil-editor .fest-feld .etikett { display: block; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--leise, #888); margin-bottom: 0.3rem; }
.profil-editor .fest-feld .wert { padding: 0.5rem 0.7rem; border: 1px dashed var(--linie, #333); border-radius: 0.4rem; color: #ccc; word-break: break-all; }

/* Schalter „Open to Collab" */
.profil-editor label.schalter { position: relative; display: flex; align-items: center; gap: 0.7rem; margin: 0.5rem 0 0; cursor: pointer; }
.profil-editor label.schalter span { display: inline-block; font-size: 0.9375rem; text-transform: none; letter-spacing: 0; margin: 0; color: inherit; }
.profil-editor label.schalter input { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
.profil-editor label.schalter .knubbel { position: relative; width: 2.6rem; height: 1.5rem; border-radius: 1rem; background: #333; transition: background 0.15s; flex: none; }
.profil-editor label.schalter .knubbel::after { content: ''; position: absolute; top: 0.15rem; left: 0.15rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #fff; transition: transform 0.15s; }
.profil-editor label.schalter input:checked + .knubbel { background: var(--gelb, #F4CE14); }
.profil-editor label.schalter input:checked + .knubbel::after { transform: translateX(1.1rem); }
.profil-editor label.schalter input:focus-visible + .knubbel { outline: 2px solid var(--gelb, #F4CE14); outline-offset: 2px; }
.profil-editor label.schalter .schalter-text { min-width: 2rem; color: var(--leise, #aaa); }
.profil-editor label.schalter input:checked ~ .schalter-text { color: var(--gelb, #F4CE14); }