/* ── The bottom panel's Problems tab (WorkbenchProblems.js) ──
   The latest Compile-all run: a head line with the view chips and Compile
   all, then each library's records with an open problem, or the Rules view.
   Colours come from the shared tokens only. */

.wbpr-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 4px 0 8px;
}

.wbpr-meta {
  flex: 1;
  min-width: 0;
}

.wbpr-views {
  display: inline-flex;
  gap: 4px;
}

/* A library's group: its glyph, name and tally, then its records. */
.wbpr-group {
  margin-top: 8px;
}

.wbpr-group .wb-fgroup-h {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

.wbpr-count {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-muted);
}

.wbpr-list li {
  align-items: flex-start;
  padding: 5px 0;
}

/* The record's mark (the list cell's) sits on the name's line. */
.wbpr-list .wb-compile,
.wbpr-list .wb-compile-mark {
  flex: none;
  margin-top: 1px;
}

.wbpr-rec {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.wbpr-why {
  font-size: 12px;
}

.wbpr-clean {
  margin: 10px 0 4px;
}

/* Libraries a run could not compile, named above what did compile — amber:
   it needs a look, but red is kept for what blocks a Send. */
.wbpr-error {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0 6px;
  color: var(--amber);
}

.wbpr-error .wb-sev {
  margin-top: 0;
}

/* The Rules view: a severity dot before each rule's name. */
.wbpr-rules .wb-sev {
  display: inline-block;
  margin: 0 8px 1px 0;
  vertical-align: middle;
}

.wbpr-rules td,
.wbpr-rules th {
  padding: 6px 10px;
}