/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


.avatar {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  object-fit: cover;
}

.border-gradient {
  border: 10px solid;
  background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Sprint B5 — Active context badge: era colors (ADR-009) */
.ctx-era-unknown { background-color: #6c757d !important; color: #fff !important; }
.ctx-era-c1      { background-color: #6ea8fe !important; color: #000 !important; } /* C1=2021 azul claro */
.ctx-era-c2      { background-color: #198754 !important; color: #fff !important; } /* C2=2025+ verde */
.ctx-era-c3      { background-color: #ffc107 !important; color: #000 !important; } /* C3=2026 mixed amarelo */

/* Mode switcher — compact, don't grow too wide on small screens */
#active-context-badge .btn-group { flex-wrap: nowrap; }
#active-context-badge .btn       { padding: 0.15rem 0.4rem; font-size: 0.72rem; }

/* Era badge dark mode: keep chroma, lighten text for contrast */
[data-theme="dark"] .ctx-era-c1      { background-color: #1d4ed8 !important; color: #dbeafe !important; }
[data-theme="dark"] .ctx-era-c2      { background-color: #065f46 !important; color: #d1fae5 !important; }
[data-theme="dark"] .ctx-era-c3      { background-color: #92400e !important; color: #fef3c7 !important; }
[data-theme="dark"] .ctx-era-unknown { background-color: #374151 !important; color: #d1d5db !important; }