/* V45 — Planning wordt binnen de native React-shell gerenderd. */
#lvs-planning-native-host {
  min-width: 0;
}

#lvs-planning-native-host > * + * {
  margin-top: 1rem;
}

.lvs-planning-panel-v44 {
  margin: 0;
  background: #fff;
  border: 1px solid rgb(229 231 235);
  border-radius: .75rem;
  box-shadow: 0 1px 2px rgb(0 0 0 / .05);
  padding: 1.25rem;
}

.lvs-planning-panel-v44 .grid {
  column-gap: 1rem;
  row-gap: 1rem;
}

.lvs-planning-panel-v44 label > span:first-child {
  display: inline-block;
  margin-bottom: .35rem;
}

.lvs-planning-choice-panel-v44 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.lvs-planning-choice-bar-v44 {
  row-gap: .55rem;
}

.lvs-planning-choice-v44,
.lvs-planning-action-v44 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 2.65rem;
}

.lvs-planning-section-heading-v44 {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  padding-bottom: .25rem;
}

.lvs-planning-section-heading-v44 > div {
  min-width: 0;
}

.lvs-planning-actions-v44 {
  padding-top: .35rem;
}

.lvs-plan-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  flex: 0 0 1rem;
  vertical-align: middle;
  pointer-events: none;
}

.lvs-plan-icon-title {
  width: 1.1rem;
  height: 1.1rem;
  min-width: 1.1rem;
  flex-basis: 1.1rem;
  margin-top: .15rem;
  color: #2f719a;
}

@media (max-width: 640px) {
  .lvs-planning-choice-bar-v44 {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  .lvs-planning-choice-v44 {
    width: 100%;
    justify-content: flex-start;
  }

  .lvs-planning-panel-v44 {
    padding: 1rem;
  }

  .lvs-planning-panel-v44 .grid {
    row-gap: .85rem;
  }

  .lvs-planning-actions-v44,
  .lvs-planning-actions-v44 button {
    width: 100%;
  }
}