/* ═══════════════════════════════════════
   WORKBENCH CHARACTERS — a character's Inventory, Quests and Spells sub-tabs
   (WorkbenchCharacterInventory.js, WorkbenchCharacterQuests.js,
   WorkbenchCharacterSpells.js)
   ═══════════════════════════════════════ */

/* ── A character surface fills its slot and scrolls inside it ── */
.wbcr-surface {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

/* ── An equipment slot with nothing in it ── */
.wbcr-empty td {
  color: var(--text-muted);
  font-style: italic;
  opacity: 0.6;
}

/* ── A list row's buttons, side by side ── */
.wbcr-acts {
  white-space: nowrap;
  text-align: right;
}

.wbcr-acts .wb-btn + .wb-btn {
  margin-left: 6px;
}

/* ── A backpack stack: the count box and its maximum ── */
.wbcr-stack {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.wbcr-stack .wb-in {
  width: 76px;
}

/* ── An active quest's objectives, under its name ── */
.wbcr-objs {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  font-size: 12.5px;
}

.wbcr-objs .wb-check {
  min-height: 24px;
}

.wbcr-obj-done {
  color: var(--text-muted);
  text-decoration: line-through;
}

/* ── The main button of an add-a-thing side card ── */
.wbcr-side-acts {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}