/* cogitator/codex-col3.css v3 */
/* Codex Viewer Column 3 — read-only datasheet. */

/* DevAgent22 - 2026-07-15
   What: v3 — Recoloured the .ds-equip-* pills to the type-colour solid scheme
         (R=green #2f7d4f, M=light brown #a9793f, E=light violet #a98be6 with dark
         text) — the .ds- twin of army-view-col2.css v7. This is where .ds-equip-*
         currently lives (transitional home, see v2 note), so the Codex datasheet
         picks it up here.
   Why:  Global wargear-pill recolour (Jérôme). */

/* DevAgent19 - 2026-06-04
   What: v2 — New .ds-cv-* (list-convention text) and .ds-equip-* (equipment
         pill) classes for CodexCol3.js v2's wargear rendering.
         TRANSITIONAL HOME: these are .ds-* namespace styles and belong in
         army-builder-col2.css (the namespace owner). They live here only so
         Gate 3 ships without touching builder files; Gate 4 moves them there
         and strips them from this file.
         .ds-cv-list / .ds-cv-sublist mirror the GW wargear-bullet styling
         (square / circle markers, hanging indents) of .ds-wargear-list /
         .ds-wargear-suboptions without their section padding, so the
         convention renderer also works inline inside ability rows. */

/* DevAgent15 - 2026-06-02
   What: v1 — Gate 5. The datasheet body REUSES the .ds-* namespace from
         army-builder-col2.css (loaded globally), so there are no datasheet
         styles here — this file owns only the Col3 empty state (.cc3-empty).
   Why:  Avoid duplicating ~1000 lines of datasheet CSS; keep one source of
         truth for .ds-* shared with the Army Builder datasheet. */

.cc3-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  text-align: center;
}

.cc3-empty__text {
  color: var(--text-dim);
  font-style: italic;
  font-size: var(--text-sm);
  line-height: 1.5;
}

/* ============================================================
   LIST-CONVENTION TEXT (DataAgent4 §3) — TRANSITIONAL, see header
   ============================================================ */

.ds-cv-section {
  border-top: var(--border-width) solid var(--border);
}

.ds-cv-body {
  padding: var(--space-2) var(--space-3);
}

.ds-cv-para {
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--text);
  margin: 0 0 var(--space-1);
}

.ds-cv-para:last-child {
  margin-bottom: 0;
}

.ds-cv-list {
  margin: var(--space-1) 0;
  padding-left: var(--space-4);
  list-style: square;
}

.ds-cv-list:last-child {
  margin-bottom: 0;
}

.ds-cv-list li {
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--text);
  margin-bottom: var(--space-1);
}

.ds-cv-list li:last-child {
  margin-bottom: 0;
}

.ds-cv-sublist {
  margin: var(--space-1) 0 0 var(--space-2);
  padding-left: var(--space-4);
  list-style: circle;
}

/* ============================================================
   EQUIPMENT PILLS (model_equipment) — TRANSITIONAL, see header
   ============================================================ */

.ds-equip-intro {
  margin: 0;
}

.ds-equip-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

/* Type colours (DevAgent22 v3) — mirrors army-view-col2.css v7 (.ds- twin of the
   .dsv- rules). Solid fill by weapon type; equipment violet kept light (dark text)
   to contrast with the faction accents. Codex/Builder show equipped pills only, so
   there is no unselected/outline variant here (that lives in the Col3 modal). */
.ds-equip-pill--ranged    { --pill-c: #2f7d4f; } /* green */
.ds-equip-pill--melee     { --pill-c: #a9793f; } /* light brown */
.ds-equip-pill--equipment { --pill-c: #a98be6; } /* light violet */

.ds-equip-pill {
  display: inline-flex;
  align-items: center;
  font-size: var(--text-xs);
  line-height: 1.4;
  padding: 1px 8px;
  border-radius: 999px;
  border: var(--border-width) solid var(--pill-c, var(--border));
  background: var(--pill-c, var(--surface));
  color: #ffffff;
  white-space: nowrap;
}

/* Effective-type letter (R / M / E). White on the solid pill. */
.ds-equip-pill__type {
  font-weight: 700;
  color: #ffffff;
  margin-right: 5px;
}

/* Light-violet equipment fill needs dark text for legibility. */
.ds-equip-pill--equipment,
.ds-equip-pill--equipment .ds-equip-pill__type {
  color: #2e1f47;
}