/* SummitGO Diktat — Stilblatt nach Gestaltungsvorgabe Entwurf 6 (02.08.2026). */
:root{
  --marine:#1F2C3D; --marine-tief:#16202E; --marine-hell:#2A3B52;
  --gold:var(--gold-500); --gold-hell:#D9BE85;
  --stahlblau:#5B7A9D;
  --flaeche:#F2F4F7; --karte:var(--weiss); --creme:#F7F4EC;
  --linie:#DFE4EA; --text:#1F2C3D; --text-leise:#6B7686;
  --gruen:#2E8B57; --gruen-tief:#256F46; --rot:#B0413E;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;
  background:var(--flaeche);color:var(--text);display:flex;min-width:1280px;height:100vh;font-size:14px;
}
::selection{background:var(--gold-hell);}
/* Beschluss 30.08. (Abend): CTAs vollrund. Keine Mindesthoehe global — die
   dichten Werkzeugleisten des Diktats behalten ihre Masse. */
button{font-family:inherit;font-size:13px;border:none;border-radius:999px;cursor:pointer;padding:9px 18px;transition:transform var(--uebergang),box-shadow var(--uebergang);}
button:not(:disabled):hover{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
input,textarea,select{font-family:inherit;}

/* ---------- Seitenleiste ---------- */
/* 31.08. (Beschluss hell): Die Patientenleiste folgt der Einheitsleiste —
   weiss, navygetoente Schrift, Navy-Aktiv. */
aside{
  width:252px;min-width:252px;
  background:#fff;border-right:1px solid rgba(23,50,79,.09);
  color:#172538;display:flex;flex-direction:column;padding-top:24px;
}
/* Der Logo-Block der Seitenleiste (.marke/.logo-kachel) entfiel am 22.08.2026 —
   die Kennung trägt die Suite-Kopfzeile (_modulleiste.html, Standard §4). */
/* Hilfe-Knopf (Rettungsring) im Platz sgo-hilfe der Suite-Kopfzeile — Markup des
   Moduls, Erscheinung wie die Knöpfe der Kopfzeile. */
.sgo-hilfe .hilfe-knopf{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:11.5px;
  padding:4px 12px;border-radius:999px;border:1px solid #3E5A79;background:none;color:#CDD8E4;
  cursor:pointer;text-decoration:none;white-space:nowrap;}
.sgo-hilfe .hilfe-knopf:hover{border-color:#C2A15C;color:var(--weiss);}
.sl-rollen{flex:1;overflow:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:20px;}
.bf-titel{font-size:10px;letter-spacing:.14em;color:#7C8899;font-weight:600;margin:0 0 5px 12px;}
/* 31.08.: Punkte im Dienstplan-Muster — Tinte statt Blassgold, Pille, 36er. */
.vorlage{
  width:100%;text-align:left;background:transparent;border:none;border-radius:999px;
  min-height:36px;padding:8px 16px;display:flex;align-items:center;gap:10px;
  font-size:14px;font-weight:600;color:#172538;
}
.vorlage::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.65;flex:none;}
.vorlage:hover{background:#F3EFE2;color:#172538;}
.vorlage.aktiv{background:var(--marine-hell);color:var(--weiss);border-left-color:var(--gold);font-weight:600;}
.vorlage.aktiv::before{opacity:1;}
.bf-link{display:block;color:#C6CFDA;text-decoration:none;font-size:12.5px;padding:6px 12px;border-radius:6px;}
.bf-link:hover{background:#F3EFE2;color:#172538;}
.fruehere .eintrag{padding:7px 12px;border-radius:6px;cursor:pointer;}
.fruehere .eintrag:hover{background:#F3EFE2;}
.fruehere .eintrag b{display:block;font-size:12px;color:#E8ECF1;font-weight:600;}
.fruehere .eintrag span{font-size:10.5px;color:#8D99A9;}
.leiste-fuss{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:13px 16px 15px;font-size:12px;}
.nutzer{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.nutzer-kreis{width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--marine);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex:none;}
.mandant{background:#F6F2E7;border:1px solid rgba(23,50,79,.12);color:#51677C;
  font-size:10.5px;border-radius:7px;padding:6px 9px;margin-bottom:9px;}
.mandant select{width:100%;background:transparent;border:none;color:#172538;font-size:10.5px;margin-top:3px;}
.mandant select option{color:var(--text);}
/* Der Abmelden-Knopf im Fuß entfiel am 22.08.2026 (Doc): Abmelden liegt nur noch
   hinter der Person in der Suite-Kopfzeile. */

/* Patientensuche in der Seitenleiste */
.p-suche{margin:0 12px 8px;position:relative;}
.p-suche input{
  width:100%;background:#fff;border:1px solid rgba(23,50,79,.16);
  border-radius:10px;color:#172538;padding:8px 12px;font-size:13px;min-height:40px;
}
.p-suche input::placeholder{color:#8A98A8;}
.p-suche input:focus{outline:2px solid var(--gold);outline-offset:1px;}
.p-treffer{margin:2px 4px 0;}
.p-treffer .eintrag{padding:7px 12px;border-radius:6px;cursor:pointer;}
.p-treffer .eintrag:hover{background:#F3EFE2;}
.p-treffer .eintrag b{display:block;font-size:13px;color:#172538;font-weight:600;}
.p-treffer .eintrag span{font-size:11px;color:#51677C;}
.p-leer{padding:4px 12px;font-size:11px;color:#51677C;}
/* Die Tagesliste, die beim Anklicken des Suchfelds aufklappt (Doc 26.08.2026).
   Sie hebt sich vom Treffer der Suche ab: eigene Überschrift, und was gerade
   in Arbeit ist, trägt einen goldenen Punkt. */
.p-tagkopf{
  padding:6px 12px 3px;font-size:9.5px;letter-spacing:.09em;
  color:#8D99A9;text-transform:uppercase;
}
.eintrag.inarbeit b::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--gold);margin-right:6px;vertical-align:middle;
}
.p-treffer .eintrag.ohnenamen b{color:var(--gold-500);font-style:italic;}

/* ---------- Hauptbereich ---------- */
main{flex:1;display:flex;flex-direction:column;min-width:0;}

.patientenleiste{
  background:var(--stahlblau);color:var(--weiss);padding:10px 24px;
  display:flex;gap:34px;align-items:center;font-size:12.5px;
}
.patientenleiste .p-feld span{display:block;font-size:10px;opacity:.75;letter-spacing:.06em;}
.patientenleiste .p-feld b{font-weight:600;font-size:13px;min-width:40px;display:inline-block;}

.inhalt{flex:1;display:flex;min-height:0;}
.flaeche{flex:1;display:flex;flex-direction:column;min-width:0;}

.werkzeugleiste{
  background:var(--karte);border-bottom:1px solid var(--linie);
  padding:10px 24px;display:flex;align-items:center;gap:12px;
  /* Doc-Befund 16.08.2026: Eine volle Leiste drängte erst „Hilfe", dann
     „Freigeben" aus dem Bild. Sie bricht jetzt um, statt abzuschneiden —
     kein Bedienknopf verschwindet je wieder hinter dem Fensterrand. */
  flex-wrap:wrap;row-gap:8px;
}
.umschalter{display:flex;background:#E7EBF0;border-radius:9px;padding:3px;}
.umschalter button{background:transparent;color:var(--text-leise);padding:7px 16px;border-radius:7px;font-weight:600;}
.umschalter button.aktiv{background:var(--weiss);color:var(--marine);box-shadow:0 1px 3px rgba(31,44,61,.15);}
.punkt{width:8px;height:8px;border-radius:50%;background:#AEBED0;}
.punkt.laeuft{background:var(--rot);animation:blinken 1.1s ease-in-out infinite;}
@keyframes blinken{50%{opacity:.25;}}
.kn-start{background:var(--marine);color:var(--weiss);display:flex;align-items:center;gap:8px;}
.kn-start:hover{background:var(--marine-hell);}
.kn-stopp{background:var(--grau-100);color:var(--text);border:1px solid var(--linie);}
.kn-stopp:disabled{opacity:.45;cursor:default;}
.kn-still{background:transparent;color:var(--marine);border:1px solid var(--linie);}
.kn-still:hover{background:var(--grau-100);}
.kn-gruen{background:var(--gruen);color:var(--weiss);font-weight:600;}
.kn-gruen:hover{background:var(--gruen-tief);}
.status{font-size:11.5px;border-radius:6px;padding:4px 10px;font-weight:600;
  background:#F6EEDC;color:#8A6D2B;border:1px solid #E5D3A6;}
.status.frei{background:#E4F2E9;color:var(--gruen-tief);border-color:#BCDCC8;}
.rechts{margin-left:auto;display:flex;gap:8px;align-items:center;}
.wartet{font-size:11.5px;color:var(--text-leise);}
/* Die Sachlage der Spracherkennung (Doc, 25.08.2026: „Die Felder müssen weg").
   Keine Wahl, eine Auskunft: Sie steht nur da, wenn die Erkennung sich auf eine
   Körperregion eingestellt hat, und sieht deshalb aus wie Text, nicht wie ein
   Bedienelement. Ein Klick nimmt die Verengung zurück — das ist alles, was es
   hier zu entscheiden gibt. */
.lage-zeile{background:transparent;border:1px solid transparent;color:var(--text-leise);
  font-size:11.5px;padding:4px 8px;border-radius:8px;cursor:pointer;}
.lage-zeile:hover{border-color:var(--linie);color:var(--marine);background:var(--weiss);}
.lage-zeile.breit{color:var(--text-leise);font-style:italic;}

.rollbereich{flex:1;overflow:auto;padding:26px 30px;background:#F7F8FA;}

/* --- SummitGO-Standard-Meldekarte: tippen, diktieren, einfügen, hochladen --- */
.meldekarte{
  background:var(--weiss);border:1.5px solid var(--gold);border-radius:14px;
  padding:12px 16px 14px;margin:0 0 18px;box-shadow:0 2px 10px rgba(31,44,61,.06);
}
.meldekarte .mk-kopf{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.meldekarte .mk-kopf b{font-size:13.5px;color:var(--text);}
.meldekarte .mk-kopf span:not(.sgo-denk){margin-left:auto;font-size:10.5px;color:var(--text-leise);text-align:right;}
/* Die Schleife (.sgo-denk) steht im Kopf links, im Lauftext (h2, Absatz) in der Zeile. */
h2 .sgo-denk,p .sgo-denk{display:inline-grid;vertical-align:middle;}
.meldekarte .mk-zeile{display:flex;gap:8px;align-items:center;}
.meldekarte .mk-knopf{
  width:42px;height:42px;flex:none;border-radius:9px;background:var(--weiss);
  border:1px solid var(--linie);display:flex;align-items:center;justify-content:center;
  color:var(--marine);padding:0;
}
.meldekarte .mk-knopf:hover{background:var(--grau-100);}
.meldekarte .mk-knopf.laeuft{background:var(--rot);border-color:var(--rot);color:var(--weiss);animation:blinken 1.1s ease-in-out infinite;}
.meldekarte input[type=text]{
  flex:1;border:1px solid var(--linie);border-radius:9px;padding:11px 13px;font-size:13.5px;
}
.meldekarte input[type=text]:focus{outline:2px solid var(--gold);outline-offset:1px;}
/* Nachschlagen neben Freigeben (Doc, 28.08.2026: „mache die Knöpfe neben
   Freigeben"). Zuerst standen sie in der Meldekartenzeile — dort ist `.mk-knopf`
   ein quadratischer Symbolknopf mit fester Breite, und mit Beschriftung liefen
   „Zitat" und „Abrechnung" sichtbar ineinander.

   Hier sind es gewöhnliche Leistenknöpfe: Symbol und Wort nebeneinander, das
   Wort trägt (Doc: „mit dem WORT Zitat"). Auf schmalen Flächen weicht das Wort,
   das Symbol bleibt — dann trägt der Tooltip. */
.kn-nachschlagen{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;
  padding:6px 11px;white-space:nowrap;}
@media (max-width:1100px){ .kn-nachschlagen{font-size:0;gap:0;padding:6px 9px;} }
/* --- Satzspeicher der Meldekarte (KI-Vollmacht §13.2, 28.08.2026) ---------
   Zwei Vorräte, zwei Orte, zwei Aussehen. Grün steht AUSSCHLIESSLICH für das,
   was jemand selbst hinterlegt hat; alles Gelernte liegt hinter dem Pfeil.
   Doc, 28.08.2026: „Grün muss weg" — gemeint war das Grün für Gelerntes. */
.meldekarte .satzreihe{display:flex;gap:6px;flex-wrap:wrap;align-items:center;
  margin:0 0 8px;}
.meldekarte .satz-kachel{
  border:1px solid var(--gruen);border-radius:8px;background:#F1F8F3;
  color:var(--gruen-tief);font-size:12.5px;padding:5px 11px;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.meldekarte .satz-kachel:hover{background:var(--gruen);color:var(--weiss);}
.meldekarte .satz-zahnrad{border:1px dashed var(--linie);border-radius:8px;
  background:transparent;color:var(--text-leise);font-size:13px;padding:4px 9px;line-height:1.3;}
.meldekarte .satz-zahnrad:hover{background:var(--grau-100);color:var(--marine);}
.meldekarte .satz-aufnahme{display:flex;gap:6px;align-items:center;margin:0 0 9px;}
.meldekarte .satz-aufnahme input[type=text]{flex:1;}
/* Der Pfeil sitzt NEBEN dem Feld; die Liste hängt an ihm, nicht am Feld. */
.meldekarte .satz-pfeilbox{position:relative;flex:none;}
.meldekarte .satz-pfeil{width:34px;height:42px;font-size:14px;}
.meldekarte .satz-liste{position:absolute;right:0;top:46px;z-index:40;
  width:min(460px,80vw);max-height:46vh;overflow:auto;background:var(--weiss);
  border:1px solid var(--linie);border-radius:10px;
  box-shadow:0 10px 28px rgba(31,44,61,.18);padding:5px;}
.meldekarte .satz-liste button{display:block;width:100%;text-align:left;
  background:transparent;border:0;border-radius:7px;padding:7px 10px;
  font-size:12.5px;color:var(--text);white-space:normal;line-height:1.4;}
.meldekarte .satz-liste button:hover{background:var(--grau-100);}
.meldekarte .satz-liste .leer{padding:9px 10px;font-size:12.5px;color:var(--text-leise);}
.meldekarte .mk-senden{background:var(--marine);color:var(--weiss);font-weight:600;padding:11px 20px;}
.meldekarte .mk-senden:hover{background:var(--marine-hell);}

/* --- Die Karte haftet und schrumpft dabei (Doc, 28.08.2026) ---
   Doc las einen fertigen Arztbrief und fragte: „Wo ist die Zitate-Ebene, wo ist
   der Brief, bzw. die KI-Ebene, wo ich den Brief verändern kann?" Beides war
   gebaut, beides war für ihn nicht da.

   GEMESSEN an diesem Tag im laufenden Programm: Rollbereich 609 px hoch, Karte
   115 px, ein Arztbrief zwei Bildschirmseiten lang — und auf der ganzen Seite
   haftete NICHTS (null Elemente mit position:sticky). Wer den Brief las, hatte
   den KI-Eingang aus dem Bild geschoben und musste für jeden Satz hoch, tippen,
   wieder herunter. Die Funktion war da, der Weg dorthin kostete zwei Handgriffe
   je Satz — und die macht niemand.

   OBEN und nicht unten, aus vier gemessenen Gründen: Die Karte steht dort schon,
   also springt beim ersten Scrollen nichts. Das ganze Bedienband dieses Moduls
   (Diktat/Besuch/Dokument, Arzt, Stopp, Freigeben) sitzt oben — ein zweites
   unten hätte die Bedienung auf zwei Ränder verteilt. Am unteren Rand des
   fertigen Blatts steht bereits die Aktionsleiste des Standards „Fertige
   Dokumente". Und die Bildschirmtastatur eines Telefons schiebt genau dorthin,
   wo ein unten haftendes Feld läge.

   SCHRUMPFEN, weil Doc am selben Tag sagte: das Wichtigste ist nicht die
   Meldekarte, sondern das, was auf dem Blatt steht. In Ruhe bleibt die Zeile —
   Klammer, Mikrofon, Nachschlagen, Feld, Senden. Wer hineinklickt oder tippt,
   bekommt Kopfzeile und Hinweis zurück (:focus-within), ohne einen Knopf dafür
   zu suchen. */
.rollbereich > .meldekarte{position:sticky;top:0;z-index:6;}
/* Der Streifen über der haftenden Karte. Chrome heftet sie an die INNENkante des
   Rollbereichs — über ihr bleiben also 26 Pixel Polsterung, und durch die lief
   der Brief sichtbar hindurch (gemessen 28.08.2026: eine abgeschnittene Zeile
   stand über der Karte). Der Streifen trägt die Farbe des Rollbereichs und legt
   sich darüber. In Ruhe deckt er die eigene Polsterung ab — gleiche Farbe, nicht
   zu sehen. */
.rollbereich > .meldekarte::before{content:"";position:absolute;left:-30px;right:-30px;
  bottom:100%;height:40px;background:#F7F8FA;}
.meldekarte .mk-kopf{overflow:hidden;}
.meldekarte.schmal{padding-top:9px;padding-bottom:10px;}
.meldekarte.schmal .mk-kopf{max-height:0;opacity:0;margin-bottom:0;}
.meldekarte.schmal:focus-within{padding-top:12px;padding-bottom:14px;}
.meldekarte.schmal:focus-within .mk-kopf{max-height:140px;opacity:1;margin-bottom:9px;}
@media (prefers-reduced-motion:no-preference){
  .meldekarte{transition:padding .16s ease;}
  .meldekarte .mk-kopf{transition:max-height .16s ease,opacity .16s ease,margin-bottom .16s ease;}
}

/* --- Material: ein ruhiges Blatt, fortlaufender Text --- */
.material{max-width:820px;margin:0 auto;}
.blatt{
  background:var(--weiss);border:1px solid var(--linie);border-radius:4px;
  box-shadow:0 2px 10px rgba(31,44,61,.07);
  padding:38px 46px 30px;min-height:70vh;
  font-size:14.5px;line-height:1.75;
}
.absatz{position:relative;margin-bottom:14px;padding-left:2px;}
/* Löschen-Knopf (09.08.2026): erscheint beim Drüberfahren an Absätzen und Belegen */
.blatt-loeschen{position:absolute;top:0;right:-4px;width:22px;height:22px;border-radius:50%;
  border:1px solid var(--linie);background:var(--weiss);color:var(--text-leise);font-size:13px;
  line-height:1;cursor:pointer;opacity:0;transition:.15s;}
.absatz:hover .blatt-loeschen,.marke-bild:hover .blatt-loeschen{opacity:1;}
.blatt-loeschen:hover{color:#B4232A;border-color:#B4232A;}
.marke-bild{position:relative;}
.absatz[contenteditable]:focus{outline:2px solid var(--gold-hell);border-radius:5px;}
.absatz .zeit{
  position:absolute;left:-72px;top:3px;width:58px;text-align:right;
  font-size:10px;color:#B9C2CE;opacity:0;
}
.absatz:hover .zeit{opacity:1;}
.zwischen{color:var(--text-leise);font-style:italic;}

.marke-bild{
  display:flex;gap:14px;align-items:flex-start;margin:18px 0;
  border-left:2px solid var(--gold);padding-left:14px;
}
.marke-bild .mini{
  width:64px;height:48px;border-radius:5px;flex:none;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#2E3E55,#556A8A);cursor:pointer;
  background-size:cover;background-position:center;
}
.marke-bild .mini::after{content:"";position:absolute;inset:7px 8px;border:1px solid rgba(255,255,255,.5);border-radius:2px;}
.marke-bild .mini.mit-bild::after{content:none;}
.marke-bild .mini:hover{outline:2px solid var(--gold);}
/* BEFUND 28.08.2026 (Doc am gelesenen MRT-Befund: „Ansicht nach dem Auslesen?
   Überlappt sich alles"): Der gespeicherte Absatz IST gegliedert — Überschrift,
   Zeilenumbruch, Inhalt, Leerzeile, nächstes Fach. Nachgemessen: 10 Umbrüche in
   1.624 Zeichen. Die Anzeige hat sie alle verschluckt, weil hier kein
   `white-space` stand; im Fließtext wird aus jedem Umbruch ein Leerzeichen.

   Dieselbe Ursache wie beim Zitatfenster am selben Tag. Die Gliederung war
   jedes Mal da und wurde jedes Mal beim Anzeigen zerstört. */
.marke-bild .gelesen{font-size:13.5px;line-height:1.65;}
/* Doc, 28.08.2026: „du hältst dich nicht an die Grenzen vom Rahmen." Eine
   Trennlinie aus hundert Unterstrichen ist EIN unteilbares Wort — sie schob den
   Kasten über den Rand des Blattes hinaus. `anywhere` bricht auch dort, wo kein
   Leerzeichen steht; `max-width` hält den Kasten in jedem Fall im Rahmen. */
.marke-bild .gelesen [contenteditable]{white-space:pre-wrap;overflow-wrap:anywhere;
  max-width:100%;}
.marke-bild .gelesen i{font-style:normal;font-size:10.5px;color:var(--text-leise);display:block;margin-bottom:2px;}
.marke-bild .gelesen [contenteditable]:focus{outline:2px solid var(--gold-hell);border-radius:5px;}

/* Zusammenlegung 09.08.2026: die frühere goldene Einfüge-Zone ist entfallen —
   das ganze Blatt nimmt Screenshots und Text an (Ziehen oder ⌘V). */
.blatt.zieht{outline:2px dashed var(--gold);outline-offset:-8px;background:#FCFAF4;}
/* Briefpapier (10.08.2026): wählbare Kopf-Layouts und Druck-Fußzeile */
.briefkopf.layout-zentriert{flex-direction:column-reverse;align-items:center;text-align:center;gap:10px;}
.briefkopf.layout-schlicht img{display:none;}
.brief-fusszeile{margin-top:26px;padding-top:8px;border-top:1px solid var(--linie);
  font-size:9.5px;color:var(--text-leise);text-align:center;line-height:1.5;}
.unter-blatt{font-size:10.5px;color:#A6AFBC;text-align:center;margin-top:12px;line-height:1.5;}

/* --- Dokument-Ansicht --- */
.dok{max-width:820px;margin:0 auto;display:none;}
.dok.sichtbar{display:block;}
.material.verborgen{display:none;}
.dok .blatt{font-size:13.4px;line-height:1.65;min-height:0;}
.briefkopf{display:flex;justify-content:space-between;border-bottom:2px solid var(--marine);
  padding-bottom:13px;margin-bottom:16px;}
.praxis-name{font-family:Georgia,serif;font-style:italic;font-size:17px;color:var(--marine);}
.praxis-adresse{font-size:10.5px;color:var(--text-leise);margin-top:3px;line-height:1.5;}
.briefkopf img{height:34px;}
.patient-block{font-size:11.5px;color:var(--text-leise);margin-bottom:16px;line-height:1.6;}
.patient-block b{color:var(--text);}
.dok-abschnitt{margin-bottom:13px;position:relative;padding-right:30px;}
.dok-abschnitt h3{font-size:12.5px;letter-spacing:.05em;color:var(--marine);margin-bottom:3px;}
.kopieren{position:absolute;right:0;top:0;opacity:0;background:none;border:1px solid var(--linie);
  border-radius:7px;padding:3px 8px;font-size:11px;color:var(--marine);}
.dok-abschnitt:hover .kopieren{opacity:1;}
.kopieren:hover{background:var(--grau-100);}
.dok-abschnitt [contenteditable]:focus{outline:2px solid var(--gold-hell);border-radius:5px;}
.gruss{margin-top:18px;}
.unterschrift{margin-top:26px;font-family:Georgia,serif;font-style:italic;font-size:15px;}
.dok-knoepfe{display:flex;gap:8px;justify-content:center;margin-top:14px;}

footer{background:var(--karte);border-top:1px solid var(--linie);padding:8px 24px;
  font-size:11px;color:var(--text-leise);display:flex;gap:18px;align-items:center;}
footer b{color:var(--text);font-weight:600;}
footer a{color:var(--marine);}

.denken{position:fixed;inset:0;background:rgba(31,44,61,.55);backdrop-filter:blur(2px);
  display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;z-index:60;}
.denken.sichtbar{display:flex;}
/* Die nachgezeichnete Kreisschleife (09.08.2026) entfiel am 22.08.2026: Denkanzeige
   ist die Original-Schleife (.sgo-denk, Erscheinungsbild-Block am Ende der Datei). */
.denken p{color:var(--weiss);font-size:15px;}
.meldung{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(16px);
  background:var(--marine);color:var(--weiss);border-radius:9px;padding:11px 18px;font-size:13px;
  opacity:0;transition:.25s;pointer-events:none;z-index:70;box-shadow:0 6px 18px rgba(0,0,0,.25);}
.meldung.sichtbar{opacity:1;transform:translateX(-50%) translateY(0);}

/* Großansicht eines abgelegten Screenshots (nur im Browser-Speicher, nie auf dem Server) */
.gross{position:fixed;inset:0;background:rgba(31,44,61,.72);display:none;
  align-items:center;justify-content:center;flex-direction:column;gap:14px;z-index:65;cursor:zoom-out;}
.gross.sichtbar{display:flex;}
.gross img{max-width:76vw;max-height:70vh;border-radius:10px;box-shadow:0 14px 44px rgba(0,0,0,.45);}
.gross p{color:var(--weiss);font-size:13.5px;}
.gross .schliessen{background:rgba(255,255,255,.14);color:var(--weiss);border:1px solid rgba(255,255,255,.4);}

/* ---------- Anmeldung ---------- */
.anmelde-seite{margin:auto;width:360px;background:var(--weiss);border:1px solid var(--linie);
  border-radius:14px;padding:34px 34px 28px;box-shadow:0 10px 30px rgba(31,44,61,.12);}
.anmelde-seite label{display:block;font-size:12px;color:var(--text-leise);margin:12px 0 4px;}
.anmelde-seite input{width:100%;border:1px solid var(--linie);border-radius:8px;padding:10px 12px;font-size:14px;}
.anmelde-seite button{width:100%;margin-top:18px;background:var(--marine);color:var(--weiss);padding:11px;}
.anmelde-seite button:hover{background:var(--marine-hell);}
.anmelde-fehler{background:#F8E8E7;border:1px solid #E3B7B5;color:var(--rot);
  border-radius:8px;padding:9px 12px;font-size:12.5px;margin-bottom:6px;}
.anmelde-seite h1{font-size:19px;color:var(--marine);margin:2px 0 8px;}
.anmelde-seite .unter{font-size:13px;color:var(--text-leise);line-height:1.6;margin-bottom:8px;}
.anmelde-seite .hinweis{font-size:11.5px;color:var(--text-leise);line-height:1.55;margin-top:14px;}
.anmelde-zeile{display:flex;align-items:center;gap:12px;margin-top:16px;}
.anmelde-zeile button{width:auto;margin-top:0;flex:none;background:var(--marine);color:var(--weiss);padding:10px 18px;}
.anmelde-zeile .rechtsbund{margin-left:auto;font-size:12.5px;color:var(--marine);text-decoration:none;}
.anmelde-zeile .rechtsbund:hover{text-decoration:underline;}
.anmelde-uebergang{margin-top:18px;border-top:1px solid var(--linie);padding-top:12px;}
.anmelde-uebergang summary{font-size:12px;color:var(--text-leise);cursor:pointer;}
.anmelde-fuss{text-align:center;font-size:11px;color:var(--text-leise);margin-top:16px;}

/* ---------- Einstellungen / Status ---------- */
.seite{max-width:820px;margin:0 auto;}
.karte-block{background:var(--weiss);border:1px solid var(--linie);border-radius:10px;
  padding:20px 24px;margin-bottom:18px;}
.karte-block h2{font-size:15px;color:var(--marine);margin-bottom:12px;}
.karte-block label{display:block;font-size:12px;color:var(--text-leise);margin:10px 0 4px;}
.karte-block input,.karte-block textarea,.karte-block select{
  width:100%;border:1px solid var(--linie);border-radius:8px;padding:9px 11px;font-size:13.5px;}
.karte-block textarea{min-height:140px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;}
.karte-block .zeile{display:flex;gap:12px;}
.karte-block .zeile>*{flex:1;}
.karte-block button{margin-top:12px;background:var(--marine);color:var(--weiss);}
.karte-block button:hover{background:var(--marine-hell);}
.karte-block button.rot{background:var(--rot);}
.karte-block table{width:100%;border-collapse:collapse;font-size:12.5px;}
.karte-block th,.karte-block td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--linie);}
.karte-block th{color:var(--text-leise);font-weight:600;font-size:11px;letter-spacing:.05em;}
.gruen-meldung{background:#E4F2E9;border:1px solid #BCDCC8;color:var(--gruen-tief);
  border-radius:8px;padding:9px 12px;font-size:12.5px;margin-bottom:14px;}

/* --- Klickwahl (Suite-Standard): anklickbare Wortkacheln --- */
.klickwahl{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0;}
.klickwahl .kachel{background:var(--creme);border:1px solid #E2D9C4;border-radius:8px;
  padding:7px 11px;font-size:12.5px;color:var(--text);cursor:pointer;}
.klickwahl .kachel:hover{border-color:var(--gold);}
.klickwahl .kachel.gewaehlt{background:var(--marine);border-color:var(--marine);color:var(--weiss);}
.zahnrad-zeile{display:flex;gap:8px;align-items:center;margin-top:8px;}
.zahnrad-zeile .zahnrad{width:34px;height:34px;flex:none;border-radius:8px;background:var(--weiss);
  border:1px solid var(--linie);color:var(--text-leise);padding:0;font-size:15px;}
.zahnrad-zeile input{flex:1;border:1px solid var(--linie);border-radius:8px;padding:8px 11px;font-size:12.5px;}
.zahnrad-zeile .leise-knopf{background:var(--grau-100);color:var(--marine);border:1px solid var(--linie);
  padding:8px 12px;font-size:12.5px;}

/* --- Eigener-Prompt-Feld (Überlagerung auf der Diktat-Fläche) --- */
.prompt-panel{position:fixed;inset:0;background:rgba(31,44,61,.55);backdrop-filter:blur(2px);
  display:none;align-items:center;justify-content:center;z-index:62;}
.prompt-panel.sichtbar{display:flex;}
.prompt-panel .karte{background:var(--weiss);border-radius:14px;width:560px;max-width:92vw;
  padding:22px 24px;box-shadow:0 14px 44px rgba(0,0,0,.35);}
.prompt-panel h2{font-size:15.5px;color:var(--marine);margin-bottom:4px;}
.prompt-panel .unter{font-size:12px;color:var(--text-leise);margin-bottom:8px;}
.prompt-panel textarea{width:100%;border:1px solid var(--linie);border-radius:9px;
  padding:10px 12px;font-size:13.5px;min-height:64px;font-family:inherit;}
.prompt-panel .knopfzeile{display:flex;gap:8px;margin-top:12px;}
.prompt-panel .knopfzeile .haupt{background:var(--marine);color:var(--weiss);font-weight:600;}

/* --- Diktat-Fenster: der gesprochene Text erscheint live in Absätzen --- */
.df-text{min-height:150px;max-height:44vh;overflow:auto;border:1px solid var(--linie);
  border-radius:9px;padding:13px 15px;font-size:14.5px;line-height:1.7;background:#FCFCFB;}
.df-text p{margin-bottom:10px;}
.df-text .leer{color:var(--text-leise);font-style:italic;}
.df-kopf{display:flex;align-items:center;gap:9px;}

/* --- Vorschau/Bestätigung der Einstellungs-Meldekarte (Haftleiste) --- */
.haftleiste{position:sticky;bottom:14px;background:var(--weiss);border:1.5px solid var(--gold);
  border-radius:12px;padding:14px 18px;margin-top:16px;box-shadow:0 8px 26px rgba(31,44,61,.18);}
.haftleiste h3{font-size:13.5px;color:var(--marine);margin-bottom:8px;}
.haftleiste ul{margin:0 0 10px 18px;font-size:13px;line-height:1.6;}
.haftleiste .hinweis-rot{font-size:12px;color:var(--rot);margin-bottom:8px;}
.haftleiste .knopfzeile{display:flex;gap:8px;}
.haftleiste .haupt{background:var(--marine);color:var(--weiss);font-weight:600;}
.haftleiste .neben{background:var(--grau-100);color:var(--text);border:1px solid var(--linie);}

@media (prefers-reduced-motion: reduce){.punkt.laeuft{animation:none;}}

/* ---------- Druck: nur das Dokument ---------- */
/* DIN A4 nach dem Standard „Fertige Dokumente" (10.08.2026).
   BEFUND 26.08.2026: Es gab hier KEIN @page — kein Format, kein Rand, keine
   Umbruchregel. Der Brief klebte am Papierrand, soweit der Browser ihn nicht
   selbst rettete, und ein Abschnitt konnte mitten im Seitenwechsel zerreißen.
   Das Vorbild steht seit dem 10.08.2026 in der OP-Dokumentation im Betrieb. */
@page{size:A4;margin:14mm}
@media print{
  body{display:block;min-width:0;height:auto;background:var(--weiss);}
  aside,.patientenleiste,.werkzeugleiste,footer,.meldung,.denken,.gross,.dok-knoepfe,
  .dok-aktionen,.nicht-drucken,
  /* Bedienelemente gehoeren nicht auf den Arztbrief. Die Meldekarte stand hier
     bis zum 28.08.2026 nicht — solange sie INNERHALB von .material lag, fiel sie
     mit dieser Zeile weg. Seit sie ueber allen drei Ansichten steht, ist sie ein
     Geschwister von .material und braucht ihren eigenen Eintrag; haftend waere
     sie sonst auf jedem Blatt mitgedruckt. */
  .meldekarte,.zitat-tafel,
  .material,.kopieren,.sgo-kopf{display:none !important;}
  .inhalt,.flaeche,.rollbereich{display:block;overflow:visible;padding:0;background:var(--weiss);}
  .dok{display:none;max-width:none;}
  .dok.sichtbar{display:block;}
  .dok .blatt{border:none;box-shadow:none;padding:0;}
  /* Hinterlegungen mitdrucken: Briefkopf, Marke, Logo, Übungsband. */
  .dok .blatt,.dok .blatt *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  /* Nichts zerreißt am Seitenumbruch. Ein langer Befund DARF umbrechen —
     sonst entstehen leere Seiten; nur die Überschrift bleibt bei ihrem Text. */
  .briefkopf,.patient-block,.unterschrift,.brief-fusszeile,.uebungsband{break-inside:avoid;}
  .dok-abschnitt{break-inside:auto;}
  .dok-abschnitt h3{break-after:avoid;}
}

/* Aktionsleiste des fertigen Blatts (Standard „Fertige Dokumente", 10.08.2026) */
.dok-aktionen{display:flex;gap:8px;flex-wrap:wrap;align-items:center;
              margin:16px 0 0;justify-content:center;}
.dok-aktionen .kn-still{padding:8px 13px;font-size:13.5px;text-decoration:none;}
.dok-trenn{width:1px;align-self:stretch;background:var(--linie);}
.dok-hinweis{font-size:12.5px;color:var(--text-leise);min-width:60px;}

/* ==========================================================================
   Erscheinungsbild — wörtlich aus AAA_SummitGO_Standards/standard-referenz/logo/
   erscheinungsbild.css (Standard 22.08.2026). Änderungen nur dort, nie hier.
   ========================================================================== */
/* SummitGO Erscheinungsbild — Bildschirm-Bausteine (Standard 22.08.2026).
   1:1 uebernehmen. Bilder liegen unter /static/logo/ (aus standard-referenz/logo/).
   Groessen und Abstaende im Verhaeltnis des Original-Logos (Schleife 600 : Strich 380 :
   Schriftzug 260 : Modulzeile 70), Bezug Schleife = 48 px im Kopf. */

/* --- Wort-Bild-Marke im Suite-Kopf --- */
.sgo-marke{display:flex;align-items:center;text-decoration:none;color:inherit}
.sgo-marke .sgo-schleife{width:48px;height:48px;display:block}
.sgo-marke .sgo-strich{width:1px;height:30px;background:#8A9BB0;margin:0 10px}
.sgo-marke .sgo-text{display:flex;flex-direction:column;gap:4px}
.sgo-marke .sgo-schriftzug{height:21px;width:auto;display:block}
.sgo-marke .sgo-modulname{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;
  font-size:8.5px;letter-spacing:.32em;text-transform:uppercase;color:#C3CDD8;padding-left:1px;white-space:nowrap}

/* --- Marke auf hellem Grund (Anmeldeseite hell, Druck, Mail-Vorschau): dunkle Bilder einsetzen --- */
.sgo-marke.hell .sgo-strich{background:#9AA3AE}
.sgo-marke.hell .sgo-modulname{color:#6B6B6B}

/* --- Denkanzeige: die Original-Schleife, still oder bei der Arbeit --- */
.sgo-denk{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto}
.sgo-denk img{width:100%;height:100%;display:block}
@keyframes sgo-dreh{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sgo-atmen{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(194,161,92,0))}
  50%{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(194,161,92,.55))}}
.sgo-denk.arbeitet{animation:sgo-atmen 2.6s ease-in-out infinite}
.sgo-denk.arbeitet img{animation:sgo-dreh 7s linear infinite}
.sgo-denk.klein{width:34px;height:34px}
@media (prefers-reduced-motion:reduce){.sgo-denk.arbeitet,.sgo-denk.arbeitet img{animation:none}}

/* Übungsband auf jedem Blatt des Übungsmandanten (Befund 26.08.2026).
   Es MUSS mitgedruckt werden — ein Ausdruck ohne dieses Band ist von einem
   echten Arztbrief nicht zu unterscheiden. Deshalb print-color-adjust: exact
   und ausdrücklich KEINE Ausblendung in @media print. */
.uebungsband{
  border:2px solid #B4462A; background:#FCEEEA; color:#8A2F1B;
  border-radius:8px; padding:7px 13px; margin:0 0 14px;
  font-family:var(--schrift-familie);
  font-size:12.5px; font-weight:600; letter-spacing:.2px;
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}

/* 31.08. (Beschluss Uebernehmer): Der Mandanten-Kasten entfaellt in der Ansicht —
   im Testbetrieb traegt er nichts. Der Wechsler bleibt im Markup (rueckholbar). */
.mandant{display:none !important}

/* 31.08.: Der Personen-Fuss der Leiste entfaellt — die Person steht in der
   Suite-Kopfzeile (eine Identitaet, ein Ort). */
.leiste-fuss{display:none !important}

/* 31.08.: Fusszeile entfaellt in der Arbeitsansicht (Beschluss Uebernehmer). */
footer, .fusszeile{display:none !important}