/* banner — page-level alert strip; left accent + tint keyed to status tokens. */
.banner {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-4); border-radius: var(--radius);
  border: 1px solid var(--color-border); border-left-width: 3px;
  background: var(--color-surface-2); font-size: var(--text-body);
}
.banner__content { display: flex; gap: var(--space-2); flex-wrap: wrap; align-items: baseline; }
.banner__title { font-weight: 600; }
.banner--info { border-left-color: var(--status-pending); }
.banner--success { border-left-color: var(--status-fine); }
.banner--warning { border-left-color: var(--status-help); }
.banner--danger { border-left-color: var(--status-distress); }