/*
 * Rails flash message styles.
 * Rendered as a banner at the top of the content area by the layout.
 */
@layer components {
  .flash {
    padding: var(--space-sm) var(--space-md);
    margin-block-end: var(--space-md);
    border-radius: var(--radius-sm);
    border: 1px solid currentcolor;
    font-size: var(--text-sm);
    line-height: 1.4;
  }

  .flash--notice {
    background: #d4edda;
    border-color: #b6dfc0;
    color: #155724;
  }

  .flash--alert {
    background: #f8d7da;
    border-color: #f1b0b7;
    color: #721c24;
  }
}