/* MagicKcal Living Kitchen UI v0.8 / App 1.2.195.337 / Chat 99.
   Nur Living-Kitchen-Layout; bestehende KA-/TXT-/BS-Produktionsstyles als Basis.
   Horizontale Karten auf allen Geräten, kompakte Reiter, zentrierte Dialoge.
   Bei Kontakten scrollt ausschließlich die gemeinsame Liste. */
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .journalEntryLine {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .planName {
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
  min-width: 0 !important;
  white-space: normal !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .productImage {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .savedPhaseText {
  min-width: 0 !important;
  overflow-wrap: anywhere;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .entryActions {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-column: auto !important;
  gap: .35rem !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 > .formGrid {
  gap: .35rem !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .favoriteSubTabs {
  margin-bottom: 0 !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .favoriteTabPanel {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .plannedSelectionCard.KA-S {
  border-width: 1px !important;
  border-color: var(--day-today-text, #5CE08A) !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkNameField {
  position: relative;
  min-width: 0;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkNameField input {
  width: 100% !important;
  box-sizing: border-box;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkNameField.isConfirmed input {
  padding-right: 44px !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkCopyButton {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkCopyButton:focus-visible {
  outline: 2px solid var(--mk-ui-go);
  outline-offset: -2px;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkNameLock {
  display: flex;
  width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop {
  align-items: center !important;
  justify-items: center !important;
  padding: 12px !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop .modalPanel {
  display: flex !important;
  flex-direction: column !important;
  gap: .7rem !important;
  width: min(560px, 100%) !important;
  box-sizing: border-box;
  max-height: calc(100dvh - 24px) !important;
  overflow: hidden !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop .modalPanel > :not(.mkLkContactsList) {
  flex: 0 0 auto;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop .cardHead {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .5rem !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop h2 {
  min-width: 0;
  margin: 0 !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop p {
  margin: 0 !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkDialogBackdrop .mkLkContactsList {
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  touch-action: pan-y;
  flex: 0 1 auto;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkContactRow.journalEntryLine {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: .25rem !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkContactRow .planName {
  display: flex !important;
  flex-wrap: wrap;
  gap: .3rem !important;
  white-space: normal !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkContactRow .savedPhaseText {
  min-width: 0 !important;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkContactRow strong {
  overflow-wrap: anywhere;
}
html.mkStyleguideV014 body.mkStyleguideV014 .mkLkContactRow .entryActions {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-column: auto !important;
  gap: .25rem !important;
}
/* Kurze Querformat-Viewports: der Namensdialog bleibt vollständig erreichbar. */
@media (max-height: 460px) {
  html.mkStyleguideV014 body.mkStyleguideV014 [data-lk-name-dialog] .modalPanel {
    overflow-y: auto !important;
  }
}
/* Geschlossene Reiter bleiben trotz allgemeiner formGrid-Styles verborgen. */
html.mkStyleguideV014 body.mkStyleguideV014 #mkLivingKitchenV1 .favoriteTabPanel.plannerMobilePaneHidden {
  display: none !important;
}