/* Prüffristen-Rechner (templates/tool-prueffristen.php) — nur die Teile, die
   die Zweige nach dem Rechner-Standard zusätzlich brauchen: die zweite Gruppe
   der Anlagen, der Pflichtsatz unter dem Ergebnis und der Rohrinhalt-Rechner.
   Karte, Auswahlflächen, Datumszeilen und Prüfkarten kommen aus dem
   gemeinsamen Unterbau (tailwind/input.css), die Weiche aus
   css/rechner-weiche.css. */

/* ---------- Zweite Gruppe der Anlagen ---------- */
.pf-plus {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid color-mix(in oklch, var(--color-primary-900) 10%, transparent);
}
.pf-plus-usps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.85rem;
  margin: 0.35rem 0 0.4rem;
  padding: 0;
  list-style: none;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--color-primary-700);
}
.pf-plus-usps li { display: inline-flex; align-items: center; gap: 0.3rem; }
.pf-plus-usps svg { width: 0.95rem; height: 0.95rem; flex: none; color: var(--color-primary-600); }
.pf-plus .option-card { min-width: 0; }
.pf-plus .option-label,
.pf-plus .option-note { overflow-wrap: break-word; hyphens: auto; }

/* ---------- Felder der Zweige ---------- */
.pf-select { max-width: 22rem; }
.pf-num { max-width: 12rem; font-variant-numeric: tabular-nums; }
[data-pf-panel] [hidden] { display: none; }

/* ---------- Rohrinhalt-Rechner ---------- */
.pf-rohr {
  min-width: 0;
  margin-inline: 0;
  padding: 1rem;
  border: 1px solid color-mix(in oklch, var(--color-primary-900) 14%, transparent);
  border-radius: 0.75rem;
  background: color-mix(in oklch, var(--color-primary-50) 60%, #fff);
}
.pf-rohr legend { padding-inline: 0.35rem; margin-left: -0.35rem; }
.pf-rohr-rows { display: grid; gap: 0.75rem; }
.pf-rohr-row {
  padding: 0.75rem;
  border-radius: 0.6rem;
  background: #fff;
  border: 1px solid color-mix(in oklch, var(--color-primary-900) 10%, transparent);
}
.pf-rohr-title { margin-bottom: 0.4rem; font-weight: 700; font-size: 0.92rem; color: var(--color-primary-900); }
.pf-rohr-fields { display: grid; gap: 0.6rem; align-items: end; }
.pf-rohr-label { display: block; margin-bottom: 0.25rem; font-size: 0.88rem; font-weight: 600; color: var(--color-primary-900); }
.pf-rohr-remove {
  justify-self: start;
  min-height: 44px;
  padding: 0.4rem 0.2rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-primary-700);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  background: none;
  border: 0;
  cursor: pointer;
}
.pf-rohr-remove:hover { color: var(--color-primary-900); }
.pf-rohr-remove:focus-visible { outline: 2px solid var(--color-accent-500); outline-offset: 2px; border-radius: 0.25rem; }
.pf-rohr-remove[hidden],
.pf-rohr-add[hidden] { display: none; }
.pf-rohr-add { margin-top: 0.85rem; }
.pf-rohr-sum { margin-top: 0.75rem; font-weight: 700; color: var(--color-primary-900); font-variant-numeric: tabular-nums; }
.pf-rohr-sum:empty { display: none; }
@media (min-width: 560px) {
  .pf-rohr-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
}

/* ---------- Unter dem Ergebnis ---------- */
.pf-disclaimer {
  margin-top: 1rem;
  padding-left: 0.85rem;
  border-left: 3px solid var(--color-accent-500);
  font-size: 0.88rem;
  line-height: 1.55;
  color: color-mix(in oklch, var(--color-primary-950) 86%, #000);
}
.pf-weiche { margin-top: 1.5rem; }
.pf-weiche [data-pf-weiche-branch][hidden] { display: none; }