/* Ergänzungen zu Bootstrap 5 */
:root {
  --hermes-blau: #1f4e79;
}

.bg-hermes { background-color: var(--hermes-blau); }

.rhb-verweis {
  font-size: .8rem;
  color: var(--bs-secondary-color);
}

.phase-zelle { width: 2.25rem; }
.phase-aktiv { background-color: rgba(31, 78, 121, .12); font-weight: 600; }

.table-stammdaten td, .table-stammdaten th { vertical-align: top; }

.rhb-text {
  border-left: 3px solid var(--hermes-blau);
  padding-left: .75rem;
  white-space: pre-line;
}

.kennzahl { font-size: 1.75rem; font-weight: 600; line-height: 1.1; }

/* Spiel */
.timer { font-variant-numeric: tabular-nums; font-weight: 700; font-size: 1.5rem; }
.timer-ueberzogen { color: var(--bs-danger); }
.timer-pause { color: var(--bs-secondary-color); }

.dreieck-basis { fill: none; stroke: var(--bs-secondary-color); stroke-dasharray: 3 3; stroke-width: 1.5; }
.dreieck-ist { fill: rgba(31, 78, 121, .25); stroke: var(--hermes-blau); stroke-width: 2; }
.dreieck-text { font-size: 14px; fill: var(--bs-secondary-color); }

.statusleiste { position: sticky; top: 0; z-index: 10; background: var(--bs-body-bg); border-bottom: 1px solid var(--bs-border-color); }

.karte {
  border: 1px solid var(--bs-border-color); border-radius: .5rem; padding: .5rem .75rem;
  background: var(--bs-body-bg); cursor: grab; user-select: none;
}
.karte[draggable="true"]:active { cursor: grabbing; }
.ablage { min-height: 8rem; border: 2px dashed var(--bs-border-color); border-radius: .5rem; padding: .5rem; }
.ablage-aktiv { border-color: var(--hermes-blau); background: rgba(31, 78, 121, .06); }

/* RHB-Texte (Zweck, Beschreibung) nur, wenn die Spielleitung sie einschaltet */
.rhb-hilfe { display: none; }
.rhb-sichtbar .rhb-hilfe { display: block; }

.speicherstatus { font-size: .8rem; color: var(--bs-secondary-color); }

.projektion { font-size: 1.25rem; }
.projektion .timer { font-size: 4rem; }
.projektion .dreieck { width: 120px; height: 105px; }

.sitzungscode { font-size: 2rem; font-weight: 700; letter-spacing: .2em; font-family: var(--bs-font-monospace); }

.stand-zahlen { display: grid; grid-template-columns: auto auto; column-gap: .75rem; }
.stand-zahlen dt { font-weight: 600; }
.stand-zahlen dd { margin: 0; }

@media print {
  nav.navbar, footer, .d-print-none { display: none !important; }
  .nachbesprechung-runde { break-inside: avoid; }
  body { font-size: 11pt; }
}

.editor-liste { max-height: 22rem; overflow-y: auto; }