/* Alert / notice: <div class="c-alert c-alert--success" role="status">..</div>. Use role="alert" only for errors that
   appear after an action. Also covers WPJM .job-manager-message/-error/-info and Woo notices when wrapped by the theme. */
.c-alert, .job-manager-message, .job-manager-error, .job-manager-info { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4); font-size: var(--fs-14); line-height: var(--lh-14); color: var(--color-info); background: var(--color-info-bg); border: 1px solid currentColor; border-left-width: 4px; border-radius: var(--radius-md); }
.c-alert > .icon { width: 1.25rem; height: 1.25rem; margin-top: 0.125rem; }
.c-alert__body { flex: 1; color: var(--color-text); }
.c-alert__title { display: block; font-weight: var(--fw-semibold); color: inherit; }
.c-alert--success, .job-manager-message { color: var(--color-success); background: var(--color-success-bg); }
.c-alert--warning { color: var(--color-warning); background: var(--color-warning-bg); }
.c-alert--danger, .job-manager-error { color: var(--color-danger); background: var(--color-danger-bg); }
.c-alert--brand { color: var(--color-primary); background: var(--pn-brand-50); }
.job-manager-message, .job-manager-error, .job-manager-info { color: var(--color-text); border-left-color: var(--color-info); }
.job-manager-message { border-color: #c5e3cf; border-left-color: var(--color-success); }
.job-manager-error { border-color: #f0c6c6; border-left-color: var(--color-danger); }