/* CUBE: block — inline notice inside a card or page. Replaces bare <p class="err">. */

.banner {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  padding: var(--space-s) var(--space-m);
  border-radius: var(--radius-m);
  font-size: var(--fs-sm);
  background: var(--color-surface-muted);
  color: var(--color-fg);
  border: 1px solid var(--color-border);
}
.banner__text { flex: 1; min-inline-size: 0; text-wrap: pretty; }
.banner--info   { background: var(--color-info-soft); color: var(--color-info-ink); border-color: var(--color-info-soft); }
.banner--warn   { background: var(--color-warn-soft); color: var(--color-warn-ink); border-color: var(--color-warn-border); }
.banner--danger { background: var(--color-danger-soft); color: var(--color-danger); border-color: var(--color-danger-border); }
.banner__icon { color: var(--color-warn); }
.banner--danger .banner__icon { color: var(--color-danger); }
.banner--info .banner__icon { color: var(--color-info-ink); }