@import url("variables.css");
@import url("layout.css");
@import url("navigation.css");
@import url("components.css");
@import url("forms.css");
@import url("tables.css");
@import url("utilities.css");
@import url("dashboard.css");
@import url("users.css");
@import url("households.css");
@import url("week_planner.css");
@import url("ingredients.css");
@import url("products.css");
@import url("recipes.css");
@import url("stock.css");
@import url("shopping-execution.css");


.button-link {
  background: none;
  border: none;
  color: #315c35;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.button-link:hover {
  text-decoration: underline;
}

.flash-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.flash-message {
  padding: 14px 18px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-weight: 500;
}

.flash-message--success {
  color: #155724;
  background: #d4edda;
  border-color: #c3e6cb;
}

.flash-message--error {
  color: #721c24;
  background: #f8d7da;
  border-color: #f5c6cb;
}

.flash-message--warning {
  color: #856404;
  background: #fff3cd;
  border-color: #ffeeba;
}

.flash-message--info {
  color: #0c5460;
  background: #d1ecf1;
  border-color: #bee5eb;
}