/* SummitGO Angleich — die Durchsetzungsschicht (30.08.2026, Auftrag des
   Uebernehmers: "harmonize everything"). Wird in JEDEM Modul NACH stil.css
   geladen und setzt die Styleguide-Beschluesse sichtbar durch. Fuehrende
   Fassung: bausteine/gestaltung/angleich.css — geaendert wird nur dort. */

/* ── Titelhierarchie: ein Massstab in allen Modulen ── */
main h1, .rumpf h1{font-size:24px !important;line-height:32px !important;
  font-weight:800 !important;letter-spacing:-.015em;margin-top:0;margin-bottom:8px}
main h2, .rumpf h2{font-size:18px !important;line-height:26px !important;
  font-weight:700 !important;margin-top:32px;margin-bottom:12px}
main h2:first-child{margin-top:0}
main h3{font-size:15px !important;line-height:22px;font-weight:600;margin-top:24px;margin-bottom:8px}

/* ── Lesefluss: Zeilenabstand, der atmet ── */
main p, main li{line-height:1.55}
main p{margin-top:0;margin-bottom:12px}

/* ── Arbeitsflaeche: Luft nach oben und unten ── */
main{padding-top:32px !important;padding-bottom:80px !important}

/* ── CTAs: vollrund, gleiche Hoehe, sanftes Anheben — ueberall ── */
.knopf, .btn, .btnp, .btng{border-radius:999px !important}
.knopf, .btn{min-height:40px}
.knopf.klein, .btn.klein, .btnxs{min-height:32px}
.knopf:hover, .btn:hover, .btnp:hover, .btng:hover{transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(23,37,56,.16)}
.knopf:active, .btn:active, .btnp:active, .btng:active{transform:translateY(0);box-shadow:none}

/* ── Eingabefelder: eine Hoehe, ein Radius (Ankreuzfelder ausgenommen) ── */
main input[type=text], main input[type=search], main input[type=email],
main input[type=password], main input[type=number], main input[type=date],
main input[type=time], main select{min-height:40px !important;border-radius:10px !important}
main textarea{border-radius:10px !important}

/* ── Fokus: ein Ring fuer alles (statt mal Gold, mal nichts) ── */
main :focus-visible{outline:2px solid var(--wirkung, #246B9E) !important;outline-offset:2px}

/* ── Kopfzeile: Navy in jedem Modul — kein Weiss, kein Sonderweg ── */
.sgo-kopf, header.sgo-kopf{background:var(--kopf, #17324F) !important}

@media (prefers-reduced-motion:reduce){
  .knopf:hover,.btn:hover,.btnp:hover,.btng:hover{transform:none}}

/* ── Binnen-Navigation: EIN Muster (Beschluss 30.08., Nacht) ─────────────────
   Punkte als Pillen; aktiv = Navy-Pille mit heller Schrift (auf dunkler
   Leiste: helle Pille mit Navy-Schrift). Gold gehoert der Marke — nie der
   Navigation. Phase 1 = ein Anstrich ueber die gewachsenen Klassen; Phase 2
   (eine gemeinsame Quelle fuer die Leiste selbst) ist als Umbau geplant. */
nav.modulnav a, nav.seitenleiste a, .sl-nav a, .navpunkt{
  border-radius:999px !important;padding:8px 16px !important;
  border-left:0 !important;border-bottom:0 !important;
  min-height:36px;display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;font-size:14px;font-weight:600}
nav.modulnav a:hover, nav.seitenleiste a:hover, .sl-nav a:hover, .navpunkt:hover{
  background:var(--sand-100, #F3EFE2)}
nav.modulnav a.aktiv, nav.seitenleiste a.aktiv, .sl-nav a.aktiv,
.navpunkt.aktiv, nav.modulnav a.active, .sl-nav a.active{
  background:var(--kopf, #17324F) !important;color:#fff !important}

/* Dunkle Seitenleiste (Dienstplan): dieselbe Logik, invertiert. */
.nav a{border-left:0 !important;border-radius:999px;margin:2px 10px;padding:9px 16px !important}
.nav a.active{background:rgba(255,255,255,.92) !important;color:var(--kopf, #17324F) !important;
  border-left:0 !important}
.nav a:hover{background:rgba(255,255,255,.10)}

/* ── Der einheitliche Anstrich (Beschluss 30.08., Nacht — "alles, jetzt"):
   weiss und klar, runde Ecken, Navy und Gold als einzige Akzente. ────────── */

/* Weisser, klarer Grund in jedem Modul (Sand bleibt fuer ruhige Flaechen). */
body{background:#FFFFFF !important}

/* Runde Ecken fuer alle Karten- und Kastenfamilien der Module. */
.karte, .card, .tafel-karte, .kasten, .meldung, .hinweisdemo,
[class^="karte-"], .abschnitt, .block, .panel{
  border-radius:16px !important}
.karte, .card, .tafel-karte, .kasten{
  border:1px solid var(--linie-zart, rgba(23,50,79,.09)) !important;
  box-shadow:0 1px 2px rgba(23,37,56,.04)}

/* Tabellen: weiss, gerundet, ruhige Koepfe, Zeilen-Schwebe in Sand. */
main table{background:#fff;border-radius:12px;overflow:hidden}
main table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--tinte-gedaempft, #51677C);font-weight:600}
main tbody tr:hover{background:var(--sand-100, #F3EFE2)}

/* Verweise im Inhalt: Wirkungsblau, Unterstrich erst beim Schweben. */
main p a, main td a, main li a{color:var(--wirkung, #246B9E);text-decoration:none}
main p a:hover, main td a:hover, main li a:hover{text-decoration:underline}

/* Abgerundete Bilder und eingebettete Kaesten. */
main img, main iframe{border-radius:12px}

/* Trennlinien zart und navygetoent statt hartem Grau. */
main hr{border:0;border-top:1px solid var(--linie-zart, rgba(23,50,79,.09));margin:24px 0}

/* ── Zurueck-Leiste und Feinjustagen aus der Browser-Sichtung 30.08. (Nacht) ── */
.sgo-zurueck{display:inline-flex;align-items:center;gap:8px;min-height:32px;
  padding:0 16px;margin-bottom:16px;border-radius:999px;
  border:1px solid var(--linie, rgba(23,50,79,.16));background:#fff;
  color:var(--tinte, #172538);text-decoration:none;font-size:13px;font-weight:600}
.sgo-zurueck:hover{border-color:var(--wirkung, #246B9E);color:var(--wirkung, #246B9E)}

/* Zerstoerende Zeilen (Loeschen: …) erst zeigen, wenn die Karte den Zeiger hat —
   Inhalt bleibt, Laerm verschwindet (OP-Tage u. a.). */
.karte .tag-verwalten{opacity:0;max-height:0;overflow:hidden;margin:0;
  transition:opacity var(--uebergang, 150ms ease)}
.karte:hover .tag-verwalten, .karte:focus-within .tag-verwalten{opacity:1;max-height:56px}

/* Kopfzeile bei schmalem Fenster: die rechte Gruppe bricht geschlossen um,
   rechtsbuendig — kein frei schwebender Hilfe-Knopf mehr. */
@media (max-width:900px){
  .sgo-kopf{row-gap:4px}
  .sgo-kopf .sgo-rechts{width:100%;justify-content:flex-end}}

/* ── Werkzeug-Spalte: die KI-Meldekarte wohnt rechts (Beschluss 30.08.) ────── */
.sgo-werkzeug{position:fixed;top:80px;right:16px;bottom:16px;width:360px;z-index:40;
  background:#fff;border:1px solid var(--linie-zart, rgba(23,50,79,.09));
  border-radius:16px;box-shadow:0 4px 24px rgba(23,37,56,.10);
  display:flex;flex-direction:column;overflow:hidden}
.sgo-werkzeug-kopf{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;
  border-bottom:1px solid var(--linie-zart, rgba(23,50,79,.09));background:var(--flaeche-ruhig, #F3EFE2)}
.sgo-werkzeug-titel{font-size:13px;font-weight:700;letter-spacing:.02em}
.sgo-werkzeug-schalter{margin-left:auto;border:0;background:none;cursor:pointer;
  font:inherit;font-weight:700;color:var(--tinte-gedaempft, #51677C)}
.sgo-werkzeug-inhalt{overflow:auto;padding:16px}
.sgo-werkzeug-inhalt .chatcard{margin:0 !important}
html.werkzeug-offen main{padding-right:408px !important}
html.werkzeug-zu .sgo-werkzeug{top:auto;width:auto;bottom:24px;right:24px;border-radius:999px}
html.werkzeug-zu .sgo-werkzeug-inhalt{display:none}
html.werkzeug-zu .sgo-werkzeug-kopf{border-bottom:0;border-radius:999px;padding:10px 18px}
html.werkzeug-zu .sgo-werkzeug-titel{display:none}
@media (max-width:1279px){html.werkzeug-offen main{padding-right:32px !important}
  html.werkzeug-offen .sgo-werkzeug{width:min(360px, 90vw)}}

/* ── B1: Haftender Seitenkopf im Dienstplan (Titel + Tagesleiste bleiben beim
   Scrollen sichtbar) — gilt fuer alle .head-Koepfe der Module ── */
main .head{position:sticky;top:0;z-index:15;background:#fff;
  padding-top:8px;padding-bottom:12px;margin-bottom:8px;
  border-bottom:1px solid var(--linie-zart, rgba(23,50,79,.09))}

/* ── D1: EINE helle Seitenleiste (Beschluss 30.08., Nacht — Freigabe: "hell").
   Gilt fuer alle Leisten-Spielarten: .nav (Dienstplan, war dunkel),
   nav.seitenleiste (Kundenportal), .sl-nav (OP/Wissensportal-Familie).
   Gleiche Breite, weisser Grund, gleiche Punkte, Navy-Aktiv-Pille. ── */
.nav, nav.seitenleiste, .rumpf .sl-nav{
  width:248px !important;flex-shrink:0;
  background:#fff !important;color:var(--tinte, #172538) !important;
  border-right:1px solid var(--linie-zart, rgba(23,50,79,.09));
  padding:24px 12px !important}
.nav a, nav.seitenleiste a, .rumpf .sl-nav a{
  display:flex !important;align-items:center;gap:10px;
  color:var(--tinte, #172538) !important;font-size:14px !important;font-weight:600;
  min-height:36px;padding:8px 16px !important;margin:2px 0 !important;
  border-radius:999px !important;border-left:0 !important}
.nav a:hover, nav.seitenleiste a:hover, .rumpf .sl-nav a:hover{
  background:var(--sand-100, #F3EFE2) !important;color:var(--tinte, #172538) !important}
.nav a.active, .nav a.aktiv, nav.seitenleiste a.aktiv, .rumpf .sl-nav a.aktiv{
  background:var(--kopf, #17324F) !important;color:#fff !important;border-left:0 !important}
.nav a.aus{color:var(--grau-300, #C6C9CF) !important}
.nav .navgrp{color:var(--tinte-gedaempft, #51677C) !important;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  margin:20px 8px 6px;padding:0}
.nav .foot{color:var(--tinte-gedaempft, #51677C) !important;
  border-top:1px solid var(--linie-zart, rgba(23,50,79,.09)) !important}


/* ── Nachtrag 31.08. — Sichtungsrunde ── */
/* ⑤ Griff zum Ziehen an der Seitenleiste */
.sgo-leisten-griff{position:absolute;top:0;right:-3px;width:6px;height:100%;
  cursor:col-resize;z-index:5}
.sgo-leisten-griff:hover{background:rgba(36,107,158,.25)}
.nav, nav.seitenleiste, .rumpf .sl-nav{position:relative}

/* ⑥ Titel fetter und groesser — klare Anker */
main h1{font-size:28px !important;line-height:36px !important;font-weight:800 !important}

/* ⑦→31.08. BERICHTIGT: das globale display:block zerlegte Tabellenlayout.
   Stattdessen: der Plan-Rahmen ist ein eigener Scrollkasten (Personio-Muster) —
   Wochentage haften oben, die Namensspalte links. */
.plan-rahmen{padding:0 !important;max-height:72vh;overflow:auto}
.plan-rahmen table{margin:0;overflow:visible !important;border-radius:0 !important}
/* (der Anstrich gibt Tabellen overflow:hidden fuer runde Ecken — im Plan-Rahmen
   uebernimmt der Rahmen die Ecken, sonst kann der Wochentag-Kopf nicht haften) */
.plan-rahmen tr:first-child th{position:sticky;top:0;background:#fff;z-index:4;
  box-shadow:0 1px 0 var(--linie, rgba(23,50,79,.16))}
.plan-rahmen td.rowlabel, .plan-rahmen tr th:first-child{position:sticky;left:0;
  background:#fff;z-index:3}
.plan-rahmen tr:first-child th:first-child{z-index:5}
.plan-rahmen .heute{background:#FBF3DF}
.plan-rahmen tr:first-child th.heute{background:#F6E7C6}

/* ⑧ KI-Werkzeug-Spalte: Chat-Anmutung, nichts abgeschnitten */
.sgo-werkzeug-inhalt > *{max-width:100% !important;box-sizing:border-box}
.sgo-werkzeug-inhalt input[type=text], .sgo-werkzeug-inhalt textarea{width:100% !important;min-width:0 !important}
.sgo-werkzeug-inhalt .chatcard, .sgo-werkzeug-inhalt [class^="mk-"]{margin-left:0 !important;margin-right:0 !important}
.sgo-werkzeug-inhalt img, .sgo-werkzeug-inhalt svg{max-width:100%}

/* Werkzeug-Spalte: Zeilen mit Knoepfen brechen um statt ueberzustehen. */
.sgo-werkzeug-inhalt .chatcard > *, .sgo-werkzeug-inhalt form, .sgo-werkzeug-inhalt div{
  flex-wrap:wrap;min-width:0}
.sgo-werkzeug-inhalt .satzwahl, .sgo-werkzeug-inhalt .btn{max-width:100%}
.sgo-werkzeug-inhalt{overflow-x:hidden}

/* B2: die Filterleiste — ein ruhiger Block statt loser Reihen */
.filterleiste{background:#fff;border:1px solid var(--linie-zart, rgba(23,50,79,.09));
  border-radius:16px;padding:12px 16px;margin:0 0 16px;
  display:flex;flex-direction:column;gap:8px}
.filterleiste .tabs{margin:0 !important}

/* ── 31.08.: Anwesenheitsliste (Tagesplanung) — Liste statt Pillen-Wolke ── */
.zahl-nebenan{display:inline-flex;align-items:center;justify-content:center;
  min-width:26px;height:26px;padding:0 8px;margin-left:6px;border-radius:999px;
  background:var(--kopf, #17324F);color:#fff;font-size:13px;font-weight:700;vertical-align:3px}
.anwesenheits-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.anwesenheits-liste .zellmenue{display:block !important;position:relative}
.anwesenheits-liste .zellklick{display:block}
.anwesenheits-liste .pill{display:flex !important;width:100%;align-items:center;gap:8px;
  background:#fff !important;border:1px solid var(--linie-zart, rgba(23,50,79,.09));
  border-radius:10px;padding:10px 12px !important;font-size:13px;font-weight:600;
  color:var(--tinte, #172538) !important;font-variant-numeric:tabular-nums;
  border-left-width:3px;transition:border-color var(--uebergang, 150ms ease)}
.anwesenheits-liste .zellklick:hover .pill{border-color:var(--wirkung, #246B9E)}
.anwesenheits-liste .pill.g{border-left-color:var(--erfolg, #15715F)}
.anwesenheits-liste .pill.b{border-left-color:var(--wirkung, #246B9E)}
.anwesenheits-liste .pill.r{border-left-color:var(--fehler, #D14343)}
.anwesenheits-liste .pill.n{border-left-color:var(--grau-300, #C6C9CF);color:var(--tinte-gedaempft, #51677C) !important}

/* ── 31.08.: Der Assistent (vormals KI-Meldekarte) — Chat-Anmutung ── */
.sgo-werkzeug-inhalt{display:flex;flex-direction:column;gap:12px}
.sgo-werkzeug-inhalt .mini{font-size:12px;line-height:17px;color:var(--tinte-gedaempft, #51677C)}
.sgo-werkzeug-inhalt input:not([type]), .sgo-werkzeug-inhalt input[type=text]{min-height:44px !important;border-radius:12px !important;
  font-size:14px !important}
.sgo-werkzeug-inhalt .btn.primary, .sgo-werkzeug-inhalt button[type=submit]{
  width:100%;justify-content:center;min-height:44px;border-radius:12px !important}
.sgo-werkzeug-inhalt .chatcard{border:0 !important;box-shadow:none !important;padding:0 !important;background:transparent !important}

/* 31.08.: Rueckweg in der Seitenleiste — erster Punkt, abgesetzt */
.sgo-zurueck.in-leiste{display:flex;margin:0 0 16px;border-radius:999px;
  background:var(--flaeche-ruhig, #F3EFE2);border-color:transparent;font-weight:700}
.sgo-zurueck.in-leiste:hover{background:#EDE7D6;color:var(--tinte, #172538)}

/* 31.08.: Assistent nach Chat-Muster — Hinweise oben, Eingabe UNTEN angepinnt */
.sgo-werkzeug-inhalt{display:flex;flex-direction:column}
.sgo-werkzeug-inhalt > :last-child{margin-top:auto !important}
.sgo-werkzeug-inhalt .chatcard{display:flex;flex-direction:column;flex:1}
.sgo-werkzeug-inhalt .chatcard form{margin-top:auto}

/* 31.08.: Leisten-Luft — nichts klebt. Mindestens 16 zwischen Bloecken. */
.sgo-zurueck.in-leiste{margin-bottom:20px !important}
.nav a, nav.seitenleiste a, .rumpf .sl-nav a{margin:3px 0 !important}
.nav .navgrp{margin-top:24px !important}
.rumpf .sl-nav{padding-top:20px !important}

/* ── 31.08., Runde 3 ── */
/* C: Der Rueckweg ist KEIN Navigationspunkt — eigene Gestalt, mehr Abstand. */
.sgo-zurueck.in-leiste{background:transparent !important;border:0 !important;
  border-radius:0 !important;padding:4px 16px !important;min-height:auto;
  margin:0 0 24px !important;font-size:12px !important;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-gedaempft, #51677C) !important;
  border-bottom:1px solid var(--linie-zart, rgba(23,50,79,.09)) !important;
  padding-bottom:16px !important}
.sgo-zurueck.in-leiste:hover{color:var(--wirkung, #246B9E) !important;background:transparent !important}

/* D: Sanfter Seitenwechsel — Inhalt blendet ein statt zu springen. */
@keyframes sgo-einblenden{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
main{animation:sgo-einblenden .22s ease both}
@media (prefers-reduced-motion:reduce){main{animation:none}}

/* E: Der Hilfe-Ring wohnt in der Kopfzeile — Zweitauftritte im Inhalt ruhen. */
main .hilfe-eingang{display:none !important}

/* F: Ampel-Legende unter den Tages-Pillen */
.ampel-legende{display:flex;gap:16px;margin-top:8px;font-size:12px;
  color:var(--tinte-gedaempft, #51677C)}
.ampel-legende .dot{display:inline-block;width:8px;height:8px;border-radius:50%;
  margin-right:4px;vertical-align:0}
.ampel-legende .dot.g{background:var(--erfolg, #15715F)}
.ampel-legende .dot.a{background:var(--warnung, #A45C00)}
.ampel-legende .dot.r{background:var(--fehler, #D14343)}

/* H: KW-Zeile am Kalender */
.kw-zeile{display:flex;align-items:center;justify-content:center;gap:16px;
  margin:16px 0 8px}
.kw-zeile .kw-jetzt{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}

/* I: Assistent — knapper: der Panel-Titel traegt die Einladung, die
   Wiederholungszeile ruht. */
.sgo-werkzeug-inhalt > .mini:first-child, .sgo-werkzeug-inhalt .chatcard > .mini:first-child{display:none}

/* 31.08., Runde 4: OP-Fallleiste — Luft und Navy-Regel */
.sl-pat{padding:10px 16px !important}
.sl-pat.aktiv{border-left-color:var(--wirkung, #246B9E) !important;background:var(--sand-100, #F3EFE2) !important}
.sl-titel{padding-top:20px !important}
.sl-tag{padding-bottom:12px !important}

/* ── 31.08., Runde 5 ── */
/* Wochenende raus aus den OP-Kalendern (Praxis arbeitet Mo–Fr): 7 Spalten
   werden 5 — Sa/So-Zellen (7n-1, 7n) ruhen. Gilt fuer OP-Planung UND OP-Tage,
   beide sprechen dieselbe kal-Sprache. */
.kal-gitter{grid-template-columns:repeat(5,minmax(112px,1fr)) !important}
/* nur das servergezeichnete 7er-Gitter der OP-Planung ausduennen —
   das 5er-Gitter der OP-Tage ([data-kal-gitter]) zeichnet Mo–Fr selbst */
.kal-gitter:not([data-kal-gitter]) > :nth-child(7n),
.kal-gitter:not([data-kal-gitter]) > :nth-child(7n-1){display:none !important}

/* EIN Zurueck-Stil ueberall (Beschluss: der Dienstplan-Stil gilt) —
   Kapitaelchen-Zeile mit Trennlinie, ob in der Leiste oder im Blatt. */
.sgo-zurueck{background:transparent !important;border:0 !important;
  border-radius:0 !important;padding:4px 0 16px !important;min-height:auto !important;
  margin:0 0 24px !important;font-size:12px !important;font-weight:700 !important;
  letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-gedaempft, #51677C) !important;
  border-bottom:1px solid var(--linie-zart, rgba(23,50,79,.09)) !important;
  display:flex;max-width:280px}
.sgo-zurueck:hover{color:var(--wirkung, #246B9E) !important;background:transparent !important}
.sgo-zurueck.in-leiste{padding-left:16px !important;padding-right:16px !important;max-width:none}

/* Assistent nach Chat-Muster: unten rechts verankert, waechst nach oben;
   Eingabezeile fest am Boden des Panels (eigene Zone mit Trennlinie). */
.sgo-werkzeug{top:auto !important;bottom:16px;height:min(680px, calc(100vh - 120px))}
.sgo-werkzeug-eingabe{border-top:1px solid var(--linie-zart, rgba(23,50,79,.09));
  padding:12px 16px;background:#fff}
.sgo-werkzeug-eingabe form{display:flex;gap:8px;align-items:center;margin:0 !important}
.sgo-werkzeug-eingabe input[type=text]{flex:1;min-width:0;min-height:44px !important;
  border-radius:12px !important}
.sgo-werkzeug-inhalt{flex:1}

/* ── 31.08., Runde 6: EIN Leisten-Muster (Vorbild Dienstplan) ── */
/* OP & Familie: Leiste komplett weiss — keine Karte-in-Karte-Optik. */
.rumpf aside{background:#fff !important}
.rumpf aside .sl-trenn{border-top:1px solid rgba(23,50,79,.09) !important;margin:16px 12px !important}
/* Rueckweg wirklich identisch — Groesse, Farbe, Abstand, ueberall. */
.sgo-zurueck, .sgo-zurueck.in-leiste{font-size:12px !important;line-height:16px !important;
  color:#51677C !important;font-weight:700 !important;letter-spacing:.06em !important;
  gap:8px !important;align-items:center}
.sgo-zurueck span{font-size:14px}

/* ── 31.08., Runde 7 ── */
/* Assistent, endgueltige Chat-Anordnung: Karte bleibt GANZ (kein DOM-Riss);
   die Zeile mit dem Eingabefeld rueckt per Flex ans Panel-Ende. */
.sgo-werkzeug-eingabe{display:contents}
.sgo-werkzeug-inhalt .chatcard{display:flex;flex-direction:column;min-height:100%}
.sgo-werkzeug-inhalt .chatcard > *{order:1}
.sgo-werkzeug-inhalt .chatcard form:has(input:not([type])),
.sgo-werkzeug-inhalt .chatcard form:has(input[type=text]),
.sgo-werkzeug-inhalt .chatcard > div:has(form input:not([type])),
.sgo-werkzeug-inhalt .chatcard > div:has(form input[type=text]){order:9;margin-top:auto !important;
  border-top:1px solid var(--linie-zart, rgba(23,50,79,.09));padding-top:12px}
.sgo-werkzeug-inhalt details{margin:8px 0}
.sgo-werkzeug-inhalt details summary{cursor:pointer;font-size:12px;color:var(--tinte-gedaempft, #51677C)}

/* OP-Kalender in der Dienstplan-Sprache: weisse Zellen, zarte Linien,
   ruhige Grossbuchstaben-Koepfe, Heute warm getoent (wie die Heute-Spalte
   im Wochenplan) — Gold bleibt der Marke. */
.kal-gitter{background:var(--linie-zart, rgba(23,50,79,.09)) !important;
  border:1px solid var(--linie-zart, rgba(23,50,79,.09)) !important;border-radius:12px !important}
.kal-wt{font-size:12px !important;letter-spacing:.06em;color:var(--tinte-gedaempft, #51677C) !important}
.kal-tag:hover{background:var(--sand-100, #F3EFE2) !important}
.kal-tag.heute{background:#FBF3DF !important}
.kal-tag.heute .kal-zahl{background:transparent !important;color:var(--tinte, #172538) !important;
  width:auto !important;height:auto !important;min-width:0 !important;border-radius:0 !important;
  display:block !important;font-weight:800 !important}
.kal-nav a:hover{border-color:var(--wirkung, #246B9E) !important;background:#fff !important}
.kal-plan{border-radius:8px !important}

/* Gruppentitel auch in sl-Leisten — identisch zum Dienstplan. */
.sl-nav .navgrp, .rumpf aside .navgrp{font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;color:var(--tinte-gedaempft, #51677C);
  margin:24px 16px 6px;padding:0}
.sl-nav .navgrp:first-child{margin-top:8px}

/* ── 31.08., Runde 8: Assistent-Feinmechanik ── */
/* Composer in zwei Reihen: Eingabefeld volle Breite oben, darunter
   Anhang · Mikro · Verlauf links und Senden rechts. */
.sgo-werkzeug .chatbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sgo-werkzeug .chatbar > *{order:2}
.sgo-werkzeug .chatbar .meldefeld{order:1 !important;flex:1 1 100% !important;width:100% !important;min-height:44px !important;
  border-radius:12px !important;font-size:14px !important}
.sgo-werkzeug .chatbar .btn.primary{order:3;margin-left:auto;min-width:110px;justify-content:center}
/* Verlaufsliste: kein abgeschnittenes Popup — sie oeffnet IM Fluss, scrollbar. */
.sgo-werkzeug .satzliste{position:static !important;max-height:200px;overflow:auto;
  margin-top:8px;border:1px solid var(--linie-zart, rgba(23,50,79,.09));
  border-radius:10px;box-shadow:none !important;width:100% !important}
/* Standard-Saetze: umbrechen statt uebereinanderliegen. */
.sgo-werkzeug .satzstandards{display:flex !important;flex-wrap:wrap;gap:8px;align-items:center}
.sgo-werkzeug .satzstandards > *{position:static !important;max-width:100%}
/* Zugeklappt: wieder die runde Pille — keine Resthoehe. */
html.werkzeug-zu .sgo-werkzeug{height:auto !important;min-height:0 !important}
/* Die goldene Einladungszeile ruht im Panel (der Titel traegt sie). */
.sgo-werkzeug-inhalt .chatcard > .mini, .sgo-werkzeug-inhalt > .mini{display:none !important}

/* Rueckweg-Hover deutlicher: Pfeil rueckt, Unterstrich-Farbe. */
.sgo-zurueck:hover span{transform:translateX(-3px)}
.sgo-zurueck span{transition:transform var(--uebergang, 150ms ease)}
.sgo-zurueck:hover{border-bottom-color:var(--wirkung, #246B9E) !important}

/* OP-Fallansicht: EINE Spalte — Team, Eingriff, Zeiten untereinander. */
.rubriken, .fall-gitter, main .bogen-gitter{display:block !important;columns:1 !important}
.rubrik{margin-bottom:16px}

/* Warnung „Jemand faellt aus" in Rot. */
.ausfall-pille, a[href*="ausfall"], .btn[href*="ausfall"]{background:var(--fehler, #D14343) !important;
  border-color:var(--fehler, #D14343) !important;color:#fff !important}