/* ta-cadence-board-v0.6.43.css */
/* ============================================================
   ta-cadence-board-v0.6.43.css
   INBXIFY T-A — Print Issue Allocator · LAYOUT ONLY
   Companion: ta-cadence-board-v0.7.24.js — INDEPENDENTLY VERSIONED.

   v0.6.42 (22 Oct 2026, Reserved Tiles Build S2): the Placement rules
   from v0.6.4 that served the armed row, the arm bar, the targeting
   outline and the Place button are deleted with placeArmed (JS v0.7.24).
   .ixcb-edit stays. Nothing else was edited.

   v0.6.41 (8 Oct 2026, IPP Build S7): one block at the end, "v0.6.41".
   "Pick a type" and "Needs a type" read in salmon ink (a row waiting
   on you), the "Needs a type" group label too, and the plan cell's
   plain reason text ("No newsletter section"). A locked plan's chip
   takes a default cursor. Nothing above the block was edited. Colours
   are existing tokens already audited in this file (--ix-salmon-ink on
   white and on --ix-cream; --ix-text-light).

   v0.6.37 (7 Oct 2026): a placed-but-unrecorded chip gets a gold ring;
   a claimed plan in the Assign list reads as locked. Nothing else.

   v0.6.36 (7 Oct 2026): Hide greys out while the row is allocated
   (.ixcb-hide--lock). Nothing else changed.

   v0.6.35 (7 Oct 2026): the redrawn row. One block at the end of the
   file, "v0.6.35 ROW", overrides what it replaces; nothing above it
   was edited. Needs JS v0.7.7 (new classes ixcb-c-ty, ixcb-typ-td,
   ixcb-typflat, ixcb-chip--in, ixcb-ax-dot, ixcb-hide, ixcb-cx).

   v0.6.34 (6 Oct 2026, IPP Build S2): the save bar at the foot of the
   board. JS v0.7.5 draws it outside the scrolling list, as the
   board's last row before the tray, so it stays at the bottom of the
   screen. Layout only: full width, no outer margin, a top edge and a
   soft shadow so it reads as sitting over the list. Colours unchanged
   (gold edge, gold glow, gold ink), already audited. Nothing else
   changed.
   These two are NOT a matched pair and have not been since 0.6.12.
   A JS bump does not oblige a CSS bump or the reverse. The old
   "matched pair" line was false for two versions; the mirror-image
   claim in the JS header is owed the same correction.

   CONTRAST AUDITED. Every colour pair in this file has been run
   through contrast-audit.py against ix-tokens. Tint-on-tint chip
   pairs failed at 2.62:1 (Ad) and 3.50:1 (RE) and were darkened;
   --ix-warn was fixed in ix-tokens v1.0.1 rather than here, because
   it failed in four consumers. Re-run the audit after ANY colour
   change in this file.

   REQUIRES ix-tokens-v1.0.4.css or later. v0.6.13 consumes
   --ix-ok-light, which does not exist before v1.0.4. Without the
   token file, 25 --ix-* tokens
   resolve to nothing, declarations are dropped as invalid, and text
   inherits its parent's colour. That is the mechanism behind the
   recurring white-on-white failures — not a colour choice.

   ════════════════════════════════════════════════════════════
   WHAT THIS FILE IS ALLOWED TO CONTAIN
   ════════════════════════════════════════════════════════════
   Layout, and only layout: the three-column flex, the 44px collapse
   rails, tile and row geometry, plan-card structure.

   IT MUST NOT CONTAIN button styling, chip styling, input styling,
   heading type, badges, spines, or a wildcard reset. Every one of
   those belongs to the ix series and is consumed by class:

     ix-surface-scope   wildcard defence          ix-tokens
     ix-btn--ghost      Studio / Refresh          ix-buttons
     ix-btn--pill       Focus, sort, type chips   ix-buttons
     ix-btn--icon       lane control icons        ix-buttons
     ix-picker-input    search box                ix-form-controls
     ix-section-title   column headings           ix-tokens
     ix-count           count pill                ix-tokens
     ix-needs-you       salmon NEXT badge         ix-tokens
     ix-spine--now      salmon rail               ix-tokens
     ix-on-dark         text inversion on teal    ix-tokens

   v0.2.x carried private copies of all of the above and spent four
   consecutive versions re-deriving a wildcard defence that ix-header
   had already documented and solved. If a rule here starts to look
   like a colour or a button, it belongs in ix instead — put it there
   so every T-A surface gets it, not just this tab.

   ════════════════════════════════════════════════════════════
   LOAD ORDER (Webflow head)
   ════════════════════════════════════════════════════════════
     1. ix-tokens-v1.0.4.css            ← defines every --ix-* token
     2. title-admin-page-design-v1.4.x.css
     3. ta-studio-components-v1.0.x.css
     4. ix-buttons / ix-modals / ix-form-controls / ix-header
     5. THIS FILE                        ← last

   ════════════════════════════════════════════════════════════
   v0.6.22 — THE ROW READS AS GROUPS
   ════════════════════════════════════════════════════════════
   One row of eight controls at even spacing gave no clue which
   label owned which field, so it read as a single run of chrome.
   A thin rule now separates the four groups — where to start, how
   many issues, how many editions, when it sends — and each label
   sits tight against the control it names.

   The label/control pairing is done with a smaller gap INSIDE a
   group than between groups. Grouping by proximity does the work;
   the rule only confirms it.

   ── v0.6.21 — THE GATE IS A ROW, NOT A STACK ──
   ════════════════════════════════════════════════════════════
   The setup gate rendered as six full-width controls stacked down
   the page. Cause: ix-form-controls declares

     .ix-picker-input { display: block !important; width: 100% !important }

   which is correct for a stacked form and wrong for an inline row.
   v0.6.20 set the font and padding on those controls and never
   touched the width, so every one of them claimed the full line and
   flex-wrap dutifully stacked them.

   Beating a (0,1,0) !important needs (0,2,0) !important, which the
   scoped selectors below already carry. Width is now auto and each
   control is flex:0 0 auto, so the row reads left to right the way
   the mockup does.

   THE LESSON, not just the fix: consuming an ix class means
   inheriting every declaration in it, including the ones that do not
   suit. Check what the primitive already asserts before assuming a
   font-size override is the whole job.

   ── v0.6.20 — GOLD BAR SETTLED, MOCKUP MEASUREMENTS ──
   ════════════════════════════════════════════════════════════
   Layout for the whole Overview surface, and layout only. Every
   region of mockup v0.9 is present: Next bar, cover + setup gate,
   Editions strip, manifest, orphan panel, lane rail.

   READ-ONLY IS DISABLED, NOT ABSENT. Controls that cannot act yet
   render greyed by their own :disabled state, which ix-buttons and
   ix-form-controls already carry. Nothing here fakes a disabled look
   and nothing is omitted. The chips are
   ix-btn--pill, the heading is ix-section-title, the four next-step
   tones read from ix tokens. Nothing here re-derives a button, a
   colour or a type scale.

   THE ACTIVE-CHIP CLASS IS NAMESPACED. `is-ixcb-on`, not `is-on` —
   another stylesheet on the T-A page owns the generic state names
   and wins. Every state class on this page is namespaced for that
   reason; do not "simplify" this back.

   TABLE COLUMNS ARE FIXED, NOT AUTO. table-layout:fixed with an
   explicit width per column, because auto layout lets one long
   headline crush Pg and Img to nothing. Title is the only column
   allowed to be generous; it truncates rather than wrapping to a
   second line.

   ════════════════════════════════════════════════════════════
   v0.6.13 — THE SUCCESS TOAST HAD NO COLOUR
   ════════════════════════════════════════════════════════════
   v0.6.14 of the JS introduced a tone on the app-bar message and
   appends `ixcb-err-ok` when it succeeded. This file had no rule
   for that class, so a success inherited `.ixcb-err` — the
   lightened RED tuned for failures. "Placed in WLN-120A" rendered
   in the same colour as "Could not confirm the save."

   The whole point of the v0.6.14 toast queue was that two
   different messages read as two different messages. The one
   signal that distinguished them was the one with nothing behind
   it.

   Both colours now come from ix-tokens v1.0.4 rather than being
   local hexes here. The old comment on .ixcb-err named that as
   its own retire path — "if a second surface ever needs it,
   promote it to --ix-danger-light" — and the success case is
   that second need.

   NOT FIXED HERE, still true: S.error carries both errors and
   confirmations in one slot, so a success can still replace a
   warning once the hold expires. Flagged in v0.6.10. Colouring
   them apart makes the collision legible; it does not end it.
   ============================================================ */

/* Height is a FALLBACK ONLY. fitHeight() in the companion JS
   overwrites all three inline on mount and resize, because a vh value
   is measured from the viewport and this board starts ~400px down the
   page — the vh height overshoots by exactly that offset and pushes
   the board's own footer below the fold. That is what made the
   selection tray unreachable for three versions. Do not "simplify"
   this back to a pure CSS height. */
.ixcb-root[data-ixcb-root] {
  font-family: var(--ix-font-body);
  color: var(--ix-text-dark);
  border-radius: var(--ix-radius);
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: min(82vh, 900px) !important;
  min-height: min(82vh, 900px) !important;
  max-height: min(82vh, 900px) !important;
}

/* ══ App bar ══
   Only the teal fill and the flex live here. ix-on-dark handles the
   text colour, ix-btn handles every control inside it. */
.ixcb-root .ixcb-appbar {
  display: flex; align-items: center; gap: 14px;
  padding: 13px 20px;
  background-color: var(--ix-teal) !important;
  flex: 0 0 auto;
}
.ixcb-brand {
  font: 600 18px/1 var(--ix-font-display);
  letter-spacing: -.01em; white-space: nowrap;
}
.ixcb-tenant {
  font: 500 10.5px/1 var(--ix-font-mono);
  letter-spacing: .13em; color: rgba(255,255,255,.52) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 24ch;
}
/* ══ Mode switcher ══
   One recessed track, three segments, the live one filled. Reads as
   a set of choices rather than a button whose label changes.

   NOT SALMON. The mockup filled the active segment with #ec7259, but
   ix-tokens now reserves salmon for "needs you now" — a thing waiting
   on the operator. A mode you selected is not waiting on you, and if
   salmon also means "current tab" it stops meaning anything on the
   NEXT badge two columns away. Gold is the platform's in-force accent
   and carries the same weight on this dark bar. Say the word if you
   want the mockup's salmon back and I will relax the token rule
   deliberately rather than by accident. */
.ixcb-root .ixcb-segs {
  display: flex; align-items: center; gap: 2px;
  background-color: rgba(255,255,255,.07) !important;
  border-radius: var(--ix-radius-pill);
  padding: 3px;
}
.ixcb-root .ixcb-seg {
  background-color: transparent !important;
  border: none; cursor: pointer;
  border-radius: var(--ix-radius-pill);
  padding: 5px 15px;
  font: 600 12px var(--ix-font-body);
  color: rgba(255,255,255,.62) !important;
  white-space: nowrap;
  transition: background-color var(--ix-ease), color var(--ix-ease);
}
.ixcb-root .ixcb-seg:hover { color: var(--ix-white) !important; }
.ixcb-root .ixcb-seg.ixcb-seg-on {
  background-color: var(--ix-gold) !important;
  color: #16302F !important;              /* 8.9:1 on gold — measured */
}
.ixcb-root .ixcb-seg:focus-visible { outline: 2px solid var(--ix-white); outline-offset: 1px; }
.ixcb-appbar-sp { flex: 1; }
/* Error text ON the dark bar. ix-danger is tuned for light surfaces
   and fails contrast on teal, so this is a local lightened variant.
   If a second surface ever needs it, promote it to --ix-danger-light. */
.ixcb-err {
  font-size: 12px; color: var(--ix-danger-light) !important; max-width: 42ch;
}
/* Success in the same slot. Two class names, so (0,2,0) — it beats
   .ixcb-err on specificity rather than on source order, and cannot
   be broken by someone reordering this file. Same luminance as the
   danger colour by design: a success must not shout louder than a
   failure, only differ in hue. */
.ixcb-err.ixcb-err-ok {
  color: var(--ix-ok-light) !important;
}
.ixcb-ver {
  font: 500 10px/1 var(--ix-font-mono); color: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--ix-radius-sharp); padding: 4px 7px;
}
.ixcb-root .ixcb-appbar .ix-btn.ixcb-onbar:hover {
  background-color: rgba(255,255,255,.18) !important;
  color: var(--ix-white) !important;
}

/* ══ Columns ══ */
.ixcb-root .ixcb-cols {
  flex: 1; display: flex; gap: 12px; padding: 12px;
  min-height: 0; align-items: stretch;
  background-color: var(--ix-cream) !important;
}
.ixcb-root .ixcb-col {
  display: flex; flex-direction: column; min-width: 0; min-height: 0;
  overflow: hidden;
  background-color: var(--ix-surface) !important;
  border-radius: var(--ix-radius);
  box-shadow: var(--ix-shadow-sm);
  overflow: hidden;
  transition: flex-basis var(--ix-ease), flex-grow var(--ix-ease);
}
.ixcb-col--components { flex: 1 1 26%; }
.ixcb-col--assets     { flex: 1 1 30%; }
.ixcb-root .ixcb-col--issues { flex: 2 1 44%; background-color: var(--ix-cream-warm) !important; }
.ixcb-col.ixcb-shut   { flex: 0 0 46px; cursor: pointer; }
.ixcb-cols.ixcb-focused .ixcb-col--issues { flex: 1 1 100%; }
/* Issue scope — the one thing that must never be misread. */
.ixcb-col.ixcb-scoped:not(.ixcb-shut) { box-shadow: inset 3px 0 0 var(--ix-gold), var(--ix-shadow-sm); }

/* ══ Rail ══ */
.ixcb-rail {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: space-between;
  padding: 14px 0; gap: 10px;
}
.ixcb-root .ixcb-rail:hover { background-color: var(--ix-gold-glow) !important; }
.ixcb-rail-lbl {
  writing-mode: vertical-rl; transform: rotate(180deg);
  font: 500 var(--ix-text-tiny)/1 var(--ix-font-mono); letter-spacing: .16em;
  text-transform: uppercase; color: var(--ix-text-light); white-space: nowrap;
}
.ixcb-rail-caret { font-size: 15px; color: var(--ix-border-input); }

/* ══ Column head ══ */
/* One row now — the description line is gone, so the grid does not
   need a second track. */
.ixcb-colhead {
  flex: 0 0 auto; padding: 14px 14px 12px;
  display: flex; align-items: center; gap: 9px;
}
.ixcb-colhead-l { display: flex; align-items: center; gap: 9px; min-width: 0; }
.ixcb-colhead-r { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.ixcb-colhint {
  grid-column: 1 / -1;
  font-size: 12px; color: var(--ix-text-light);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ixcb-root .ixcb-collapse {
  background-color: transparent !important; border: none; font-size: 16px; line-height: 1;
  color: var(--ix-border-input); cursor: pointer; padding: 0 2px 0 6px;
}
.ixcb-collapse:hover { color: var(--ix-teal); }

/* Lane icons are ix-btn--icon. Only the glyph geometry is ours, and
   the gold in-force dot — a control still filtering while collapsed
   makes a lane look broken, so it announces itself. */
.ixcb-ic { position: relative; }
.ixcb-ic svg {
  width: 13px; height: 13px; display: block;
  fill: none; stroke: currentColor; stroke-width: 1.4;
  stroke-linecap: round; stroke-linejoin: round;
}
.ixcb-root .ixcb-ic.ixcb-inforce { color: var(--ix-gold) !important; }
.ixcb-root .ixcb-ic.ixcb-inforce::after {
  content: ""; position: absolute; top: 2px; right: 2px;
  width: 4px; height: 4px; border-radius: 50%;
  background-color: var(--ix-gold) !important;
}

/* flex:1 1 0 + min-height:0 is what actually makes a flex child
   scroll; flex:1 alone leaves it sized to content. */
.ixcb-colbody { flex: 1 1 0; overflow-y: auto; overflow-x: hidden;
  padding: 0 16px 16px; min-height: 0; }

/* ══ Control panel ══ */
.ixcb-root .ixcb-ctrls {
  position: sticky; top: 0; z-index: 3;
  margin: 0 -16px 12px; padding: 9px 16px 11px;
  background-color: var(--ix-cream-warm) !important;
  border-bottom: 1px solid var(--ix-border-soft);
}
.ixcb-search { position: relative; }
.ixcb-root .ixcb-search .ix-picker-input { width: 100%; padding-right: 26px; }
.ixcb-root .ixcb-qx {
  position: absolute; top: 50%; right: 4px; transform: translateY(-50%);
  background-color: transparent !important; border: none; font-size: 15px; line-height: 1;
  color: var(--ix-text-light); cursor: pointer; padding: 0 3px; z-index: 2;
}
.ixcb-qx:hover { color: var(--ix-teal); }
.ixcb-chips { display: flex; flex-wrap: wrap; gap: 5px; }

/* In-force bar (v0.6.4). Shown when a filter is active and its panel
   is shut. Gold because it is a pending/in-force state, matching the
   editing-state accent — not salmon, which means "waiting on you". */
.ixcb-root .ixcb-inforce-bar {
  display: flex; align-items: center; gap: 10px;
  margin: 0 -16px 12px; padding: 7px 16px;
  background-color: var(--ix-gold-glow) !important;
  border-bottom: 1px solid var(--ix-gold);
  font-size: 11.5px; color: var(--ix-warn);
}
.ixcb-inforce-bar span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ixcb-inforce-bar .ix-revert { margin-left: auto; flex: 0 0 auto; }

/* ══ Components — flat list, arrival-gated (D-CVS-6) ══
   The tile grid is gone. A .docx is the commonest thing a publisher
   sends and a 104px thumbnail rendered it as a blank square. */

/* Row-1 dropdown (v0.6.4). Names its current value, so the operator
   reads the state instead of inferring it from which chip is lit. */
.ixcb-root .ixcb-drop{
  display: inline-flex; align-items: center; gap: 5px;
  background-color: var(--ix-surface) !important;
  border: 1px solid var(--ix-border-input);
  border-radius: var(--ix-radius-pill); padding: 5px 11px;
  font: 500 11.5px var(--ix-font-body); color: var(--ix-text-mid);
  cursor: pointer; white-space: nowrap;
}
.ixcb-root .ixcb-drop:hover{ border-color: var(--ix-gold); color: var(--ix-teal); }
.ixcb-drop-c{ font-size: 9px; color: var(--ix-text-light); }
.ixcb-menu button.ixcb-menu-on{
  background-color: var(--ix-teal) !important; color: #FFFFFF !important; font-weight: 600;
}

.ixcb-root .ixcb-new{
  background-color: var(--ix-gold) !important; border: none;
  border-radius: var(--ix-radius-pill); padding: 5px 12px; margin-right: 4px;
  font: 600 11.5px var(--ix-font-body); color: #16302F !important; cursor: pointer; white-space: nowrap;
}
.ixcb-root .ixcb-statusrow{ padding-top: 8px; padding-bottom: 9px; }

/* Arrival group. Sticky header so you always know which drop you are
   scrolled into. Newest open, older shut — the grouping IS the
   filter, so there is nothing to set and nothing to clear. */
.ixcb-g{ margin: 0 0 3px; }
.ixcb-root .ixcb-g-h{
  width: calc(100% + 24px); margin: 0 -12px; padding: 9px 12px;
  display: flex; align-items: center; gap: 9px;
  background-color: var(--ix-cream-warm) !important;
  border: none; border-bottom: 1px solid var(--ix-border-soft);
  cursor: pointer; text-align: left; position: sticky; top: 0; z-index: 2;
}
.ixcb-root .ixcb-g-h:hover{ background-color: var(--ix-cream-deep) !important; }
.ixcb-g-c{ font-size: 10px; color: var(--ix-text-light); width: 9px; transition: transform var(--ix-ease); }
.ixcb-g.ixcb-shut .ixcb-g-c{ transform: rotate(-90deg); }
.ixcb-g-d{ font: 600 12px var(--ix-font-body); color: var(--ix-teal); white-space: nowrap; }
.ixcb-root .ixcb-g-n{
  margin-left: auto; font: 500 10px var(--ix-font-mono); color: var(--ix-text-mid);
  background-color: var(--ix-cream) !important; border-radius: var(--ix-radius-pill); padding: 3px 8px;
}
.ixcb-g-b{ padding: 8px 0 4px; }
.ixcb-g.ixcb-shut .ixcb-g-b{ display: none; }

/* Row */
.ixcb-root .ixcb-r{
  display: flex; align-items: center; gap: 10px; padding: 8px 10px;
  background-color: var(--ix-surface) !important;
  border: 1px solid var(--ix-border-soft); border-radius: var(--ix-radius-sm);
  margin: 0 0 5px; cursor: pointer;
}
.ixcb-root .ixcb-r:hover{ background-color: var(--ix-cream-warm) !important; border-color: var(--ix-gold); }
/* SELECTED — gold, and gold means nothing else on this lane. The
   solid gold left rail overrides the bundle's violet one, so a
   selected bundle is unambiguous too. */
.ixcb-root .ixcb-r-sel,
.ixcb-root .ixcb-r-fold.ixcb-r-sel{
  background-color: #F2E3B8 !important;
  border-color: var(--ix-gold) !important;
  box-shadow: 0 0 0 3px var(--ix-gold-shadow);
}
.ixcb-root .ixcb-r-sel:hover,
.ixcb-root .ixcb-r-fold.ixcb-r-sel:hover{ background-color: #EDDBA6 !important; }
.ixcb-r-att{ opacity: .48; }
.ixcb-r:focus-visible{ outline: 2px solid var(--ix-blue); outline-offset: 1px; }

/* ── Bundle = STRUCTURE, so it is drawn, not coloured ──
   v0.5.2 filled this row with gold-glow. Gold is the platform's
   editing-state accent, so a selected file and an unselected folder
   read identically — the one signal that must never be ambiguous.
   The folder now sits on the same white ground as every other row
   and announces itself by shape: a violet BDL tile, a caret, a
   heavier label, and a violet spine. Violet appears nowhere else in
   the palette, so it cannot be confused with a state. */
.ixcb-root .ixcb-r-fold{
  /* v0.6.4 — the violet rail is gone. The BDL tile and the caret say
     "folder" perfectly well; a coloured rail on every bundle made the
     lane shout. Structure should be legible, not loud. */
  background-color: var(--ix-surface) !important;
  border-color: var(--ix-border);
}
.ixcb-root .ixcb-r-fold:hover{
  background-color: #FAF9FE !important; border-color: var(--ix-gold);
}
.ixcb-root .ixcb-r-fold .ixcb-n-t{ font-weight: 600; color: var(--ix-teal); }
.ixcb-root .ixcb-exp{
  background-color: transparent !important; border: none; cursor: pointer;
  font-size: 10px; color: #6B5CA5; padding: 2px 4px; width: 18px;
  transition: transform var(--ix-ease);
}
.ixcb-r-fold.ixcb-open .ixcb-exp{ transform: rotate(90deg); }
.ixcb-kids{ margin: 0 0 6px 28px; }

/* Type tiles carry type — which is why D-CVS-6 bans media-type pills. */
.ixcb-root .ixcb-t{
  width: 32px; height: 28px; border-radius: var(--ix-radius-sharp); flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  font: 500 8px var(--ix-font-mono); letter-spacing: .05em;
}
/* Violet — 8.1:1 with white, and the only violet on the surface. */
.ixcb-root .ixcb-t--fold { background-color: #6B5CA5 !important; color: #FFFFFF !important; }
.ixcb-root .ixcb-t--text { background-color: #DDE5E4 !important; color: #16302F !important; }
.ixcb-root .ixcb-t--image{ background-color: #E4EAFA !important; color: #2C3C86 !important; }
.ixcb-root .ixcb-t--video{ background-color: #F4EBD6 !important; color: #6A5620 !important; }
.ixcb-root .ixcb-t--audio{ background-color: #FAE5E0 !important; color: #93301C !important; }
.ixcb-root .ixcb-t--other{ background-color: #EFEBE0 !important; color: #4A5468 !important; }

.ixcb-n{ min-width: 0; flex: 1; }
.ixcb-n-t{ display: block; font-size: 13px; color: var(--ix-text-dark);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixcb-n-m{ display: block; font: 400 10.5px var(--ix-font-mono); color: var(--ix-text-light); margin-top: 2px; }
.ixcb-lo{ color: #93301C; }
/* "unplaced" is the actionable state in the Assets lane, so it reads
   as a prompt rather than as absent data. */
.ixcb-unpl{ color: #6A5620; font-weight: 500; }

/* v0.6.10 — placement not yet known. Printing "unplaced" before
   NL-BLOCKS has loaded states as fact something we have not looked up
   yet, which is the exact error this release fixes. */
.ixcb-pl-pending{ color: var(--ix-text-light); font-weight: 500; letter-spacing: .12em; }

/* Provenance is a badge, never a category. */
.ixcb-root .ixcb-prov{
  flex: 0 0 auto; font: 500 8px var(--ix-font-mono); letter-spacing: .07em;
  padding: 3px 6px; border-radius: var(--ix-radius-sharp);
  background-color: #EFEBE0 !important; color: #4A5468 !important;
}
.ixcb-root .ixcb-prov-ai{ background-color: #E4EAFA !important; color: #2C3C86 !important; }

/* ── v0.6.4 additions ── */

/* Bundle file count — a number, not a sentence. */
.ixcb-root .ixcb-bcount{
  flex: 0 0 auto; font: 500 10px var(--ix-font-mono); color: #6B5CA5 !important;
  background-color: #EEEBF7 !important; border-radius: var(--ix-radius-pill); padding: 3px 8px;
}

/* Locked plan. Lighter green so it reads as REFERENCE, not workspace —
   the operator should be able to tell at a glance which cards they can
   still act on without reading a single word. */
.ixcb-root .ixcb-plan.ixcb-locked{ border-left-color: #9CB3AE !important; opacity: .92; }
.ixcb-root .ixcb-plan.ixcb-locked .ixcb-plan-hd{ background-color: #4E6E68 !important; }
.ixcb-root .ixcb-lockchip{
  font: 500 8.5px var(--ix-font-mono); letter-spacing: .14em;
  /* A white-on-translucent-white chip measured 3.65:1 against the
     locked header. Solid dark ground instead — a LOCKED marker that
     is hard to read defeats its own purpose. */
  background-color: #24403B !important; color: #FFFFFF !important;
  padding: 3px 7px; border-radius: var(--ix-radius-sharp);
}
.ixcb-root .ixcb-lockbar{
  display: flex; align-items: center; gap: 10px;
  margin: 0 -16px 10px; padding: 8px 16px;
  background-color: var(--ix-cream-deep) !important;
  border-bottom: 1px solid var(--ix-border);
  font: 500 11.5px var(--ix-font-body); color: var(--ix-text-mid);
}
.ixcb-root .ixcb-lockbar .ix-revert{ margin-left: auto; }

/* Reader preview — ad creatives go to ix-lightbox; events and
   listings get this, because they have no page a reader can visit. */
.ixcb-ov{
  position: fixed; inset: 0; z-index: 99996;
  background-color: rgba(16,31,46,.62) !important;
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
.ixcb-ov-card{
  background-color: var(--ix-surface) !important; border-radius: var(--ix-radius);
  max-width: 560px; width: 100%; max-height: 86vh; overflow: auto;
  box-shadow: 0 20px 60px rgba(16,31,46,.4);
}
.ixcb-ov-h{
  display: flex; align-items: center; gap: 10px; padding: 13px 16px;
  background-color: var(--ix-teal) !important;
}
.ixcb-ov-t{ font: 600 15px var(--ix-font-body); color: #FFFFFF !important; flex: 1; min-width: 0; }
.ixcb-ov-x{
  background-color: transparent !important; border: none; cursor: pointer;
  font-size: 20px; line-height: 1; color: rgba(255,255,255,.75) !important; padding: 0 4px;
}
.ixcb-ov-img{ width: 100%; display: block; }
.ixcb-ov-b{ padding: 16px 18px 20px; }
.ixcb-ov-dl{ display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0 0 12px; }
.ixcb-ov-dl dt{
  font: 500 10px var(--ix-font-mono); letter-spacing: .1em; text-transform: uppercase;
  color: var(--ix-text-light); padding-top: 2px;
}
.ixcb-ov-dl dd{ margin: 0; font-size: 13.5px; color: var(--ix-text-dark); }
.ixcb-ov-p{ font-size: 13.5px; line-height: 1.6; color: var(--ix-text-mid); }
.ixcb-ov-none{ font-size: 13px; color: var(--ix-text-light); text-align: center; padding: 18px 0; }

/* ── Tray — VIEWPORT-FIXED ──
   Attempt three. Sticky-in-body failed because the lane was not the
   scroll container. Footer-of-column failed because the column's own
   bottom was below the fold. Fixed to the window cannot fail: there
   is no ancestor height, overflow or scroll context left to get it
   wrong. Elegance lost to reliability, on purpose. */
.ixcb-root .ixcb-tray{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 99995;
  padding: 12px 22px;
  background-color: #16302F !important;
  display: flex; align-items: center; gap: 12px;
  box-shadow: 0 -6px 24px rgba(16,31,46,.28);
}
.ixcb-tray-n{ font: 600 12.5px var(--ix-font-body); color: #FFFFFF !important; }
.ixcb-root .ixcb-tray .ixcb-tray-x{ color: #E8C172 !important; }
.ixcb-root .ixcb-tray-go{
  /* White on salmon measures 2.95:1. Salmon works as a small marker
     (the NEXT badge, where it is 8.5px caps against a dark card) but
     fails as a button fill under body text. Deepened to salmon-deep,
     which clears the floor and still reads unmistakably as the
     "needs you" colour. */
  margin-left: auto; background-color: #B23A22 !important; border: none;
  border-radius: var(--ix-radius-pill); padding: 7px 15px;
  font: 600 12px var(--ix-font-body); color: #FFFFFF !important; cursor: pointer; white-space: nowrap;
}

/* Creators menu (D-CVS-7) */
.ixcb-menu{
  position: absolute; z-index: 99997;
  background-color: var(--ix-surface) !important; border: 1px solid var(--ix-border);
  border-radius: var(--ix-radius-sm); box-shadow: 0 10px 34px rgba(26,58,58,.18);
  padding: 5px; min-width: 214px;
}
.ixcb-menu button{
  display: block; width: 100%; text-align: left;
  background-color: transparent !important; border: none; cursor: pointer;
  padding: 9px 12px; border-radius: 6px;
  font: 500 13px var(--ix-font-body); color: var(--ix-text-dark) !important;
}
.ixcb-menu button:hover{ background-color: var(--ix-cream) !important; }

/* ══ Asset rows ══ */
.ixcb-rows { display: flex; flex-direction: column; gap: 6px; }
.ixcb-root .ixcb-row {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 11px; background-color: var(--ix-surface) !important;
  border: 1px solid var(--ix-border); border-radius: var(--ix-radius-sm);
  cursor: pointer;
}
.ixcb-root .ixcb-row:hover {
  border-color: var(--ix-gold); background-color: var(--ix-cream-warm) !important;
}
.ixcb-row:active { transform: translateY(1px); }
.ixcb-row:focus-visible { outline: 2px solid var(--ix-blue); outline-offset: 1px; }

/* ══ Placement (v0.6.4; arm bar, armed row, targeting and Place gone in v0.6.42) ══ */

/* Edit is secondary: quiet until the row is hovered or it is focused,
   never invisible to a keyboard. */
.ixcb-root .ixcb-edit {
  margin-left: auto; flex: 0 0 auto;
  opacity: 0; transition: opacity var(--ix-ease);
}
.ixcb-row:hover .ixcb-edit,
.ixcb-root .ixcb-edit:focus-visible { opacity: 1; }

.ixcb-row-n {
  font-size: 12.5px; color: var(--ix-text-dark);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* Type codes read as a system, not as labels — mono, tight, uppercase. */
.ixcb-root .ixcb-kind {
  flex: 0 0 auto;
  font: 500 9px var(--ix-font-mono); letter-spacing: .09em; text-transform: uppercase;
  padding: 3px 7px; border-radius: var(--ix-radius-sharp);
  background-color: #EFEBE0 !important; color: #4A5468 !important;
}
/* v0.6.4 — SOLID, OPAQUE, EXPLICIT. No alpha, no token indirection.

   These four ran as tint-on-tint: an rgba() token at 10–14% alpha
   with its own full-strength value as the text. That construction has
   two failure modes and hit both. It renders differently depending on
   whatever is behind it, so the same chip is legible on a white row
   and unreadable somewhere else. And if the alpha token fails to
   resolve for any reason, the declaration is dropped and the chip
   inherits a background nobody chose — which is how ARTICLE ended up
   dark-on-dark.

   Solid values cannot do either. Each pair below is measured, not
   estimated: contrast-audit.py reports the ratio and every one clears
   4.5:1 against its own background regardless of what sits behind it.

   Do NOT convert these back to var(--ix-*-soft) tints to "use the
   tokens". The tokens are correct for surfaces; they are wrong for
   small text on a coloured pill. */
.ixcb-root .ixcb-kind--article { background-color: #DDE5E4 !important; color: #16302F !important; }
.ixcb-root .ixcb-kind--ad      { background-color: #F4EBD6 !important; color: #6A5620 !important; }
.ixcb-root .ixcb-kind--event   { background-color: #E4EAFA !important; color: #2C3C86 !important; }
.ixcb-root .ixcb-kind--re      { background-color: #FAE5E0 !important; color: #93301C !important; }

/* ══ Plan cards ══
   The card carries ix-spine, and the first carries ix-spine--now, so
   the salmon rail comes from the design system. Structure only here. */
.ixcb-plans { display: flex; flex-direction: column; gap: 8px; }
.ixcb-root .ixcb-plan {
  background-color: var(--ix-surface) !important;
  border-radius: var(--ix-radius-sm); overflow: hidden;
  box-shadow: var(--ix-shadow-sm);
  transition: transform var(--ix-ease), box-shadow var(--ix-ease);
}
.ixcb-plan:hover { transform: translateY(-1px); box-shadow: var(--ix-shadow-lg); }
.ixcb-root .ixcb-plan-hd {
  background-color: var(--ix-teal) !important;
  padding: 9px 13px 8px;
}
.ixcb-plan-id { display: flex; align-items: center; gap: 9px; }
.ixcb-plan-n {
  font: 600 17px/1.1 var(--ix-font-display);
  letter-spacing: -.015em; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.ixcb-plan-s {
  margin-top: 3px;
  font: 400 10.5px var(--ix-font-mono); letter-spacing: .07em;
  color: rgba(255,255,255,.55) !important; white-space: nowrap;
}
.ixcb-plan-b { padding: 5px 13px 7px; }
.ixcb-plan-m { display: flex; align-items: center; gap: 12px; }
.ixcb-fill { font-size: var(--ix-text-tiny); color: var(--ix-text-mid); white-space: nowrap; }
.ixcb-fill b { color: var(--ix-teal); font-weight: 600; }
.ixcb-print {
  font-size: var(--ix-text-tiny); color: var(--ix-blue); text-decoration: none;
  margin-left: auto; white-space: nowrap;
}
.ixcb-print:hover { text-decoration: underline; }

/* ── v0.6.7 · EDITION ROWS ───────────────────────────────────────
   One tile per print issue; each edition is a row inside it. Built
   from ix tokens only — no new colour values enter the system here.
   Rows are separated by a hairline rather than boxed: they are parts
   of one issue, not siblings of the tile.                          */

/* Header chip. Deliberately quieter than .ix-needs-you and
   .ixcb-lockchip — it is a fact about the issue, not a call to act. */
.ixcb-edcount {
  font: 500 8.5px/1 var(--ix-font-mono); letter-spacing: .14em;
  text-transform: uppercase; white-space: nowrap;
  padding: 3px 7px; border-radius: var(--ix-radius-sharp);
  /* Same lesson as .ixcb-lockchip above: white-on-translucent-white
     cannot be measured and did not pass. Solid ground, taken one step
     lighter than the lockchip so the two chips stay distinguishable
     when a locked issue shows both. */
  background-color: #2E514B !important; color: #FFFFFF !important;
}

.ixcb-plan-s .ixcb-print { margin-left: 0; color: var(--ix-blue-light); }

.ixcb-ed {
  display: flex; align-items: center; gap: 10px;
  padding: 6px 0;
  border-top: 1px solid var(--ix-cream-deep);
}
.ixcb-ed:first-child { border-top: 0; padding-top: 2px; }

/* The edition letter is the row's anchor, so it gets the display face
   and a fixed min-width — A and B align down the tile even when one
   row carries a lock chip and the other a Place button. */
.ixcb-ed-lbl {
  font: 600 12px/1 var(--ix-font-display);
  color: var(--ix-teal); white-space: nowrap;
  min-width: 22px;
}
.ixcb-ed-date {
  font: 400 10.5px var(--ix-font-mono); letter-spacing: .05em;
  color: var(--ix-text-light); white-space: nowrap;
}
.ixcb-ed .ixcb-fill { margin-left: auto; }

/* Locked edition inside an otherwise-live issue. Muted, not hidden —
   the operator needs to see that B is closed while A is open. */
.ixcb-ed-locked .ixcb-ed-lbl { color: var(--ix-text-light); }
.ixcb-ed-lock {
  font: 500 8.5px/1 var(--ix-font-mono); letter-spacing: .14em;
  text-transform: uppercase; white-space: nowrap;
  padding: 3px 6px; border-radius: var(--ix-radius-sharp);
  color: #4E6E68; background-color: rgba(78,110,104,.12);
}

/* ══ States ══ */
.ixcb-root .ixcb-empty {
  padding: 30px 16px; text-align: center;
  color: var(--ix-text-mid); font-size: 12.5px; line-height: 1.65;
  border: 1px dashed var(--ix-border-input); border-radius: var(--ix-radius-sm);
  background-color: var(--ix-cream-warm) !important;
}
/* A drifted DOM contract must not look like "no work to do". */
.ixcb-root .ixcb-empty.ixcb-diag {
  border-style: solid; border-color: var(--ix-gold);
  background-color: var(--ix-gold-glow) !important;
  color: var(--ix-warn); text-align: left;
}
.ixcb-empty.ixcb-diag b { display: block; margin-bottom: 5px; color: var(--ix-warn); }
.ixcb-loading {
  display: flex; align-items: center; gap: 9px;
  padding: 24px 4px; font-size: 12.5px; color: var(--ix-text-light);
}
.ixcb-spin {
  width: 14px; height: 14px;
  border: 2px solid rgba(255,255,255,.28); border-top-color: var(--ix-white);
  border-radius: 50%; animation: ixcbspin .7s linear infinite; display: inline-block;
}
.ixcb-colbody .ixcb-spin {
  border-color: var(--ix-teal-soft); border-top-color: var(--ix-teal);
}
@keyframes ixcbspin { to { transform: rotate(360deg); } }

/* ══ Legacy switch pill ══ */
/* Injected OUTSIDE .ixcb-root, so it cannot borrow the root's
   specificity. [class] buys the point instead — the same device
   ix-tokens uses on .ix-surface-scope. */
.ixcb-legacy-pill[class] {
  display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px;
  background-color: var(--ix-gold-glow) !important;
  border: 1px solid var(--ix-gold);
  border-radius: var(--ix-radius-pill); padding: 6px 15px;
  font: 600 12px var(--ix-font-body); color: var(--ix-warn); cursor: pointer;
}
.ixcb-legacy-pill[class]:hover { background-color: var(--ix-gold-shadow) !important; color: var(--ix-teal); }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* D-CVS-12 — desktop-only. Below this the board is the wrong tool. */
@media (max-width: 900px) {
  .ixcb-cols { display: block; }
  .ixcb-root::before {
    content: "The Cadence Board is a desktop surface.";
    display: block; padding: 12px 18px;
    background-color: var(--ix-gold-glow) !important;
    font-size: 12.5px; color: var(--ix-warn);
  }
}


/* ══════════════════════════════════════════════════════════
   OVERVIEW
   Values below are the mockup's, read from its stylesheet
   rather than judged by eye. The previous cut approximated
   them and every one drifted — 16px gutters against 24,
   a 190px cover against 238, and uppercase mono labels at
   10px against plain 11.5px body. The labels were the costly
   one: wide enough to wrap the control row three deep and
   turn the gate into half a screen.

   Mockup gutter is 24px horizontal throughout. Keep it.
   ══════════════════════════════════════════════════════════ */

.ixcb-root .ixcb-ovw {
  flex: 1; min-height: 0; overflow: auto; padding: 0;
  background-color: var(--ix-cream) !important;
}

/* ── Next bar ──
   TEAL AT FULL STRENGTH, EVERYWHERE ON IT. --ix-gold carries exactly
   one legible colour and this is it: 5.11:1. The previous cut faded
   the secondary elements and every faded tone failed — source line
   2.66:1, placeholder 2.25:1, cancel link 3.19:1. Nothing on this bar
   is secondary enough to earn a faded tone, so nothing gets one.

   Note for anyone auditing: contrast-audit.py compares solid hex
   pairs and cannot composite rgba over a background, so it passed
   this bar cleanly while three of its colours were failing. Use full
   strength here and the question does not arise. */
.ixcb-root .ixcb-nextbar {
  display: flex; align-items: center; gap: 12px;
  padding: 8px 24px;
  background-color: var(--ix-gold) !important;
}

/* The board's title. NO BORDER, at rest or on hover — the bar reads
   as a title, not as a form. Left padding is ZERO so the first letter
   sits on the same vertical line as the cover image below, which
   starts at the hero's 24px gutter. */
.ixcb-root input.ixcb-nb-title {
  flex: 0 1 auto; min-width: 170px; max-width: 460px;
  appearance: none; -webkit-appearance: none;
  background: transparent !important; background-image: none !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0;
  padding: 1px 0 !important; margin: 0;
  font-family: var(--ix-font-display) !important;
  font-size: 20px !important; font-weight: 600 !important; line-height: 1.25;
  color: var(--ix-teal) !important;
}
.ixcb-root input.ixcb-nb-title::placeholder {
  /* Full strength, like everything else on this bar. At .62 it
     measured 2.66:1 — under even the large-text floor. The weight
     drop is what separates an empty title from a real one. */
  color: var(--ix-teal) !important; opacity: 1; font-weight: 500;
}
.ixcb-root input.ixcb-nb-title:focus {
  outline: none;
  border-bottom-color: rgba(26,58,58,.35) !important;
}
/* Pending, unsaved. A box would be the border we just removed, so the
   edit-state marker is an underline instead — same MEANING as
   ix-picker-input--changed, drawn in teal because gold on gold says
   nothing. */
.ixcb-root input.ixcb-nb-title--changed {
  border-bottom-color: var(--ix-teal) !important;
}
.ixcb-root .ixcb-nb-revert { color: var(--ix-teal) !important; flex: none; }
.ixcb-root .ixcb-nb-revert:hover:not(:disabled) { color: var(--ix-teal) !important; }
.ixcb-root .ixcb-nb-save { flex: none; padding: 4px 11px; font-size: 11.5px; }
.ixcb-root .ixcb-nb-sp { flex: 1 1 auto; min-width: 8px; }
.ixcb-root .ixcb-nb-s {
  font: 500 10.5px/1 var(--ix-font-mono);
  color: var(--ix-teal) !important;
  flex: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ── Hero · mockup: 238px 1fr, gap 22, padding 18/24/14 ── */
.ixcb-root .ixcb-hero {
  display: grid; grid-template-columns: 238px 1fr; gap: 22px;
  padding: 18px 24px 14px;
  border-bottom: 1px solid var(--ix-border);
}
/* align-self:start — the hero is a grid, and a stretched grid item
   overrides aspect-ratio, which is what made the placeholder run the
   full height of the panel beside it. */
.ixcb-root .ixcb-cover { align-self: start; }
.ixcb-root .ixcb-cover-img,
.ixcb-root .ixcb-cover-ph {
  display: block; width: 100%; aspect-ratio: 17 / 22; height: auto;
  border-radius: var(--ix-radius); overflow: hidden;
}
.ixcb-root .ixcb-cover-img {
  object-fit: cover; box-shadow: 0 8px 26px rgba(26,58,58,.24);
}
.ixcb-root .ixcb-cover-ph {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  border: 1px dashed var(--ix-border-input);
  background-color: var(--ix-cream-warm) !important;
  font: 500 10px/1 var(--ix-font-mono); letter-spacing: .14em; text-transform: uppercase;
  color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-cover-note {
  font: 400 8.5px/1.3 var(--ix-font-mono); letter-spacing: .04em; text-transform: none;
}
/* mockup .cvcap — 500 9px mono, centred */
.ixcb-root .ixcb-cvcap {
  margin-top: 7px; text-align: center;
  font: 500 9px/1.3 var(--ix-font-mono); letter-spacing: .08em;
  color: var(--ix-text-light) !important;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ixcb-root .ixcb-setup { display: flex; flex-direction: column; gap: 11px; min-width: 0; }

/* mockup .gate — white, 15px 17px */
.ixcb-root .ixcb-gate {
  background-color: var(--ix-white) !important;
  border: 1px solid var(--ix-border); border-radius: var(--ix-radius);
  padding: 15px 17px;
}
/* mockup .ref — one row, 400 11.5px body */
.ixcb-root .ixcb-ref {
  display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap;
  padding-bottom: 11px; margin-bottom: 13px;
  border-bottom: 1px solid var(--ix-border);
  font: 400 11.5px/1 var(--ix-font-body); color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-ref b { font-weight: 600; color: var(--ix-text-mid) !important; }
.ixcb-root .ixcb-ref-sep { opacity: .45; }
/* mockup .gate h3 — 600 18px Fraunces. Family forced: a heavier
   selector on the T-A page was dropping it to the body stack. */
.ixcb-root .ixcb-gate-h,
.ixcb-root h3.ixcb-gate-h {
  margin: 0 0 11px;
  font-family: var(--ix-font-display) !important;
  font-size: 18px !important; font-weight: 600 !important; line-height: 1;
  color: var(--ix-teal) !important;
}
/* mockup .ctrls — one wrapping row, gap 8 */
/* Gap here is the WITHIN-group spacing: a label sits tight against
   the control it names. Between groups, the divider adds its own
   margin, so proximity does the grouping and the rule confirms it. */
.ixcb-root .ixcb-ctrls { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ixcb-root .ixcb-ctrls-div {
  flex: 0 0 auto; width: 1px; height: 20px; margin: 0 7px;
  background-color: var(--ix-border) !important;
}
/* mockup .ctrls label — PLAIN 11.5px body. Not mono, not uppercase,
   not letter-spaced. This is the rule that kept the row to one line. */
.ixcb-root .ixcb-ctrls label {
  font: 400 11.5px/1 var(--ix-font-body);
  letter-spacing: 0; text-transform: none;
  color: var(--ix-text-mid) !important;
}
/* mockup select,input[type=date] — 500 11.5px body, padding 5px 7px.
   WIDTH AND DISPLAY MUST BE FOUGHT: ix-form-controls sets
   display:block + width:100% !important at (0,1,0), which is right
   for a stacked form and wrong for this row. These selectors are
   (0,2,0), so !important here wins. */
.ixcb-root .ixcb-ctrls select.ix-picker-input,
.ixcb-root .ixcb-ctrls input.ix-picker-input {
  display: inline-block !important;
  width: auto !important;
  flex: 0 0 auto;
  min-height: 0 !important;
  font-family: var(--ix-font-body) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  padding: 5px 7px !important;
  border-width: 1px !important;
}
/* Date pickers have no intrinsic width to shrink to. */
.ixcb-root .ixcb-ctrls input[type="date"].ix-picker-input { width: 148px !important; }
.ixcb-root input.ixcb-gate-no {
  width: 58px !important; text-align: center;
  font-family: var(--ix-font-mono) !important; font-size: 11.5px !important;
}
.ixcb-root .ixcb-ctrls-sp { flex: 1 1 auto; min-width: 4px; }
.ixcb-root .ixcb-gate-ro {
  margin-top: 10px; font: 400 11px/1.4 var(--ix-font-body);
  color: var(--ix-text-light) !important; max-width: 860px;
}

/* ── Editions · mockup .edwrap 16px 24px 4px ── */
.ixcb-root .ixcb-edwrap { padding: 16px 24px 4px; }
.ixcb-root .ixcb-edhd { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.ixcb-root .ixcb-ed-chip {
  font: 500 10px/1 var(--ix-font-mono);
  background-color: var(--ix-gold) !important;
  color: var(--ix-teal) !important;
  border-radius: 99px; padding: 3px 8px;
}
/* mockup .edgrid — auto-fit, min 210px */
.ixcb-root .ixcb-edgrid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px;
}
.ixcb-root .ixcb-ed {
  display: flex; flex-direction: column; gap: 3px; padding: 9px 12px;
  border: 1px solid var(--ix-border); border-radius: var(--ix-radius);
  background-color: var(--ix-white) !important;
}
.ixcb-root .ixcb-ed-k { font: 600 12px/1 var(--ix-font-mono); color: var(--ix-teal) !important; }
.ixcb-root .ixcb-ed-c { font-size: 10.5px; color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-ed-none {
  font-size: 11.5px; color: var(--ix-text-light) !important; padding: 4px 0 8px;
}

/* ── Manifest · mockup .mani 14px 24px 20px ── */
.ixcb-root .ixcb-ovw .ixcb-sl { display: flex; flex-direction: column; padding: 14px 24px 20px; }
.ixcb-root .ixcb-sl-head { display: flex; align-items: center; gap: 11px; flex-wrap: wrap; }
.ixcb-root .ixcb-sl-sp { flex: 1; }
.ixcb-root .ixcb-sl-src { font: 500 10.5px/1 var(--ix-font-mono); color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-sl-badge {
  font: 500 10px/1 var(--ix-font-mono);
  background-color: var(--ix-white) !important;
  color: var(--ix-salmon-ink) !important;
  border: 1px solid var(--ix-salmon); border-radius: 99px; padding: 2px 9px;
}
/* mockup .filters — margin-left auto, gap 5 */
.ixcb-root .ixcb-sl-chips { display: flex; gap: 5px; flex-wrap: wrap; margin-left: auto; }
.ixcb-root .ix-btn--pill.is-ixcb-on {
  background-color: var(--ix-teal) !important;
  color: var(--ix-text-invert) !important;
  border-color: var(--ix-teal) !important;
}
.ixcb-root .ixcb-sl-n { margin-left: 6px; font-family: var(--ix-font-mono); font-size: 10px; opacity: .72; }
/* mockup .mnote — 11.5px, capped at 860 so it never runs the full width */
.ixcb-root .ixcb-sl-ro {
  margin: 5px 0 11px; font: 400 11.5px/1.45 var(--ix-font-body);
  color: var(--ix-text-mid) !important; max-width: 860px;
}
.ixcb-root .ixcb-sl-diag {
  border-left: 3px solid var(--ix-salmon);
  background-color: var(--ix-salmon-ghost) !important;
  padding: 10px 12px; margin-bottom: 11px; border-radius: var(--ix-radius-sharp);
  font: 400 12px/1.5 var(--ix-font-body); color: var(--ix-text-dark) !important;
  max-width: 860px;
}
.ixcb-root .ixcb-sl-diag--soft {
  border-left-color: var(--ix-gold);
  background-color: var(--ix-gold-glow) !important;
}

.ixcb-root .ixcb-sl-tw {
  border: 1px solid var(--ix-border); border-radius: var(--ix-radius);
  overflow: hidden; background-color: var(--ix-white) !important;
}
.ixcb-root .ixcb-sl-tbl {
  width: 100%; border-collapse: collapse; table-layout: fixed;
  font-family: var(--ix-font-body);
}
/* mockup thead th — 500 8.6px mono, .13em, 8px 10px */
.ixcb-root .ixcb-sl-tbl th {
  text-align: left; padding: 8px 10px;
  font: 500 8.6px/1 var(--ix-font-mono); letter-spacing: .13em; text-transform: uppercase;
  color: var(--ix-text-light) !important;
  background-color: var(--ix-cream) !important;
  border-bottom: 1px solid var(--ix-border);
  white-space: nowrap;
}
/* mockup tbody td — 8px 10px, 12.5px, middle */
.ixcb-root .ixcb-sl-tbl td {
  padding: 8px 10px; font-size: 12.5px; vertical-align: middle;
  color: var(--ix-text-dark) !important;
  border-bottom: 1px solid var(--ix-border-soft);
}
.ixcb-root .ixcb-sl-tbl tr:last-child td { border-bottom: 0; }

/* mockup widths: pg 36, file 222, asn 118 */
.ixcb-root .ixcb-sl-tbl th:nth-child(1), .ixcb-root .ixcb-sl-pg    { width: 36px; }
.ixcb-root .ixcb-sl-tbl th:nth-child(2), .ixcb-root .ixcb-sl-sec   { width: 156px; }
.ixcb-root .ixcb-sl-tbl th:nth-child(4), .ixcb-root .ixcb-sl-img   { width: 44px; }
.ixcb-root .ixcb-sl-tbl th:nth-child(5), .ixcb-root .ixcb-sl-file  { width: 222px; }
.ixcb-root .ixcb-sl-tbl th:nth-child(6), .ixcb-root .ixcb-sl-plans { width: 118px; }
.ixcb-root .ixcb-sl-tbl th:nth-child(7), .ixcb-root .ixcb-sl-next  { width: 148px; }

/* mockup td.pg — 500 11px mono, light */
.ixcb-root .ixcb-sl-pg  { font: 500 11px/1 var(--ix-font-mono); color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-sl-img { font: 500 11px/1 var(--ix-font-mono); color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-sl-plans { font-family: var(--ix-font-mono); font-size: 11px; }
.ixcb-root .ixcb-sl-file {
  font-family: var(--ix-font-mono); font-size: 11px; color: var(--ix-text-light) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* mockup .sectag — 500 8.2px mono, uppercase, teal-soft */
.ixcb-root .ixcb-sl-sec {
  font: 500 8.2px/1.3 var(--ix-font-mono); letter-spacing: .1em; text-transform: uppercase;
  /* NOT --ix-teal-soft: that token is a 10% alpha tint, not a colour,
     and would render this near-invisible on white. Solid mid-teal. */
  color: var(--ix-teal-mid) !important;
}
/* One line, never two. */
.ixcb-root .ixcb-sl-ttl {
  font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* mockup td.title .by — 10.5px, light, 1px top */
.ixcb-root .ixcb-sl-by {
  display: block; margin-top: 1px;
  font: 400 10.5px/1.2 var(--ix-font-body); color: var(--ix-text-light) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* mockup td.asn — 118px, centred, left rule */
.ixcb-root .ixcb-sl-asn {
  width: 118px; text-align: center; white-space: nowrap;
  border-left: 1px solid var(--ix-border-soft);
}
.ixcb-root .ixcb-sl-tbl th.ixcb-sl-asn { font-size: 8.6px; }

.ixcb-root .ixcb-sl-next { font-size: 11.5px; }
.ixcb-root .ixcb-sl-next--now  { color: var(--ix-salmon-ink) !important; font-weight: 600; }
.ixcb-root .ixcb-sl-next--warn { color: var(--ix-warn) !important; }
.ixcb-root .ixcb-sl-next--ok   { color: var(--ix-ok) !important; }
.ixcb-root .ixcb-sl-next--mute { color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-sl-none {
  padding: 20px 10px; text-align: center; font-size: 12px;
  color: var(--ix-text-light) !important;
}

/* ── Orphans · mockup .orph 0 24px 18px ── */
.ixcb-root .ixcb-orph { padding: 0 24px 18px; }
/* mockup .orph h3 — 600 13px BODY, teal */
.ixcb-root .ixcb-orph .ix-section-title {
  font: 600 13px/1 var(--ix-font-body) !important; color: var(--ix-teal) !important;
}
.ixcb-root .ixcb-orph-p {
  margin: 3px 0 8px; font-size: 11.5px; color: var(--ix-text-light) !important;
}
/* mockup .ofile — inline-flex, min 210, white card */
.ixcb-root .ixcb-orph-none {
  display: inline-flex; align-items: center; min-width: 210px;
  padding: 7px 11px; border: 1px solid var(--ix-border); border-radius: var(--ix-radius);
  background-color: var(--ix-white) !important;
  font: 500 11px/1.3 var(--ix-font-mono); color: var(--ix-text-light) !important;
}

/* ── Lane rail · mockup .lanes 0 24px 20px, gap 8 ── */
.ixcb-root .ixcb-lanes { display: flex; gap: 8px; padding: 0 24px 20px; }
.ixcb-root .ixcb-lanes .ixcb-lane {
  flex: 1; display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; cursor: pointer; text-align: left;
  border: 1px solid var(--ix-border); border-radius: var(--ix-radius);
  background-color: var(--ix-white) !important;
  font-family: var(--ix-font-body);
}
.ixcb-root .ixcb-lanes .ixcb-lane:hover { border-color: var(--ix-teal); }
/* mockup .lane .nm — 600 12.5px body, teal */
.ixcb-root .ixcb-lane-nm { font: 600 12.5px/1 var(--ix-font-body); color: var(--ix-teal) !important; }
.ixcb-root .ixcb-lane-ct { font: 500 10.5px/1 var(--ix-font-mono); color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-lane-ch { margin-left: auto; color: var(--ix-text-light) !important; }


/* ============================================================
   §  MANIFEST TABLE — v0.6.23  (companion: JS v0.6.25)
   ------------------------------------------------------------
   BUILD FROM THE IX SERIES. The pickers reuse
   ix-form-controls (.ix-picker-input--changed is the gold
   editing-state border, verbatim), the buttons reuse
   ix-buttons (.ix-btn--primary/--teal/--danger/--pill), the
   confirm reuses ix-modals (.ix-overlay / .ix-modal /
   .ix-modal-banner--alert / .ix-modal-body / .ix-modal-footer).
   Nothing below re-declares any of them. What IS here is only
   the table geometry and the two tag variants ix-form-controls
   has no equivalent for.

   THREE HAZARDS SOLVED HERE — DO NOT RE-DERIVE

   1. section.publisher-wrapper * forces background-color at
      specificity (0,1,1) on EVERY descendant, including the
      label INSIDE a button. Every colour-bearing rule below
      carries !important and a trailing-descendant reach.

   2. The old width rules were th:nth-child(1..7) at (0,3,1),
      written for a seven-column table that no longer exists.
      They would now size the WRONG columns. They are
      neutralised below at (0,4,1) — .ixcb-root .ixcb-ovw
      .ixcb-sl-tbl th:nth-child(n) — and real widths come from
      the colgroup, which table-layout:fixed honours first.

   3. A td with position:relative and z-index:auto paints in
      DOM order, so a popover inside row 3 renders BEHIND rows
      4..16. z-index on the popover cannot fix that. The CELL
      holding the open popover takes the z-index —
      .ixcb-asn--open — which is why the JS marks the cell
      rather than the panel.
   ============================================================ */

/* ── Neutralise the seven-column widths (hazard 2) ─────────── */
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(1),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(2),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(3),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(4),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(5),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(6),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(7),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(8) { width: auto; }

/* ── Proportional columns. Percentages total 100 so the whole
      width is allocated, rather than one flex column swallowing
      it and crushing everything to its right. ──────────────── */
.ixcb-root .ixcb-sl-tbl { table-layout: fixed; width: 100%; }
.ixcb-root col.ixcb-c-pg   { width: 4%; }
.ixcb-root col.ixcb-c-sec  { width: 13%; }
.ixcb-root col.ixcb-c-typ  { width: 10%; }
.ixcb-root col.ixcb-c-ttl  { width: 30%; }
.ixcb-root col.ixcb-c-img  { width: 8%; }
.ixcb-root col.ixcb-c-iss  { width: 18%; }
.ixcb-root col.ixcb-c-disp { width: 13%; }
.ixcb-root col.ixcb-c-act  { width: 4%; }

/* ── ONE LINE PER ROW. No cell may wrap; long values clip and
      carry the full string in a title attribute. ──────────── */
.ixcb-root .ixcb-sl-tbl td,
.ixcb-root .ixcb-sl-tbl th {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  vertical-align: middle;
}
.ixcb-root .ixcb-sl-tbl th.ixcb-th-r,
.ixcb-root .ixcb-sl-pg,
.ixcb-root .ixcb-sl-img { text-align: right; }
.ixcb-root .ixcb-sl-ttl  { font-weight: 500; color: var(--ix-text-dark) !important; }
.ixcb-root .ixcb-sl-sec  { font-size: 10.5px; font-weight: 500; color: var(--ix-teal) !important; }
.ixcb-root .ixcb-sl-act  { text-align: center; }
.ixcb-root .ixcb-sl-row--out td      { opacity: .5; }
.ixcb-root .ixcb-sl-row--out .ixcb-sl-ttl {
  text-decoration: line-through; text-decoration-color: var(--ix-text-light);
}

/* ── Picker cells opt out of the clip, and the OPEN one lifts
      above every row below it (hazard 3) ──────────────────── */
.ixcb-root .ixcb-sl-tbl td.ixcb-asn { overflow: visible; position: relative; }
.ixcb-root .ixcb-sl-tbl td.ixcb-asn--open { z-index: 60; }

/* ── Assignment picker. ix-picker-input--changed supplies the
      gold pending border; only the closed-state shape is here. ── */
.ixcb-root .ixcb-pick {
  display: inline-flex; align-items: center; gap: 5px; width: 100%;
  border: 1px solid var(--ix-border-input); border-radius: 5px; padding: 3px 7px;
  font: 500 10.5px/1.3 var(--ix-font-body); cursor: pointer; text-align: left;
  background: var(--ix-surface) !important; color: var(--ix-text-mid) !important;
}
.ixcb-root .ixcb-pick:hover { border-color: var(--ix-teal); color: var(--ix-teal) !important; }
.ixcb-root .ixcb-pick-l { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixcb-root .ixcb-pick-c { font-size: 9px; opacity: .6; }

.ixcb-root .ixcb-saved { display: flex; align-items: center; gap: 4px; min-width: 0; }
.ixcb-root .ixcb-chip {
  border-radius: 4px; padding: 2px 6px; font: 700 10px/1.3 var(--ix-font-body);
  white-space: nowrap;
  background: var(--ix-teal-soft) !important; color: var(--ix-teal) !important;
}

/* ── ISSUE LANES (v0.6.28) ──
   A parsed print issue can carry several PubPlans. Each one takes a
   lane: a fixed horizontal position and a colour, so an operator
   reads the allocation down the column instead of row by row.

   data-lane is written by the JS from the plan's position in issue
   order. Everything else is here. Two knobs sit on the element and
   the rest derives from them:

     --ixcb-lane-n     lane index, set by the attribute rules below
     --ixcb-lane-ink   the lane's colour, an ix token

   The border is a color-mix of that one ink, so overriding a lane is
   one declaration. Inks are ix tokens only — no hex originates in
   this file. Five colours, then the cycle repeats; there is no sixth
   that stays distinguishable at pill size.

   THE PILL SITS ON WHITE, NOT ON A TINT OF ITS INK. A 12% tint was
   the first build and it failed the audit on three of the five:
   gold-ink 4.15:1, salmon-ink 4.34:1, ok 4.47:1. Lowering the tint
   does not rescue it — --ix-gold-ink is defined as 4.83:1 on white,
   so ANY tint beneath it spends contrast the token has none of. On
   white all five clear: teal 12.28, blue 6.56, gold 4.83, salmon
   5.15, ok 5.25. The lane reads from the border and the label
   instead, which is what the colour was for.

   Colour is never the only signal. The pill carries its issue label,
   so greyscale and colourblind reads lose nothing.

   Lanes 0–9 are positioned. A tenth concurrent issue in one parse
   would sit at lane 9's offset; it has not happened and the column
   has no room for it anyway. */
.ixcb-root .ixcb-saved {
  --ixcb-lane-n: 0;
  --ixcb-lane-ink: var(--ix-teal);
  margin-left: calc(var(--ixcb-lane-step, 96px) * var(--ixcb-lane-n));
}
.ixcb-root .ixcb-saved[data-lane="1"] { --ixcb-lane-n: 1; --ixcb-lane-ink: var(--ix-blue-deep); }
.ixcb-root .ixcb-saved[data-lane="2"] { --ixcb-lane-n: 2; --ixcb-lane-ink: var(--ix-gold-ink); }
.ixcb-root .ixcb-saved[data-lane="3"] { --ixcb-lane-n: 3; --ixcb-lane-ink: var(--ix-salmon-ink); }
.ixcb-root .ixcb-saved[data-lane="4"] { --ixcb-lane-n: 4; --ixcb-lane-ink: var(--ix-ok); }
.ixcb-root .ixcb-saved[data-lane="5"] { --ixcb-lane-n: 5; --ixcb-lane-ink: var(--ix-teal); }
.ixcb-root .ixcb-saved[data-lane="6"] { --ixcb-lane-n: 6; --ixcb-lane-ink: var(--ix-blue-deep); }
.ixcb-root .ixcb-saved[data-lane="7"] { --ixcb-lane-n: 7; --ixcb-lane-ink: var(--ix-gold-ink); }
.ixcb-root .ixcb-saved[data-lane="8"] { --ixcb-lane-n: 8; --ixcb-lane-ink: var(--ix-salmon-ink); }
.ixcb-root .ixcb-saved[data-lane="9"] { --ixcb-lane-n: 9; --ixcb-lane-ink: var(--ix-ok); }

/* One class deeper than the base .ixcb-chip rule above, so it wins on
   specificity rather than on source order. */
.ixcb-root .ixcb-saved .ixcb-chip {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: var(--ixcb-lane-pill, 84px);
  padding: 3px 10px; cursor: pointer;
  border: 1.5px solid color-mix(in srgb, var(--ixcb-lane-ink) 55%, var(--ix-white));
  background: var(--ix-surface) !important;
  color: var(--ixcb-lane-ink) !important;
}
.ixcb-root .ixcb-saved .ixcb-chip:hover {
  border-color: var(--ixcb-lane-ink);
}
.ixcb-root .ixcb-chip-more {
  border-radius: 4px; padding: 2px 5px; font: 500 10px/1.3 var(--ix-font-body);
  background: var(--ix-cream-deep) !important; color: var(--ix-text-mid) !important;
}
.ixcb-root .ixcb-edit {
  border: 0; cursor: pointer; font-size: 11px; padding: 1px 3px; line-height: 1;
  border-radius: 3px; background: transparent !important; color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-edit:hover { background: var(--ix-teal-ghost) !important; color: var(--ix-teal) !important; }

/* ── Type and Status tags. A value first, a control second. ── */
.ixcb-root .ixcb-tag {
  display: inline-flex; align-items: center; gap: 5px; width: 100%;
  border: 1px solid transparent; border-radius: 5px; padding: 3px 7px;
  font: 600 10.5px/1.3 var(--ix-font-body); cursor: pointer; text-align: left;
  background: var(--ix-cream-deep) !important; color: var(--ix-text-mid) !important;
}
.ixcb-root .ixcb-tag:hover { border-color: var(--ix-border-input); }
.ixcb-root .ixcb-tag-l { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ixcb-root .ixcb-typ--article,
.ixcb-root .ixcb-typ--article * { background: var(--ix-blue-ghost) !important; color: var(--ix-blue-deep) !important; }
.ixcb-root .ixcb-typ--ad,
.ixcb-root .ixcb-typ--ad * { background: varrgba(196,163,90,.08) !important; color: var(--ix-gold-ink) !important; }
/* v0.6.29 — was --ix-gold-glow (.12) at 4.40:1. --ix-gold-ink is
   defined as 4.83:1 on white, so a gold ground under it can only
   spend contrast it has not got; .08 buys back 4.55:1. */
.ixcb-root .ixcb-typ--advertorial,
.ixcb-root .ixcb-typ--advertorial * { background: rgba(196,163,90,.08) !important; color: var(--ix-gold-ink) !important; }
/* v0.6.29 — was .24 at 3.99:1, the worst pair in the file. It sat
   darker than —ad on purpose, to tell the two apart. No passing alpha
   preserves that gap, so the difference moves to the border, which
   costs no contrast. .ixcb-tag already reserves a transparent 1px. */
.ixcb-root .ixcb-typ--advertorial { border-color: var(--ix-gold-ink) !important; }
.ixcb-root .ixcb-typ--other,
.ixcb-root .ixcb-typ--other * { background: var(--ix-cream-deep) !important; color: var(--ix-text-mid) !important; }

.ixcb-root .ixcb-disp--undecided,
.ixcb-root .ixcb-disp--undecided * { background: rgba(236,114,89,.11) !important; color: var(--ix-salmon-ink) !important; }
/* v0.6.29 — --ix-salmon-soft is .14 and measured 4.47:1. Written as a
   literal .11 rather than redefining the token, which is used on
   lighter grounds elsewhere and passes there. */
.ixcb-root .ixcb-disp--intended,
.ixcb-root .ixcb-disp--intended * { background: rgba(31,122,92,.09) !important; color: var(--ix-ok) !important; }
/* v0.6.29 — .12 was 4.47:1; .09 gives 4.58:1. */
.ixcb-root .ixcb-disp--held,
.ixcb-root .ixcb-disp--held * { background: rgba(111,87,34,.12) !important; color: var(--ix-warn) !important; }
.ixcb-root .ixcb-disp--out,
.ixcb-root .ixcb-disp--out * { background: var(--ix-cream-deep) !important; color: var(--ix-text-mid) !important; }
/* v0.6.29 — --ix-text-light on cream-deep was 4.13:1. Darkening the
   text one token to --ix-text-mid gives 5.09:1 and keeps the muted
   grey ground shared with —other. */

/* A DERIVED value must never pass for a chosen one. */
.ixcb-root .ixcb-disp--auto { border-style: dashed; border-color: currentColor; }

/* ── Images: arrived over expected, one column ──────────────── */
.ixcb-root .ixcb-imgs { display: inline-flex; align-items: baseline; gap: 2px; font: 600 11px/1.3 var(--ix-font-body); }
.ixcb-root .ixcb-imgs-a { font-weight: 700; }
.ixcb-root .ixcb-imgs-s,
.ixcb-root .ixcb-imgs-e { font-weight: 400; color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-imgs--full .ixcb-imgs-a { color: var(--ix-ok) !important; }
.ixcb-root .ixcb-imgs--part .ixcb-imgs-a { color: var(--ix-warn) !important; }
.ixcb-root .ixcb-imgs--none .ixcb-imgs-a,
.ixcb-root .ixcb-imgs--unknown .ixcb-imgs-a { color: var(--ix-text-light) !important; }

.ixcb-root .ixcb-del {
  border: 0; cursor: pointer; font-size: 13px; line-height: 1; padding: 2px 4px;
  border-radius: 4px; background: transparent !important; color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-del:hover { background: rgba(192,57,43,.09) !important; color: var(--ix-danger) !important; }

/* ── Popover ────────────────────────────────────────────────── */
.ixcb-root .ixcb-pop {
  position: absolute; top: calc(100% + 4px); right: 0; width: 252px; z-index: 5;
  border: 1px solid var(--ix-border); border-radius: 7px; padding: 7px;
  box-shadow: 0 8px 24px rgba(26,58,58,.16); display: none;
  background: var(--ix-surface) !important;
  /* v0.6.33 — the popover sits inside nowrap row cells and was
     inheriting it: its prose refused to wrap and overran the box.
     Prose wraps; only .ixcb-opt keeps its own nowrap. */
  white-space: normal;
}
.ixcb-root .ixcb-pop-note,
.ixcb-root .ixcb-pop-none { overflow-wrap: break-word; }
.ixcb-root .ixcb-asn--open .ixcb-pop { display: block; }
.ixcb-root .ixcb-pop--narrow { width: 188px; }
.ixcb-root .ixcb-pop-h {
  font: 700 9.5px/1.3 var(--ix-font-body); text-transform: uppercase; letter-spacing: .07em;
  padding: 2px 5px 6px; margin-bottom: 4px;
  border-bottom: 1px solid var(--ix-border-soft); color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-opt {
  display: flex; align-items: center; gap: 7px; padding: 5px 6px; border-radius: 5px;
  cursor: pointer; font-size: 11.5px; white-space: nowrap;
}
.ixcb-root .ixcb-opt:hover { background: var(--ix-cream-warm) !important; }
.ixcb-root .ixcb-opt input { accent-color: var(--ix-teal); margin: 0; cursor: pointer; }
.ixcb-root .ixcb-opt-n { font-weight: 700; color: var(--ix-text-dark) !important; }
.ixcb-root .ixcb-opt-d { font-size: 10.5px; color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-pop-note,
.ixcb-root .ixcb-pop-none {
  padding: 6px; font-size: 10px; line-height: 1.4; color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-pop-f {
  display: flex; align-items: center; gap: 6px; padding-top: 6px; margin-top: 4px;
  border-top: 1px solid var(--ix-border-soft);
}
.ixcb-root .ixcb-pop-sp { flex: 1; }
.ixcb-root .ix-btn.ixcb-btn-xs { padding: 4px 11px; font-size: 10.5px; min-height: 0; }

/* ── Save bar. Present only while something is pending. ────── */
.ixcb-root .ixcb-savebar {
  display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
  border: 1px solid var(--ix-gold); border-radius: 6px; padding: 6px 10px;
  background: var(--ix-gold-glow) !important;
}
.ixcb-root .ixcb-savebar-t { font: 700 11.5px/1.3 var(--ix-font-body); color: var(--ix-gold-ink) !important; }
.ixcb-root .ixcb-savebar-sp { flex: 1; }

/* ── Confirm. ix-modals owns the overlay, card, banner, body and
      footer; only the inset note is local. ─────────────────── */
.ixcb-root .ixcb-modal { max-width: 420px; }
.ixcb-root .ixcb-modal-note {
  margin-top: 10px; border-left: 3px solid var(--ix-danger); border-radius: 4px;
  padding: 8px 10px; font-size: 11.5px; line-height: 1.45;
  background: var(--ix-cream-deep) !important; color: var(--ix-text-mid) !important;
}
.ixcb-root .ixcb-modal-fsp { flex: 1; }


/* ============================================================
   §  HERO LAYOUT + CELL TYPOGRAPHY — v0.6.24
   (companion: JS v0.6.28)
   ------------------------------------------------------------
   THE SHORTHAND LESSON. v0.6.23 tried to restyle .ixcb-sl-pg,
   .ixcb-sl-sec and .ixcb-sl-img with font-size and font-weight
   LONGHANDS. The rules they were overriding use the `font:`
   SHORTHAND, which also sets font-family — so at equal
   specificity the longhand won on size and the mono family
   survived underneath. Print Section additionally kept
   text-transform:uppercase and its badge letter-spacing,
   because a longhand override resets nothing it does not name.

   Every rule below that replaces a shorthand IS a shorthand,
   and every inherited property is named explicitly. Overriding
   a shorthand with longhands is not an override.
   ============================================================ */

/* ── Hero: narrow sticky cover, manifest takes the rest ────── */
.ixcb-root .ixcb-hero {
  display: grid; grid-template-columns: 172px minmax(0, 1fr);
  gap: 14px; align-items: start;
}
.ixcb-root .ixcb-cover { position: sticky; top: 12px; }
.ixcb-root .ixcb-cover-ph { height: 196px; }

/* ── Cell typography. Shorthand beats shorthand. ──────────── */
.ixcb-root .ixcb-sl-pg {
  font: 500 11px/1.3 var(--ix-font-body);
  letter-spacing: 0; text-transform: none;
  color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-sl-sec {
  font: 500 11px/1.3 var(--ix-font-body);
  letter-spacing: 0; text-transform: none;
  padding: 5px 7px; border-radius: 0;
  background: transparent !important; color: var(--ix-teal) !important;
}
.ixcb-root .ixcb-sl-img {
  font: 500 11px/1.3 var(--ix-font-body);
  letter-spacing: 0; text-transform: none;
}
.ixcb-root .ixcb-sl-ttl {
  font: 500 12px/1.35 var(--ix-font-body);
  color: var(--ix-text-dark) !important;
}

/* ── Type tag. cream-deep on a white panel read as an empty
      control, and Other is the commonest value in a manifest.
      Each type now carries its own tint at a weight that is
      visible against white. ─────────────────────────────── */
.ixcb-root .ixcb-typ--other,
.ixcb-root .ixcb-typ--other * {
  background: #E9E4D6 !important; color: #4A5261 !important;
}
.ixcb-root .ixcb-typ--article,
.ixcb-root .ixcb-typ--article * {
  background: rgba(91,127,255,.14) !important; color: var(--ix-blue-deep) !important;
}

/* ── Proportions, retuned for the width the panel actually has
      now that it shares the hero with a 172px cover. Images
      held 168px for three characters; Title opened a canyon
      before it. ───────────────────────────────────────────── */
.ixcb-root col.ixcb-c-pg   { width: 3.5%; }
.ixcb-root col.ixcb-c-sec  { width: 15%; }
.ixcb-root col.ixcb-c-typ  { width: 11%; }
.ixcb-root col.ixcb-c-ttl  { width: 33%; }
.ixcb-root col.ixcb-c-img  { width: 5.5%; }
.ixcb-root col.ixcb-c-iss  { width: 18%; }
.ixcb-root col.ixcb-c-disp { width: 11%; }
.ixcb-root col.ixcb-c-act  { width: 3%; }

/* ── A filter that can only return zero says so. ──────────── */
.ixcb-root .ix-btn--pill.ixcb-pill--dead {
  opacity: .45; cursor: not-allowed; pointer-events: auto;
}


/* ============================================================
   §  ESTIMATED TYPE — v0.6.25  (companion: JS v0.6.29)
   ------------------------------------------------------------
   The tag is now a reading, not a control, so it drops the
   affordances of one: no pointer, no hover border, no caret.
   Colour still carries the estimate.

   A row with NO stored type renders the 'other' tint at reduced
   weight, so a default never reads with the same confidence as
   an assessment. The tooltip says which it is.
   ============================================================ */

.ixcb-root .ixcb-tag--ro {
  cursor: default;
  border-color: transparent !important;
}
.ixcb-root .ixcb-tag--ro:hover { border-color: transparent !important; }
.ixcb-root .ixcb-typ--unset { opacity: .55; font-style: italic; }


/* ============================================================
   §  PRINT ISSUE SLATE PLAN — v0.6.26  (companion JS v0.6.31)
   ------------------------------------------------------------
   SIX COLUMNS NOW, NOT EIGHT. Estimated Type and Images were
   retired, so every earlier width rule is sizing a table that
   no longer exists. The nth-child neutraliser from v0.6.23 is
   widened to cover the new count, and real widths come from
   the colgroup — table-layout:fixed honours it first.

   60/40. Left is what the page says; right is what you are
   deciding. Declared, not left to auto, so the split holds at
   any viewport.
   ============================================================ */

.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(1),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(2),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(3),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(4),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(5),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(6),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(7),
.ixcb-root .ixcb-ovw .ixcb-sl-tbl th:nth-child(8) { width: auto; }

/* ── COLUMN WIDTHS (v0.6.32) ──
   PubPlan Assignment, Asset and Actual PP are the decision columns
   and hold their room. Title is the one with slack, so Title is the
   one that yields: its col is width:auto and takes the remainder.

   Under table-layout:fixed a col set to auto absorbs whatever the
   sized columns leave, so the fixed ones must never reach 100. They
   total 44, leaving Assignment its cap of 46 and Title a floor of 10.

   Assignment is sized from data-lanes, written by the JS as the count
   of distinct plans in the manifest. One lane is one pill plus the
   cell's 10px each side; every lane after that is one step.

     lanes  1      2      3      4      5      6
     px     104    200    296    392    488    584

   min(px, 46%) is the whole guard. On a wide screen the px wins and
   five lanes get their full 488. On a laptop 46% wins, the pills clip
   at the cell edge, and the table still fits. Clipping a pill is the
   lesser loss: it carries a short label and a title attribute, and
   the headline beside it carries neither.

   Scrolling instead is not available. .ixcb-sl-tw is overflow:hidden
   on purpose, and overflow-x:auto would force overflow-y to auto with
   it, clipping the assignment popover at the row it opens from. */
.ixcb-root col.ixcb-c-st   { width: 3%; }
.ixcb-root col.ixcb-c-pg   { width: 4%; }
.ixcb-root col.ixcb-c-sec  { width: 13%; }
.ixcb-root col.ixcb-c-ttl  { width: auto; }
.ixcb-root col.ixcb-c-ax   { width: 5%;  }
.ixcb-root col.ixcb-c-pp   { width: 10%; }
.ixcb-root col.ixcb-c-term { width: 9%;  }

.ixcb-root .ixcb-sl-tbl col.ixcb-c-iss {
  --ixcb-iss-base: calc(var(--ixcb-lane-pill, 84px) + var(--ixcb-iss-pad, 20px));
  width: min(var(--ixcb-iss-base), 46%);
}
.ixcb-root .ixcb-sl-tbl[data-lanes="2"] col.ixcb-c-iss {
  width: min(calc(var(--ixcb-iss-base) + 1 * var(--ixcb-lane-step, 96px)), 46%);
}
.ixcb-root .ixcb-sl-tbl[data-lanes="3"] col.ixcb-c-iss {
  width: min(calc(var(--ixcb-iss-base) + 2 * var(--ixcb-lane-step, 96px)), 46%);
}
.ixcb-root .ixcb-sl-tbl[data-lanes="4"] col.ixcb-c-iss {
  width: min(calc(var(--ixcb-iss-base) + 3 * var(--ixcb-lane-step, 96px)), 46%);
}
.ixcb-root .ixcb-sl-tbl[data-lanes="5"] col.ixcb-c-iss {
  width: min(calc(var(--ixcb-iss-base) + 4 * var(--ixcb-lane-step, 96px)), 46%);
}
/* Six or more. The palette repeats past five and so does this: the
   46% cap is already binding at six on any realistic viewport, so a
   seventh lane would change nothing. */
.ixcb-root .ixcb-sl-tbl[data-lanes="6"] col.ixcb-c-iss,
.ixcb-root .ixcb-sl-tbl[data-lanes="7"] col.ixcb-c-iss,
.ixcb-root .ixcb-sl-tbl[data-lanes="8"] col.ixcb-c-iss,
.ixcb-root .ixcb-sl-tbl[data-lanes="9"] col.ixcb-c-iss {
  width: min(calc(var(--ixcb-iss-base) + 5 * var(--ixcb-lane-step, 96px)), 46%);
}

/* ── The last column is right-justified: its edge IS the
      table's edge, so aligning left leaves it floating. ──── */
.ixcb-root .ixcb-sl-tbl th.ixcb-term,
.ixcb-root .ixcb-sl-tbl td.ixcb-term { text-align: right; }
.ixcb-root .ixcb-tbox { display: flex; gap: 9px; align-items: center; justify-content: flex-end; }
.ixcb-root .ixcb-tck {
  display: inline-flex; align-items: center; gap: 4px; cursor: pointer;
  font: 600 10px/1.3 var(--ix-font-body); user-select: none;
  color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-tck input { accent-color: var(--ix-warn); margin: 0; cursor: pointer; width: 13px; height: 13px; }
.ixcb-root .ixcb-tck.is-ixcb-on { color: var(--ix-warn) !important; }
.ixcb-root .ixcb-tck--del input { accent-color: var(--ix-danger); }
.ixcb-root .ixcb-tck--del.is-ixcb-on { color: var(--ix-danger) !important; }
.ixcb-root .ixcb-tck.is-ixcb-pend {
  text-decoration: underline; text-decoration-color: var(--ix-changed-border);
  text-underline-offset: 3px; text-decoration-thickness: 2px;
}

/* ── ADJUDICATION IS VISIBLE FROM THE LEFT EDGE ──
      A rail plus a whole-row wash. The rail also carries a
      glyph, so colour is never the only signal. ──────────── */
.ixcb-root .ixcb-sl-tbl td.ixcb-st,
.ixcb-root .ixcb-sl-tbl th.ixcb-st { text-align: center; padding: 0; }
.ixcb-root .ixcb-sl-tbl .ixcb-rail {
  /* v0.6.40 - the status tick: match the Asset exists square
     (14 / radius 3). Scoped to .ixcb-sl-tbl so the column-header
     rail (same class, with 14px padding) is untouched; that stray
     padding was doubling the box to 28px tall. */
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: border-box; vertical-align: middle;
  width: 14px; height: 14px; padding: 0; border-radius: 3px;
  font: 700 9px/1 var(--ix-font-body);
}
.ixcb-root .ixcb-rail--none  { background: transparent !important; color: transparent !important; }
.ixcb-root .ixcb-rail--alloc { background: var(--ix-teal) !important; color: #fff !important; }
.ixcb-root .ixcb-rail--park  { background: rgba(111,87,34,.18) !important; color: var(--ix-warn) !important; }
/* v0.6.29 — .14 was 4.41:1; .11 gives 4.58:1. */
.ixcb-root .ixcb-rail--out   { background: rgba(192,57,43,.11) !important; color: var(--ix-danger) !important; }

.ixcb-root tr.ixcb-r--alloc td { background: rgba(31,122,92,.045); }
.ixcb-root tr.ixcb-r--alloc:hover td { background: rgba(31,122,92,.085); }
.ixcb-root tr.ixcb-r--park td { background: rgba(196,163,90,.10); }
.ixcb-root tr.ixcb-r--park:hover td { background: rgba(196,163,90,.16); }
.ixcb-root tr.ixcb-r--park .ixcb-sl-ttl { color: var(--ix-warn) !important; }
.ixcb-root tr.ixcb-r--out td { background: var(--ix-cream-deep); opacity: .55; }
.ixcb-root tr.ixcb-r--out:hover td { opacity: .75; }
.ixcb-root tr.ixcb-r--out .ixcb-sl-ttl {
  text-decoration: line-through; text-decoration-color: var(--ix-text-light);
}

/* ── Band and group rules. A quiet rule with a label, not a
      heading — it separates without competing with the rows
      it introduces. ─────────────────────────────────────── */
.ixcb-root tr.ixcb-grp td {
  background: var(--ix-cream); padding: 9px 7px 4px;
  border-bottom: 1px solid var(--ix-border);
}
.ixcb-root tr.ixcb-grp span {
  font: 700 9px/1.3 var(--ix-font-body); text-transform: uppercase; letter-spacing: .1em;
  color: var(--ix-teal) !important;
}
.ixcb-root tr.ixcb-grp em {
  font: 500 9.5px/1.3 var(--ix-font-body); font-style: normal; letter-spacing: .02em;
  text-transform: none; margin-left: 7px; color: var(--ix-text-light) !important;
}
.ixcb-root tr.ixcb-sep td {
  background: var(--ix-canvas); padding: 3px 7px; border-bottom: 1px solid var(--ix-border);
}
.ixcb-root tr.ixcb-sep span {
  font: 700 8.5px/1.3 var(--ix-font-body); text-transform: uppercase; letter-spacing: .09em;
  color: var(--ix-text-light) !important;
}

/* ── PAID ──
      An advertorial is an article someone paid for, so it stays
      in page order and carries a tag on the last word of its
      title. Marked, not sequestered. The nowrap wrapper stops
      the tag orphaning when a title truncates. ───────────── */
.ixcb-root .ixcb-nowrap { white-space: nowrap; }
.ixcb-root .ixcb-paid {
  font: 700 7.5px/1 var(--ix-font-body); letter-spacing: .08em; vertical-align: super;
  border-radius: 3px; padding: 1px 3px; margin-left: 4px; white-space: nowrap;
  /* v0.6.29 — gold-glow (.12) was 4.40:1; .08 gives 4.55:1. */
  background: rgba(196,163,90,.08) !important; color: var(--ix-gold-ink) !important;
}

/* ── Cell typography. SHORTHAND BEATS SHORTHAND — the v0.6.24
      lesson. Overriding a `font:` shorthand with longhands
      leaves font-family underneath. ─────────────────────── */
.ixcb-root .ixcb-sl-pg {
  font: 500 11px/1.3 var(--ix-font-body);
  letter-spacing: 0; text-transform: none; text-align: right;
  color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-sl-sec {
  font: 500 11px/1.3 var(--ix-font-body);
  letter-spacing: 0; text-transform: none; padding: 5px 7px; border-radius: 0;
  background: transparent !important; color: var(--ix-teal) !important;
}
.ixcb-root .ixcb-sl-ttl {
  font: 500 12.5px/1.35 var(--ix-font-body);
  color: var(--ix-text-dark) !important;
}


/* ============================================================
   §  COLUMN REPAIR — v0.6.27  (companion JS v0.6.32)
   ------------------------------------------------------------
   The term column held 11% and had to fit a checkbox, "Park",
   a second checkbox and "Not for NL". It could not, and the
   cell's overflow:hidden — there to hold the one-line rule —
   clipped the first checkbox to a stray bracket.

   Two fixes, both needed: the column gets the width it
   actually needs, and the cell opts OUT of the clip. Width
   alone would still clip at a narrow viewport.
   ============================================================ */

.ixcb-root col.ixcb-c-st   { width: 3%; }
.ixcb-root col.ixcb-c-pg   { width: 5%; }
.ixcb-root col.ixcb-c-sec  { width: 16%; }
.ixcb-root col.ixcb-c-ttl  { width: 36%; }
.ixcb-root col.ixcb-c-iss  { width: 24%; }
.ixcb-root col.ixcb-c-term { width: 16%; }

/* Cells that hold controls cannot clip. The one-line rule is kept
   by nowrap, which they already have. */
.ixcb-root .ixcb-sl-tbl td.ixcb-term,
.ixcb-root .ixcb-sl-tbl th.ixcb-term { overflow: visible; }

/* Tighter, so both labels fit without shrinking the hit area. */
.ixcb-root .ixcb-tbox { gap: 11px; }
.ixcb-root .ixcb-tck { font-size: 10.5px; gap: 5px; white-space: nowrap; }
.ixcb-root .ixcb-tck input { width: 14px; height: 14px; flex: none; }

/* ── REPORTING COLUMNS (v0.6.30) ──
   Asset and Actual PP sit between the assignment picker and Not
   running. They report; they never take input, so nothing here is a
   control and nothing here is clickable.

   Both are fixed width and never wrap. Actual PP can hold two plan
   names joined by a middot, which is why it ellipsises rather than
   growing — the full string is on the title attribute.

   Contrast, on the white row ground:
     --ix-ok        5.25:1   the asset tick
     --ix-text-mid  5.95:1   not-placed, and the em-dashes
     --ix-teal     12.28:1   the plan names
   The pending ellipsis is --ix-text-light at 4.83:1, which passes,
   and it is a transient state carrying a title attribute besides. */
/* v0.6.31 — NO width here. The colgroup above owns every column
   width in this table; a px width on the cell under
   table-layout:fixed adds to a total that already came to 100% and
   pushes the table off the page. Alignment and clipping only. */
.ixcb-root .ixcb-sl-tbl th.ixcb-ax-td,
.ixcb-root .ixcb-sl-tbl td.ixcb-ax-td { text-align: center; white-space: nowrap; }
.ixcb-root .ixcb-sl-tbl th.ixcb-pp-td,
.ixcb-root .ixcb-sl-tbl td.ixcb-pp-td {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.ixcb-root .ixcb-ax { font-size: 12px; line-height: 1; }
.ixcb-root .ixcb-ax--yes  { color: var(--ix-ok); }
.ixcb-root .ixcb-ax--none { color: var(--ix-text-mid); }

.ixcb-root .ixcb-pp { font: 600 10px/1.3 var(--ix-font-body); }
.ixcb-root .ixcb-pp--in   { color: var(--ix-teal); }
.ixcb-root .ixcb-pp--out  { font-weight: 500; color: var(--ix-text-mid); }
.ixcb-root .ixcb-pp--wait { color: var(--ix-text-light); }
.ixcb-root .ixcb-pp--none { font-weight: 500; color: var(--ix-text-mid); }

/* ── v0.6.34 · save bar at the foot of the board ─────────────── */
.ixcb-root[data-ixcb-root] > .ixcb-savebar--foot {
  flex: none; margin: 0; border-radius: 0;
  border-width: 1px 0 0; padding: 10px 24px;
  box-shadow: 0 -6px 18px rgba(26,58,58,.10);
  position: relative; z-index: 70;
}


/* ════════════════════════════════════════════════════════════
   v0.6.35 ROW — allocator-row-mock v0.7, approved 7 Oct.
   Widths are px from the mock, measured in a browser. Title is the
   only auto column and takes the rest; the right three are fixed so
   they never stretch. Left gaps: check, Pg, Type, Title start 72px
   apart (st 90 / pg 85 / type 158, 12 + 11px insets, 86px tag).
   ════════════════════════════════════════════════════════════ */
.ixcb-root .ixcb-sl-tbl col.ixcb-c-st   { width: 90px; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-pg   { width: 85px; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-ty   { width: 158px; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-ttl  { width: auto; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-iss,
.ixcb-root .ixcb-sl-tbl[data-lanes] col.ixcb-c-iss { width: 150px; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-ax   { width: 104px; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-term { width: 96px; }

.ixcb-root .ixcb-sl-tbl td.ixcb-st,
.ixcb-root .ixcb-sl-tbl th.ixcb-st { text-align: left; padding: 0 0 0 12px; }
.ixcb-root .ixcb-sl-tbl td.ixcb-sl-pg,
.ixcb-root .ixcb-sl-tbl th.ixcb-sl-pg { text-align: left; padding-left: 11px; padding-right: 0; }
.ixcb-root .ixcb-sl-tbl td.ixcb-typ-td,
.ixcb-root .ixcb-sl-tbl th.ixcb-typ-td { padding-left: 11px; padding-right: 0; }
.ixcb-root .ixcb-sl-tbl td.ixcb-sl-ttl { padding-left: 11px; }
.ixcb-root .ixcb-sl-tbl th.ixcb-ax-td,
.ixcb-root .ixcb-sl-tbl td.ixcb-ax-td { text-align: center; }

/* ── Type: the word and a small chevron. No box, no fill. ── */
.ixcb-root .ixcb-typbox { display: flex; align-items: center; gap: 5px; min-width: 0; }
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat,
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat * {
  background: transparent !important; color: var(--ix-text-dark) !important;
}
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat {
  width: auto; min-width: 86px; flex: 0 0 auto; justify-content: flex-start;
  border: 1px solid transparent; padding: 2px 0; font: 600 12px/1.4 var(--ix-font-body);
}
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat .ixcb-tag-l { flex: 0 1 auto; }
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat .ixcb-pick-c { color: var(--ix-text-light) !important; }
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat:hover,
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat:hover * { color: var(--ix-gold-ink) !important; }
/* Pending: the standing-rule gold border (ix-picker-input--changed). */
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat.ix-picker-input--changed {
  border: 2px solid var(--ix-changed-border, var(--ix-gold)); border-radius: 5px; padding: 1px 6px;
  min-width: 0;
}
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat.ix-picker-input--changed,
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat.ix-picker-input--changed * {
  color: var(--ix-gold-ink) !important;
}
.ixcb-root .ixcb-sl-tbl td.ixcb-typ-td .ixcb-pop { left: 0; right: auto; }

/* ── The small Cancel link beside any pending control ── */
.ixcb-root .ixcb-cx {
  border: 0; padding: 0; cursor: pointer; flex: 0 0 auto;
  font: 500 10.5px/1.3 var(--ix-font-body); text-decoration: underline; text-underline-offset: 2px;
  background: transparent !important; color: var(--ix-text-light) !important;
}
.ixcb-root .ixcb-cx:hover { color: var(--ix-danger) !important; }

/* ── PubPlan: no lane offset. Colour per chip; solid = in it. ── */
.ixcb-root .ixcb-sl-tbl .ixcb-saved { margin-left: 0; gap: 5px; }
.ixcb-root .ixcb-sl-tbl td.ixcb-asn > .ixcb-saved + .ixcb-saved { margin-top: 3px; }
.ixcb-root .ixcb-saved .ixcb-chip { min-width: 0; padding: 3px 9px; }
/* v0.6.38 - ONE PILL WIDTH, ALWAYS. Every PubPlan pill is the same fixed
   width whatever its label and however many sit in the row, and it never
   shrinks. A second plan adds a pill to the right; the first stays exactly
   where it was. A label longer than the pill truncates (full name in the
   title), the pill does not grow. */
.ixcb-root .ixcb-saved .ixcb-chip {
  flex: 0 0 auto; box-sizing: border-box;
  width: var(--ixcb-pill-w, 88px);
  overflow: hidden; text-overflow: ellipsis;
}
.ixcb-root .ixcb-sl-tbl .ixcb-saved { flex-wrap: nowrap; }
.ixcb-root .ixcb-sl-tbl td.ixcb-asn { overflow: visible; }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="0"] { --ixcb-lane-ink: var(--ix-teal); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="1"] { --ixcb-lane-ink: var(--ix-blue-deep); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="2"] { --ixcb-lane-ink: var(--ix-gold-ink); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="3"] { --ixcb-lane-ink: var(--ix-salmon-ink); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="4"] { --ixcb-lane-ink: var(--ix-ok); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="5"] { --ixcb-lane-ink: var(--ix-teal); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="6"] { --ixcb-lane-ink: var(--ix-blue-deep); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="7"] { --ixcb-lane-ink: var(--ix-gold-ink); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="8"] { --ixcb-lane-ink: var(--ix-salmon-ink); }
.ixcb-root .ixcb-saved .ixcb-chip[data-lane="9"] { --ixcb-lane-ink: var(--ix-ok); }
/* White on every lane ink clears 4.5:1 (teal 12.28, blue 6.56,
   gold-ink 4.83, salmon-ink 5.15, ok 5.25 — the v0.6.28 audit). */
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--in {
  background: var(--ixcb-lane-ink) !important; color: #fff !important;
  border-color: var(--ixcb-lane-ink);
}
.ixcb-root .ixcb-saved .ixcb-chip--stray { cursor: default; }
.ixcb-root .ixcb-sl-tbl td.ixcb-asn { white-space: nowrap; }
.ixcb-root .ixcb-sl-tbl td.ixcb-asn .ixcb-pick { width: auto; max-width: 100%; }

/* ── Asset exists: green circle, white check ── */
.ixcb-root .ixcb-ax-dot {
  /* v0.6.39 - square and smaller, per Jeff. */
  display: inline-flex; align-items: center; justify-content: center;
  width: 14px; height: 14px; border-radius: 3px;
  font: 700 9px/1 var(--ix-font-body);
  background: var(--ix-ok) !important; color: #fff !important;
}

/* ── Hide: one checkbox; pending gets the gold border ── */
.ixcb-root .ixcb-tck.ixcb-hide { font-size: 11px; padding: 1px 4px; border: 2px solid transparent; border-radius: 5px; }
.ixcb-root .ixcb-tck.ixcb-hide.is-ixcb-pend {
  text-decoration: none; border-color: var(--ix-changed-border, var(--ix-gold));
  background: var(--ix-gold-glow, rgba(196,163,90,.12)) !important;
}
.ixcb-root .ixcb-tbox { gap: 6px; }
/* A pending Hide stacks its Cancel under the box so it never reaches
   into Asset exists (the v0.1 overwrite defect). */
.ixcb-root td.ixcb-term .ixcb-tbox:has(.ixcb-cx) {
  flex-direction: column-reverse; align-items: flex-end; gap: 1px;
}
.ixcb-root td.ixcb-term .ixcb-tbox .ixcb-cx { margin-right: 4px; font-size: 10px; }

/* ── The Hidden band is a toggle ── */
.ixcb-root tr.ixcb-sep--hid td { cursor: pointer; }
.ixcb-root tr.ixcb-sep--hid:hover td { background: var(--ix-cream-deep); }

/* v0.6.36 - Hide locked while the row is allocated or placed. */
.ixcb-root .ixcb-tck.ixcb-hide.ixcb-hide--lock { opacity: .38; cursor: not-allowed; }
.ixcb-root .ixcb-tck.ixcb-hide.ixcb-hide--lock input { cursor: not-allowed; }

/* v0.6.37 - placed in a plan the row does not record: act on it. */
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--stray {
  cursor: pointer; outline: 2px solid var(--ix-changed-border, var(--ix-gold)); outline-offset: 1px;
}
.ixcb-root .ixcb-opt--claimed { cursor: not-allowed; opacity: .75; }
.ixcb-root .ixcb-opt--claimed input { cursor: not-allowed; }
.ixcb-root .ixcb-opt-in { color: var(--ix-ok) !important; font-weight: 600; }

/* ── v0.6.41 (JS v0.7.14) ─────────────────────────────────────
   No "Other": a row with no type waits on you. Salmon ink, not the
   gold pending border (gold means a change Save will write). */
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat.ixcb-typ--need:not(.ix-picker-input--changed),
.ixcb-root .ixcb-sl-tbl .ixcb-tag.ixcb-typflat.ixcb-typ--need:not(.ix-picker-input--changed) * {
  color: var(--ix-salmon-ink) !important; font-style: normal; opacity: 1;
}
/* The plan cell's reason when a row cannot take a plan. Plain text,
   one line, same height as a chip so the row does not change height. */
.ixcb-root .ixcb-asn-none {
  display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 11.5px/1.4 var(--ix-font-body); padding: 3px 0; color: var(--ix-text-light) !important;
  cursor: help;
}
.ixcb-root .ixcb-asn-none.ixcb-asn-none--need { color: var(--ix-salmon-ink) !important; font-weight: 600; }
.ixcb-root tr.ixcb-grp.ixcb-grp--need span { color: var(--ix-salmon-ink) !important; }
/* A locked plan's chip still opens the list (to read it), but reads as
   not editable. */
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--locked { cursor: default; }


/* ── v0.6.43 (JS v0.7.26, 23 Oct 2026) ─────────────────────────
   ROWS GIVE THE ROOM TO PUBPLANS. allocator-rows-mockup v0.2.
   Status, Pg and Type are sized to their content; Asset exists and
   Hide are narrow; PubPlan Assignment is sized for SIX chips a line
   (HC-P-CB43-1: six chips, 104 px each, 5 px gaps). A seventh wraps
   to a second line and the row grows down. Title takes the rest and
   cuts off with an ellipsis (full title on hover).
   Below about 1500 px the plans column yields at 48%, so its chips
   wrap sooner and Title keeps a usable width.
   ───────────────────────────────────────────────────────────── */
.ixcb-root .ixcb-sl-tbl {
  --ixcb-pill-w: 104px;
  --ixcb-six: calc(6 * var(--ixcb-pill-w) + 5 * 5px + 22px);
}
.ixcb-root .ixcb-sl-tbl col.ixcb-c-st   { width: 34px !important; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-pg   { width: 52px !important; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-ty   { width: 128px !important; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-ttl  { width: auto !important; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-iss  { width: min(var(--ixcb-six), 48%) !important; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-ax   { width: 108px !important; }
.ixcb-root .ixcb-sl-tbl col.ixcb-c-term { width: 76px !important; }

.ixcb-root .ixcb-sl-tbl th.ixcb-ax-td { white-space: nowrap; text-align: center; }
.ixcb-root .ixcb-sl-tbl td.ixcb-ax-td { text-align: center; }

/* Chips wrap instead of spilling into Asset exists. */
.ixcb-root .ixcb-sl-tbl td.ixcb-asn { white-space: normal; overflow: visible; }
.ixcb-root .ixcb-sl-tbl .ixcb-saved.ixcb-saved--wrap {
  flex-wrap: wrap; gap: 5px; row-gap: 5px; max-width: 100%;
}
.ixcb-root .ixcb-saved.ixcb-saved--wrap .ixcb-chip { width: var(--ixcb-pill-w); }

/* "+ Plan": the way in. Dashed, quiet, same size as a chip. */
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--add {
  border: 1.5px dashed var(--ix-border-input, #c9c2b0);
  background: transparent !important; color: var(--ix-text-light) !important;
  font-weight: 500;
}
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--add:hover {
  border-color: var(--ix-teal); color: var(--ix-teal) !important;
}

/* Pending: gold means Save will write it. Added plans get the gold
   border; a removed plan is struck through. */
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--pend {
  border: 2px solid var(--ix-changed-border, var(--ix-gold)) !important;
  background: var(--ix-gold-glow, rgba(196,163,90,.12)) !important;
  color: var(--ix-gold-ink) !important;
}
.ixcb-root .ixcb-saved .ixcb-chip.ixcb-chip--drop {
  text-decoration: line-through; opacity: .75;
}
.ixcb-root .ixcb-saved--wrap .ixcb-cx { align-self: center; margin-left: 4px; }