/* ============================================================
   final-activity.css — NEYN-12112 · control-page engine-upgrade port
   Loaded ONLY by final-token-detail.html (the canonical "hi-fi four
   axis states" control page), AFTER final.css.

   This is the control-page mirror of the "SHARED ENGINE UPGRADE" block
   in remix.css (the expandable activity rows + agent-axis feed gating +
   Manage accordion that shipped on the A–F exploration pages). The remix
   version is scoped under body.remix; this one is scoped under
   body.activity-rich so the SAME remix-ix.js engine drives both without
   dragging in remix.css's sticky-swap LAYOUT re-cut.

   DELIBERATELY OMITTED vs remix.css: the "obsidian dark" override
   (--bg:#121214). The canonical control page keeps the real clanker.world
   #030303 dark canvas; obsidian grey is an exploration-set aesthetic only.

   Keep in sync with remix.css lines ~102–180 (minus obsidian dark).
   ============================================================ */

/* ---------- expandable activity rows ----------
   The panel (.rowx) is the row's OWN grid child spanning all columns —
   never a sibling — so f-app's children.length count and seed-clone
   load-more stay correct. */
body.activity-rich .actlist .row{ height:auto; min-height:44px;
  grid-template-columns:20px 1fr auto 14px; cursor:pointer; }
body.activity-rich .actlist .row .rowcaret{ font-size:11px; line-height:1; color:var(--t999);
  justify-self:end; align-self:center; transition:transform .15s ease; }
body.activity-rich .actlist .row:hover .rowcaret{ color:var(--t666); }
body.activity-rich .actlist .row.open{ background:var(--navfill); }
body.activity-rich .actlist .row.open .rowcaret{ transform:rotate(180deg); }

body.activity-rich .rowx{ grid-column:1/-1; padding:0 0 10px 32px; cursor:default; }
body.activity-rich .rxhead{ display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  font-size:12px; color:var(--t666); margin-bottom:6px; }
body.activity-rich .rxhead b{ font-size:13px; font-weight:700; color:var(--ink); }
body.activity-rich .rxhead .rxt{ font-size:11px; color:var(--t999); }
body.activity-rich .rxplat{ font-size:10px; font-weight:500; font-family:var(--mono); letter-spacing:.02em;
  text-transform:uppercase; color:var(--t888); border:1px solid var(--line);
  border-radius:3px; padding:1px 5px; }
body.activity-rich .rxbody{ font-size:13px; line-height:1.5; color:var(--t333);
  white-space:normal; max-width:58ch; }
body.activity-rich .rxkv{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px;
  font-family:var(--mono); font-size:11px; color:var(--t888); }
body.activity-rich .rxkv b{ font-weight:500; color:var(--ink); }
body.activity-rich .rxgrid{ display:grid; grid-template-columns:auto 1fr; gap:6px 18px;
  max-width:420px; font-size:12px; }
body.activity-rich .rxgrid .k{ color:var(--t666); }
body.activity-rich .rxgrid .v{ font-family:var(--mono); font-size:11.5px; color:var(--ink);
  font-variant-numeric:tabular-nums; white-space:normal; }
body.activity-rich .rxcast{ margin-top:10px; border:1px solid var(--line); border-radius:8px;
  padding:10px 12px; max-width:420px; }
body.activity-rich .rxcast .rxch{ font-size:11px; font-weight:600; color:var(--t888); margin-bottom:5px; }
body.activity-rich .rxcast .rxct{ font-size:12.5px; line-height:1.5; color:var(--t333); white-space:normal; }
body.activity-rich .rxactions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
body.activity-rich .rxbtn{ font-size:11.5px; font-weight:600; color:var(--t666); background:var(--bg);
  border:1px solid var(--line); border-radius:5px; padding:5px 10px; cursor:pointer; }
body.activity-rich .rxbtn:hover{ color:var(--ink); border-color:var(--t888); }

/* ---------- agent-axis feed gating ----------
   No agent / v1-locked ⇒ the token has NO Farcaster/X presence: hide the
   social filter chips and every social row (incl. combined "trade fc"). */
body.activity-rich[data-agent="noagent"]  .actbar [data-filter-set="fc"],
body.activity-rich[data-agent="noagent"]  .actbar [data-filter-set="x"],
body.activity-rich[data-agent="v1locked"] .actbar [data-filter-set="fc"],
body.activity-rich[data-agent="v1locked"] .actbar [data-filter-set="x"]{ display:none; }
body.activity-rich[data-agent="noagent"]  .actlist .row[data-kind~="fc"],
body.activity-rich[data-agent="noagent"]  .actlist .row[data-kind~="x"],
body.activity-rich[data-agent="v1locked"] .actlist .row[data-kind~="fc"],
body.activity-rich[data-agent="v1locked"] .actlist .row[data-kind~="x"]{ display:none; }

/* ---------- Manage drawer accordion (markup transformed by remix-ix.js) ---------- */
body.activity-rich .mdrawer .msec{ padding:0; }
body.activity-rich .mdrawer .msec:not(.closed){ padding-bottom:14px; }
body.activity-rich .mdrawer .msec .mst{ min-height:44px; cursor:pointer; user-select:none;
  font-size:13px; font-weight:600; color:var(--ink); }
body.activity-rich .mdrawer .msec .mst .mflag{ margin-left:auto; }
body.activity-rich .mdrawer .mcaret{ flex-shrink:0; font-size:12px; line-height:1; color:var(--t888);
  transition:transform .15s ease; }
body.activity-rich .mdrawer .msec:not(.closed) .mcaret{ transform:rotate(180deg); }
body.activity-rich .mdrawer .msec.closed .mdesc,
body.activity-rich .mdrawer .msec.closed .mctl{ display:none; }
body.activity-rich .mdrawer .mdesc{ margin-top:0; }
body.activity-rich .mdrawer .mctl{ margin-top:12px; flex-direction:column; align-items:stretch; gap:12px; }
body.activity-rich .mdrawer .mctl .mfield{ width:100%; flex:none; }
body.activity-rich .mdrawer .mctl .mbtn{ align-self:flex-end; }
body.activity-rich .mdrawer .mctl .mtoggle{ align-self:flex-start; }
body.activity-rich .mdrawer .msec.proposed{ padding:0 14px; margin-top:14px; }
body.activity-rich .mdrawer .msec.proposed:not(.closed){ padding-bottom:14px; }