/* ==========================================================================
   AMR-Plattform – Custom HUD Theme
   Farben aus LaTeX-Vorlage (dashboard/projektarbeit):
     BgBase:   #0B131E    BgPanel:  #111D2B
     TextSec:  #517C96    AccPrim:  #00E5FF
     StatSucc: #00FF66    StatCrit: #FF2A40
   ========================================================================== */

/* ---------- Dark-Mode (Slate) Overrides ---------- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:        #0B131E;
  --md-default-fg-color:        #cdd9e5;
  --md-default-fg-color--light: #517C96;

  --md-primary-fg-color:        #111D2B;
  --md-primary-bg-color:        #cdd9e5;
  --md-accent-fg-color:         #00E5FF;

  --md-code-bg-color:           #111D2B;
  --md-code-fg-color:           #cdd9e5;
  --md-code-hl-color:           rgba(0, 229, 255, 0.15);

  --md-typeset-a-color:         #00E5FF;

  --md-footer-bg-color:         #111D2B;
  --md-footer-bg-color--dark:   #0B131E;
}

/* Header / Tabs */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #111D2B;
  color: #cdd9e5;
}

/* Header-Icons: Suche, Palette-Toggle, Repo-Link */
[data-md-color-scheme="slate"] .md-header .md-icon,
[data-md-color-scheme="slate"] .md-header .md-header__button {
  color: #cdd9e5;
}
[data-md-color-scheme="slate"] .md-header .md-icon:hover,
[data-md-color-scheme="slate"] .md-header .md-header__button:hover {
  color: #00E5FF;
}

/* Header-Titel */
[data-md-color-scheme="slate"] .md-header__topic {
  color: #cdd9e5;
}

/* GitHub Source-Widget (Stars/Forks) */
[data-md-color-scheme="slate"] .md-source {
  color: #cdd9e5;
}
[data-md-color-scheme="slate"] .md-source:hover {
  color: #00E5FF;
}
[data-md-color-scheme="slate"] .md-source__icon svg {
  fill: #cdd9e5;
}
[data-md-color-scheme="slate"] .md-source:hover .md-source__icon svg {
  fill: #00E5FF;
}
[data-md-color-scheme="slate"] .md-source__repository {
  color: #cdd9e5;
}
[data-md-color-scheme="slate"] .md-source__facts {
  color: #cdd9e5;
}

/* Tab-Navigation */
[data-md-color-scheme="slate"] .md-tabs__link {
  color: #cdd9e5;
}
[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #00E5FF;
}

/* Sidebar / Navigation */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #0B131E;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #00E5FF;
}

/* Admonitions – Erfolg / Warnung / Fehler */
[data-md-color-scheme="slate"] .md-typeset .admonition.success,
[data-md-color-scheme="slate"] .md-typeset details.success {
  border-color: #00FF66;
}
[data-md-color-scheme="slate"] .md-typeset .success > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .success > summary {
  background-color: rgba(0, 255, 102, 0.1);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.danger,
[data-md-color-scheme="slate"] .md-typeset details.danger {
  border-color: #FF2A40;
}
[data-md-color-scheme="slate"] .md-typeset .danger > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .danger > summary {
  background-color: rgba(255, 42, 64, 0.1);
}

/* Inline-Code */
[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #111D2B;
  color: #00E5FF;
  border: 1px solid rgba(0, 229, 255, 0.15);
}

/* Code-Bloecke */
[data-md-color-scheme="slate"] .md-typeset pre > code {
  border: none;
  color: #cdd9e5;
}

/* Tabellen */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #111D2B;
  color: #00E5FF;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
  background-color: rgba(0, 229, 255, 0.05);
}

/* Search */
[data-md-color-scheme="slate"] .md-search__form {
  background-color: #111D2B;
}

/* ---------- Light-Mode Overrides ---------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:  #0B131E;
  --md-primary-bg-color:  #ffffff;
  --md-accent-fg-color:   #0078a8;
  --md-typeset-a-color:   #0078a8;
}

/* ==========================================================================
   Responsive – Multidevice (iPhone, Tablet, Desktop, >27")
   ========================================================================== */

/* ---------- Grosse Bildschirme (>= 1920px, z.B. 27"+ Monitore) ---------- */
@media screen and (min-width: 120rem) {
  .md-grid {
    max-width: 80rem;
  }
}

@media screen and (min-width: 160rem) {
  .md-grid {
    max-width: 96rem;
  }
}

/* ---------- Tabellen: horizontal scrollbar auf kleinen Geraeten ---------- */
.md-typeset__scrollwrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.md-typeset table:not([class]) {
  display: table;
  min-width: 100%;
  font-size: 0.8rem;
}

@media screen and (max-width: 44.9375em) {
  .md-typeset table:not([class]) {
    font-size: 0.72rem;
  }
  .md-typeset table:not([class]) th,
  .md-typeset table:not([class]) td {
    padding: 0.4em 0.5em;
  }
}

/* ---------- Code-Bloecke: Schriftgroesse auf Mobile reduzieren ---------- */
@media screen and (max-width: 44.9375em) {
  .md-typeset pre > code {
    font-size: 0.7rem;
  }
}

/* ---------- Mermaid-Diagramme: responsive SVG ---------- */
.md-typeset .mermaid svg {
  max-width: 100%;
  height: auto;
}