/**
 * @file agents-poster.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description Settings & Controls > Agents in the poster face (agp- prefix; design canvas "Your
 *   Agents", header option B). The shapes come from poster.css and organism.css's og- rules and are
 *   composed in the markup (poster-row--thing, poster-tab, poster-choice, poster-sticker, og-input,
 *   og-choice, og-chip, og-door, og-slab, og-label); this file carries only what the agents page
 *   adds: the layout of the form, the table, the opened agent's masthead, the tab groups, and the
 *   skin the connect guide and the older tab parts wear inside it. NOTE: linked in spa.html after
 *   organism.css (useViewCSS is a no-op).
 * @version-history
 *   v1.38.0 -- 2026-09-26 -- The Agents page draws every part with a component (page group G1a): the
 *     page's root sizes and its title's count stay (keyed on .og-agp, SettingsPage name "agp"); the
 *     form, the connect guide's overrides (the guide draws its own look, Jouni's decision "MCP guide"),
 *     the filter line, the table rows, the group headings, the opened agent (now components/OpenCard.js
 *     and css/components/open-card.css) go; the rules only the design lab's samples still use stay,
 *     marked as such.
 *   v1.37.0 -- 2026-09-26 -- Connect's field list head reads --shape-case-label and the label spacing (* 1.2, .12em) (a move: the AIMEAT values equal the old ones).
 *   v1.36.0 -- 2026-09-26 -- The commands and prompts in Connect are the Code block (css/components/code-block.css): their square-corner and ink rule goes (a unification: Jouni's decision "Code block").
 *   v1.35.0 -- 2026-09-26 -- The connect guide's install row keeps its own buttons: the rule that redrew its .btn-primary, .btn-ghost and .btn-outline as underlined words goes (a unification: Jouni's decision "MCP guide", the option classic).
 *   v1.34.0 -- 2026-09-26 -- The connect guide's install row keeps its own buttons: the rule that redrew its .btn-primary, .btn-ghost and .btn-outline as underlined words goes (a unification: Jouni's decision "MCP guide", the option classic).
 *   v1.33.0 -- 2026-09-26 -- The connect guide's install row keeps its own buttons: the rule that redrew its .btn-primary, .btn-ghost and .btn-outline as underlined words goes (a unification: Jouni's decision "MCP guide", the option classic).
 *   v1.32.0 -- 2026-09-26 -- A tag's ✗ is the Tag's remove mark (.poster-chip-x, poster.css), whose look these two rules had; they go (a unification: Jouni's decision "Remove mark").
 *   v1.31.0 -- 2026-09-26 -- A list of things to do or of steps is the numbered list (components/NumberedIndex.js: IndexList with IndexItem, or IndexStep for a step that opens nothing): the overview's next steps with the line under each name and the first on the sun, the Wallet key steps, a calibration run's proposals, the MCP and Agents connect steps, the basic agents, a server's setup steps (the number said once), the ecosystem steps out of their grey box, the decision rules' order and the notes of your own AI use; a place keeps only its margin (a unification: Jouni's decision "Numbered list").
 *   v1.30.0 -- 2026-09-26 -- Dead look removed: the filter line's .8rem (every part in it sets its own size), a move.
 *   v1.29.0 -- 2026-09-26 -- An agent waiting to be attached is the Listing's who cell; the list's own size and weight go (a unification: the look most tabs use).
 *   v1.28.0 -- 2026-09-26 -- How it runs is the row (.poster-row, its two hairlines); its own size and weight go (a unification).
 *   v1.27.0 -- 2026-09-26 -- Running now is the Group heading over the Listing (cut mark-name-desc-doors), a unification: Jouni's decision Group heading and the look most tabs use for a list.
 *   v1.26.0 -- 2026-09-25 -- The new agent form's fields show the Text field's and the Text area's own placeholder; the rule that restyled it goes (a unification: the look most tabs use).
 *   v1.25.0 -- 2026-09-25 -- The sentence under the two agents is a lead (.og-lead); it keeps only its margin (a unification: the look most tabs use).
 *   v1.24.0 -- 2026-09-25 -- Every heading over a group of agents is the Group heading (.poster-day-title); its row keeps only its layout, a unification: Jouni's decision Group heading.
 *   v1.23.0 -- 2026-09-25 -- A dot that says a state (active, inactive, running, something unseen) is the status dot (css/components/status-dot.css), a unification: the look most tabs use.
 *   v1.22.0 -- 2026-09-25 -- A setting that is on or off (the agent's federation) is the Switch (components/Switch.js), a unification: the look most tabs use.
 *   v1.21.0 -- 2026-09-25 -- What chooses what a list or a panel shows is the tab (.poster-tab, its filter and attention tones); the agent tabs take the tab's own size, a unification: Jouni's decision Tabs and filters.
 *   v1.20.0 -- 2026-09-25 -- Every quiet way on is the action link (.poster-action, its quiet tone where it sits among controls), and the one loud action is the dark block (.poster-slab, its control cut), a unification: Jouni's decisions Action link and Loud action.
 *   v1.19.0 -- 2026-09-25 -- Every word that says a state is the Status (.poster-status fine, attention, danger), a unification: Jouni's decision Status.
 *   v1.18.0 -- 2026-09-25 -- The one line a folded section shows is its lead (.og-lead); it keeps only its margin (a unification: the look most tabs use).
 *   v1.17.0 -- 2026-09-25 -- A grey line that explains is the Hint (poster-hint, css/components/hint.css); a place keeps only its margin (a unification: the look most tabs use).
 *   v1.16.0 -- 2026-09-25 -- The connect guide's fields are the Facts (css/components/facts.css), a unification: the look most tabs use. The rules of ast-param, its label, value and note go.
 *   v1.15.0 -- 2026-09-25 -- The agents table, the two basic agents, the proposals waiting for you and the agents waiting to be attached are the Listing (css/components/listing.css), a unification: the look most tabs use. The rules of agp-tbl, agp-row's grid, agp-basic-row, agp-waiting-row, agp-attach's row and their cells go, with their narrower-screen columns; a tag and the change mark beside a name, the number, the tags under a name, the line under a basic agent's words and the proposal's typewriter line keep their places.
 *   v1.14.0 -- 2026-09-25 -- A search field over a list is the Search line (.search-line with the Text field); a place keeps only its layout (a unification: the look most tabs use).
 *   v1.13.0 -- 2026-09-25 -- Every drop-down is the Select field (.select-field, css/components/select-field.css); a place keeps only its width and margin (a unification: the look most tabs use).
 *   v1.12.0 -- 2026-09-25 -- Every one-line field is the Text field (.og-input); a place keeps only its layout (a unification: the look most tabs use).
 *   v1.11.0 -- 2026-09-25 -- Every small number is the Count (.poster-count waiting or tally), a unification: Jouni's decision Count.
 *   v1.10.0 -- 2026-09-25 -- Every word that says a state is the Status (.poster-status fine, attention, danger, off), a unification: Jouni's decision Status.
 *   v1.9.0 -- 2026-09-25 -- Every tag is the Tag (.poster-chip and its tones, .poster-chips for a row), a unification: Jouni's decision Tag.
 *   v1.8.0 -- 2026-09-25 -- The note rules go: the grey help notes are the Hint (css/components/hint.css); the layout declarations of their places stay, on .poster-hint (UI consolidation phase 5, a unification).
 *   v1.7.0 -- 2026-09-25 -- The lead and paragraph rules go: they are the og-lead (css/components/page-section.css); the layout declarations of their places stay, on .og-lead (UI consolidation phase 5, a unification).
 *   v1.6.0 -- 2026-09-25 -- The hint rules go: the hints are the Hint (css/components/hint.css); the layout declarations of their places stay, on .poster-hint (UI consolidation phase 5, a unification).
 *   v1.5.0 -- 2026-09-25 -- The times' look is .poster-time; their rules here keep only their place (Jouni's decision "Timestamp", a unification).
 *   v1.4.0 -- 2026-09-25 -- The row labels' look is .poster-label; their rules here keep only their place (Jouni's decision "Row label", a unification).
 *   v1.3.0 -- 2026-09-25 -- The quiet ways on are the library's action link (Jouni's decision "Action
 *     link"): the rules that restyled og-door, the classic buttons and the text buttons here go; a
 *     place's layout value moves to the new class.
 *   v1.2.0 -- 2026-09-25 -- The loud action is the library's dark block, .poster-slab (Jouni's
 *     decision "Loud action"): the rules that restyled the old og-slab and .btn-primary here go, and a
 *     place's layout value moves to the new class.
 *   2026-09-25 -- .agp-group-empty is the quiet sentence (.poster-quiet, Jouni's decision "Empty line"): its look goes, its place stays.
 *   2026-09-25 -- The tag filters lose their rules: the tab's filter tone now draws them (a unification: Jouni's decision "Tabs and filters").
 *   v1.1.0 -- 2026-09-24 -- The guide's "Official instructions" is no longer redrawn here (the more tone).
 *   v1.0.0 -- 2026-09-14 -- Initial: the page anatomy, the form, the table, the card masthead.
 */

.og-agp.og { --poster-page-size: 2.8rem; --poster-section-size: 1.6rem; }
.og-agp .og-title small { font-family: var(--font-mono); font-size: .8rem; letter-spacing: 0; text-transform: none; color: var(--text-dim); }
.og-agp .og-sec-h .poster-action--quiet { margin-left: auto; }

/* ── Kept for the design lab only (its samples still draw the old markup; the lead's pass):
   the basic agents' numbered list, the dragged row's grip, the opened agent's row of chips.
   The page itself draws these with components now (page group G1a). ─────────────────────── */
.agp-basic-list { margin: .8rem 0 0; }
.og-agp .agp-basic-list .poster-chips { margin-top: .3rem; }
.og-agp .agp-basic-list .poster-index-line small { display: block; font-size: .8rem; margin-top: .15rem; }
.og-agp .pf-agd-dnd-row { position: relative; }
.og-agp .pf-agd-dnd-grip { position: absolute; left: -1.3rem; top: .6rem; }
.agp-chips { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.agp-chips button.poster-chip { cursor: pointer; }
.agp-chips .pf-agd-tag-strip { display: contents; }