/* Notices and alerts: the flash after an action, and a form's errors. */

.flash { padding: 8px 12px; border-radius: var(--r); margin-bottom: 12px; font-weight: 500; }
.flash.notice { background: var(--ok-wash); color: var(--ok); }
.flash.alert { background: var(--flag-wash); color: var(--flag-ink); }
.flash ul { margin: 4px 0 0; padding-left: 18px; list-style: disc; }

.customer .alert { margin: 18px 0 0; padding: 10px 14px; border-radius: var(--r); background: var(--hold-wash); color: var(--hold); font-weight: 500; }
.customer .notice { margin: 18px 0 0; padding: 10px 14px; border-radius: var(--r); background: var(--ok-wash); color: var(--ok); font-weight: 500; }