/* Wider page shell (~95% of viewport) while keeping centered Bootstrap layout */
.app-width {
  max-width: 95%;
  width: 95%;
}

/* Small Bootstrap supplements for meal planner layout */

.plan-scroll {
  overflow-x: auto;
}

.plan-day {
  min-width: 11rem;
}

.recipe-card-link {
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.recipe-card-link:hover .card {
  border-color: var(--bs-success);
}

.row-removed td {
  opacity: 0.55;
}

.row-disabled td {
  opacity: 0.75;
}

.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.flash-stack {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1080;
  width: min(32rem, calc(100vw - 2rem));
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
}

.flash-toast {
  pointer-events: auto;
  margin: 0;
}