/* Messages after an action. */
@layer reset, tokens, base, layout, components, utilities, print;

@layer components {
  .flash { margin-block: var(--space-4); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md);
           background: var(--glass-strong); border: 1px solid var(--glass-edge); box-shadow: var(--shadow-soft); font-size: var(--text-sm); }
  .flash--alert { border-left: 4px solid var(--negative); }
  .flash--notice { border-left: 4px solid var(--positive); }
}