/* Werkzeug "Einnahme-Erinnerung" (werkzeuge/einnahme-erinnerung.css), Auftrag TB02, 22.10.2026. Nur Ergänzungen zu mednebenwirkungen.css:
   Gruppen mit Auswahlknöpfen, Zeilen für Uhrzeiten mit Entfernen-Knopf, Fehlermeldungen am Feld, Übersicht und Druck nur der Übersicht.
   Nur Variablen der Gestaltung (Dunkelmodus), nichts schwebend. Beim Drucken setzt das Skript body.mn-ee-druckmodus, wenn es eine Übersicht gibt. */

.mn-ee-gruppe { border: 1px solid var(--mn-linie-2); border-radius: 12px; padding: .75rem 1rem 1rem; margin: 0; min-width: 0; display: grid; gap: .6rem; }
.mn-ee-gruppe legend, .mn-ee-unter legend { font-weight: 700; font-size: .95rem; padding: 0 .35rem; }
.mn-ee-unter { border: 0; padding: 0; margin: 0; min-width: 0; }
.mn-w-einnahme-erinnerung [hidden] { display: none !important; }
.mn-main .prose .mn-w-einnahme-erinnerung .mn-ee-hinweis, .mn-w-einnahme-erinnerung .mn-ee-hinweis,
.mn-main .prose .mn-w-einnahme-erinnerung .mn-ee-pflicht, .mn-w-einnahme-erinnerung .mn-ee-pflicht { margin: 0; }
.mn-ee-wahlliste { display: grid; gap: .25rem; }
.mn-ee-wahlliste--tage { grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: .25rem 1rem; }
.mn-ee-wahl { display: flex; gap: .6rem; align-items: flex-start; min-height: 24px; padding: .2rem 0; cursor: pointer; line-height: 1.45; }
.mn-ee-wahl input { flex: none; width: 1.25rem; height: 1.25rem; margin: .1rem 0 0; accent-color: var(--mn-petrol); cursor: pointer; }
.mn-ee-wahl input:disabled { cursor: default; }
.mn-ee-wahl input:focus-visible { outline: 3px solid var(--mn-mint); outline-offset: 2px; }
.mn-ee-zeilen { display: grid; gap: .7rem; }
.mn-ee-zeile-feld { display: flex; gap: .45rem; align-items: center; }
.mn-ee-zeile-feld input { flex: 1 1 auto; min-width: 0; max-width: 12rem; }
.mn-ee-weg { min-width: 2.5rem; min-height: 2.5rem; border: 1px solid var(--mn-linie-2); background: var(--mn-flaeche); color: var(--mn-tinte-2); font-size: 1.3rem; line-height: 1; cursor: pointer; border-radius: 8px; }
.mn-ee-weg:hover { color: var(--mn-warn); background: var(--mn-warn-tint); border-color: var(--mn-warn-linie); }
.mn-main .prose .mn-w-einnahme-erinnerung .mn-ee-mehr, .mn-ee-mehr { margin: 0; }
.mn-w-einnahme-erinnerung input[aria-invalid="true"] { border-color: var(--mn-warn); }
.mn-main .prose .mn-w-einnahme-erinnerung .mn-ee-fehler, .mn-ee-fehler { margin: 0; color: var(--mn-warn); font-size: .9rem; font-weight: 600; }
.mn-w-einnahme-erinnerung .mn-feld input:disabled, .mn-w-einnahme-erinnerung .mn-feld select:disabled { opacity: .6; }
.mn-main .prose .mn-w-einnahme-erinnerung .mn-ee-fest { margin: 0 0 .4rem; }

/* Ergebnis: Übersicht und Vorschau */
.mn-ee-ergebnis { overflow-wrap: anywhere; }
.mn-main .prose .mn-ee-ergebnis h3, .mn-ee-ergebnis h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
.mn-main .prose .mn-ee-ergebnis h4, .mn-ee-ergebnis h4 { margin: .9rem 0 .35rem; font-size: 1rem; }
.mn-main .prose .mn-ee-ergebnis ul, .mn-main .prose .mn-ee-ergebnis ol { margin: 0 0 .4rem; padding-left: 1.4rem; }
.mn-main .prose .mn-ee-ergebnis li { margin: .2rem 0; }
.mn-main .prose .mn-ee-ergebnis .mn-ee-angaben { list-style: none; padding-left: 0; }
.mn-ee-gedruckt { display: none; }

@media print {
    /* nur die Übersicht: alles, was die Übersicht weder ist noch enthält, ausblenden */
    body.mn-ee-druckmodus *:not(:has(.mn-ee-druck)):not(.mn-ee-druck):not(.mn-ee-druck *) { display: none !important; }
    body.mn-ee-druckmodus .mn-ee-ergebnis { background: none; padding: 0; margin: 0; }
    .mn-ee-gedruckt { display: block; }
    .mn-ee-druck li { break-inside: avoid; }
    .mn-w-einnahme-erinnerung .mn-ee-fehler { display: none !important; }
}