/* Mermaid: dezente Statusfarben für MkDocs Material */

/* Allgemein */
.mermaid {
  margin: 1.5rem 0;
  text-align: center;
}

.mermaid svg {
  max-width: 100%;
  height: auto;
}

/* Light Mode */
[data-md-color-scheme="default"] .mermaid .online rect,
[data-md-color-scheme="default"] .mermaid .online polygon,
[data-md-color-scheme="default"] .mermaid .online circle,
[data-md-color-scheme="default"] .mermaid .online ellipse {
  fill: #d6eadf !important;
  stroke: #4f8a6b !important;
  stroke-width: 2px !important;
}

[data-md-color-scheme="default"] .mermaid .offline rect,
[data-md-color-scheme="default"] .mermaid .offline polygon,
[data-md-color-scheme="default"] .mermaid .offline circle,
[data-md-color-scheme="default"] .mermaid .offline ellipse {
  fill: #f2d6d6 !important;
  stroke: #a05a5a !important;
  stroke-width: 2px !important;
}

/* Dark Mode */
[data-md-color-scheme="slate"] .mermaid .online rect,
[data-md-color-scheme="slate"] .mermaid .online polygon,
[data-md-color-scheme="slate"] .mermaid .online circle,
[data-md-color-scheme="slate"] .mermaid .online ellipse {
  fill: #1f3328 !important;
  stroke: #7fb89a !important;
  stroke-width: 2px !important;
}

[data-md-color-scheme="slate"] .mermaid .offline rect,
[data-md-color-scheme="slate"] .mermaid .offline polygon,
[data-md-color-scheme="slate"] .mermaid .offline circle,
[data-md-color-scheme="slate"] .mermaid .offline ellipse {
  fill: #3a2424 !important;
  stroke: #d08a8a !important;
  stroke-width: 2px !important;
}

/* Textfarben */
[data-md-color-scheme="default"] .mermaid .online,
[data-md-color-scheme="default"] .mermaid .online span {
  color: #1f3d2b !important;
  fill: #1f3d2b !important;
}

[data-md-color-scheme="default"] .mermaid .offline,
[data-md-color-scheme="default"] .mermaid .offline span {
  color: #4a1f1f !important;
  fill: #4a1f1f !important;
}

[data-md-color-scheme="slate"] .mermaid .online,
[data-md-color-scheme="slate"] .mermaid .online span {
  color: #d6eadf !important;
  fill: #d6eadf !important;
}

[data-md-color-scheme="slate"] .mermaid .offline,
[data-md-color-scheme="slate"] .mermaid .offline span {
  color: #f2dddd !important;
  fill: #f2dddd !important;
}

/* Dezente Kanten allgemein */
.mermaid .edgePath path {
  stroke-width: 1.8px;
}

/* Optional: Mumble/Offline-Kante per Mermaid linkStyle lassen */