/* messages.css — Django flash messages, dark-themed */
.messages {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.messages li {
  padding: 10px 14px;
  border-radius: 8px;
  border-left: 3px solid transparent;
  font-size: 13px;
  background: var(--bg-card);
  color: var(--text);
}

.messages li.success {
  background: rgba(var(--teal-rgb), 0.10);
  border-left-color: var(--teal);
  color: var(--text);
}

.messages li.info {
  background: rgba(96, 165, 250, 0.10);
  border-left-color: var(--info);
}

.messages li.warning {
  background: rgba(251, 191, 36, 0.10);
  border-left-color: var(--warning);
}

.messages li.error {
  background: rgba(248, 113, 113, 0.10);
  border-left-color: var(--danger);
  color: var(--text);
}