/* Vorschau: helle Buchungstafel OHNE Transparenz (24.09.2026, Michael:
   "mach mir eine Vorschau auch ohne Transparenz zuerst").

     ?deckend=1   volle Creme-Flaeche #F3EEE7
     ?deckend=2   Papierweiss #FBF8F3
     ohne Angabe  die Glasfassung aus chat-glas.css

   WARUM HIER ALLE FARBEN STEHEN und nicht nur der Hintergrund:
   In probe-tafel-milchglas.css steht der DUNKLE Grund von data-ptf="5" INNEN
   in einem @supports-Block, die dazu passenden HELLEN Schriftfarben aber
   AUSSERHALB (19 Regeln, gemessen 24.09.2026). Wer also nur den Hintergrund
   aufhellt, bekommt cremefarbene Schrift auf cremefarbenem Grund -- genau der
   Zustand, den Michael als "nicht fertig" gemeldet hat. Diese Fassung ist
   deshalb in sich vollstaendig: Grund UND Schrift UND Raender UND Knoepfe. */

html[data-deckend="1"][data-tafel] body[data-ptf] .gbt-tafel{
  background:#F3EEE7 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:0 0 0 1px rgba(53,48,43,.12),0 40px 90px -30px rgba(16,13,11,.40) !important}
html[data-deckend="2"][data-tafel] body[data-ptf] .gbt-tafel{
  background:#FBF8F3 !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:0 0 0 1px rgba(53,48,43,.14),0 40px 90px -30px rgba(16,13,11,.42) !important}

/* Schrift und Linien fuer BEIDE deckenden Fassungen */
   /* TONWERTSTAFFEL statt Einheitsschwarz (Michael 24.09.2026: "die Schrift
      etwas feiner mit den Abstufungen"). Vier Stufen, alle gegen Creme
      #F3EEE7 gerechnet -- der Mindestkontrast 4,5 gilt auch fuer die
      feinste Stufe, sonst waere es nur huebsch und nicht lesbar:
        #211F1E  14,2   Zimmername im Kalenderkopf, die Datumswerte
        #35302B  11,4   Monatsnamen, waehlbare Tage
        #6E6862   4,9   Etiketten, Wochentagskuerzel, Zusammenfassung
        rgba(33,31,30,.28)  vergangene Tage, nicht bedienbar
      Gewicht: 300 statt 400, wo die Schrift es hergibt. */
html[data-deckend][data-tafel] body[data-ptf] .gbt-tafel{--pt-schrift:#211F1E;--pt-zweit:#6E6862;--pt-aus:rgba(33,31,30,.28);
  color:#35302B !important}
/* 1 Ueberschrift: fein und offen gesperrt */
html[data-deckend] body .gbt-kopf h2{color:#211F1E !important;font-weight:300 !important}
/* 2 Monatsnamen und waehlbare Tage */
html[data-deckend] body .gbt-kalname,
html[data-deckend] body .gbt-gitter button,
html[data-deckend] body .gbt-kalkopf button{color:#35302B !important;font-weight:300 !important}
/* 3 Etiketten, Wochentage, Zusammenfassung */
html[data-deckend] body .gbt-gitter span,
html[data-deckend] body .gbt-kopfzeile,
html[data-deckend] body .gbt-zusammen,
html[data-deckend] body .gbt-kindname,
html[data-deckend] body .gbt-zeile > span{color:#6E6862 !important;font-weight:400 !important}
/* 4 vergangene Tage */
html[data-deckend] body .gbt-gitter button[disabled]{color:rgba(33,31,30,.28) !important}
/* Werte der Belegung bleiben kraeftig, sie sind die Zahl, die zaehlt */
html[data-deckend] body .gbt-zaehler .gbt-wert{color:#211F1E !important;font-weight:300 !important}

html[data-deckend] body .gbt-kopfzeile,
html[data-deckend] body .gbt-zeile,
html[data-deckend] body .gbt-fuss{border-color:rgba(58,52,47,.18) !important}
html[data-deckend] body .gbt-gitter button.gbt-rand{background:#3D3733 !important;color:#F6F2EA !important}
html[data-deckend] body .gbt-gitter button.gbt-drin{background:rgba(58,52,47,.14) !important;color:#211F1E !important}
html[data-deckend] body .gbt-zaehler button,
html[data-deckend] body .gbt-zeile select{border-color:rgba(58,52,47,.38) !important;color:#211F1E !important}
/* Knopf und Chat-Anbau: dunkel auf hellem Grund */
html[data-deckend] body .gbt-knopf{background:#3D3733 !important;color:#F6F2EA !important;border-color:#3D3733 !important}
/* NUR der Chat-Anbau AN DER TAFEL wird dunkel. Der gleichnamige Knopf im
   BUCHUNGSBALKEN traegt dieselbe Klasse cg-ruf und stand deshalb deckend
   dunkel neben zwei durchscheinenden Feldern (Michael 24.09.2026: "Wenn du
   den linken zwei Felder transparent machst dann natuerlich den Chatbot
   Button auch"). Dort bleibt er transparent wie der Balken selbst. */
html[data-deckend] .cg-ruf:not(.cg-bar){background:#3D3733 !important;color:#F1ECE3 !important;
  border-left-color:rgba(246,242,234,.28) !important}
html[data-deckend] .cg-ruf:not(.cg-bar) svg rect{fill:#3D3733 !important}
html[data-deckend] .buchbar .cg-ruf.cg-bar{background:transparent !important}
html[data-deckend] .buchbar .cg-ruf.cg-bar svg rect{fill:#F6F2EA !important}
/* Datumszeile unten */
html[data-deckend] .cg-dat{border-color:rgba(58,52,47,.18) !important}
html[data-deckend] .cg-dat-l{color:rgba(33,31,30,.6) !important}
html[data-deckend] .cg-dat-w{color:#211F1E !important}