/* Full-width strip under the toolbar, tinted critical so it reads as a page state, not a toast. */
.banner {
  display: flex;
  align-items: flex-start;
  gap: var(--pds-spacing-xs);
  padding: var(--pds-spacing-xs) var(--pds-spacing-m);
  background: var(--pds-color-status-critical-background);
  border-bottom: var(--pds-border-width-default) solid var(--pds-color-status-critical-border);
}

.icon {
  flex: none;
  color: var(--pds-color-status-critical-foreground);
}

.title {
  font-size: var(--pds-typography-size-s);
  font-weight: var(--pds-typography-fw-semibold);
  color: var(--pds-color-status-critical-foreground);
}

.message {
  margin-top: var(--pds-spacing-5xs);
  font-size: var(--pds-typography-size-xs);
  line-height: var(--pds-typography-lh-m);
  color: var(--pds-color-foreground-default-secondary);
}