html {
  scroll-behavior: smooth;
}

.md-grid {
  max-width: 95%;
}

.mermaid {
  display: flex;
  justify-content: center;
  text-align: center;
}

.mermaid svg {
  margin-left: auto;
  margin-right: auto;
}

.mermaid svg text,
.mermaid .label,
.mermaid .nodeLabel,
.mermaid .edgeLabel {
  font-size: 14px !important;
}

.diagram-caption {
  margin-top: -0.5rem;
  text-align: center;
  color: var(--md-default-fg-color--light);
  font-size: 0.85rem;
}

/* ----------------------------------------------------------------------
 * Matriz RACI - badges circulares com cores da imagem original
 * R = Responsável pela execução (amarelo/laranja)
 * A = Responsável pela aprovação (azul claro)
 * C = Deve ser consultado (vermelho)
 * I = Deve ser informado (verde-azulado)
 * ---------------------------------------------------------------------- */
.raci-badge {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  margin: 0 1px;
}

.raci-r { background-color: #E5A82C; } /* amarelo/dourado */
.raci-a { background-color: #4DA0CE; } /* azul claro */
.raci-c { background-color: #E0494A; } /* vermelho */
.raci-i { background-color: #2E9690; } /* verde-azulado */

/* Tabela RACI - cores de fundo das células conforme imagem original */
.md-typeset table.raci-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

.md-typeset table.raci-table th,
.md-typeset table.raci-table td {
  padding: 0.5em 0.75em;
  vertical-align: middle;
}

.md-typeset table.raci-table thead th {
  background-color: #1F507A;
  color: #fff;
  text-align: center;
}

.md-typeset table.raci-table thead th:first-child {
  background-color: #D9D9D9;
  color: #156082;
  text-align: left;
  font-weight: bold;
}

.md-typeset table.raci-table tbody td {
  text-align: center;
}

.md-typeset table.raci-table tbody td:first-child {
  text-align: left;
  color: #156082;
}

.md-typeset table.raci-table tbody tr:nth-child(odd) td {
  background-color: #F2F2F2;
}

.md-typeset table.raci-table tbody tr:nth-child(even) td {
  background-color: #E5E5E5;
}