/* MagicKcal / Chat102 / App 1.2.195.352 / B2–B3 + Hinweis-Nachrunde / Status: Test.
   App-Layout der Tagesliste; bestehende Typografie/KA-/BS-Farben bleiben Basis.
   B2: iPhone-Leerhinweis in Vergangenheit/Zukunft reagiert mit Tagesfarbe.
   B3: Magic-Hinweise folgen der Textbreite, begrenzt auf den Kachelinhalt.
   Nachrunde: Auswahl-/Journal-Leerhinweise ebenfalls textbreit und bei Aktivierung
   mit Tagesfarbe statt festem HEUTE-Grün. Screenshot: gebuchte Journal-Einträge.
   iPad-Nachrunde: nur Auswahl/Vergangenheit, intrinsische Rahmenbreite und
   Aktivierungsfarbe ausdrücklich CC-V; bestehende Desktop/iPhone-Regeln erhalten.
   Keine Änderung der Magic-, Buchungs-, Sync- oder Rechte-Logik.
   Lokale Quell-/Funktionsprüfung; Safari-/PWA-/Gerätesichttest offen. */

html.mkIPhone.mkStyleguideV014 body.mkStyleguideV014 .plannerMerklistePane .plannerEmptyDateHint.past {
  --mk-empty-day-soft: var(--day-past-soft);
}
html.mkIPhone.mkStyleguideV014 body.mkStyleguideV014 .plannerMerklistePane .plannerEmptyDateHint.future {
  --mk-empty-day-soft: var(--day-future-soft);
}
html.mkIPhone.mkStyleguideV014 body.mkStyleguideV014 .plannerMerklistePane .plannerEmptyDateHint:is(:hover, :active, :focus-visible) {
  color: var(--cc-day) !important;
  background: var(--mk-empty-day-soft) !important;
  border-color: var(--cc-day) !important;
}

html.mkStyleguideV014 body.mkStyleguideV014 :is(.plannerMerklistePane, .plannerSelectionPane) .magicFeedback {
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  justify-self: start;
  align-self: flex-start;
}

/* Die freigegebenen B2-Leertexte in Meine Tagesliste bleiben unverändert.
   Hier ausschließlich Auswahl treffen und Gebuchte Lebensmittel und Gerichte. */
html.mkStyleguideV014 body.mkStyleguideV014 :is(.plannerSelectionPane, .journalBookedCard) .empty {
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  justify-self: start;
  align-self: flex-start;
}
html.mkStyleguideV014 body.mkStyleguideV014 :is(.plannerSelectionPane, .journalBookedCard).past {
  --mk-empty-day-soft: var(--day-past-soft);
}
html.mkStyleguideV014 body.mkStyleguideV014 :is(.plannerSelectionPane, .journalBookedCard).today {
  --mk-empty-day-soft: var(--day-today-soft);
}
html.mkStyleguideV014 body.mkStyleguideV014 :is(.plannerSelectionPane, .journalBookedCard).future {
  --mk-empty-day-soft: var(--day-future-soft);
}
html.mkStyleguideV014 body.mkStyleguideV014 :is(.plannerSelectionPane, .journalBookedCard) .empty.statisticsActionHint:is(:hover, :active, :focus-visible) {
  color: var(--cc-day) !important;
  background: var(--mk-empty-day-soft) !important;
  border-color: var(--cc-day) !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .plannerSelectionPane .empty.statisticsActionHint:is(:hover, :active, :focus-visible) .plannerEmptySearchWord {
  color: var(--cc-day) !important;
}

/* iPad hoch/quer: nur Auswahl treffen in der Vergangenheit. Kein neuer Text
   oder Button; die vorhandenen Hinweise behalten ihre Aktion. */
html.mkIPad.mkStyleguideV014 body.mkStyleguideV014 .plannerSelectionPane.past .empty {
  display: inline-block !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  justify-self: start !important;
}
html.mkIPad.mkStyleguideV014 body.mkStyleguideV014 .plannerSelectionPane.past .empty.statisticsActionHint:is(:hover, :active, :focus, :focus-visible) {
  color: var(--cc-v) !important;
  background: var(--day-past-soft) !important;
  border-color: var(--cc-v) !important;
}
html.mkIPad.mkStyleguideV014 body.mkStyleguideV014 .plannerSelectionPane.past .empty.statisticsActionHint:is(:hover, :active, :focus, :focus-visible) .plannerEmptySearchWord {
  color: var(--cc-v) !important;
}