/* Copyright (c) 2026 Rajesh Krishnasing. Alle rechten voorbehouden. */
/* PrimaPress, module portaal: de paar eigen stijlen (klassen m-portaal-...); verder de klassen van app.css. PrimaPress 2.0
 * (W8-ui): alleen tokens van tokens.css (docs/DESIGNSYSTEEM.md 8.4); de bladwijzerknop is vlak navy, zonder verloop. */

.m-portaal-json {
  width: 100%; box-sizing: border-box; font-family: var(--pp-letter-mono); line-height: var(--pp-regel); white-space: pre;
  overflow: auto; resize: vertical;
}
.m-portaal-uitslag { margin: var(--pp-r-2) 0 0; }
.m-portaal-uitslag:empty { display: none; }
.m-portaal-stappen { margin: var(--pp-r-1) 0 var(--pp-r-4); padding-left: var(--pp-r-5); }
.m-portaal-stappen li { margin: var(--pp-r-1) 0; }
.m-portaal-bladwijzer {
  display: inline-flex; align-items: center; min-height: var(--pp-hoogte-knop); padding: 0 var(--pp-r-4);
  border-radius: var(--pp-straal-m); background: var(--pp-navy); color: var(--pp-op-navy); font-weight: var(--pp-gewicht-vet);
  text-decoration: none; cursor: grab;
}
.m-portaal-bladwijzer:hover { background: var(--pp-navy-hover); color: var(--pp-op-navy); }
.m-portaal-bladwijzer:focus-visible { box-shadow: var(--pp-ring); outline: none; }
.m-portaal-techniek { margin: var(--pp-r-3) 0 0; }
.m-portaal-techniek summary { cursor: pointer; font-weight: var(--pp-gewicht-vet); color: var(--pp-kop); margin: 0 0 var(--pp-r-1); }