.flash {
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin-bottom: 1rem;
  border: 1px solid;
}
.flash-success {
  background: rgba(76, 175, 80, 0.15);
  border-color: var(--success);
  color: var(--success);
}
.flash-error {
  background: rgba(231, 76, 60, 0.15);
  border-color: var(--danger);
  color: var(--danger);
}
.empty-state {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-muted);
}

/* purpose: tighter padding for an empty-state used inside a card or
   small panel — replaces inline `padding: 1.5rem` overrides on
   `.empty-state` in account.html (twice) and partials/keg_nodes_list.html.
   Use as `class="empty-state empty-state-compact"`. */
.empty-state-compact {
  padding: 1.5rem;
}