/* e4b.css -- problemen en output (het onderpaneel; de Console is de Terminal).
 *
 * Alle maten en kleuren uit core.css se tokens; VS Code is de visuele lat (BRIEFING-S.md).
 * Het Terminal-paneel van VS Code is het voorbeeld: een tabrij bovenaan, monospace-inhoud
 * eronder.
 */

.e4b-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.e4b-body {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
}

.e4b-view {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  /* CONTAIN OP DE SCROLLCONTAINER EN OP ELKE RIJ (zie .con-row): de gemeten les uit de
   * briefing -- innerHTML op één regel kost 0 ms, de layout erna 11,7 ms zonder contain,
   * omdat een regel in de gewone stroom zijn buren kan verschuiven. contain: strict bracht
   * dat naar 2,3 ms. content-visibility:auto NIET gebruiken -- gemeten TRAGER (8,5 -> 17,3
   * ms), staat als waarschuwing in de briefing. */
  contain: layout style;
}

.e4b-problems, .e4b-output {
  font-size: var(--ui-fs);
  padding: 2px 0;
}

.prob-empty {
  color: var(--text-dim);
  padding: 8px 12px;
}

.prob-row {
  display: flex;
  gap: 8px;
  padding: 3px 12px;
  cursor: pointer;
  border-left: 2px solid transparent;
}

.prob-row:hover, .prob-row:focus {
  background: var(--hover);
  outline: none;
}

.prob-row {
  border-left-color: var(--danger);
}

.prob-loc {
  font-family: var(--font-code);
  color: var(--text-dim);
  flex: 0 0 auto;
  white-space: nowrap;
}

.prob-text {
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e4b-output {
  font-family: var(--font-code);
  color: var(--text-dim);
}