/* Tools — kompakte Eingabetabellen für technische Berechnungen */
body { background: #f6f7f9; }
.card { border-color: #e3e6ea; }
.card > .card-header { background: #fff; font-weight: 600; }

/* Inline-Eingabetabellen */
.eingabe td, .eingabe th { vertical-align: middle; white-space: nowrap; }
.eingabe th { font-size: .78rem; font-weight: 600; color: #555; }
.eingabe td { padding: .2rem .25rem; }
.eingabe .form-control-sm, .eingabe .form-select-sm { font-size: .82rem; padding: .15rem .35rem; }
.eingabe .form-select-sm { padding-right: 1.6rem; background-position: right .3rem center; }
.eingabe input[type=number] { width: 4.8rem; text-align: right; }
.eingabe input.breit, .eingabe .breit { min-width: 10rem; }
.eingabe input.schmal { width: 3.6rem; }
.eingabe .calc { text-align: right; font-variant-numeric: tabular-nums; color: #0f5132; }
.eingabe .calc-haupt { font-weight: 600; }
.eingabe tr.htmx-request { opacity: .75; }
.tiefe-1 { padding-left: 1.2rem !important; }
.tiefe-2 { padding-left: 2.4rem !important; }
.tiefe-3 { padding-left: 3.6rem !important; }
.tiefe-4 { padding-left: 4.8rem !important; }
.tiefe-5 { padding-left: 6rem !important; }

.kennzahl .wert { font-size: 1.6rem; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.kennzahl .einheit { font-size: .9rem; color: #6c757d; font-weight: 400; }
.kennzahl .label { font-size: .8rem; color: #6c757d; }

.formular-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .5rem .75rem; }
.formular-raster label { font-size: .75rem; color: #555; margin-bottom: .1rem; }
.formular-raster .form-text { font-size: .7rem; margin-top: .1rem; }

.num { text-align: right; font-variant-numeric: tabular-nums; }
.kritisch { background: #fff3cd !important; }

@media print {
  body { background: #fff; }
  .card { border: 0; }
  main { padding: 0 !important; }
  table { font-size: 9pt; }
  .seitenumbruch { page-break-before: always; }
}

/* hidden muss gegen Bootstraps d-flex (!important) gewinnen */
[data-zeige][hidden] { display: none !important; }
.eingabe select.breit { min-width: 11rem; }
.eingabe select.mittel { min-width: 8rem; }