/* BizCal-Modul · erzeugt von tools/bizcal-modular/trennen.mjs aus termin-app.html (v1818) · Stil-Block 2, Teil 1 */

#anlass9 .ka-buehne9, #anlass9 .mk9.anl-mk9, #warmKarten9 .ka-buehne9, #warmKarten9 .mk9.anl-mk9{container-type:normal !important;display:flow-root !important;height:max-content !important;min-height:max-content !important;flex:none !important}
/* v1670: Marketing-Aktion - eigener Block (die Nachfragen-Regeln stehen in einer Container-Abfrage) */
  /* v1670 (Harun pa70): Marketing-Aktion - gleiche Knoepfe, eigene Woerter und Farben */
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.nein9::after{content:'Ignorieren'}
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.nf-vs9::after{content:'Schlummern'}
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.ja::after{content:'Notiz aufnehmen'}
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9.anl-gb9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.ja::after{content:'Gratuliert'}   /* v1677 Geburtstag */
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9.anl-gb9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.nf-vs9::after{content:'Kenntnis'}   /* v1684 */
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9.anl-wk9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.ja::after{content:'Erinnern'}   /* (Harun es20) Warm-up wie Geburtstag */
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9.anl-wk9:not(.nf-gast9) .mk-kn.mk-q9.dg-schacht9 button.nf-vs9::after{content:'Kenntnis'}
  .anl9 .ka-buehne9{touch-action:pan-y}
  .anl9 .gk9 img{-webkit-user-drag:none;user-select:none}
  .anl9 .anl-wahl9{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px;box-sizing:border-box;background:color-mix(in srgb, var(--ink) 4%, var(--card))}
  .anl9 .anl-wahl9 button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;border-radius:4px;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:var(--card);color:var(--ink);padding:8px 10px;cursor:pointer}
  .anl9 .anl-wahl9 button span{display:flex;align-items:center;gap:8px;color:var(--accent)}
  .anl9 .anl-wahl9 button b{font:600 .9rem Inter,system-ui,sans-serif;color:var(--ink)}
  .anl9 .anl-wahl9 button small{display:none}
  .anl9 .anl-wahl9{justify-content:center;gap:6px;padding:8px 12px}
  /* v1694 (Harun): Geburtstag - 2 x 2: Gratuliert (gruen) | Anrufen, darunter WhatsApp | E-Mail, je halb so breit */
  .anl9 .anl-wahl9{display:grid !important;grid-template-columns:1fr 1fr;align-content:center}
  .anl9 .anl-wahl9 button{width:100%;min-width:0}
  /* v1696 (Harun gl14): 3 Reihen - Gratuliert, darunter Anrufen (je halb, links), darunter E-Mail links | WhatsApp rechts */
  .anl9 .anl-wahl9 [data-anlgrat9="gratuliert"]{grid-column:1;grid-row:1}
  .anl9 .anl-wahl9 [data-anlgrat9="anruf"]{grid-column:1;grid-row:2}
  .anl9 .anl-wahl9 [data-anlgrat9="email"]{grid-column:1;grid-row:3}
  .anl9 .anl-wahl9 [data-anlgrat9="whatsapp"]{grid-column:2;grid-row:3}
  /* (Harun es23): Wahl-Fach der Geburtstagskarte wie die Warm-up-Karte - Reihenfolge und Plaetze aus dem Fluss (Gratuliert|Anrufen, Nachricht|Nachricht mit Vorlage), E-Mail dahinter */
  .anl9 .anl-wahl9 [data-anlgrat9]{grid-column:auto !important;grid-row:auto !important}
  /* v1698 (Harun gl15): Knoepfe kompakt (so breit wie der Text), links; Grund durchsichtig - das Motiv bleibt rechts sichtbar; Kartentext ausgeblendet */
  .anl9 .anl-wahl9{grid-template-columns:max-content max-content !important;justify-content:start !important;background:transparent !important;padding:10px 16px !important}
  .anl9 .anl-wahl9 button{width:auto !important;height:38px !important;padding:0 14px !important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
  .anl9 .gk9:has(.anl-wahl9) .gk-tx9, .anl9 .gk9:has(.anl-wahl9) .gk-name9{visibility:hidden}
  .anl9 .anl-wahl9 .wa9 svg{width:16px;height:16px;color:#25D366}
  .anl9 .anl-wahl9 button[data-wk9="ok"]{background:color-mix(in srgb, #2e9e5b 16%, var(--card)) !important;border-color:color-mix(in srgb, #2e9e5b 55%, transparent) !important}   /* (es20) wie "Gratuliert" */
  .anl9 .anl-wahl9 button[data-wk9="ok"] span{color:#2e9e5b}
  .anl9 .anl-wahl9 button[data-anlgrat9="gratuliert"]{background:color-mix(in srgb, #2e9e5b 16%, var(--card)) !important;border-color:color-mix(in srgb, #2e9e5b 55%, transparent) !important}
  .anl9 .anl-wahl9 button[data-anlgrat9="gratuliert"] span{color:#2e9e5b}
  .anl9 .anl-wahl9 button{padding:0 12px;height:42px;justify-content:center}
  .anl9 .mk9.anl-mk9 .dg-schacht9 .nf-zur9{margin-left:auto}
  .anl9 .gk9{position:relative}   /* v1684: Stapel - immer nur eine Karte, die Wahl liegt auf der Karte */
  .anl9 .ka-buehne9 + .anl-zeile9{margin-top:10px}
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9 .mk-kn.mk-q9.dg-schacht9 button.nf-vs9{color:#5B7BD5 !important;border-color:color-mix(in srgb, #5B7BD5 45%, transparent) !important;background:color-mix(in srgb, #5B7BD5 12%, transparent) !important}
  .ka9 .ka-buehne9 .mk9.mk-nf9.anl-mk9 .mk-kn.mk-q9.dg-schacht9 button.ja{color:var(--accent) !important;border-color:color-mix(in srgb, var(--accent) 45%, transparent) !important;background:color-mix(in srgb, var(--accent) 12%, transparent) !important}
  .anl9 .mk9.anl-mk9{display:block !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;overflow:visible !important}
  .anl9 .mk9.anl-mk9 .gk9{filter:none}
  .anl9 .mk9.anl-mk9 .gk-bild9{border-radius:4px 4px 0 0}
  .anl9 .ka-buehne9{overflow:visible !important;height:auto !important}
  .anl9.ka9{padding-top:0}
  .anl9 .ka-kopf9{margin-bottom:8px;position:relative;z-index:0}   /* v1672 (Harun): Bild darf ueber die Ueberschrift ragen - kein Leerraum */
  .anl9 .gk9 img{z-index:2}
  #anlass9.ka9{display:block !important;height:auto !important;max-height:none !important}
  #anlass9.ka9.hide{display:none !important}   /* 08.10.: versteckt heisst weg (sonst blieben 12 px + Abstand stehen und die Kaesten sprangen nach dem Zusammenfalten) */
  html.lp-halten9 input, html.lp-halten9 textarea, html.lp-halten9 [contenteditable="true"]{pointer-events:none !important}   /* v1688 lp2 */
  /* v1689 (Harun gf2): Gelegenheiten-Karte = weicher Verlauf aus den Bildfarben, hell und dunkel getrennt */
  .anl9 .gk9[style*="--anl-vh"] .gk-bild9{background:var(--anl-vh) !important}
  html[data-theme="dark"] .anl9 .gk9[style*="--anl-vd"] .gk-bild9{background:var(--anl-vd) !important}
  /* v1689: Zettel einer Marketing-Notiz - Motiv mittig (10 %), zarter Verlauf (30 %), Text bleibt lesbar */
  #aufgSheet.ag-anl9 .ag-kopfkarte:not(.ag-klon9){position:relative;isolation:isolate}
  #aufgSheet.ag-anl9 .ag-kopfkarte:not(.ag-klon9)::before{content:'';position:absolute;inset:0;background:var(--anl-vh);opacity:.3;z-index:-1;pointer-events:none;border-radius:inherit}
  html[data-theme="dark"] #aufgSheet.ag-anl9 .ag-kopfkarte:not(.ag-klon9)::before{background:var(--anl-vd);opacity:.45}
  #aufgSheet.ag-anl9 .ag-kopfkarte:not(.ag-klon9)::after{content:'';position:absolute;left:50%;top:50%;width:62%;height:70%;transform:translate(-50%,-50%);background:var(--anl-bild) center/contain no-repeat;opacity:.10;z-index:-1;pointer-events:none}
  /* v1688 (Harun gl11: "Buttons, auch wenn es nur zwei sind, immer rechtsbuendig - wie bei Anfrage"): in JEDER Fusszeile schiebt der erste Knopf nach rechts */
  .ka9 .ka-buehne9 .mk9 .dg-schacht9 > button:first-of-type{margin-left:auto}
  /* v1688 (Harun mg3): leeres Blatt - der Hinweis ist genau zwei Linien hoch und steht auf der zweiten Linie; das Raster laeuft darunter weiter */
  #todoMine > .todo-leer{height:calc(var(--zp, 56px) * 2);box-sizing:border-box;padding:0 24px 12px;display:flex;align-items:flex-end;justify-content:center;margin:0}
  /* v1678 (Harun so3): PC - Filter + Suche in der Kopfzeile, rechts buendig mit der Aufgabenliste (Lage rechnet kopfKnoepfePc9) */
  :root.geraet-tablet-breit body:not([data-tab="kalender"]) #view-termine .todo-kopf{position:relative}
  :root.geraet-tablet-breit body:not([data-tab="kalender"]) #view-termine.ansicht-start #todoSuchBtn,
  :root.geraet-tablet-breit body:not([data-tab="kalender"]) #view-termine.ansicht-start #todoSortBtn{position:absolute !important;top:var(--kk-oben,53px);right:var(--kk-rechts,368px);z-index:3;margin:0 !important}
  :root.geraet-tablet-breit body:not([data-tab="kalender"]) #view-termine.ansicht-start #todoSortBtn{display:inline-flex !important;right:calc(var(--kk-rechts,368px) + 46px)}
  :root.geraet-tablet-breit body:not([data-tab="kalender"]) #view-termine.ansicht-start .sort-mini9{display:none !important}
  .anl9 .ka-buehne9{display:block !important;flex:none !important}
  .anl9 .mk9.anl-mk9{height:auto !important;min-height:0 !important;max-height:none !important;position:relative}
  .anl9 .mk9.anl-mk9 .dg-schacht9{position:relative !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;transform:none !important}