/**
 * =========================================================
 * BlaBlaDating – BlaBla CrimeStory
 * BCS-00 Design Framework
 * Version 2.0.53
 * =========================================================
 *
 * Zentrale Gestaltung aller BCS-Module.
 * Farben, Layouts und Responsivität werden nur hier gepflegt.
 * 
 * Änderung in Version 2.0.53   
 * 31. BlaBlaDating – Willkommensmeldung Hauptmenü
 * + Desktop-Benutzer-Popup aus Code entnommen und in separates Snippet eingefügt
 *
 * Änderung in Version 1.1.0:
 * - Ermittlungsgruppen
 * - Zuordnungsformular
 * - Suche, Filter und Pagination
 *
 * Änderung in Version 1.2.0:
 * - Einladungsübersicht
 * - Aktionsspalte und E-Mail-Versand
 *
 * Änderung in Version 1.3.0:
 * - eigenständiger Frontend-Bereich
 * - Teilnehmermenü, Karten und Dashboard
 *
 * Änderung in Version 1.4.0:
 * - Einladungsaktionen
 * - aktueller Fall und persönliche Fallakte
 *
 * Änderung in Version 1.5.0:
 * - Lösungseingabe
 * - Abschlussanzeige und Fallarchiv
 *
 * Änderung in Version 1.6.0:
 * - E-Mail-Center
 * - Vorlagenliste und Bearbeitungsformular
 *
 * Änderung in Version 1.7.0:
 * - E-Mail-Center unter Einstellungen integriert
 *
 * Änderung in Version 1.9.0:
 * - Einstellungsseite neu strukturiert
 * - Vorlagenliste links, Bearbeitung rechts
 * - breitere Formularfelder und klareres Protokoll
 *
 * Änderung in Version 2.0.2:
 * - ausschließlich weiße Hintergründe der Frontend-Fallkarten
 *   und Frontend-Einladungskarten gegen Theme-Überschreibungen abgesichert
 * - Schriftfarben, Abstände, Layouts und Funktionen bleiben unverändert
 * - bestehende responsive Regeln bleiben vollständig erhalten
 *
 * Änderung in Version 2.0.4:
 * - Gestaltung für Geschlechtsicon beim CrimeStory-Partner ergänzt
 * - Facebook-Profilbutton im originalen Facebook-Blau ergänzt
 * - Hover: weißer Hintergrund, blauer Rahmen und blaue Schrift
 * - mobile Darstellung responsiv auf volle Breite
 *
 * Änderung in Version 2.0.5:
 * - zentralen BCS-Primärgrünton ausschließlich von #00d7a0 auf #00d690 geändert
 * - bestehender Hoverton, Layouts und Responsive-Regeln unverändert
 * - Facebook-Blau #1877F2 und dessen Hoververhalten unverändert

 *
 * Änderung in Version 2.0.5:
 * - Modul „BCS – Persönlicher Hinweis + Persönliches Kennenlernen – CSS“
 *   Version 1.0.8 vollständig in BCS-00 integriert
 * - vorhandene CSS-Regeln auf identische Selektoren/Dubletten geprüft
 * - keine identischen Regelblöcke zwischen beiden Modulen gefunden
 * - daher keine funktionalen CSS-Regeln entfernt
 * - keine Design-, Farb-, Layout-, Hover- oder Responsive-Änderungen
 * - separates CSS-Modul kann nach erfolgreichem Test deaktiviert werden
 *
 * Änderung in Version 2.0.6:
 * - ausschließlich Versionsstand auf 2.0.6 fortgeführt
 * - enthält den bereits vorgenommenen Grünwechsel auf #00d690
 * - enthält die bereits integrierten CSS-Module und Story-Bildvorschau
 * - keine weiteren Codeänderungen

 *
 * Änderung in Version 2.0.7:
 * - ausschließlich abweichende grüne Hover-/Focus-Farben auf #00d690 vereinheitlicht
 * - keine Änderungen an Orange, Facebook-Blau, Layout, Größen, Abständen,
 *   Responsive-Regeln oder Funktionen
 *
 * Änderung in Version 2.0.8:
 * - ausschließlich die zwei Inline-Styles aus BCS-05 zentral übernommen
 * - .bcs-crimestory-lock-notice-global: margin-bottom 24px
 * - .bcs-button-decline: bestehende rote Button-Gestaltung unverändert übernommen
 * - keine weiteren Design-, Layout-, Responsive- oder Funktionsänderungen

 *
 * Änderung in Version 2.0.9:
 * - ausschließlich linke Karte „Ermittlungsnotizen“ von Grün auf Dunkelblau #001f3f
 *   umgestellt: Hinweisbutton, Akzentlinie, Kicker, Textfeld-Focus und Hinweis-Popup-Akzent
 * - ausschließlich Button „Antwort speichern“ von Orange auf Grün #00d690 umgestellt
 * - rechte orange Karte „Persönliches Kennenlernen“ vollständig unangetastet
 * - keine Layout-, Größen-, Abstands-, Responsive- oder Funktionsänderungen

 *
 * Änderung in Version 2.0.10:
 * - ausschließlich Gestaltung der zwei neuen Speicherbuttons innerhalb der Karten ergänzt
 * - linker Speicherbutton: Dunkelblau #001f3f passend zur linken Karte
 * - rechter Speicherbutton: Orange #f28c28 passend zur rechten Karte
 * - beide Buttons mit jeweils passendem Weiß/Hover-Verhalten
 * - keine Änderung an Kartenfarben, Akzentlinien, Layout, Textfeldern,
 *   Responsive-Regeln oder Funktionen

 *
 * Änderung in Version 2.0.11:
 * - ausschließlich die beiden Speicherbuttons innerhalb der Karten angepasst
 * - Buttons nicht mehr über volle Kartenbreite, sondern kompakter
 * - Hover/Focus-Verhalten umgedreht:
 *   Grundzustand weiß mit farbiger Schrift/Rahmen,
 *   Hover/Focus vollflächig in jeweiliger Kartenfarbe mit weißer Schrift
 * - keine Änderungen an Karten, oberen Aktionsbuttons, Textfeldern,
 *   Speicherlogik, Layout außerhalb der Speicherbuttons oder Funktionen

 *
 * Änderung in Version 2.0.12:
 * - ausschließlich Erfolgsmeldung nach dem Speichern angepasst
 * - hellgrüner Container über die komplette Breite beider Karten
 * - Meldung blendet sich nach wenigen Sekunden automatisch aus
 * - keine Änderungen an Karten, Buttons, Farben, Textfeldern,
 *   Speicherlogik, Responsive-Struktur oder sonstigen Funktionen
 *
 * Änderung in Version 2.0.13:
 * - ausschließlich Hintergrundgestaltung der beiden Tageskarten angepasst
 * - Ermittlungsnotizen: dezenter dunkelblauer Farbverlauf
 * - Persönliches Kennenlernen: dezenter orangefarbener Farbverlauf
 * - Texte innerhalb beider Karten auf Weiß umgestellt
 * - Textfelder bleiben Weiß und unverändert
 * - keine Änderungen an Buttons, Hover-Verhalten, Größen, Abständen,
 *   Speicherlogik, Responsive-Regeln oder sonstigen Funktionen

 *
 * Änderung in Version 2.0.14:
 * - ausschließlich Hover-/Focus-Verhalten der beiden Buttons über den Tageskarten umgekehrt
 * - Grundzustand: weißer Hintergrund mit jeweiliger farbiger Schrift und farbigem Rahmen
 * - Hover/Focus: vollflächig in jeweiliger Kartenfarbe mit weißer Schrift
 * - betroffen sind nur „Persönlichen Hinweis öffnen“ und „Persönliche Kennenlernfrage“
 * - keine Änderungen an Karten, Speicherbuttons, Popups, Größen, Abständen,
 *   Responsive-Regeln, Speicherlogik oder sonstigen Funktionen

 *
 * Änderung in Version 2.0.15:
 * - ausschließlich Hover-/Focus-Rahmen der beiden Buttons „Antwort speichern“ auf Weiß geändert
 * - linke Karte behält beim Hover Dunkelblau #001f3f
 * - rechte Karte behält beim Hover Orange #f28c28
 * - Schrift und Icon bleiben beim Hover Weiß
 * - keine Änderungen an oberen Buttons, Karten, Popups, Größen, Abständen,
 *   Responsive-Regeln, Speicherlogik oder sonstigen Funktionen
 *
 * Änderung in Version 2.0.16:
 * - zentrale Gestaltung der Story-Backend-Ermittlungsgruppen ergänzt
 * - einheitliche Karten-, Schrift-, Feld-, Editor- und Abstandsregeln
 *   für Spieler 1 bis Spieler 12
 * - Gruppenplanung, Dropdown-Zeile, Validierung und Kontaktstand zentral gestaltet
 * - responsive 2-Spalten-/1-Spalten-Darstellung zentral übernommen
 * - zugehörige Inline-Styles können aus BCS-03 entfernt werden
 * - keine Änderung an bestehenden Frontend-Karten, Buttons, Popups,
 *   Mailcenter-, Einladungs- oder sonstigen BCS-Designs
 */

/*
 * Änderung in Version 2.0.17:
 * - ausschließlich Gestaltung der Willkommensmeldung im Hauptmenü ergänzt
 * - orange Schriftfarbe #ec8f01 beibehalten
 * - kein Klickverhalten und kein Handcursor
 * - keine Änderungen an bestehenden BCS-Styles, Layouts oder Responsive-Regeln
 */

/*
 * Änderung in Version 2.0.18:
 * - ausschließlich Schriftgestaltung der Willkommensmeldung angepasst
 * - Schriftgröße 14px
 * - Schriftart Poppins
 * - Schriftgewicht 600
 * - keine weiteren Änderungen
 */

/*
 * Änderung in Version 2.0.19:
 * - ausschließlich Typografie der Willkommensmeldung korrigiert
 * - feste Schriftart, Schriftgröße und Schriftstärke wieder entfernt
 * - Willkommensmeldung übernimmt die Typografie des Safar-Hauptmenüs
 * - orange Schriftfarbe #ec8f01 bleibt unverändert
 * - keine weiteren Änderungen
 */

/*
 * Änderung in Version 2.0.20:
 * - ausschließlich CSS-Selektor der Willkommensmeldung an das wieder verwendete <a>-Element angepasst
 * - Linkfunktion vollständig deaktiviert
 * - Handcursor deaktiviert
 * - Hover-/Focus-Hintergrund und Hover-Farbwechsel unterdrückt
 * - orange Schriftfarbe #ec8f01 fest beibehalten
 * - Typografie wird weiterhin direkt vom Safar-Hauptmenü übernommen
 * - keine weiteren Änderungen
 */

/*
 * Änderung in Version 2.0.21:
 * - ausschließlich Typografie der Willkommensmeldung fest auf 14px Poppins / 600 gesetzt
 * - orange Schriftfarbe, deaktivierter Hover, deaktivierter Handcursor und deaktivierte Linkfunktion bleiben unverändert
 * - keine weiteren Änderungen
 */


/*
 * Änderung in Version 2.0.22:
 * - ausschließlich Gestaltung der Lösungskarte für den gemeinsamen 12er-Fall ergänzt
 * - Ermittlungsrückblick innerhalb der Lösungskarte gestaltet
 * - Spielerzeilen mit WordPress-Profilbild, Name sowie Täter-oder-Komplize-Auswahl gestaltet
 * - Täter als Einzelauswahl und Komplize als Mehrfachauswahl optisch klar getrennt
 * - responsive Darstellung für Tablet und Smartphone ergänzt
 * - bestehende Farben, Layouts und alle übrigen BCS-Bereiche unverändert
 */


/*
 * Änderung in Version 2.0.23:
 * - ausschließlich Bereich „Meine Mitspieler“ im Frontend angepasst
 * - Mitspieler als eigenständige Karte unterhalb der Lösung optisch getrennt
 * - Name, Geschlechtsicon und Facebook-Button gleichmäßig in festen Spalten ausgerichtet
 * - Facebook-Buttons erhalten innerhalb der Liste eine einheitliche Breite
 * - responsive Darstellung für Tablet und Smartphone ergänzt
 * - keine Änderung an Lösungskarte, Farben anderer Bereiche oder Funktionen
 */

/*
 * Änderung in Version 2.0.24:
 * - ausschließlich Bereich „Meine Mitspieler“ kompakter angeordnet
 * - 12 Spieler auf Desktop in zwei gleich breite Spalten mit jeweils 6 Spielern aufgeteilt
 * - bestehende Reihenfolge bleibt erhalten: erste 6 links, nächste 6 rechts
 * - innerhalb jeder Spielerzeile bleiben Name, Geschlechtsicon und Facebook-Button unverändert ausgerichtet
 * - auf Tablet und Smartphone werden die beiden Spalten wieder untereinander dargestellt
 * - keine Änderung an Lösungskarte, Funktionen, Farben oder anderen BCS-Bereichen
 */


/*
 * Änderung in Version 2.0.25:
 * - ausschließlich Ermittlungsrückblick in der Lösungskarte kompakter gestaltet
 * - weiße Einzelkarten und Einzelrahmen je Tag entfernt
 * - Tag und Notiz werden zusammenhängend innerhalb der einen hervorgehobenen Rückblickkarte dargestellt
 * - kompakter Abstand zwischen vorhandenen Tagen
 * - responsive Verhalten bleibt erhalten
 * - keine Änderung an anderen BCS-Bereichen
 */


/*
 * Änderung in Version 2.0.26:
 * - ausschließlich Abstand im Ermittlungsrückblick angepasst
 * - kein Abstand mehr zwischen „Tag X“ und der zugehörigen Notiz
 * - Abstand bleibt ausschließlich nach dem Notizende vor dem nächsten Tag
 * - keine weiteren Änderungen
 */


/*
 * Änderung in Version 2.0.27:
 * - ausschließlich Abstand innerhalb der Tagesnotizen im Ermittlungsrückblick korrigiert
 * - „Tag X“ und die zugehörige Notiz werden ohne zusätzlichen Zwischenraum direkt untereinander gesetzt
 * - Abstand bleibt nur zwischen dem Ende einer Notiz und dem nächsten Tag bestehen
 * - keine weiteren Änderungen
 */


/*
 * Änderung in Version 2.0.28:
 * - ausschließlich Überbreite bei langen Ermittlungsnotizen korrigiert
 * - Eingabefeld behält immer die vorgesehene Kartenbreite
 * - Ermittlungsrückblick bleibt innerhalb seiner ursprünglichen Breite
 * - sehr lange Wörter/Zeichenfolgen werden innerhalb der vorhandenen Breite umgebrochen
 * - kein horizontales Aufziehen oder Abschneiden der Seite mehr
 * - keine weiteren Layout-, Farb-, Funktions- oder Responsive-Änderungen
 */


/*
 * Änderung in Version 2.0.29:
 * - ausschließlich Täter-/Komplizen-Auswahl im Lösungssonntag platzsparend angeordnet
 * - 12 Spieler auf Desktop in zwei Spalten mit jeweils 6 Spielern dargestellt
 * - Spielerbild, Name sowie Täter-/Komplize-Auswahl bleiben je Spieler zusammen
 * - auf Tablet und Smartphone automatisch wieder einspaltige Darstellung
 * - keine Änderung an Auswahlfunktion, Speicherung, Farben oder anderen BCS-Bereichen
 */


/*
 * Änderung in Version 2.0.30:
 * - ausschließlich Kopfzeilen der zweispaltigen Täter-/Komplizen-Auswahl korrigiert
 * - Desktop: über jeder der beiden 6er-Spalten eigene Kopfzeile „Mitspieler“ / „Auswahl“
 * - Responsive: bei einspaltiger Darstellung nur eine Kopfzeile
 * - bestehende 6/6-Aufteilung, Auswahlfunktion, Farben und übrige Bereiche unverändert
 */


/*
 * Änderung in Version 2.0.31:
 * - ausschließlich Tagesreiter für Tag 1–7 und Lösung gestaltet
 * - aktueller/geöffneter Reiter hervorgehoben
 * - zukünftige Tage optisch gesperrt
 * - Desktop kompakte Reiterzeile
 * - Tablet/Smartphone horizontal scrollbar statt gequetschter Reiter
 * - keine Änderung an Tageskarten, Lösungskarte, Farben anderer Bereiche oder Funktionen
 */


/*
 * Änderung in Version 2.0.32:
 * - ausschließlich Reiter „Einführung“ ergänzt
 * - etwas größere Mindestbreite als die nummerierten Tagesreiter
 * - aktiver, Hover-, Sperr- und Responsive-Stil der bestehenden Reiter unverändert übernommen
 * - keine Änderung an Tageskarten, Lösungskarte oder anderen BCS-Bereichen
 */


/*
 * Änderung in Version 2.0.33:
 * - ausschließlich Darstellung gesperrter zukünftiger Tagesreiter angepasst
 * - Tag 2–7 und „Lösung“ werden transparent dargestellt, solange sie gesperrt sind
 * - kein Hover-/Focus-Farbwechsel
 * - kein Handcursor
 * - keine Verlinkung
 * - aktive und bereits freigeschaltete Reiter bleiben unverändert
 * - Responsive-Verhalten bleibt unverändert
 */


/*
 * Änderung in Version 2.0.34:
 * - ausschließlich Schriftfarbe der gesperrten zukünftigen Tagesreiter aufgehellt
 * - Tag 4–7 bzw. jeweils noch gesperrte Tage und „Lösung“ sind dadurch besser lesbar
 * - Transparenz, Sperrung, fehlender Hover, Cursor und Responsive-Verhalten unverändert
 * - keine Änderung an aktiven oder bereits freigeschalteten Reitern
 */


/*
 * Änderung in Version 2.0.35:
 * - ausschließlich Responsivität des Tagesmenüs korrigiert
 * - Tagesreiter können die Seite auf Tablet/Smartphone nicht mehr horizontal verbreitern
 * - Tablet: Reiter werden in 3 Spalten umgebrochen
 * - Smartphone: Reiter werden in 2 Spalten umgebrochen
 * - Einführung, aktive/gesperrte Zustände, Hover- und Sperrlogik bleiben unverändert
 * - keine Änderung an Tageskarten, Lösung, Facebook-Liste oder anderen BCS-Bereichen
 */


/*
 * Änderung in Version 2.0.36:
 * - ausschließlich Umrandung der deaktivierten Tagesreiter korrigiert
 * - gesperrte Tage und „Lösung“ erhalten jetzt auf allen vier Seiten eine sichtbare Umrandung
 * - Transparenz, Schriftfarbe, Sperrung, fehlender Hover und Responsive-Aufteilung bleiben unverändert
 * - keine Änderung an aktiven oder freigeschalteten Reitern
 */

/*
 * Änderung in Version 2.0.37:
 * - Referenzversion: BCS-00 Design Framework v2.0.36
 * - Gestaltung für „Mein Persönliches Ermittlungstagebuch“ ergänzt
 * - Desktop: zwei Spalten; Tablet/Smartphone automatisch platzsparend angepasst
 * - Reihenfolge je Person: Auswahl, Profilfoto mit Sternebewertung, Vorname,
 *   Geschlechtsicon und Facebook-Profil
 * - Sterne 0–5 bis zur Personenauswahl deaktiviert
 * - Gestaltung für Moderations-Dashboard und Tagesdetails ergänzt
 * - keine Änderung an bestehenden BCS-Bereichen, Farben oder Tagesreitern
 * - Responsivität ausdrücklich berücksichtigt
 */

/*
 * Änderung in Version 2.0.38:
 * - ausschließlich Layout von „Mein Persönliches Ermittlungstagebuch“ korrigiert
 * - Desktop weiterhin zwei Spalten mit jeweils 6 Spielern
 * - Reihenfolge sauber ausgerichtet: Auswahl, Profilfoto mit Sternebewertung,
 *   Vorname, Geschlechtsicon und Facebook-Profil
 * - Profilspalte deutlich kompakter, damit keine Elemente mehr überlagern
 * - Facebook-Bereich nutzt den verbleibenden Platz der jeweiligen Spielerzeile
 * - Tablet und Smartphone weiterhin responsiv ohne horizontales Überlaufen
 * - Moderations-Dashboard, Farben, Funktionen, Speicherlogik, Tagesreiter
 *   und sämtliche übrigen BCS-Bereiche unverändert
 */

/*
 * Änderung in Version 2.0.39:
 * - ausschließlich Struktur-Layout des Ermittlungstagebuchs an BCS-11 v1.0.1 angepasst
 * - pro Spielerzeile nur noch vier Hauptbereiche:
 *   Auswahl | Profilfoto + Sterne | Vorname + Geschlechtsicon | Facebook
 * - dadurch keine Überlagerungen mehr bei zwei Desktop-Spalten
 * - Tablet und Smartphone einspaltig und ohne horizontales Überlaufen
 * - Speicherbutton auf vorhandenen grünen BCS-Standardstil abgestimmt
 * - keine Änderung an Moderations-Dashboard, Farben anderer Bereiche,
 *   Funktionen, Speicherlogik oder Tagesreitern
 */

/*
 * Änderung in Version 2.0.40:
 * - ausschließlich Layout der Spielerzeilen im persönlichen Ermittlungstagebuch korrigiert
 * - Desktop-Reihenfolge exakt:
 *   Auswahl | Profilfoto + Sterne | Vorname | Geschlechtsicon | Facebook
 * - Spaltenbreiten so reduziert, dass zwei Spieler-Spalten ohne Überlagerung passen
 * - ab kleinerer Desktop-/Tabletbreite automatisch einspaltige Liste
 * - Smartphone weiterhin ohne horizontales Überlaufen
 * - keine Änderung an Fragen, Texten, Farben anderer Bereiche,
 *   Moderations-Dashboard, Funktionen, Speicherung oder Tagesreitern
 */

/*
 * Änderung in Version 2.0.41:
 * - ausschließlich alten Layout-Konflikt von .bcs-teammates-section
 *   mit dem neuen Ermittlungstagebuch aufgehoben
 * - Ermittlungstagebuch nutzt jetzt die volle Kartenbreite
 * - Überschrift, Erklärung, Formular und Spielergrid werden nicht mehr
 *   durch die frühere 6-links/6-rechts-Facebook-Liste in zwei Hauptspalten gezwungen
 * - bestehende alte Facebook-/Mitspielerkarte bleibt unverändert
 * - keine Änderung an BCS-11, Fragen, Texten, Datenbank, Speicherung,
 *   Moderations-Dashboard, Tageslogik oder anderen BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.42:
 * - ausschließlich Sternebewertung im Ermittlungstagebuch größer dargestellt
 * - responsive Darstellung weiterhin berücksichtigt
 * - keine Änderung an übrigen Layouts, Farben oder BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.43:
 * - ausschließlich Sternebewertung im Ermittlungstagebuch nochmals
 *   deutlich größer dargestellt
 * - responsive Darstellung weiterhin berücksichtigt
 * - keine Änderung an Spieleranordnung, Farben oder anderen BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.44:
 * - ausschließlich Gestaltung des neuen Backend-Buttons „Zurücksetzen“
 *   im Moderations-Dashboard ergänzt
 * - kompakte Darstellung innerhalb der jeweiligen Personenzeile
 * - responsive Tabellenansicht bleibt erhalten
 * - keine Änderung an Frontend, Farben anderer Bereiche oder Funktionen
 */
/*
 * Änderung in Version 2.0.45:
 * - ausschließlich Darstellung des Backend-Resets auf Tagesebene angepasst
 * - ein Button „Tag zurücksetzen“ pro Spieler und Ermittlungstag
 * - Button kompakt neben dem Speicherzeitpunkt angeordnet
 * - responsive Darstellung berücksichtigt
 * - keine Änderung am Frontend oder anderen BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.46:
 * - ausschließlich sämtliche bisher noch in BCS-11 v1.0.10 enthaltenen CSS-Regeln
 *   zentral in BCS-00 übernommen
 * - Moderationsübersicht auf fünf Spalten für die neue Altersgruppen-Kachel
 * - Geschlechtsicon im Moderationskontakt auf 20 x 20 px zentral gestaltet
 * - bestehende responsive 2-Spalten-/1-Spalten-Regeln unverändert beibehalten
 * - keine Änderung an Funktionen, Farben, sonstigen Layouts oder anderen BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.47:
 * - ausschließlich Profilbilder im persönlichen Ermittlungstagebuch vergrößert
 * - Desktop/Tablet/Smartphone: 60 x 60 px statt 46 x 46 px
 * - runde Darstellung und object-fit: cover bleiben unverändert
 * - Responsivität weiterhin berücksichtigt
 * - keine Änderung an Sternebewertung, Spieleranordnung, Farben, Funktionen
 *   oder anderen BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.48:
 * - ausschließlich Profilbilder im persönlichen Ermittlungstagebuch auf 90 x 90 px vergrößert
 * - Desktop/Tablet/Smartphone entsprechend angepasst
 * - runde Darstellung und object-fit: cover bleiben unverändert
 * - Responsivität weiterhin berücksichtigt
 * - keine Änderung an Sternebewertung, Spieleranordnung, Farben, Funktionen
 *   oder anderen BCS-Bereichen
 */
/*
 * Änderung in Version 2.0.50:
 * - Referenzbasis ist wieder die funktionierende Version 2.0.48
 * - ausschließlich Anordnung innerhalb der Spielerzeilen des Ermittlungstagebuchs
 *   an die 90 x 90 px Profilbilder angepasst
 * - Name rechts neben dem Profilbild, Sterne direkt unter dem Namen
 * - sichtbare „0“ vor den Sternen ausgeblendet; der Button bleibt technisch im DOM erhalten
 * - Geschlechtsicon und Facebook-Bereich wieder sauber vertikal ausgerichtet
 * - Desktop, Tablet und Smartphone responsiv berücksichtigt
 * - keine Änderung an anderen BCS-Bereichen, Farben, PHP, Speicherung oder Funktionen
 */

/*
 * Änderung in Version 2.0.51:
 * - ausschließlich CSS aus BCS-10 KI-Bildkennzeichnung v1.0.10 übernommen
 * - Desktop- und Smartphone-Regeln unverändert übernommen
 * - keine bestehenden BCS-00-Regeln verändert
 */

/*
 * Änderung in Version 2.0.52:
 * - ausschließlich sämtliches CSS aus dem Modul
 *   „BlaBlaDating – Willkommensmeldung im Hauptmenü“ Version 2.0.8
 *   zentral in BCS-00 übernommen
 * - bestehenden Abschnitt 31 „Willkommensmeldung Hauptmenü“
 *   durch die aktuelle vollständige Gestaltung ersetzt
 * - Willkommensmeldung bleibt in allen Zuständen Orange #ec8f01
 * - Handcursor für die Willkommensmeldung aktiviert
 * - Desktop-Benutzer-Popup ab 1025px zentral übernommen
 * - Elementor Popup-Menü Template 4242 weiterhin ausgeschlossen
 * - Popup-Links bleiben im normalen und weißen Scrollzustand
 *   gegen Safar-Theme-Überschreibungen abgesichert
 * - Vorname, „Profil bearbeiten“ und „Abmelden“ wechseln
 *   bei Hover auf #00d690
 * - keine Änderungen an anderen BCS-Bereichen, Funktionen,
 *   Layouts oder Responsive-Regeln
 */




:root {
    --bcs-font-family: "Poppins", sans-serif;
    --bcs-primary: #00d690;
    --bcs-primary-hover: #00d690;
    --bcs-accent: #f39c12;
    --bcs-navy: #001f3f;
    --bcs-dark: #1f1d3d;
    --bcs-white: #ffffff;
    --bcs-surface: #ffffff;
    --bcs-surface-soft: #f6f8fa;
    --bcs-text: #101820;
    --bcs-text-soft: #50575e;
    --bcs-border: #dcdcde;
    --bcs-success: #2e7d32;
    --bcs-warning: #a66100;
    --bcs-danger: #d63638;
    --bcs-muted: #646970;
    --bcs-content-width: 1500px;
    --bcs-sidebar-width: 300px;
    --bcs-transition: 0.2s ease;
}

.blabla-crimestory-dashboard,
.blabla-crimestory-stories,
.blabla-crimestory-story-form {
    width: 100%;
    max-width: var(--bcs-content-width);
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
}

.blabla-crimestory-dashboard *,
.blabla-crimestory-stories *,
.blabla-crimestory-story-form * {
    box-sizing: border-box;
}

.blabla-crimestory-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 18px;
    max-width: 1300px;
    margin-top: 25px;
}

.blabla-crimestory-dashboard-card {
    padding: 24px;
    background: var(--bcs-surface);
    border: 1px solid var(--bcs-border);
    border-left: 5px solid var(--bcs-accent);
}

.blabla-crimestory-dashboard-number {
    display: block;
    color: var(--bcs-text);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.1;
}

.blabla-crimestory-dashboard-label {
    display: block;
    margin-top: 8px;
    color: var(--bcs-text-soft);
    font-size: 15px;
}

.blabla-crimestory-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.blabla-crimestory-empty {
    max-width: 750px;
    margin-top: 24px;
    padding: 28px;
    background: var(--bcs-surface);
    border: 1px solid var(--bcs-border);
    border-left: 5px solid var(--bcs-accent);
}

.blabla-crimestory-table-wrap {
    width: 100%;
    max-width: 1450px;
    margin-top: 22px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.blabla-crimestory-table-wrap table {
    min-width: 1050px;
}

.blabla-crimestory-table-wrap th,
.blabla-crimestory-table-wrap td {
    vertical-align: middle;
}

.blabla-crimestory-active-mark,
.blabla-crimestory-status {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
}

.blabla-crimestory-active-mark {
    margin-left: 8px;
    color: var(--bcs-white);
    background: var(--bcs-success);
}

.blabla-crimestory-status {
    color: var(--bcs-text-soft);
    background: #f0f0f1;
}

.blabla-crimestory-status.is-active {
    color: var(--bcs-white);
    background: var(--bcs-success);
}

.blabla-crimestory-status.is-draft {
    color: #7a4f01;
    background: #fff3cd;
}

.blabla-crimestory-status.is-archived {
    color: var(--bcs-white);
    background: var(--bcs-muted);
}

.blabla-crimestory-row-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.blabla-crimestory-row-actions form {
    margin: 0;
}

.blabla-crimestory-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--bcs-sidebar-width);
    gap: 24px;
    max-width: var(--bcs-content-width);
    margin-top: 22px;
}

.blabla-crimestory-form-main {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.blabla-crimestory-field {
    min-width: 0;
    padding: 22px;
    background: var(--bcs-surface);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-field > label {
    display: block;
    margin-bottom: 8px;
    color: var(--bcs-text);
    font-size: 16px;
    font-weight: 700;
}

.blabla-crimestory-field .description {
    margin: 0 0 12px;
    color: var(--bcs-text-soft);
}

.blabla-crimestory-player-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.blabla-crimestory-form-sidebar {
    min-width: 0;
}

.blabla-crimestory-sidebar-box {
    position: sticky;
    top: 48px;
    padding: 20px;
    background: var(--bcs-surface);
    border: 1px solid var(--bcs-border);
    border-top: 5px solid var(--bcs-accent);
}

.blabla-crimestory-sidebar-box h2 {
    margin-top: 0;
}

.blabla-crimestory-sidebar-box label {
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
}

.blabla-crimestory-sidebar-box select,
.blabla-crimestory-sidebar-box .button {
    width: 100%;
}

.blabla-crimestory-sidebar-box select {
    margin-bottom: 10px;
}

.blabla-crimestory-sidebar-box .button {
    margin-top: 10px;
    text-align: center;
}

.blabla-crimestory-dashboard .button-primary,
.blabla-crimestory-story-form .button-primary,
.blabla-crimestory-stories .page-title-action {
    background: var(--bcs-primary);
    color: var(--bcs-white);
    border-color: var(--bcs-primary);
    border-radius: 0;
    box-shadow: none;
    transition: background var(--bcs-transition),
                color var(--bcs-transition),
                border-color var(--bcs-transition);
}

.blabla-crimestory-dashboard .button-primary:hover,
.blabla-crimestory-dashboard .button-primary:focus,
.blabla-crimestory-story-form .button-primary:hover,
.blabla-crimestory-story-form .button-primary:focus,
.blabla-crimestory-stories .page-title-action:hover,
.blabla-crimestory-stories .page-title-action:focus {
    background: var(--bcs-white);
    color: var(--bcs-primary);
    border-color: var(--bcs-primary);
}

.blabla-crimestory-dashboard .button,
.blabla-crimestory-story-form .button,
.blabla-crimestory-stories .button {
    border-radius: 0;
}

@media (max-width: 1100px) {
    .blabla-crimestory-form-grid {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-form-sidebar {
        order: -1;
    }

    .blabla-crimestory-sidebar-box {
        position: static;
    }
}

@media (max-width: 800px) {
    .blabla-crimestory-player-grid,
    .blabla-crimestory-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-dashboard-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-dashboard-actions .button,
    .blabla-crimestory-row-actions .button,
    .blabla-crimestory-row-actions form,
    .blabla-crimestory-row-actions form .button {
        width: 100%;
        text-align: center;
    }

    .blabla-crimestory-row-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .blabla-crimestory-field {
        padding: 18px;
    }
}

@media (max-width: 480px) {
    .blabla-crimestory-field,
    .blabla-crimestory-empty,
    .blabla-crimestory-dashboard-card,
    .blabla-crimestory-sidebar-box {
        padding: 16px;
    }

    .blabla-crimestory-dashboard-number {
        font-size: 29px;
    }
}


/* =========================================================
   12. Ermittlungsgruppen
========================================================= */

.blabla-crimestory-groups {
    width: 100%;
    max-width: var(--bcs-content-width);
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
}

.blabla-crimestory-groups * {
    box-sizing: border-box;
}

.bcs-group-form {
    max-width: 900px;
    margin-top: 22px;
}

.bcs-panel {
    padding: 24px;
    background: var(--bcs-surface);
    border: 1px solid var(--bcs-border);
    border-left: 5px solid var(--bcs-accent);
}

.bcs-field {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.bcs-field label {
    color: var(--bcs-text);
    font-weight: 700;
}

.bcs-field select,
.bcs-field input {
    width: 100%;
    max-width: none;
}

.bcs-player-select-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.bcs-form-actions,
.bcs-list-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.bcs-form-actions {
    margin-top: 20px;
}

.bcs-list-tools {
    margin: 20px 0 0;
}

.bcs-list-tools input[type="search"] {
    width: min(100%, 320px);
}

.blabla-crimestory-groups .page-title-action,
.blabla-crimestory-groups .button-primary {
    background: var(--bcs-primary);
    color: var(--bcs-white);
    border-color: var(--bcs-primary);
    border-radius: 0;
    box-shadow: none;
}

.blabla-crimestory-groups .page-title-action:hover,
.blabla-crimestory-groups .page-title-action:focus,
.blabla-crimestory-groups .button-primary:hover,
.blabla-crimestory-groups .button-primary:focus {
    background: var(--bcs-white);
    color: var(--bcs-primary);
    border-color: var(--bcs-primary);
}

.blabla-crimestory-status.is-prepared {
    color: #7a4f01;
    background: #fff3cd;
}

@media (max-width: 800px) {

    .bcs-player-select-grid {
        grid-template-columns: 1fr;
    }

    .bcs-form-actions,
    .bcs-list-tools {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bcs-form-actions .button,
    .bcs-list-tools .button,
    .bcs-list-tools input,
    .bcs-list-tools select {
        width: 100%;
        max-width: none;
        text-align: center;
    }
}

@media (max-width: 480px) {

    .bcs-panel {
        padding: 16px;
    }
}


/* =========================================================
   13. Einladungen
========================================================= */

.blabla-crimestory-invitations {
    width: 100%;
    max-width: var(--bcs-content-width);
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
}

.blabla-crimestory-invitations * {
    box-sizing: border-box;
}

.blabla-crimestory-status.is-pending {
    color: #7a4f01;
    background: #fff3cd;
}

.blabla-crimestory-status.is-accepted {
    color: var(--bcs-white);
    background: var(--bcs-success);
}

.blabla-crimestory-status.is-declined,
.blabla-crimestory-status.is-admin_deleted {
    color: var(--bcs-white);
    background: var(--bcs-danger);
}

.blabla-crimestory-status.is-withdrawn,
.blabla-crimestory-status.is-expired {
    color: var(--bcs-white);
    background: var(--bcs-muted);
}

.bcs-muted-action {
    color: var(--bcs-muted);
    font-size: 12px;
}

.blabla-crimestory-groups td form {
    margin: 0;
}

@media (max-width: 800px) {

    .blabla-crimestory-groups td .button {
        width: 100%;
        text-align: center;
    }
}


/* =========================================================
   14. Frontend-Grundgerüst
========================================================= */

.bcs-frontend-shell {
    width: min(100%, 1180px);
    margin: 0 auto;
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
    color: var(--bcs-white);
}

.bcs-frontend-shell * {
    box-sizing: border-box;
}

.bcs-frontend-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-bottom: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.bcs-frontend-nav-link {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    padding: 10px 16px;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
}

.bcs-frontend-nav-link:hover,
.bcs-frontend-nav-link:focus,
.bcs-frontend-nav-link.is-active {
    color: var(--bcs-white) !important;
    border-bottom-color: var(--bcs-primary);
}

.bcs-frontend-header {
    margin-bottom: 26px;
}

.bcs-frontend-header h1 {
    margin: 0;
    color: #00d690;
    font-family: "Arizonia", cursive;
    font-size: clamp(58px, 5vw, 80px);
    font-weight: 500;
    line-height: 1.15;
}

.bcs-frontend-header p {
    margin: 9px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    line-height: 1.6;
}

.bcs-dashboard-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.bcs-dashboard-card {
    display: grid;
    gap: 8px;
    min-height: 140px;
    align-content: center;
    padding: 22px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--bcs-white) !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-left: 4px solid var(--bcs-primary);
}

.bcs-dashboard-card:hover,
.bcs-dashboard-card:focus {
    background: rgba(255, 255, 255, 0.13);
}

.bcs-dashboard-card strong {
    color: var(--bcs-primary);
    font-size: 34px;
    line-height: 1;
}

.bcs-dashboard-card span {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
}

.bcs-frontend-card-list {
    display: grid;
    gap: 18px;
}

.bcs-frontend-card,
.bcs-empty-card,
.bcs-rules-card {
    padding: 22px;
    background: var(--bcs-white);
    color: var(--bcs-text);
    border-left: 5px solid var(--bcs-primary);
}

.bcs-card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.bcs-card-heading h2 {
    margin: 4px 0 0;
    color: var(--bcs-navy);
    font-size: 23px;
}

.bcs-eyebrow {
    color: var(--bcs-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
	display: inline-block;
    padding: 4px 8px;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
}

.bcs-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 18px;
    color: var(--bcs-text-soft);
    font-size: 13px;
}

.bcs-card-meta strong {
    color: var(--bcs-navy);
}

.bcs-card-note {
    margin: 16px 0 0;
    padding: 10px 12px;
    background: var(--bcs-surface-soft);
    color: var(--bcs-text-soft);
    font-size: 13px;
    border-left: 3px solid var(--bcs-accent);
}

.bcs-button-primary {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 10px 20px;
    background: var(--bcs-primary);
    color: var(--bcs-white) !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    border: 2px solid var(--bcs-primary);
}

.bcs-button-primary:hover,
.bcs-button-primary:focus {
    background: var(--bcs-white);
    color: var(--bcs-primary) !important;
}

.bcs-frontend-notice {
    width: min(100%, 900px);
    margin: 20px auto;
    padding: 18px;
    background: var(--bcs-white);
    color: var(--bcs-text);
    border-left: 5px solid var(--bcs-primary);
}

.bcs-frontend-notice.is-error {
    border-left-color: var(--bcs-danger);
}

.bcs-rules-card h2 {
    margin: 24px 0 7px;
    color: var(--bcs-navy);
    font-size: 19px;
}

.bcs-rules-card h2:first-child {
    margin-top: 0;
}

.bcs-rules-card p {
    margin: 0;
    color: var(--bcs-text-soft);
    line-height: 1.7;
}

@media (max-width: 900px) {

    .bcs-dashboard-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {

    .bcs-frontend-navigation {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 6px;
        border-bottom: 0;
    }

    .bcs-frontend-nav-link {
        justify-content: center;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.14);
    }

    .bcs-frontend-nav-link.is-active {
        background: var(--bcs-primary);
        border-color: var(--bcs-primary);
    }

    .bcs-card-heading {
        display: grid;
    }
}

@media (max-width: 480px) {

    .bcs-dashboard-grid,
    .bcs-frontend-navigation {
        grid-template-columns: 1fr;
    }

    .bcs-dashboard-card {
        min-height: 110px;
    }

    .bcs-frontend-card,
    .bcs-empty-card,
    .bcs-rules-card {
        padding: 17px;
    }

    .bcs-button-primary {
        width: 100%;
    }
}


/* =========================================================
   15. Einladungsaktionen
========================================================= */

.bcs-invitation-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.bcs-invitation-actions .bcs-button-primary,
.bcs-invitation-actions .bcs-button-secondary {
    margin-top: 0;
}

.bcs-button-secondary {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: transparent;
    color: var(--bcs-navy);
    font-family: var(--bcs-font-family);
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--bcs-navy);
    border-radius: 0;
    cursor: pointer;
}

.bcs-button-secondary:hover,
.bcs-button-secondary:focus {
    background: var(--bcs-navy);
    color: var(--bcs-white);
}


/* =========================================================
   16. Aktueller Fall
========================================================= */

.bcs-current-case {
    display: grid;
    gap: 18px;
}

.bcs-current-case-header,
.bcs-case-section {
    padding: 22px;
    background: var(--bcs-white);
    color: var(--bcs-text);
    border-left: 5px solid var(--bcs-primary);
}

.bcs-current-case-header h2 {
    margin: 5px 0 0;
    color: var(--bcs-navy);
    font-size: clamp(24px, 4vw, 34px);
}

.bcs-case-section h3 {
    margin: 0 0 13px;
    color: var(--bcs-navy);
    font-size: 19px;
}

.bcs-case-section.is-private {
    border-left-color: var(--bcs-accent);
    background: #fffaf2;
}

.bcs-rich-content {
    color: var(--bcs-text-soft);
    line-height: 1.75;
}

.bcs-rich-content > :first-child {
    margin-top: 0;
}

.bcs-rich-content > :last-child {
    margin-bottom: 0;
}

.bcs-disabled-action {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    padding: 10px 16px;
    background: var(--bcs-surface-soft);
    color: var(--bcs-muted);
    border: 1px solid var(--bcs-border);
}

@media (max-width: 600px) {

    .bcs-invitation-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bcs-invitation-actions button,
    .bcs-current-case .bcs-button-primary,
    .bcs-disabled-action {
        width: 100%;
    }

    .bcs-current-case-header,
    .bcs-case-section {
        padding: 17px;
    }
}


/* =========================================================
   17. Lösung und Fallabschluss
========================================================= */

.bcs-solution-form {
    display: grid;
    gap: 12px;
}

.bcs-solution-form label {
    color: var(--bcs-navy);
    font-weight: 700;
}

.bcs-solution-form textarea {
    width: 100%;
    min-height: 150px;
    padding: 12px;
    color: var(--bcs-text);
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
    border-radius: 0;
    resize: vertical;
}

.bcs-solution-form textarea:focus {
    border-color: var(--bcs-primary);
    box-shadow: 0 0 0 1px var(--bcs-primary);
    outline: none;
}

.bcs-solution-submitted {
    padding: 15px;
    background: #edf7ed;
    color: var(--bcs-text);
    border-left: 4px solid var(--bcs-success);
}

.bcs-solution-submitted p {
    margin: 6px 0 0;
    color: var(--bcs-text-soft);
}

.bcs-inline-alert {
    margin-bottom: 13px;
    padding: 11px 13px;
    background: var(--bcs-surface-soft);
    border-left: 4px solid var(--bcs-primary);
}

.bcs-inline-alert.is-error {
    border-left-color: var(--bcs-danger);
}

.bcs-archive-detail {
    display: grid;
    gap: 18px;
}

.bcs-case-section.is-solution {
    border-left-color: var(--bcs-success);
    background: #f4fbf5;
}

.bcs-solutions-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.bcs-solution-card {
    padding: 16px;
    background: var(--bcs-surface-soft);
    border: 1px solid var(--bcs-border);
}

.bcs-solution-card strong {
    color: var(--bcs-navy);
}

.bcs-solution-card p {
    margin: 9px 0 0;
    color: var(--bcs-text-soft);
    line-height: 1.65;
}

.blabla-crimestory-status.is-completed {
    color: var(--bcs-white);
    background: var(--bcs-success);
}

.blabla-crimestory-completed {
    width: 100%;
    max-width: var(--bcs-content-width);
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
}

@media (max-width: 680px) {

    .bcs-solutions-grid {
        grid-template-columns: 1fr;
    }

    .bcs-solution-form .bcs-button-primary {
        width: 100%;
    }
}


/* =========================================================
   18. E-Mail-Center
========================================================= */

.blabla-crimestory-email-center {
    width: 100%;
    max-width: var(--bcs-content-width);
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
}

.blabla-crimestory-email-center * {
    box-sizing: border-box;
}

.bcs-email-center-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 22px;
    margin-top: 22px;
}

.bcs-email-template-list {
    display: grid;
    align-content: start;
    gap: 6px;
}

.bcs-email-template-link {
    display: block;
    padding: 12px 14px;
    background: var(--bcs-surface);
    color: var(--bcs-text-soft);
    text-decoration: none;
    border: 1px solid var(--bcs-border);
    border-left: 4px solid transparent;
}

.bcs-email-template-link:hover,
.bcs-email-template-link:focus,
.bcs-email-template-link.is-active {
    color: var(--bcs-navy);
    border-left-color: var(--bcs-primary);
}

.bcs-email-template-form {
    min-width: 0;
}

.bcs-email-template-form h2 {
    margin-top: 0;
    color: var(--bcs-navy);
}

.bcs-email-template-form .bcs-field + .bcs-field {
    margin-top: 20px;
}

.bcs-email-message-field textarea {
    width: 100%;
    min-height: 360px;
    padding: 12px;
    font-family: monospace;
    line-height: 1.55;
    resize: vertical;
}

.bcs-email-placeholders {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
    padding: 15px;
    background: var(--bcs-surface-soft);
    border-left: 4px solid var(--bcs-accent);
}

.bcs-email-placeholders strong,
.bcs-email-placeholders p {
    width: 100%;
}

.bcs-email-placeholders p {
    margin: 4px 0 0;
    color: var(--bcs-text-soft);
    font-size: 12px;
}

.bcs-email-placeholders code {
    padding: 4px 7px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

@media (max-width: 900px) {

    .bcs-email-center-layout {
        grid-template-columns: 1fr;
    }

    .bcs-email-template-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {

    .bcs-email-template-list {
        grid-template-columns: 1fr;
    }

    .bcs-email-template-form .bcs-form-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bcs-email-template-form .button {
        width: 100%;
    }
}


/* =========================================================
   19. Zusammengefasste Einstellungen
========================================================= */

.blabla-crimestory-email-center .bcs-settings-form {
    width: min(100%, 760px);
    margin: 22px 0 30px;
}

.blabla-crimestory-email-center .bcs-settings-form
.bcs-field + .bcs-field {
    margin-top: 18px;
}

.bcs-settings-section-title {
    margin-top: 32px;
}


/* =========================================================
   20. E-Mail-Protokoll
========================================================= */

.bcs-mail-log-table {
    min-width: 1450px !important;
}

.bcs-mail-status {
    display: inline-block;
    padding: 4px 8px;
    color: var(--bcs-white);
    font-size: 12px;
    font-weight: 600;
}

.bcs-mail-status.is-sent {
    background: var(--bcs-success);
}

.bcs-mail-status.is-failed {
    background: var(--bcs-danger);
}

.bcs-mail-details summary {
    color: var(--bcs-navy);
    font-weight: 600;
    cursor: pointer;
}

.bcs-mail-details pre {
    width: min(520px, 80vw);
    max-height: 320px;
    margin: 10px 0 0;
    padding: 12px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--bcs-surface-soft);
    border: 1px solid var(--bcs-border);
}


/* =========================================================
   21. Einstellungen – professionelles Layout
========================================================= */

.blabla-crimestory-email-center {
    width: 100%;
    max-width: 1450px;
    box-sizing: border-box;
    font-family: var(--bcs-font-family);
}

.blabla-crimestory-email-center * {
    box-sizing: border-box;
}

.blabla-crimestory-email-center > h1 {
    margin-bottom: 24px;
}

.blabla-crimestory-email-center
.bcs-settings-form {
    width: min(100%, 920px);
    margin-bottom: 42px;
}

.blabla-crimestory-email-center
.bcs-settings-form .bcs-panel {
    padding: 24px;
}

.blabla-crimestory-email-center
.bcs-settings-form .bcs-field {
    display: grid;
    grid-template-columns: 180px minmax(260px, 1fr);
    gap: 8px 18px;
    align-items: center;
    margin-bottom: 18px;
}

.blabla-crimestory-email-center
.bcs-settings-form .bcs-field label {
    margin: 0;
    font-weight: 700;
}

.blabla-crimestory-email-center
.bcs-settings-form .bcs-field input {
    width: 100%;
    min-height: 42px;
    max-width: 520px;
}

.blabla-crimestory-email-center
.bcs-settings-form .bcs-field .description {
    grid-column: 2;
    margin: 0;
}

.bcs-settings-section-title {
    margin: 38px 0 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bcs-border);
}


/* Vorlagenbereich */

.blabla-crimestory-email-center
.bcs-email-center-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin-top: 0;
}

.blabla-crimestory-email-center
.bcs-email-template-list {
    display: grid;
    gap: 6px;
    position: sticky;
    top: 48px;
}

.blabla-crimestory-email-center
.bcs-email-template-link {
    display: block;
    padding: 13px 15px;
    color: var(--bcs-text-soft);
    background: var(--bcs-surface);
    text-decoration: none;
    border: 1px solid var(--bcs-border);
    border-left: 4px solid transparent;
    transition: var(--bcs-transition);
}

.blabla-crimestory-email-center
.bcs-email-template-link:hover,
.blabla-crimestory-email-center
.bcs-email-template-link:focus {
    color: var(--bcs-navy);
    border-left-color: var(--bcs-accent);
}

.blabla-crimestory-email-center
.bcs-email-template-link.is-active {
    color: var(--bcs-white);
    background: var(--bcs-navy);
    border-color: var(--bcs-navy);
    border-left-color: var(--bcs-primary);
}

.blabla-crimestory-email-center
.bcs-email-template-form {
    width: 100%;
    min-width: 0;
}

.blabla-crimestory-email-center
.bcs-email-template-form .bcs-panel {
    padding: 26px;
}

.blabla-crimestory-email-center
.bcs-email-template-form h2 {
    margin: 0 0 24px;
    color: var(--bcs-navy);
}

.blabla-crimestory-email-center
.bcs-email-template-form .bcs-field {
    display: grid;
    gap: 8px;
    margin-bottom: 20px;
}

.blabla-crimestory-email-center
.bcs-email-template-form label {
    color: var(--bcs-text);
    font-weight: 700;
}

.blabla-crimestory-email-center
#bcs-mail-subject {
    width: 100%;
    max-width: none;
    min-height: 44px;
}

.blabla-crimestory-email-center
#bcs-mail-message {
    width: 100%;
    max-width: none;
    min-height: 430px;
    padding: 15px;
    font-family: Consolas, Monaco, monospace;
    font-size: 14px;
    line-height: 1.65;
    resize: vertical;
}

.blabla-crimestory-email-center
.bcs-email-placeholders {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 22px;
    padding: 16px;
    background: var(--bcs-surface-soft);
    border-left: 4px solid var(--bcs-accent);
}

.blabla-crimestory-email-center
.bcs-email-placeholders strong {
    width: 100%;
    margin-bottom: 2px;
}

.blabla-crimestory-email-center
.bcs-email-placeholders code {
    padding: 5px 8px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-email-center
.bcs-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


/* Protokollbereich */

.blabla-crimestory-email-center
.bcs-list-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0 0 18px;
    padding: 18px;
    background: var(--bcs-surface);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-email-center
.bcs-list-tools input[type="search"] {
    width: min(100%, 360px);
    min-height: 42px;
}

.blabla-crimestory-email-center
.bcs-list-tools select,
.blabla-crimestory-email-center
.bcs-list-tools .button {
    min-height: 42px;
}

.blabla-crimestory-email-center
.blabla-crimestory-empty {
    max-width: none;
    margin-top: 0;
}


/* Tablet */

@media (max-width: 1000px) {

    .blabla-crimestory-email-center
    .bcs-email-center-layout {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 18px;
    }

    .blabla-crimestory-email-center
    .bcs-settings-form .bcs-field {
        grid-template-columns: 150px minmax(220px, 1fr);
    }
}


/* Smartphone und kleine Tablets */

@media (max-width: 760px) {

    .blabla-crimestory-email-center
    .bcs-settings-form .bcs-field {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-email-center
    .bcs-settings-form .bcs-field .description {
        grid-column: 1;
    }

    .blabla-crimestory-email-center
    .bcs-email-center-layout {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-email-center
    .bcs-email-template-list {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blabla-crimestory-email-center
    .bcs-list-tools {
        display: grid;
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-email-center
    .bcs-list-tools input,
    .blabla-crimestory-email-center
    .bcs-list-tools select,
    .blabla-crimestory-email-center
    .bcs-list-tools .button {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 480px) {

    .blabla-crimestory-email-center
    .bcs-email-template-list {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-email-center
    .bcs-email-template-form .bcs-panel,
    .blabla-crimestory-email-center
    .bcs-settings-form .bcs-panel {
        padding: 17px;
    }

    .blabla-crimestory-email-center
    #bcs-mail-message {
        min-height: 360px;
    }

    .blabla-crimestory-email-center
    .bcs-form-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-email-center
    .bcs-form-actions .button {
        width: 100%;
    }
}


/* =========================================================
   22. Meine Einladungen
========================================================= */

.bcs-invitation-section + .bcs-invitation-section {
    margin-top: 34px;
}

.bcs-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.bcs-section-heading h2 {
    margin: 3px 0 0;
    color: var(--bcs-white);
    font-size: clamp(22px, 3vw, 28px);
}

.bcs-section-kicker {
    color: var(--bcs-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bcs-section-count {
    display: inline-flex;
    min-width: 34px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    color: var(--bcs-white);
    background: rgba(255, 255, 255, 0.12);
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.bcs-invitation-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.bcs-invitation-card {
    display: grid;
    gap: 18px;
    padding: 22px;
    background: var(--bcs-white);
    color: var(--bcs-text);
    border-left: 5px solid var(--bcs-primary);
}

.bcs-invitation-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.bcs-invitation-card-header h3 {
    margin: 4px 0 0;
    color: var(--bcs-navy);
    font-size: 22px;
    line-height: 1.25;
}

.bcs-invitation-meta {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 14px 20px;
}

.bcs-invitation-meta div {
    display: grid;
    gap: 3px;
}

.bcs-invitation-meta span {
    color: var(--bcs-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bcs-invitation-meta strong {
    color: var(--bcs-navy);
    font-size: 14px;
}

.bcs-invitation-card
.bcs-invitation-actions {
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid var(--bcs-border);
}

.blabla-crimestory-status.is-pending {
    color: #7a4a00;
    background: #ffe3ad;
}

.blabla-crimestory-status.is-accepted {
    color: var(--bcs-white);
    background: var(--bcs-success);
}

.blabla-crimestory-status.is-declined {
    color: var(--bcs-white);
    background: var(--bcs-danger);
}

.blabla-crimestory-status.is-expired {
    color: var(--bcs-white);
    background: #6f7782;
}

.blabla-crimestory-status.is-withdrawn {
    color: var(--bcs-white);
    background: #4777a8;
}

@media (max-width: 820px) {

    .bcs-invitation-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {

    .bcs-section-heading,
    .bcs-invitation-card-header {
        align-items: flex-start;
    }

    .bcs-invitation-card-header {
        display: grid;
    }

    .bcs-invitation-meta {
        grid-template-columns: 1fr;
    }

    .bcs-invitation-card {
        padding: 17px;
    }
}


/* =========================================================
   23. Einladungszähler direkt an der Überschrift
========================================================= */

.bcs-section-heading {
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10px;
}

.bcs-section-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 52px;
    min-height: 52px;

    margin-left: 14px;
    margin-bottom: 2px;

    padding: 0 14px;

    font-size: 24px;
    font-weight: 700;

    color: #ffffff;
    background: rgba(255,255,255,.10);

    border: 2px solid rgba(255,255,255,.28);
    border-radius: 8px;
}

@media (max-width: 560px) {

    .bcs-section-heading {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }
}

/* Leermeldungen auf „Meine Einladungen“ kompakter */
.bcs-invitation-section .bcs-empty-card {
    min-height: auto;
    padding: 20px 24px;
    line-height: 1.5;
}
/* =========================================================
   24. Frontend-Karten – Theme-Hintergrund absichern
   Version 2.0.2
========================================================= */

/*
 * Ausschließlich die vorgesehenen weißen Hintergründe
 * von Fallkarten und Einladungskarten gegen Theme-CSS absichern.
 * Keine Änderung an Schriftfarben, Layout oder Responsivität.
 */
.bcs-frontend-card,
.bcs-invitation-card,
.bcs-empty-card {
    background: rgba(255, 255, 255, 0.80) !important;
}


/* =========================================================
   24. CrimeStory-Partner: Geschlechtsicon + Facebook
========================================================= */

.bcs-partner-meta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.bcs-partner-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bcs-partner-gender-icon {
    display: inline-block;
    width: auto !important;
    height: 28px !important;
    max-width: 25px;
    object-fit: contain;
    vertical-align: middle;
}

.bcs-partner-facebook-wrap {
    display: inline-flex;
    align-items: center;
}

.bcs-partner-facebook-button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    box-sizing: border-box;
    padding: 7px 14px;
    background: #1877F2;
    color: #ffffff !important;
    font-family: var(--bcs-font-family);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    border: 2px solid #1877F2;
    border-radius: 0;
    transition:
        background var(--bcs-transition),
        color var(--bcs-transition),
        border-color var(--bcs-transition);
}

.bcs-facebook-logo {
    display: inline-flex;
    width: 20px;
    height: 24px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}

.bcs-partner-facebook-button:hover,
.bcs-partner-facebook-button:focus {
    background: #ffffff;
    color: #1877F2 !important;
    border-color: #1877F2;
}

@media (max-width: 767px) {

    .bcs-partner-facebook-wrap {
        width: 100%;
    }

    .bcs-partner-facebook-button {
        width: 100%;
    }
}


/* =========================================================
   INTEGRIERT AUS:
   BCS – Persönlicher Hinweis + Persönliches Kennenlernen – CSS
   Stand vor Zusammenführung: Version 1.0.8
   Integration in BCS-00: Version 2.0.7
   Inhalt unverändert übernommen.
========================================================= */

/* =========================================================
   1. Persönlicher Hinweis – bestehendes Design
========================================================= */

.bcs-personal-hint-wrap {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-top: 18px;
}

.bcs-personal-hint-button {
    display: inline-flex;
    width: auto;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;

    color: #001f3f;
    background: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;

    border: 2px solid #001f3f;
    border-radius: 0;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.bcs-personal-hint-button:hover,
.bcs-personal-hint-button:focus {
    color: #ffffff;
    background: #001f3f;
    border-color: #001f3f;
    outline: none;
}


/* =========================================================
   2. Zwei persönliche Buttons nebeneinander
========================================================= */

.bcs-personal-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}

.bcs-personal-actions .bcs-personal-hint-wrap {
    margin-top: 0;
}

.bcs-personal-question-button {
    color: #f28c28;
    background: #ffffff;
    border-color: #f28c28;
}

.bcs-personal-question-button:hover,
.bcs-personal-question-button:focus {
    color: #ffffff;
    background: #f28c28;
    border-color: #f28c28;
}


/* =========================================================
   3. Hinweisfenster – vertikal immer Displaymitte
========================================================= */

.bcs-personal-hint-popover {
    position: fixed;
    z-index: 99999;

    top: 50%;
    bottom: auto;

    width: min(520px, calc(100vw - 40px));
    max-height: calc(100vh - 48px);

    overflow-y: auto;

    padding: 24px;

    color: #101820;
    background: #ffffff;

    border: 1px solid #dcdcde;
    border-left: 5px solid #001f3f;

    box-shadow: 0 18px 52px rgba(0, 0, 0, .28);

    transform: translateY(-50%);
}

.bcs-personal-hint-popover[hidden] {
    display: none !important;
}

.bcs-personal-question-popover {
    border-left-color: #f28c28;
}

.bcs-personal-hint-title {
    display: block;
    padding-right: 36px;
    color: #001f3f;
    font-size: 18px;
    line-height: 1.35;
}

.bcs-personal-hint-info {
    margin: 14px 0 0;
    color: #50575e;
    line-height: 1.65;
}

.bcs-personal-hint-divider {
    height: 1px;
    margin: 18px 0;
    background: #dcdcde;
}

.bcs-personal-hint-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 34px;
    height: 34px;
    padding: 0;
    color: #001f3f;
    background: transparent;
    font-size: 25px;
    line-height: 1;
    border: 0;
    cursor: pointer;
}


/* =========================================================
   4. Tages-Arbeitskarte
========================================================= */

.bcs-day-work-card {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
}

.bcs-day-work-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.bcs-day-work-column {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.bcs-day-work-action-wrap {
    width: 100%;
    max-width: none;
    margin: 0 0 10px;
}

.bcs-day-work-action-wrap .bcs-personal-hint-button {
    width: 100%;
}

.bcs-day-work-panel {
    min-width: 0;
    padding: 20px;
    box-sizing: border-box;
}

.bcs-day-work-panel.is-notes {
    background: linear-gradient(135deg, #001f3f 0%, #0b355f 100%);
    border: 1px solid #0b355f;
    border-left: 5px solid #001f3f;
}

.bcs-day-work-panel.is-answer {
    background: linear-gradient(135deg, #f28c28 0%, #f6a24d 100%);
    border: 1px solid #f6a24d;
    border-left: 5px solid #f28c28;
}

.bcs-day-work-kicker {
    display: block;
    margin: 0 0 7px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.bcs-day-work-panel.is-notes .bcs-day-work-kicker,
.bcs-day-work-panel.is-answer .bcs-day-work-kicker {
    color: #ffffff;
}

.bcs-day-work-panel label {
    display: block;
    margin: 0 0 8px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.bcs-day-work-description {
    min-height: 44px;
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.55;
}

.bcs-day-work-panel textarea {
    display: block;
    width: 100%;
    min-height: 150px;
    padding: 12px 14px;
    color: #101820;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    border: 1px solid #bfc8d3;
    border-radius: 0;
    resize: vertical;
    box-sizing: border-box;
}

.bcs-day-work-panel.is-notes textarea:focus {
    border-color: #001f3f;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 31, 63, .13);
}

.bcs-day-work-panel.is-answer textarea:focus {
    border-color: #f28c28;
    outline: none;
    box-shadow: 0 0 0 2px rgba(242, 140, 40, .15);
}


/* =========================================================
   5. Button „Antwort speichern“
========================================================= */

.bcs-learning-save-button {
    display: flex;
    width: min(260px, 100%);
    min-height: 44px;
    margin: 16px auto 0;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    cursor: pointer;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.bcs-learning-save-button.is-notes {
    color: #001f3f;
    background: #ffffff;
    border: 2px solid #001f3f;
}

.bcs-learning-save-button.is-notes:hover,
.bcs-learning-save-button.is-notes:focus {
    color: #ffffff;
    background: #001f3f;
    border-color: #ffffff;
    outline: none;
}

.bcs-learning-save-button.is-answer {
    color: #f28c28;
    background: #ffffff;
    border: 2px solid #f28c28;
}

.bcs-learning-save-button.is-answer:hover,
.bcs-learning-save-button.is-answer:focus {
    color: #ffffff;
    background: #f28c28;
    border-color: #ffffff;
    outline: none;
}

.bcs-button-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 8px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bcs-learning-save-button .bcs-button-icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
}

.bcs-kennenlernen-saved {
    display: block;
    width: 100%;
    margin: 16px 0 0;
    padding: 14px 18px;
    box-sizing: border-box;
    color: #155724;
    background: #e8f8ee;
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #bfe7cc;
    border-left: 5px solid #00d690;
    animation: bcs-save-success-hide .45s ease 4.5s forwards;
}

@keyframes bcs-save-success-hide {
    to {
        opacity: 0;
        visibility: hidden;
    }
}


/* =========================================================
   6. Trennlinie zwischen den Tagen
========================================================= */

.bcs-case-section:has(.bcs-story-media-row) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e5e8;
}


/* =========================================================
   7. Tablet Hochformat / kleinere Displays
========================================================= */

@media (max-width: 900px) {

    .bcs-day-work-grid {
        grid-template-columns: 1fr;
    }

    .bcs-day-work-column {
        width: 100%;
    }

    .bcs-day-work-description {
        min-height: 0;
    }
}


/* =========================================================
   8. Smartphone
========================================================= */

@media (max-width: 767px) {

    .bcs-personal-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bcs-personal-hint-wrap,
    .bcs-personal-question-wrap {
        width: 100%;
    }

    .bcs-personal-hint-button,
    .bcs-personal-question-button {
        width: 100%;
    }

    .bcs-personal-hint-popover {
        left: 50% !important;
        right: auto !important;
        width: calc(100vw - 32px);
        max-height: calc(100vh - 32px);
        padding: 20px;
        transform: translate(-50%, -50%);
    }

    .bcs-day-work-panel {
        padding: 18px;
    }

    .bcs-day-work-panel textarea {
        min-height: 135px;
    }

    .bcs-learning-save-button {
        width: min(260px, 100%);
    }

    .bcs-case-section:has(.bcs-story-media-row) {
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
}

/* =========================================================
   Backend – Story-Bildvorschau
   Übernommen aus bisherigem separaten CSS-Snippet.
   Keine inhaltliche Änderung.
========================================================= */

.blabla-crimestory-story-form .bcs-story-image-preview {
    max-width: 320px !important;
}

.blabla-crimestory-story-form .bcs-story-image-preview img {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    border-radius: 8px !important;
}

/* =========================================================
   BCS-05 – ausgelagerte Inline-Styles
   Integration in BCS-00: Version 2.0.12
========================================================= */

.bcs-crimestory-lock-notice-global {
    margin-bottom: 24px;
}

.bcs-button-decline {
    background: #b32d2e;
    color: #ffffff;
    border: 2px solid #b32d2e;
    border-radius: 0;
    padding: 11px 18px;
    font-weight: 600;
    cursor: pointer;
}


/* =========================================================
   31. Storyverwaltung – 3er-Ermittlungsgruppen / Spielerkarten
   Version 2.0.16
========================================================= */

/*
 * Zentrale Backend-Gestaltung.
 * BCS-03 liefert ausschließlich Struktur und Klassen.
 */

.blabla-crimestory-story-form .bcs-daily-group-planning {
    margin: 24px 0 0;
    padding: 20px;
    background: #f8fbfd;
    border: 1px solid var(--bcs-border);
    border-left: 5px solid #2271b1;
}

.blabla-crimestory-story-form .bcs-daily-group-planning-title,
.blabla-crimestory-story-form .bcs-investigation-group-title,
.blabla-crimestory-story-form .bcs-pair-day-card-title,
.blabla-crimestory-story-form .bcs-player-day-title {
    margin-top: 0;
    color: var(--bcs-text);
    font-family: var(--bcs-font-family);
}

.blabla-crimestory-story-form .bcs-daily-group-planning-title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
}

.blabla-crimestory-story-form .bcs-group-validation-message {
    margin: 12px 0 16px;
    padding: 10px 12px;
    background: #fff8e5;
    color: var(--bcs-text);
    border-left: 4px solid #dba617;
}

.blabla-crimestory-story-form .bcs-investigation-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 18px;
}

.blabla-crimestory-story-form .bcs-investigation-group {
    min-width: 0;
    padding: 16px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-story-form .bcs-investigation-group-title {
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
}

.blabla-crimestory-story-form .bcs-investigation-group-selects {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
}

.blabla-crimestory-story-form .bcs-group-member-select {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.blabla-crimestory-story-form .bcs-investigation-group-members {
    display: grid;
    gap: 18px;
}

.blabla-crimestory-story-form .bcs-player-day-panel {
    min-width: 0;
    padding: 16px;
    background: #f7f8f9;
    border-left: 4px solid var(--bcs-primary);
}

.blabla-crimestory-story-form .bcs-player-day-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.blabla-crimestory-story-form .bcs-player-day-field {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 22px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-story-form
.bcs-player-day-field + .bcs-player-day-field {
    margin-top: 0;
    border-top: 0;
}

.blabla-crimestory-story-form .bcs-player-day-field > label {
    display: block;
    margin: 0 0 8px;
    color: var(--bcs-text);
    font-family: var(--bcs-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.blabla-crimestory-story-form
.bcs-player-day-field > label strong {
    color: inherit;
    font: inherit;
}

.blabla-crimestory-story-form
.bcs-player-day-field textarea,
.blabla-crimestory-story-form
.bcs-player-day-field .wp-editor-wrap {
    width: 100%;
    max-width: none;
}

.blabla-crimestory-story-form
.bcs-player-day-field textarea {
    min-height: 96px;
}

.blabla-crimestory-story-form
.bcs-player-day-field .wp-editor-container {
    border-color: var(--bcs-border);
}

.blabla-crimestory-story-form .bcs-contact-status-card {
    margin-top: 18px;
    padding: 14px 16px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-story-form .bcs-contact-status-title {
    color: var(--bcs-text);
    font-weight: 700;
}

.blabla-crimestory-story-form .bcs-contact-status-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 8px;
}

.blabla-crimestory-story-form .bcs-contact-count-item {
    color: var(--bcs-text);
}

.blabla-crimestory-story-form .bcs-pair-day-card {
    margin: 0 0 22px;
    padding: 20px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.blabla-crimestory-story-form .bcs-pair-day-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}


/* Tablet */

@media (max-width: 900px) {

    .blabla-crimestory-story-form
    .bcs-investigation-groups,
    .blabla-crimestory-story-form
    .bcs-pair-day-grid {
        grid-template-columns: 1fr;
    }
}


/* Smartphone / schmales Tablet */

@media (max-width: 680px) {

    .blabla-crimestory-story-form
    .bcs-daily-group-planning {
        padding: 16px;
    }

    .blabla-crimestory-story-form
    .bcs-investigation-group {
        padding: 14px;
    }

    .blabla-crimestory-story-form
    .bcs-investigation-group-selects {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-story-form
    .bcs-player-day-panel {
        padding: 14px;
    }

    .blabla-crimestory-story-form
    .bcs-player-day-field {
        padding: 18px;
    }

    .blabla-crimestory-story-form
    .bcs-contact-status-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

/* =========================================================
   32. Lösungssonntag – 12er-Lösungskarte
========================================================= */

.bcs-solution-section .bcs-solution-form {
    gap: 20px;
}

.bcs-solution-notes-summary {
    padding: 20px;
    background: var(--bcs-surface-soft);
    border-left: 4px solid var(--bcs-primary);
}

.bcs-solution-kicker {
    display: block;
    margin-bottom: 5px;
    color: var(--bcs-primary);
    font-size: 12px;
    font-weight: 700;
}

.bcs-solution-notes-summary h4,
.bcs-solution-choice-intro h4 {
    margin: 0;
    color: var(--bcs-navy);
    font-size: 18px;
    font-weight: 700;
}

.bcs-solution-notes-list {
    display: grid;
    gap: 10px;
    margin-top: 15px;
}

.bcs-solution-note-item {
    padding: 12px 14px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.bcs-solution-note-item strong {
    display: block;
    margin-bottom: 4px;
    color: var(--bcs-navy);
}

.bcs-solution-note-item p,
.bcs-solution-notes-empty,
.bcs-solution-choice-intro p {
    margin: 0;
    color: var(--bcs-text-soft);
    line-height: 1.6;
}

.bcs-solution-choice-intro {
    padding-top: 2px;
}

.bcs-solution-choice-intro p {
    margin-top: 5px;
}

.bcs-solution-player-list {
    display: grid;
    gap: 8px;
}

.bcs-solution-player-head,
.bcs-solution-player-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto auto;
    align-items: center;
    column-gap: 16px;
}

.bcs-solution-player-head {
    padding: 0 14px 7px;
    color: var(--bcs-text-soft);
    font-size: 12px;
    font-weight: 700;
}

.bcs-solution-player-head span:last-child {
    grid-column: 2 / 5;
    text-align: center;
}

.bcs-solution-player-row {
    min-height: 70px;
    padding: 9px 14px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.bcs-solution-player-identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.bcs-solution-player-avatar {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
}

.bcs-solution-avatar-image {
    display: block;
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 50%;
}

.bcs-solution-player-name {
    overflow: hidden;
    color: var(--bcs-navy);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bcs-solution-role-choice {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: var(--bcs-navy);
    font-weight: 600;
    cursor: pointer;
}

.bcs-solution-role-choice input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--bcs-primary);
}

.bcs-solution-or {
    color: var(--bcs-muted);
    font-size: 13px;
}

@media (max-width: 700px) {

    .bcs-solution-player-head {
        display: none;
    }

    .bcs-solution-player-row {
        grid-template-columns: 1fr auto auto auto;
        column-gap: 9px;
        padding: 10px;
    }

    .bcs-solution-player-avatar,
    .bcs-solution-avatar-image {
        width: 44px;
        height: 44px;
    }

    .bcs-solution-player-avatar {
        flex-basis: 44px;
    }
}

@media (max-width: 520px) {

    .bcs-solution-notes-summary {
        padding: 16px;
    }

    .bcs-solution-player-row {
        grid-template-columns: 1fr 1fr;
        row-gap: 10px;
    }

    .bcs-solution-player-identity {
        grid-column: 1 / -1;
    }

    .bcs-solution-role-choice {
        justify-content: flex-start;
    }

    .bcs-solution-or {
        display: none;
    }
}


/* =========================================================
   33. Meine Mitspieler – eigenständige Karte
========================================================= */

.bcs-teammates-section {
    margin-top: 18px;
}

.bcs-teammates-section .bcs-partner-facebook-wrap {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(220px, 320px);
    align-items: center;
    justify-content: start;
    gap: 16px;
    margin: 0 0 8px;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:last-child {
    margin-bottom: 0;
}

.bcs-teammate-identity {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.bcs-teammates-section .bcs-partner-name {
    display: block;
    min-width: 0;
    margin: 0;
    color: var(--bcs-navy);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bcs-teammate-gender {
    display: flex;
    width: 28px;
    align-items: center;
    justify-content: center;
}

.bcs-teammates-section .bcs-partner-gender-icon {
    display: block;
    width: auto;
    max-width: 22px;
    height: 28px;
    margin: 0;
}

.bcs-teammates-section .bcs-partner-facebook-button,
.bcs-teammates-section .bcs-disabled-action {
    width: 100%;
    max-width: 320px;
    justify-content: center;
    margin: 0;
}

@media (max-width: 760px) {

    .bcs-teammates-section .bcs-partner-facebook-wrap {
        grid-template-columns: minmax(150px, 1fr) minmax(190px, 1fr);
        gap: 12px;
    }
}

@media (max-width: 560px) {

    .bcs-teammates-section .bcs-partner-facebook-wrap {
        grid-template-columns: 1fr;
        gap: 8px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--bcs-border);
    }

    .bcs-teammates-section .bcs-partner-facebook-wrap:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .bcs-teammates-section .bcs-partner-facebook-button,
    .bcs-teammates-section .bcs-disabled-action {
        max-width: none;
    }
}


/* =========================================================
   34. Meine Mitspieler – 6 links / 6 rechts
========================================================= */

.bcs-teammates-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    align-items: start;
}

.bcs-teammates-section > h3 {
    grid-column: 1 / -1;
}

.bcs-teammates-section .bcs-partner-facebook-wrap {
    grid-template-columns: minmax(110px, 1fr) minmax(180px, 1.25fr);
    width: 100%;
    max-width: none;
}

/* Erste 6 Spieler links, nächste 6 rechts */
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(-n+6) {
    grid-column: 1;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(n+7) {
    grid-column: 2;
}

/* Zeilen 1–6 links */
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(1),
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(7) {
    grid-row: 2;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(2),
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(8) {
    grid-row: 3;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(3),
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(9) {
    grid-row: 4;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(4),
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(10) {
    grid-row: 5;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(5),
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(11) {
    grid-row: 6;
}

.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(6),
.bcs-teammates-section .bcs-partner-facebook-wrap:nth-of-type(12) {
    grid-row: 7;
}

@media (max-width: 900px) {

    .bcs-teammates-section {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .bcs-teammates-section > h3,
    .bcs-teammates-section .bcs-partner-facebook-wrap {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}


/* =========================================================
   35. Lösung – kompakter Ermittlungsrückblick
========================================================= */

.bcs-solution-notes-summary .bcs-solution-notes-list {
    display: block;
    margin-top: 12px;
}

.bcs-solution-notes-summary .bcs-solution-note-entry {
    display: block;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.bcs-solution-notes-summary .bcs-solution-note-entry:last-child {
    margin-bottom: 0;
}

.bcs-solution-notes-summary .bcs-solution-note-entry > strong {
    display: block;
    margin: 0 0 3px;
}

.bcs-solution-notes-summary .bcs-solution-note-text {
    margin: 0;
    padding: 0;
}



/* =========================================================
   36. Lösung – Abstand Tag / Notiz
========================================================= */

.bcs-solution-notes-summary .bcs-solution-note-entry > strong {
    margin-bottom: 0 !important;
}

.bcs-solution-notes-summary .bcs-solution-note-text {
    margin-top: 0 !important;
}



/* =========================================================
   37. Lösung – Tag und Notiz direkt untereinander
========================================================= */

.bcs-solution-notes-summary .bcs-solution-note-entry {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-bottom: 14px !important;
}

.bcs-solution-notes-summary .bcs-solution-note-entry:last-child {
    margin-bottom: 0 !important;
}

.bcs-solution-notes-summary .bcs-solution-note-entry > strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.bcs-solution-notes-summary .bcs-solution-note-text {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}


/* =========================================================
   38. Ermittlungsnotizen – Breite gegen langen Text absichern
========================================================= */

.bcs-day-work-card,
.bcs-day-work-grid,
.bcs-day-work-panel,
.bcs-solution-section,
.bcs-solution-notes-summary,
.bcs-solution-notes-list,
.bcs-solution-note-entry,
.bcs-solution-note-text {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.bcs-day-work-panel textarea,
textarea[name="personal_notes_text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.bcs-solution-notes-summary,
.bcs-solution-note-entry,
.bcs-solution-note-text {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
}

.bcs-solution-note-text {
    overflow-x: hidden !important;
}


/* =========================================================
   39. Lösung – Täter/Komplize 6 links / 6 rechts
========================================================= */

@media (min-width: 901px) {

    .bcs-solution-player-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
        row-gap: 8px;
    }

    .bcs-solution-player-head {
        grid-column: 1 / -1;
    }

    .bcs-solution-player-row {
        grid-template-columns: minmax(0, 1fr) auto auto auto;
        min-width: 0;
        column-gap: 8px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .bcs-solution-player-identity {
        min-width: 0;
    }
}

@media (max-width: 900px) {

    .bcs-solution-player-list {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   40. Lösung – eigene Kopfzeile je 6er-Spalte
========================================================= */

.bcs-solution-player-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.bcs-solution-player-column {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
}

.bcs-solution-player-column .bcs-solution-player-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 0 12px 7px;
}

.bcs-solution-player-column .bcs-solution-player-head span:last-child {
    text-align: right;
}

.bcs-solution-player-column .bcs-solution-player-row {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    min-width: 0;
    column-gap: 8px;
    padding-left: 12px;
    padding-right: 12px;
}

@media (max-width: 900px) {

    .bcs-solution-player-list {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .bcs-solution-player-column:nth-child(2)
    .bcs-solution-player-head {
        display: none;
    }
}


/* =========================================================
   41. Aktueller Fall – Tagesreiter
========================================================= */

.bcs-day-tabs {
    display: flex;
    width: 100%;
    align-items: stretch;
    gap: 6px;
    margin: 0;
    padding: 12px 0 4px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.bcs-day-tab {
    display: inline-flex;
    flex: 1 0 auto;
    min-width: 82px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    background: var(--bcs-white);
    color: var(--bcs-navy) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    border: 1px solid var(--bcs-border);
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.bcs-day-tab:hover,
.bcs-day-tab:focus {
    color: var(--bcs-primary) !important;
    border-color: var(--bcs-primary);
    outline: none;
}

.bcs-day-tab.is-active {
    background: var(--bcs-navy);
    color: var(--bcs-white) !important;
    border-color: var(--bcs-navy);
    border-bottom-color: var(--bcs-primary);
}

.bcs-day-tab.is-locked {
    background: var(--bcs-surface-soft);
    color: var(--bcs-muted) !important;
    border-color: var(--bcs-border);
    opacity: 0.58;
    cursor: default;
}

.bcs-day-tab-solution:not(.is-locked) {
    border-bottom-color: var(--bcs-accent);
}

.bcs-day-tab-solution.is-active {
    border-bottom-color: var(--bcs-accent);
}

@media (max-width: 760px) {

    .bcs-day-tabs {
        gap: 5px;
        padding-bottom: 7px;
    }

    .bcs-day-tab {
        flex: 0 0 auto;
        min-width: 76px;
        min-height: 40px;
        padding: 8px 12px;
    }
}




/* =========================================================
   42. Aktueller Fall – Reiter Einführung
========================================================= */

.bcs-day-tab-intro {
    min-width: 112px;
}

@media (max-width: 760px) {

    .bcs-day-tab-intro {
        min-width: 104px;
    }
}


/* =========================================================
   43. Tagesreiter – zukünftige Tage sichtbar / deaktiviert
========================================================= */

.bcs-day-tab.is-locked.is-future,
.bcs-day-tab.is-locked.is-future:hover,
.bcs-day-tab.is-locked.is-future:focus,
.bcs-day-tab.is-locked.is-future:active {
    background: transparent !important;
    color: #c8cdd6 !important;
    border-color: var(--bcs-border) !important;
    border-bottom-color: transparent !important;
    opacity: 0.72 !important;
    cursor: default !important;
    text-decoration: none !important;
    pointer-events: none !important;
    outline: none !important;
}


/* =========================================================
   44. Tagesreiter – Responsive-Fix Tablet / Smartphone
========================================================= */

.bcs-day-tabs {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.bcs-day-tab {
    box-sizing: border-box !important;
    min-width: 0;
}

/* Tablet */
@media (max-width: 900px) {

    .bcs-day-tabs {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: 100% !important;
        overflow: visible !important;
    }

    .bcs-day-tab,
    .bcs-day-tab-intro {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: none !important;
    }
}

/* Smartphone */
@media (max-width: 560px) {

    .bcs-day-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    .bcs-day-tab,
    .bcs-day-tab-intro {
        min-height: 40px;
        padding: 8px 6px;
    }
}


/* =========================================================
   45. Tagesreiter – vollständige Umrandung gesperrter Reiter
========================================================= */

.bcs-day-tab.is-locked.is-future,
.bcs-day-tab.is-locked.is-future:hover,
.bcs-day-tab.is-locked.is-future:focus,
.bcs-day-tab.is-locked.is-future:active {
    border: 1px solid var(--bcs-border) !important;
}

/* =========================================================
   35. Persönliches Ermittlungstagebuch
========================================================= */

.bcs-investigation-diary {
    width: 100%;
}

.bcs-investigation-diary > h3 {
    margin-bottom: 8px;
}

.bcs-diary-question {
    margin: 0 0 5px;
    color: var(--bcs-navy);
    font-weight: 700;
}

.bcs-diary-help {
    margin: 0 0 18px;
    color: var(--bcs-text-soft);
    line-height: 1.55;
}

.bcs-diary-notice {
    margin: 0 0 16px;
    padding: 11px 13px;
    background: var(--bcs-surface-soft);
    border-left: 4px solid var(--bcs-muted);
}

.bcs-diary-notice.is-success {
    border-left-color: var(--bcs-success);
}

.bcs-diary-notice.is-error {
    border-left-color: var(--bcs-danger);
}

.bcs-diary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    width: 100%;
    min-width: 0;
}

.bcs-diary-person {
    display: grid;
    grid-template-columns:
        24px
        82px
        minmax(58px, 1fr)
        24px
        minmax(118px, 145px);
    gap: 7px;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 11px 0;
    border-bottom: 1px solid var(--bcs-border);
}

.bcs-diary-check {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.bcs-diary-check input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}

.bcs-diary-self-marker {
    color: var(--bcs-muted);
    font-weight: 700;
}

.bcs-diary-profile {
    display: grid;
    justify-items: center;
    gap: 3px;
    width: 82px;
    min-width: 0;
}

.bcs-diary-avatar-wrap {
    line-height: 0;
}

.bcs-diary-avatar {
    display: block;
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.bcs-diary-name {
    min-width: 0;
}

.bcs-diary-name strong {
    display: block;
    overflow: hidden;
    color: var(--bcs-navy);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bcs-diary-name small {
    display: block;
    margin-top: 2px;
    color: var(--bcs-muted);
}

.bcs-diary-gender {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.bcs-diary-gender .bcs-partner-gender-icon {
    width: auto !important;
    height: 22px !important;
    max-width: 20px !important;
    object-fit: contain;
}

.bcs-diary-facebook {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.bcs-diary-facebook .bcs-partner-facebook-button,
.bcs-diary-facebook .bcs-disabled-action {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 7px 7px;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    line-height: 1.25;
}

.bcs-diary-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 132px;
    min-height: 30px;
    overflow: visible;
}

.bcs-diary-rating.is-disabled {
    opacity: 0.38;
}

.bcs-diary-rating button {
    appearance: none;
    min-width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    border: 0;
}

.bcs-diary-rating button:disabled {
    cursor: default;
}

.bcs-diary-zero {
    width: 18px;
    color: var(--bcs-muted);
    font-size: 12px;
    font-weight: 700;
}

.bcs-diary-zero.is-active {
    color: var(--bcs-navy);
    text-decoration: underline;
}

.bcs-diary-star {
    width: 22px;
    color: #b8bec8;
    font-size: 28px;
    line-height: 1;
}

.bcs-diary-star.is-active {
    color: #f2b01e;
}

.bcs-diary-privacy {
    margin-top: 18px;
    padding: 12px 14px;
    color: #1769aa;
    background: #f3f8fd;
    border: 1px solid #cfe4f7;
    line-height: 1.5;
}

.bcs-diary-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.bcs-diary-actions .bcs-learning-save-button {
    min-width: 250px;
    min-height: 46px;
    padding: 10px 20px;
    background: var(--bcs-primary);
    color: var(--bcs-white);
    border: 2px solid var(--bcs-primary);
    border-radius: 0;
    font-weight: 600;
    cursor: pointer;
}

.bcs-diary-actions .bcs-learning-save-button:hover,
.bcs-diary-actions .bcs-learning-save-button:focus {
    background: var(--bcs-white);
    color: var(--bcs-primary);
    border-color: var(--bcs-primary);
}

.bcs-diary-person.is-self {
    background: rgba(0, 214, 144, 0.035);
}

/*
 * Sobald für zwei saubere Spalten nicht mehr genug Platz vorhanden ist,
 * wird bewusst auf eine Spalte gewechselt.
 */
@media (max-width: 1050px) {

    .bcs-diary-grid {
        grid-template-columns: 1fr;
    }

    .bcs-diary-person {
        grid-template-columns:
            28px
            90px
            minmax(100px, 1fr)
            28px
            minmax(180px, 250px);
        gap: 10px;
    }

    .bcs-diary-profile {
        width: 90px;
    }

    .bcs-diary-rating {
        width: 132px;
    }
}

@media (max-width: 650px) {

    .bcs-diary-person {
        grid-template-columns:
            28px
            86px
            minmax(0, 1fr)
            26px;
        grid-template-areas:
            "check profile name gender"
            "facebook facebook facebook facebook";
        gap: 8px;
        padding: 13px 0;
    }

    .bcs-diary-check {
        grid-area: check;
    }

    .bcs-diary-profile {
        grid-area: profile;
        width: 86px;
    }

    .bcs-diary-name {
        grid-area: name;
    }

    .bcs-diary-gender {
        grid-area: gender;
    }

    .bcs-diary-facebook {
        grid-area: facebook;
    }

    .bcs-diary-rating {
        width: 126px;
    }

    .bcs-diary-actions {
        display: block;
    }

    .bcs-diary-actions .bcs-learning-save-button {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   36. Moderations-Dashboard – Ermittlungstagebuch
========================================================= */

.blabla-crimestory-moderation {
    max-width: 1500px;
}

.bcs-moderation-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
    margin: 20px 0;
    padding: 18px;
    background: var(--bcs-white);
    border-left: 4px solid var(--bcs-primary);
}

.bcs-moderation-filter label {
    width: 100%;
    color: var(--bcs-navy);
    font-weight: 700;
}

.bcs-moderation-filter select {
    width: min(100%, 720px);
    min-height: 42px;
}

.bcs-moderation-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 26px;
}

/*
 * BCS-11 v1.0.11 / BCS-00 v2.0.46:
 * Moderations-Dashboard besitzt fünf Übersichtskacheln.
 */
.blabla-crimestory-moderation .bcs-moderation-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bcs-moderation-summary > div {
    padding: 16px;
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
    border-left: 4px solid var(--bcs-primary);
}

.bcs-moderation-summary strong,
.bcs-moderation-summary span {
    display: block;
}

.bcs-moderation-summary strong {
    margin-bottom: 5px;
    color: var(--bcs-navy);
}

.bcs-moderation-player-list {
    display: grid;
    gap: 10px;
}

.bcs-moderation-player {
    background: var(--bcs-white);
    border: 1px solid var(--bcs-border);
}

.bcs-moderation-player > summary {
    display: grid;
    grid-template-columns: 54px minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px 16px;
    cursor: pointer;
    list-style: none;
}

.bcs-moderation-player > summary::-webkit-details-marker {
    display: none;
}

.bcs-moderation-avatar img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.bcs-moderation-player-main strong,
.bcs-moderation-player-main small {
    display: block;
}

.bcs-moderation-player-main strong {
    color: var(--bcs-navy);
    font-size: 16px;
}

.bcs-moderation-player-main small,
.bcs-moderation-day-count {
    color: var(--bcs-text-soft);
}

.bcs-moderation-player-body {
    padding: 0 16px 16px;
    border-top: 1px solid var(--bcs-border);
}

.bcs-moderation-day {
    padding: 16px 0;
}

.bcs-moderation-day + .bcs-moderation-day {
    border-top: 1px solid var(--bcs-border);
}

.bcs-moderation-day h3 {
    margin: 0 0 10px;
    color: var(--bcs-navy);
}

.bcs-moderation-day-table {
    max-width: 900px;
}

.bcs-moderation-contact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bcs-moderation-contact img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.blabla-crimestory-moderation
.bcs-moderation-contact
img.bcs-moderation-gender-icon {
    width: 20px;
    height: 20px;
    border-radius: 0;
    object-fit: contain;
    flex: 0 0 20px;
}

.bcs-moderation-stars {
    margin-right: 7px;
    color: #f2b01e;
    font-size: 18px;
    letter-spacing: 1px;
}

.bcs-moderation-saved-at {
    margin-top: 8px !important;
}

@media (max-width: 1100px) {
    .bcs-diary-grid {
        grid-template-columns: 1fr;
    }

    .bcs-moderation-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blabla-crimestory-moderation .bcs-moderation-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .bcs-diary-person {
        grid-template-columns: 30px 100px minmax(0, 1fr) 30px;
        grid-template-areas:
            "check profile name gender"
            "facebook facebook facebook facebook";
        align-items: center;
        gap: 8px;
        padding: 12px 0;
    }

    .bcs-diary-check { grid-area: check; }
    .bcs-diary-profile { grid-area: profile; }
    .bcs-diary-name { grid-area: name; }
    .bcs-diary-gender { grid-area: gender; }
    .bcs-diary-facebook { grid-area: facebook; }

    .bcs-diary-avatar {
        width: 90px !important;
        height: 90px !important;
        max-width: 90px !important;
    }

    .bcs-diary-rating {
        transform: scale(0.92);
        transform-origin: center top;
    }

    .bcs-diary-actions {
        display: block;
    }

    .bcs-diary-actions .bcs-learning-save-button {
        width: 100%;
        min-width: 0;
    }

    .bcs-moderation-summary {
        grid-template-columns: 1fr;
    }

    .blabla-crimestory-moderation .bcs-moderation-summary {
        grid-template-columns: 1fr;
    }

    .bcs-moderation-player > summary {
        grid-template-columns: 50px minmax(0, 1fr);
    }

    .bcs-moderation-day-count {
        grid-column: 2;
    }

    .bcs-moderation-filter select,
    .bcs-moderation-filter .button {
        width: 100%;
    }
}


/* =========================================================
   Ermittlungstagebuch – Konflikt mit alter Mitspielerkarte
   Version 2.0.41
========================================================= */

/*
 * Die Klasse .bcs-teammates-section besitzt aus der früheren
 * Facebook-Spielerliste ein eigenes 2-Spalten-Grid.
 * Das Ermittlungstagebuch verwendet dieselbe Grundkarte,
 * benötigt aber seine komplette Breite.
 */
.bcs-teammates-section.bcs-investigation-diary {
    display: block;
    width: 100%;
}

.bcs-teammates-section.bcs-investigation-diary > h3,
.bcs-teammates-section.bcs-investigation-diary > .bcs-diary-question,
.bcs-teammates-section.bcs-investigation-diary > .bcs-diary-help,
.bcs-teammates-section.bcs-investigation-diary > .bcs-diary-notice,
.bcs-teammates-section.bcs-investigation-diary > .bcs-diary-form {
    width: 100%;
    max-width: none;
}

.bcs-teammates-section.bcs-investigation-diary .bcs-diary-form {
    display: block;
}

.bcs-teammates-section.bcs-investigation-diary .bcs-diary-grid {
    width: 100%;
    max-width: none;
}


/* =========================================================
   Moderations-Dashboard – Personenbewertung zurücksetzen
   Version 2.0.44
========================================================= */

.bcs-diary-admin-reset-form {
    margin: 0;
}

.bcs-diary-admin-reset-button {
    min-height: 32px !important;
    padding: 4px 10px !important;
    color: var(--bcs-danger) !important;
    background: var(--bcs-white) !important;
    border-color: var(--bcs-danger) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.bcs-diary-admin-reset-button:hover,
.bcs-diary-admin-reset-button:focus {
    color: var(--bcs-white) !important;
    background: var(--bcs-danger) !important;
    border-color: var(--bcs-danger) !important;
}

@media (max-width: 700px) {

    .bcs-diary-admin-reset-button {
        width: 100%;
        text-align: center;
    }
}


/* =========================================================
   Moderations-Dashboard – Tagesreset
   Version 2.0.45
========================================================= */

.bcs-moderation-day-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 18px;
    margin-top: 10px;
}

.bcs-moderation-day-footer .bcs-moderation-saved-at {
    margin: 0 !important;
}

.bcs-moderation-day-footer .bcs-diary-admin-reset-form {
    margin: 0;
}

@media (max-width: 700px) {

    .bcs-moderation-day-footer {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bcs-moderation-day-footer .bcs-diary-admin-reset-button {
        width: 100%;
    }
}



/* =========================================================
   BCS-11 – Ermittlungstagebuch: 90px-Zeilenlayout
   Version 2.0.50
   NUR dieser Bereich wurde angepasst.
   ========================================================= */

.bcs-investigation-diary .bcs-diary-person {
    grid-template-columns:
        24px
        90px
        minmax(90px, 1fr)
        24px
        minmax(118px, 145px);
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 2px;
    min-height: 112px;
    align-items: center;
}

/*
 * Profil-Hülle nur für das Layout auflösen.
 * Avatar und Sterne können dadurch getrennt im vorhandenen Grid
 * positioniert werden, ohne HTML oder PHP zu ändern.
 */
.bcs-investigation-diary .bcs-diary-profile {
    display: contents;
}

.bcs-investigation-diary .bcs-diary-check {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.bcs-investigation-diary .bcs-diary-avatar-wrap {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: center;
}

.bcs-investigation-diary .bcs-diary-name {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    padding-bottom: 2px;
}

.bcs-investigation-diary .bcs-diary-rating {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
    justify-content: flex-start;
    width: auto;
    margin: 0;
}

/* Nur die sichtbare Null ausblenden; technische Rating-Logik bleibt bestehen. */
.bcs-investigation-diary .bcs-diary-zero {
    display: none !important;
}

.bcs-investigation-diary .bcs-diary-gender {
    grid-column: 4;
    grid-row: 1 / span 2;
    align-self: center;
}

.bcs-investigation-diary .bcs-diary-facebook {
    grid-column: 5;
    grid-row: 1 / span 2;
    align-self: center;
}


/* Tablet: bestehende einspaltige Personenliste bleibt erhalten. */
@media (max-width: 1100px) {
    .bcs-investigation-diary .bcs-diary-person {
        grid-template-columns:
            24px
            90px
            minmax(90px, 1fr)
            24px
            minmax(118px, 145px);
    }
}


/* Smartphone: Facebook-Zeile darunter, übrige Elemente sauber nebeneinander. */
@media (max-width: 700px) {
    .bcs-investigation-diary .bcs-diary-person {
        grid-template-columns:
            30px
            90px
            minmax(0, 1fr)
            30px;
        grid-template-rows: auto auto auto;
        column-gap: 8px;
        row-gap: 3px;
        min-height: 112px;
    }

    .bcs-investigation-diary .bcs-diary-check {
        grid-area: auto;
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .bcs-investigation-diary .bcs-diary-avatar-wrap {
        grid-area: auto;
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .bcs-investigation-diary .bcs-diary-name {
        grid-area: auto;
        grid-column: 3;
        grid-row: 1;
    }

    .bcs-investigation-diary .bcs-diary-rating {
        grid-area: auto;
        grid-column: 3;
        grid-row: 2;
    }

    .bcs-investigation-diary .bcs-diary-gender {
        grid-area: auto;
        grid-column: 4;
        grid-row: 1 / span 2;
    }

    .bcs-investigation-diary .bcs-diary-facebook {
        grid-area: auto;
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 6px;
    }
}

/* =========================================================
   BCS-10 KI-Bildkennzeichnung – CSS
   übernommen aus BCS-10 v1.0.10
========================================================= */

.bcs-ai-image-label {
    position: absolute;
    z-index: 9999;

    padding: 5px 8px;

    background: rgba(0, 0, 0, 0.50);

    color: #ffffff;

    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;

    white-space: nowrap;

    border-radius: 0;

    box-sizing: border-box;

    pointer-events: none;

    /*
     * Gesamtes Wasserzeichen:
     * Hintergrund + Schrift = 50 % Deckkraft
     */
    opacity: 0.5;
}

@media (max-width: 767px) {

    .bcs-ai-image-label {
        font-size: 10px;
        padding: 4px 6px;
    }

}

/* ==================================================
   RECHTLICHE LINKS – Änderung DATENSCHUTZERKLÄRUNG in der Site Impressum
   ================================================== */

.rb-legal-link {
    color: #f5f5f5 !important;
    text-decoration: underline !important;
	cursor: pointer !important;
}

.rb-legal-link:hover {
    color: #00D690 !important;
    text-decoration: underline !important;
}