/* ============================================================== */ /* developments/css/admin-v6.css — RV·V.6.0 */ /* Option C: full 5-tab observability console + always-on spine. */ /* */ /* DARK chrome, namespaced `.av6-*` (zero bleed into `.av2-*` or */ /* `.own-*`). Colours come from the --av-* token block in */ /* _tokens.css (lifted verbatim from owner-band.css so that surface */ /* is unchanged). Scale/motion/family tokens are reused directly. */ /* */ /* Mounted only behind the ?adminv6=1 flag; the default av2 cockpit */ /* (admin-v2.css) is untouched. See admin-v6.js. */ /* ============================================================== */ /* When AdminV6 mounts it sets [data-admin-v6-active=1] on . */ /* Mirror of the av2 width mechanism (admin-v2.css L14-28), under a */ /* parallel attribute so the two shells never couple. */ body[data-admin-v6-active="1"] #dev-nav { width: min(880px, calc(100vw - 60px - 16px - 16px)); } body[data-admin-v6-active="1"] .mapboxgl-ctrl-bottom-right { right: calc(60px + 16px + min(880px, 100vw - 60px - 32px) + 8px) !important; } @media (max-width: 1023px) { body[data-admin-v6-active="1"] #dev-nav { width: 100%; max-width: none; } } /* ==================== shell root ==================== */ .av6 { display: flex; flex-direction: column; height: 100%; min-height: 0; background: var(--av-surface-2, #1b1b1b); color: var(--av-ink, #ededed); font-family: var(--font-body, 'Inter', system-ui, sans-serif); font-size: 13px; border-radius: var(--radius-lg, 12px); overflow: hidden; } /* ==================== P2 Ops-mode frame ==================== */ /* The transitional band at the light→dark seam. A gold top-edge marks the boundary; "OPS MODE" + a way back to the map frame the dark console as a deliberate internal surface, not a glitch. (.av6 has overflow:hidden + radius-lg, so this band's gold top edge reads as the console's top.) */ .av6-modeframe { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 14px; background: var(--av-surface, #232323); border-bottom: 1px solid var(--av-line, #333); border-top: 2px solid var(--av-warn, #d4a84b); } .av6-modeframe__l { display: flex; align-items: center; gap: 9px; min-width: 0; } .av6-modeframe__dot { width: 7px; height: 7px; border-radius: var(--radius-pill, 999px); background: var(--av-warn, #d4a84b); box-shadow: 0 0 0 3px color-mix(in srgb, var(--av-warn, #d4a84b) 22%, transparent); flex: 0 0 auto; } .av6-modeframe__tag { font: 700 10.5px/1 var(--font-mono, 'JetBrains Mono', ui-monospace, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--av-warn-fg, #e5c57a); flex: 0 0 auto; } .av6-modeframe__sub { font-size: 11.5px; color: var(--av-ink-2, #9aa0a6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .av6-modeframe__r { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; } .av6-modeframe__btn { background: transparent; border: 1px solid var(--av-line, #333); color: var(--av-ink-2, #9aa0a6); font: 600 11px/1 var(--font-body, 'Inter', system-ui, sans-serif); padding: 5px 10px; border-radius: var(--radius-sm, 4px); cursor: pointer; white-space: nowrap; transition: background var(--duration-fast, .12s) ease, color var(--duration-fast, .12s) ease; } .av6-modeframe__btn:hover { background: var(--av-surface-2, #1b1b1b); color: var(--av-ink, #ededed); } .av6-modeframe__btn:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: 1px; } /* ==================== always-on spine ==================== */ .av6-spine { flex: 0 0 auto; background: linear-gradient(135deg, var(--av-surface, #232323), var(--av-surface-2, #1b1b1b)); border-bottom: 1px solid var(--av-line, #333); padding: 14px 16px 12px; } /* verdict row */ .av6-verdict { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-left: 5px solid var(--av-line, #333); padding-left: 12px; min-height: 34px; } .av6-verdict.av6--ok { border-left-color: var(--av-ok, #3fb950); } .av6-verdict.av6--warn { border-left-color: var(--av-warn, #d4a84b); } .av6-verdict.av6--unk { border-left-color: var(--av-ink-faint, #6e7681); } .av6-verdict.av6--loading { border-left-color: #444; opacity: .7; } .av6-verdict__left { display: flex; align-items: center; gap: 12px; min-width: 0; } .av6-verdict__right { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; } .av6-pill { display: inline-block; padding: 4px 12px; border-radius: var(--radius-pill, 999px); font-weight: 700; font-size: 12.5px; letter-spacing: .03em; white-space: nowrap; background: #2a2a2a; color: var(--av-ink-2, #9aa0a6); } .av6--ok .av6-pill { background: var(--av-ok-bg, #173d23); color: var(--av-ok-fg, #6ee787); } .av6--warn .av6-pill { background: var(--av-warn-bg, #3a2f14); color: var(--av-warn-fg, #e5c57a); } .av6--unk .av6-pill { background: var(--av-bad-bg, #3a1f1f); color: var(--av-bad-fg, #ff9a92); } .av6-verdict__sub { font-size: 12px; color: var(--av-ink-2, #9aa0a6); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* freshness stamp / dead-man's switch */ .av6-fresh { font-size: 11px; color: var(--av-ink-3, #80868b); font-family: var(--font-mono, 'JetBrains Mono', monospace); white-space: nowrap; } .av6-fresh.is-stale { color: var(--av-warn-fg, #e5c57a); } /* counter chips (active alerts / open decisions) */ .av6-counters { display: flex; align-items: center; gap: 8px; } .av6-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: var(--radius-pill, 999px); font-size: 11.5px; font-weight: 600; background: var(--av-surface-3, #2d2d2d); color: var(--av-ink-2, #9aa0a6); border: 1px solid var(--av-line-soft, #262626); white-space: nowrap; } .av6-chip__n { font-family: var(--font-mono, monospace); color: var(--av-ink, #ededed); } .av6-chip.is-hot { background: var(--av-bad-bg, #3a1f1f); color: var(--av-bad-fg, #ff9a92); border-color: transparent; } .av6-chip.is-hot .av6-chip__n { color: var(--av-bad-fg, #ff9a92); } .av6-chip.is-warn { background: var(--av-warn-bg, #3a2f14); color: var(--av-warn-fg, #e5c57a); border-color: transparent; } .av6-chip.is-warn .av6-chip__n { color: var(--av-warn-fg, #e5c57a); } /* 6-cell operational ribbon (demoted below verdict) */ .av6-ribbon { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 12px; } .av6-rib { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: var(--radius-md, 6px); background: rgba(255, 255, 255, 0.025); border: 1px solid var(--av-line-soft, #262626); } .av6-rib-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; } .av6-rib-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--av-ink-3, #80868b); } .av6-rib-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: var(--av-ink-faint, #6e7681); } .av6-rib-dot[data-tone="ok"] { background: var(--av-ok, #3fb950); box-shadow: 0 0 0 3px rgba(63,185,80,.15); } .av6-rib-dot[data-tone="warn"] { background: var(--av-warn, #d4a84b); box-shadow: 0 0 0 3px rgba(212,168,75,.15); } .av6-rib-dot[data-tone="fail"] { background: var(--av-bad, #f85149); box-shadow: 0 0 0 3px rgba(248,81,73,.18); } .av6-rib-value { font-size: 16px; font-weight: 700; color: var(--av-ink, #ededed); font-family: var(--font-mono, monospace); } .av6-rib-sub { font-size: 10.5px; color: var(--av-ink-3, #80868b); } .av6-ribbon.is-error { grid-template-columns: 1fr; } .av6-ribbon-error { font-size: 12px; color: var(--av-warn-fg, #e5c57a); padding: 8px 10px; } @media (max-width: 1023px) { .av6-ribbon { grid-template-columns: repeat(3, minmax(0, 1fr)); } .av6-verdict { flex-direction: column; align-items: flex-start; gap: 8px; } .av6-verdict__right { width: 100%; justify-content: space-between; } } /* ==================== tab bar ==================== */ .av6-tabs { flex: 0 0 auto; display: flex; gap: 2px; padding: 0 8px; background: var(--av-surface-2, #1b1b1b); border-bottom: 1px solid var(--av-line, #333); overflow-x: auto; } .av6-tab { appearance: none; background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--av-ink-2, #9aa0a6); font-family: inherit; font-size: 12.5px; font-weight: 600; padding: 11px 14px; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; transition: color var(--duration-fast, 120ms) var(--ease-out, ease), border-color var(--duration-fast, 120ms) var(--ease-out, ease); } .av6-tab:hover { color: var(--av-ink, #ededed); } .av6-tab.is-active { color: var(--av-gold-light, #e5c57a); border-bottom-color: var(--av-warn, #d4a84b); } .av6-tab:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: -2px; } .av6-tab-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: var(--radius-pill, 999px); font-size: 10px; font-weight: 700; font-family: var(--font-mono, monospace); background: var(--av-bad-bg, #3a1f1f); color: var(--av-bad-fg, #ff9a92); } /* The `display:inline-flex` above defeats the UA [hidden]{display:none} rule * (author class > attribute selector), so a zero-count badge would render as an * empty pill. Restore hiding explicitly — higher specificity than .av6-tab-badge. */ .av6-tab-badge[hidden] { display: none; } /* ==================== tab body ==================== */ .av6-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px; scrollbar-width: thin; scrollbar-color: var(--av-line, #333) transparent; } .av6-body::-webkit-scrollbar { width: 8px; } .av6-body::-webkit-scrollbar-thumb { background: var(--av-line, #333); border-radius: 4px; } /* five-question list (Overview) */ .av6-q { list-style: none; margin: 0; padding: 0; } .av6-q__row { display: flex; align-items: flex-start; gap: 12px; padding: 11px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); } .av6-q__row:last-child { border-bottom: 0; } .av6-dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; margin-top: 4px; background: var(--av-ink-faint, #6e7681); } .av6-dot--ok { background: var(--av-ok, #3fb950); box-shadow: 0 0 0 3px rgba(63,185,80,.15); } .av6-dot--warn { background: var(--av-warn, #d4a84b); box-shadow: 0 0 0 3px rgba(212,168,75,.15); } .av6-dot--bad { background: var(--av-bad, #f85149); box-shadow: 0 0 0 3px rgba(248,81,73,.18); } .av6-dot--unk { background: var(--av-ink-faint, #6e7681); } .av6-dot--pending { background: #3a3a3a; } .av6-dot--info { background: var(--av-info, #6ea8fe); box-shadow: 0 0 0 3px rgba(110,168,254,.15); } .av6-dot--decide { background: var(--av-gold-light, #e5c57a); box-shadow: 0 0 0 3px rgba(229,197,122,.18); } .av6-q__mid { min-width: 0; } .av6-q__label { font-size: 14px; font-weight: 600; color: var(--av-ink, #ededed); } .av6-q__summary { font-size: 12.5px; color: var(--av-ink-2, #9aa0a6); margin-top: 1px; } /* V.6.1 — deep-linkable question rows */ .av6-q__row.is-link { cursor: pointer; } .av6-q__row.is-link:hover { background: rgba(255, 255, 255, 0.025); } .av6-q__row.is-link:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: -2px; } .av6-q__go { margin-left: auto; align-self: center; flex: 0 0 auto; font-size: 16px; color: var(--av-ink-faint, #6e7681); } .av6-q__row.is-link:hover .av6-q__go { color: var(--av-gold-light, #e5c57a); } /* ==================== Monitors (V.6.2) ==================== */ .av6-mon { display: flex; flex-direction: column; gap: 12px; } .av6-mon-banner:empty { display: none; } .av6-mon-banner.is-stale { background: var(--av-warn-bg, #3a2f14); color: var(--av-warn-fg, #e5c57a); border: 1px solid var(--av-warn, #d4a84b); border-radius: var(--radius-md, 6px); padding: 8px 12px; font-size: 12.5px; } .av6-mon-filters { display: flex; flex-wrap: wrap; gap: 6px; } .av6-mon-filter { appearance: none; cursor: pointer; background: var(--av-surface-3, #2d2d2d); color: var(--av-ink-2, #9aa0a6); border: 1px solid var(--av-line-soft, #262626); border-radius: var(--radius-pill, 999px); font-family: inherit; font-size: 11.5px; font-weight: 600; padding: 4px 10px; display: inline-flex; align-items: center; gap: 6px; } .av6-mon-filter:hover { color: var(--av-ink, #ededed); } .av6-mon-filter.is-active { background: var(--av-warn-bg, #3a2f14); color: var(--av-gold-light, #e5c57a); border-color: var(--av-warn, #d4a84b); } .av6-mon-filter__n { font-family: var(--font-mono, monospace); opacity: .8; } .av6-mon-filter:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: 1px; } .av6-mon-list { display: flex; flex-direction: column; } .av6-mon-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); } .av6-mon-row:last-child { border-bottom: 0; } .av6-mon-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; margin-top: 5px; background: var(--av-ink-faint, #6e7681); } .av6-mon-dot[data-sev="critical"] { background: var(--av-bad, #f85149); box-shadow: 0 0 0 3px rgba(248,81,73,.18); } .av6-mon-dot[data-sev="warning"] { background: var(--av-warn, #d4a84b); box-shadow: 0 0 0 3px rgba(212,168,75,.15); } .av6-mon-dot[data-sev="metric"] { background: var(--av-info, #6ea8fe); } .av6-mon-dot[data-sev="pass"] { background: var(--av-ok, #3fb950); } .av6-mon-main { min-width: 0; flex: 1 1 auto; } .av6-mon-title { font-size: 13px; font-weight: 600; color: var(--av-ink, #ededed); word-break: break-word; } .av6-mon-x { color: var(--av-ink-faint, #6e7681); font-weight: 700; font-family: var(--font-mono, monospace); } .av6-mon-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 2px; } .av6-mon-tag { font-size: 9.5px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; padding: 1px 6px; border-radius: var(--radius-sm, 3px); } .av6-mon-tag--alert { background: var(--av-bad-bg, #3a1f1f); color: var(--av-bad-fg, #ff9a92); } .av6-mon-tag--inv { background: rgba(255, 255, 255, 0.06); color: var(--av-ink-2, #9aa0a6); } .av6-mon-tag--metric { background: rgba(110, 168, 254, 0.14); color: var(--av-info, #6ea8fe); } .av6-mon-src { font-size: 11px; color: var(--av-ink-3, #80868b); font-family: var(--font-mono, monospace); } .av6-mon-when { font-size: 11px; color: var(--av-ink-faint, #6e7681); } .av6-mon-detail { font-size: 12px; color: var(--av-ink-2, #9aa0a6); margin-top: 4px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .av6-mon-ack { flex: 0 0 auto; appearance: none; cursor: pointer; background: var(--av-surface-3, #2d2d2d); color: var(--av-ink, #ededed); border: 1px solid var(--av-line, #333); border-radius: var(--radius-sm, 3px); font-family: inherit; font-size: 11px; font-weight: 600; padding: 4px 10px; margin-top: 2px; } .av6-mon-ack:hover:not(:disabled) { border-color: var(--av-warn, #d4a84b); color: var(--av-gold-light, #e5c57a); } .av6-mon-ack:disabled { opacity: .5; cursor: default; } .av6-mon-ack:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: 1px; } /* ==================== Explore (V.6.3) ==================== */ .av6-exp-search { width: 100%; box-sizing: border-box; margin: 0 0 10px; background: var(--av-surface-3, #2d2d2d); color: var(--av-ink, #ededed); border: 1px solid var(--av-line, #333); border-radius: var(--radius-md, 6px); font-family: inherit; font-size: 13px; padding: 8px 10px; } .av6-exp-search::placeholder { color: var(--av-ink-faint, #6e7681); } .av6-exp-search:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: 1px; } .av6-exp-count { font-size: 11px; color: var(--av-ink-3, #80868b); margin-bottom: 6px; } .av6-exp-list { display: flex; flex-direction: column; } .av6-exp-row { padding: 9px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); cursor: pointer; } .av6-exp-row:last-of-type { border-bottom: 0; } .av6-exp-row:hover { background: rgba(255, 255, 255, 0.025); } .av6-exp-row:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: -2px; } .av6-exp-name { font-size: 13px; font-weight: 600; color: var(--av-ink, #ededed); } .av6-exp-name.is-pid { font-style: italic; font-weight: 500; color: var(--av-ink-2, #9aa0a6); } .av6-exp-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; font-size: 11px; color: var(--av-ink-3, #80868b); } .av6-exp-tag { text-transform: uppercase; letter-spacing: .03em; color: var(--av-ink-2, #9aa0a6); } .av6-exp-on-map { color: var(--av-ok, #3fb950); } .av6-exp-note { font-size: 11.5px; color: var(--av-ink-3, #80868b); margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--av-line-soft, #262626); } .av6-exp-note b { color: var(--av-ink-2, #9aa0a6); } /* section header inside a tab */ .av6-section-h { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--av-ink-3, #80868b); margin: 0 0 8px; } /* ==================== Incidents: action center (V.6.4) ==================== */ .av6-inc { display: flex; flex-direction: column; } .av6-inc .av6-section-h { margin-top: 18px; } .av6-inc .av6-section-h:first-child { margin-top: 0; } .av6-inc-empty { font-size: 12.5px; color: var(--av-ink-3, #80868b); padding: 4px 0 8px; } /* decision rows — title/detail + approve/reject/snooze write actions */ .av6-inc-dec { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; padding: 12px; margin-bottom: 8px; background: rgba(255, 255, 255, 0.025); border: 1px solid var(--av-line-soft, #262626); border-left: 3px solid var(--av-ink-faint, #6e7681); border-radius: var(--radius-md, 6px); } .av6-inc-dec.is-high { border-left-color: var(--av-bad, #f85149); } .av6-inc-dec__mid { min-width: 0; flex: 1 1 auto; } .av6-inc-dec__title { font-size: 13.5px; font-weight: 600; color: var(--av-ink, #ededed); } .av6-inc-dec__detail { font-size: 12px; color: var(--av-ink-2, #9aa0a6); margin-top: 3px; line-height: 1.45; } .av6-inc-dec__link { display: inline-block; margin-top: 5px; font-size: 11.5px; color: var(--av-info, #6ea8fe); text-decoration: none; } .av6-inc-dec__link:hover { text-decoration: underline; } .av6-inc-dec__acts { display: flex; flex-direction: column; gap: 5px; flex: 0 0 auto; } .av6-inc-btn { appearance: none; cursor: pointer; min-width: 80px; background: var(--av-surface-3, #2d2d2d); color: var(--av-ink, #ededed); border: 1px solid var(--av-line, #333); border-radius: var(--radius-sm, 3px); font-family: inherit; font-size: 11.5px; font-weight: 600; padding: 5px 10px; } .av6-inc-btn:disabled { opacity: .5; cursor: default; } .av6-inc-btn:focus-visible { outline: 2px solid var(--av-warn, #d4a84b); outline-offset: 1px; } .av6-inc-btn--approve:hover:not(:disabled) { border-color: var(--av-ok, #3fb950); color: var(--av-ok-fg, #6ee787); } .av6-inc-btn--reject:hover:not(:disabled) { border-color: var(--av-bad, #f85149); color: var(--av-bad-fg, #ff9a92); } .av6-inc-btn--snooze:hover:not(:disabled) { border-color: var(--av-warn, #d4a84b); color: var(--av-gold-light, #e5c57a); } /* active-alert rows (reuse .av6-mon-dot / -x / -src / -when / -detail / -ack) */ .av6-inc-alert { display: flex; align-items: flex-start; gap: 10px; padding: 10px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); } .av6-inc-alert:last-of-type { border-bottom: 0; } .av6-inc-alert__mid { min-width: 0; flex: 1 1 auto; } .av6-inc-alert__title { font-size: 13px; font-weight: 600; color: var(--av-ink, #ededed); word-break: break-word; } .av6-inc-alert__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 2px; } /* audit timeline — read-only history of resolved actions */ .av6-inc-audit { display: flex; flex-direction: column; } .av6-inc-audit__row { padding: 7px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); } .av6-inc-audit__row:last-child { border-bottom: 0; } .av6-inc-audit__line { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; } .av6-inc-audit__act { font-size: 12.5px; font-weight: 600; color: var(--av-ink, #ededed); text-transform: capitalize; } .av6-inc-audit__target { font-size: 11px; color: var(--av-ink-3, #80868b); font-family: var(--font-mono, monospace); } .av6-inc-audit__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1px; font-size: 11px; color: var(--av-ink-faint, #6e7681); } /* ==================== Trust: guarantees + agent ledger (V.6.5) ==================== */ .av6-trust .av6-section-h { margin-top: 20px; } .av6-trust .av6-section-h:first-child { margin-top: 0; } .av6-grt-group { margin-bottom: 12px; } .av6-grt-fam { font-size: 11.5px; font-weight: 700; color: var(--av-ink-2, #9aa0a6); margin: 10px 0 4px; } .av6-grt-row { display: flex; align-items: flex-start; gap: 10px; padding: 8px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); } .av6-grt-row:last-child { border-bottom: 0; } .av6-grt__mid { min-width: 0; } .av6-grt__label { font-size: 13px; font-weight: 600; color: var(--av-ink, #ededed); } .av6-grt__note { font-size: 12px; color: var(--av-ink-2, #9aa0a6); margin-top: 1px; line-height: 1.4; } .av6-grt__proof { font-size: 10.5px; color: var(--av-ink-faint, #6e7681); font-family: var(--font-mono, monospace); margin-top: 2px; word-break: break-word; } /* refresh-failed marker: a prior good read stays on screen, flagged stale (anti-lie) */ .av6-trust-stale { color: var(--av-warn-fg, #e5c57a); margin-bottom: 10px; } /* agent-change ledger — what Claude pushed/migrated, CI-verified */ .av6-act { display: flex; flex-direction: column; } .av6-act-row { display: flex; align-items: flex-start; gap: 10px; padding: 9px 4px; border-bottom: 1px solid var(--av-line-soft, #262626); } .av6-act-row:last-child { border-bottom: 0; } .av6-act__mid { min-width: 0; flex: 1 1 auto; } .av6-act__summary { font-size: 13px; color: var(--av-ink, #ededed); word-break: break-word; } .av6-act__meta { font-size: 11px; color: var(--av-ink-faint, #6e7681); margin-top: 2px; } .av6-act__link { display: inline-block; margin-top: 3px; font-size: 11px; color: var(--av-info, #6ea8fe); text-decoration: none; } .av6-act__link:hover { text-decoration: underline; } /* generic muted line / loading */ .av6-muted { font-size: 12px; color: var(--av-ink-3, #80868b); } .av6-loading { font-size: 12px; color: var(--av-ink-3, #80868b); padding: 6px 0; }