/* Letzte Cleaning Prüfung: 16.10.2026 | Letztes Cleaning: - */
/*
 * Creator-Profil schicker (WL16-09, Betreiber 16.10.2026: „Das Aussehen hier gefällt mir gar nicht … kann auch ganz anders
 * aussehen“). Umgesetzt wie empfohlen: Reiter „Konto“ als Profilkarte (Entwurf A), Navigation und Hinweis ruhig (Entwurf B).
 * Schrift und Grundaufbau des Studios bleiben; nur Gestaltung, keine Texte. Am Handy (bis 760 px, Drill-Ansicht) unverändert.
 * Präfix :is(html, #profil#neu): zählt wie zwei IDs und schlägt die älteren Regeln in ai-contentfactory-control-center.css.
 */
@media (min-width: 761px) {
  /* Hinweis „Einmal einrichten, überall verwenden“ nur noch als ruhiger Text. */
  :is(html, #profil#neu) body .profile-hero { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 4px 6px !important; }
  :is(html, #profil#neu) body .profile-hero > span:first-child, :is(html, #profil#neu) body .profile-hero .profile-hero-icon { display: none !important; }
  :is(html, #profil#neu) body .profile-hero strong { color: #e9ebf2 !important; font-size: 13px !important; }

  /* Navigation links ohne eigenen Kasten, aktiver Punkt mit rotem Strich. */
  :is(html, #profil#neu) body .profile-settings { gap: 28px !important; }
  :is(html, #profil#neu) body .profile-nav { background: none !important; border: 0 !important; border-radius: 0 !important; border-right: 1px solid rgba(255, 255, 255, .07) !important; box-shadow: none !important; padding: 4px 16px 4px 0 !important; }
  :is(html, #profil#neu) body .profile-nav button { background: none !important; border-left: 2px solid transparent !important; border-radius: 8px !important; color: #9aa2b4 !important; }
  :is(html, #profil#neu) body .profile-nav button:hover { color: #e9ebf2 !important; }
  :is(html, #profil#neu) body .profile-nav button.active { background: rgba(255, 48, 79, .08) !important; border-left-color: #ff304f !important; color: #fff !important; }

  /* Reiter „Konto“: Profilkarte mit Bild, darunter Sicherheit und Löschen als eigene Karten. Seit WL16-23 (16.10.2026) kompakter
     (Bild 72 statt 120 px, weniger Innenabstand) – „Konto“ war die höchste Rubrik und bestimmte die feste Fensterhöhe. */
  :is(html, #profil#neu) body .profile-konto {
    align-items: center !important; background: radial-gradient(120% 140% at 0% 0%, rgba(255, 48, 79, .28), rgba(20, 22, 30, .9) 55%), #12141b !important;
    border: 1px solid rgba(255, 48, 79, .22) !important; border-radius: 16px !important; gap: 20px !important; padding: 18px 22px !important;
  }
  :is(html, #profil#neu) body .profile-konto-bild { background: #1b1e28 !important; border: 3px solid #ff304f !important; box-shadow: 0 8px 22px rgba(255, 48, 79, .22); height: 72px !important; width: 72px !important; }
  :is(html, #profil#neu) body .profile-konto-bild .mdi { color: #ff8a9a !important; font-size: 32px !important; }
  :is(html, #profil#neu) body .profile-konto-felder > strong { font-size: 20px !important; letter-spacing: -.2px; }
  :is(html, #profil#neu) body .profile-security {
    align-items: flex-start !important; background: #12141b !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 14px !important;
    display: flex !important; flex-direction: column !important; gap: 14px !important; margin: 14px 0 0 !important; padding: 18px !important;
  }
  :is(html, #profil#neu) body .profile-security.profile-delete { background: rgba(255, 48, 79, .05) !important; border-color: rgba(255, 48, 79, .3) !important; }
  /* „Konto & Sicherheit“ und „Konto löschen“ nebeneinander (WL16-23) – die Rubrik wird damit nicht höher als die übrigen. */
  :is(html, #profil#neu) body .profile-pane:has(> .profile-konto) > .profile-security { grid-column: auto !important; }
  /* Gleiche Höhe in jeder Rubrik (WL16-18, Betreiber 16.10.2026: „die Höhe ändert sich immer, wenn man in eine andere Rubrik
     geht“): Fenster fest bis 720 px (WL16-23, höchste Rubrik jetzt „Kanäle & Konten“ mit 707 px; vorher 880 px, so hoch wie „Konto“ mit großer Karte), die Knöpfe stehen unten an derselben Stelle; längere Rubriken scrollen im Fenster. */
  :is(html, #profil#neu) body.profile-modal-open .factory-workspace.open:has(#creator-profile-form) .workspace-panel { display: flex !important; flex-direction: column !important; height: min(720px, calc(100vh - 48px)) !important; }
  :is(html, #profil#neu) body.profile-modal-open .factory-workspace.open:has(#creator-profile-form) #workspace-body:has(#creator-profile-form) { display: flex !important; flex: 1 0 auto !important; flex-direction: column !important; }
  :is(html, #profil#neu) body.profile-modal-open #workspace-body .profile-settings { flex: 1 0 auto !important; }
  :is(html, #profil#neu) body.profile-modal-open #creator-profile-form { display: flex !important; flex-direction: column !important; }
  :is(html, #profil#neu) body.profile-modal-open #creator-profile-form > .profile-actions { margin-top: auto !important; }
}

/* WL20-07: Konto und Rechnungsanschrift so kompakt wie die anderen Profilrubriken. */
@media (min-width: 761px) {
  :is(html, #profil#neu) body .profile-konto { padding: 14px !important; gap: 14px !important; background: #12141b !important; border-color: rgba(255,255,255,.08) !important; }
  :is(html, #profil#neu) body .profile-konto-bild { width: 52px !important; height: 52px !important; border-width: 1px !important; box-shadow: none; }
  :is(html, #profil#neu) body .profile-konto-felder > strong { font-size: 14px !important; letter-spacing: normal; }
  :is(html, #profil#neu) body .profile-konto-felder > small { font-size: 11px; }
  :is(html, #profil#neu) body .profile-konto-felder { gap: 8px; }
  :is(html, #profil#neu) body .profile-konto input:not([type="checkbox"]),
  :is(html, #profil#neu) body .profile-konto .wizard-secondary { min-height: 36px; height: 36px; font-size: 12px; }
  :is(html, #profil#neu) body .profile-konto-rechnung .profile-konto-felder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(html, #profil#neu) body .profile-konto-rechnung .profile-konto-felder > :is(strong, small, .profile-konto-zeile, button) { grid-column: 1 / -1; }
}

/* Leere Speicherhinweise sollen die kompakten Karten nicht kuenstlich aufblaehen. */
.profile-konto .konto-name-hinweis:empty { display: none; }
@media (min-width: 761px) {
  :is(html, #profil#neu) body .profile-security { margin-top: 10px !important; padding: 14px !important; gap: 8px !important; }
}

/* WL20-05: Verbindungswarnung im vorhandenen Kopf und direkt am Konto. */
.factory-channel-status { color: #ffe0a1; border: 1px solid #725a32; border-radius: 8px; padding: 8px 10px; font-size: 12px; line-height: 1.3; text-decoration: none; }
.factory-channel-status[hidden] { display: none; }
.factory-channel-status:focus-visible { outline: 2px solid #ffe0a1; outline-offset: 3px; }
.creator-connection-notice { color: #ffe0a1; font-size: 13px; line-height: 1.5; margin: 8px 0; }
.factory-channel-symbol { display: none; }
@media (max-width: 760px) {
  .factory-channel-status { align-items: center; display: inline-flex; justify-content: center; min-height: 32px; padding: 5px 6px; font-size: 11px; }
  .factory-channel-label { display: none; }
  .factory-channel-symbol { display: inline-block; font-size: 16px; margin-right: 3px; }
}

/* Im Profilfenster stehen die Hinweise direkt bei den Konten; der Hintergrund bleibt gesperrt. */
.profile-modal-open .factory-channel-status { visibility: hidden; }
.creator-connection-notice[hidden] { display: none; }