/* „Mein Morgen“ der GF (ADR-090): zwei Spalten am Rechner, eine am Handy — ein Block je Aufgabe.
   Farbe nie allein: Eigene und geteilte Termine tragen zusätzlich „Kalender <Name>“ in der Unterzeile. */
#inhalt .mb-raster { display: grid; gap: 4px 28px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { #inhalt .mb-raster { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
#inhalt .mb-spalte { min-width: 0; }
#inhalt .mb-tag { margin: 14px 0 6px; font-size: .95rem; color: var(--text-leise); font-weight: 600; }
#inhalt .mb-leise { color: var(--text-leise); font-size: .92rem; margin: 6px 0 0; }
.mb-kal { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex: none; }
.mb-kal-eigen { background: var(--akzent); }
.mb-kal-geteilt { background: var(--lila); }
/* Gespiegelte Google-Kalender neben dem Hauptkalender (ADR-090 Nachtrag): Farbe plus „Kalender <Name>“ in der Unterzeile */
.mb-kal-quelle-1 { background: var(--orange); }
.mb-kal-quelle-2 { background: var(--blau); }
.mb-kal-quelle-3 { background: transparent; box-shadow: inset 0 0 0 2px var(--orange); }
#inhalt .mb-legende { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; color: var(--text-leise); font-size: .88rem; margin: 8px 0 0; }
#inhalt .mb-legende .mb-kal + span { margin-right: 10px; }
#inhalt .mb-merken { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
/* Merken (Klicktest 11.11.): der Satz über die volle Breite, darunter Datum und Knopf in einer Zeile — in der schmalen
   rechten Spalte und am Handy gleich, kein Knopf, der allein in die nächste Zeile rutscht */
#inhalt .mb-merken-text { flex: 1 1 100%; min-height: 44px; }
#inhalt .mb-merken-frist { flex: 1 1 140px; min-height: 44px; width: auto; }
#inhalt .mb-merken .bs-knopf { flex: none; }
/* „Frist“ (Endkontrolle 11.11.): erst der Knopf öffnet das Datumsfeld — kein leeres „TT.MM.JJJJ“ ohne gewählte Frist */
#inhalt .mb-merken [hidden] { display: none; }
#inhalt .mb-merken .mb-merken-fristknopf { flex: none; min-height: 44px; }
#inhalt .mb-merken .bs-knopf[type="submit"] { margin-left: auto; }
/* Heute in der Praxis kompakt: eine Zeile je Standort, das Wort bleibt auch am Handy rechts in derselben Zeile */
#inhalt .mb-praxis .bs-zeile { min-height: 48px; padding-block: 0; }
#inhalt .mb-praxis .bs-zeile > .bs-zeile-ziel { flex-wrap: nowrap; padding-block: 10px; min-height: 48px; }
#inhalt .mb-praxis .bs-zeile-ziel .bs-wann { order: 0; flex-basis: auto; padding-left: 0; }
/* Post-Kacheln: in der schmalen rechten Spalte zwei nebeneinander und ohne die Mindesthöhe des Cockpits — keine Lücke unter der Zahl */
#inhalt .mb-raster .bs-raster { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-auto-rows: auto; }
#inhalt .mb-raster .bs-kachel { min-height: 0; }
#inhalt .mb-einstieg { margin: 0 0 22px; }

/* Mein Tag als Tagesliste (Klicktest 11.11.2026): Uhrzeit links fest, Farbstrich, Titel einzeilig, Ort darunter */
#inhalt .mb-agenda { padding: 4px 0; }
#inhalt .mb-termin { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 16px; color: var(--text); text-decoration: none; }
#inhalt .mb-termin + .mb-termin { border-top: 1px solid var(--bs-kante); }
#inhalt .mb-termin:hover { background: var(--flow-karte-hell); }
#inhalt .mb-zeit { flex: none; width: 66px; display: flex; flex-direction: column; font-variant-numeric: tabular-nums; line-height: 1.25; }
#inhalt .mb-zeit-von { font-weight: 600; font-size: .95rem; }
#inhalt .mb-zeit-bis { color: var(--text-leise); font-size: .85rem; }
#inhalt .mb-strich { flex: none; width: 4px; align-self: stretch; border-radius: 2px; }
#inhalt .mb-termin-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#inhalt .mb-termin-titel { font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
/* Ort bis zu zwei Zeilen — am Handy wurde „Volksbank, Filiale Innenstadt …“ nach wenigen Wörtern gekürzt (Klicktest 11.11.) */
#inhalt .mb-termin-unter { color: var(--text-leise); font-size: .88rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#inhalt .mb-zeit-von:only-child { font-size: .82rem; color: var(--text-leise); }

/* ---------- Heute (Startseite der Mitarbeitenden), Klicktest 11.11.2026 ----------
   Seitenregeln der Startseite stehen hier, weil app-startseite.js keine eigene CSS-Datei hat.
   Deine Woche: Tag und Datum in einer Zeile („Do 12.“ brach am Handy um), Ort direkt unter der Uhrzeit. */
#inhalt .st-woche-tag > b { white-space: nowrap; }
@media (max-width: 480px) {
  #inhalt .st-woche-tag { grid-template-columns: 3.6em 1fr auto; row-gap: 0; }
  #inhalt .st-woche-tag > .zt-leise { margin-top: -4px; }
}

/* Lage (Cockpit) am Handy: „Anpassen“ oben rechts neben der Begrüßung statt allein in einer eigenen Zeile */
@media (max-width: 700px) {
  #inhalt .cp2 > .bs-kopf { flex-wrap: nowrap; align-items: flex-start; }
  #inhalt .cp2 > .bs-kopf > .bs-kopf-text { flex: 1 1 0; }
}

/* Meine Zeiten (Klicktest 11.11.2026): „Noch keine Stempelzeiten“ in Titelgröße statt in der Riesenschrift der Kontozahl */
#inhalt .zt-konto-zahl.zt-konto-leer { font-size: 1.35rem; line-height: 1.3; margin: 4px 0 6px; }
/* Lage: die Jahresplanungs-Zeile gehört zu „Braucht dich heute“ — dicht darunter statt mit einem Abschnittsabstand */
#inhalt .cp3-heute + .cp-jahresplanung { margin-top: 8px; }
/* Lage: „Noch ohne Zahlen“ als leise Zeile am Ende (Endkontrolle 11.11.) statt einer verlorenen Karte unter den Kacheln */
#inhalt .cp-ohne-zahlen { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; margin: 14px 0 0; color: var(--text-leise); font-size: .9rem; }
#inhalt .cp-ohne-zahlen a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text-leise); text-decoration: underline; text-underline-offset: 3px; }
#inhalt .cp-ohne-zahlen a:hover { color: var(--akzent); }
/* Dienstplan: eine Zeile je Tag statt drei Warnungen (Endkontrolle 11.11.) — orange, rot bei Unterbesetzung (.offen) */
.dp-tag .dp-hinweis.dp-tageszeile:not(.offen) { background: color-mix(in srgb, var(--orange) 14%, transparent); border-color: color-mix(in srgb, var(--orange) 40%, transparent); }
.dp-tag .dp-hinweis.dp-tageszeile { font-size: .9rem; font-weight: 600; }