.email-verification-outage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-space-3);
  margin-bottom: var(--ui-space-3);
  padding: var(--ui-space-3) var(--ui-space-4);
  border: 1px solid var(--ui-color-warning-600);
  border-radius: var(--ui-radius-control);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
  line-height: 1.5;
}
.email-verification-outage a { flex: 0 0 auto; color: var(--ui-color-primary-600); font-weight: var(--ui-font-weight-semibold); }
@media (max-width: 600px) { .email-verification-outage { align-items: flex-start; flex-direction: column; } }