/* ==========================================================================
   MESSAGES — Level 2. Replaces otbtv_theme/css/component/messages.css.
   A filled panel in the status colour; no coloured edge.
   ========================================================================== */

.messages {
  margin-bottom: var(--space-6);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-xs);
}

.messages--status {
  background: var(--color-status-success-bg);
  color: var(--color-status-success-text);
}

.messages--warning {
  background: var(--color-status-warning-bg);
  color: var(--color-status-warning-text);
}

.messages--error {
  background: var(--color-status-error-bg);
  color: var(--color-status-error-text);
}

.messages__list {
  margin: 0;
  padding: 0 0 0 var(--space-4);
}