/* IOST Terminal — dark trading terminal theme */
:root {
  --bg: #07090c;
  --surface: #0d1117;
  --surface-2: #121a23;
  --border: #223044;
  --border-strong: #33455f;
  --text: #eef6fc;
  --muted: #96a7b8;
  --dim: #6d7f95;
  --up: #2fffd0;
  --up: oklch(0.894 0.166 172);
  --up-dim: rgba(47, 255, 208, 0.16);
  --down: #ff6157;
  --down: oklch(0.696 0.194 27);
  --down-dim: rgba(255, 97, 87, 0.16);
  --warn: #ffd06a;
  --warn: oklch(0.879 0.131 85);
  --accent: #4dd6ff;
  --accent: oklch(0.819 0.129 222);
  --accent-dim: rgba(77, 214, 255, 0.14);
  --radius: 6px;
  --disp: 'Chakra Petch', 'Space Grotesk', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: 'Sora', system-ui, -apple-system, sans-serif;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
}

/* visible keyboard focus — humans AND AI agents need to see where they are */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}
.skip-link {
  position: fixed; top: 8px; left: 8px; z-index: 300;
  padding: 10px 14px; border-radius: 4px;
  background: var(--accent); color: #03161c; font-weight: 700;
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

* { box-sizing: border-box; margin: 0; padding: 0; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
html { color-scheme: dark; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.hidden { display: none !important; }
a { color: var(--accent); text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

/* ---------- AI operator avatar (assistant) ---------- */
.ai-avatar { width: 46px; height: 46px; object-fit: cover; border-radius: 50%; margin-left: auto; border: 1px solid rgba(0, 229, 255, .55); box-shadow: 0 0 16px rgba(0, 229, 255, .35); }
.view .section-title { display: flex; align-items: center; gap: 12px; }

/* ---------- topbar ---------- */
.topbar {
  display: flex; align-items: center; gap: var(--sp-5);
  padding: 0 var(--sp-5);
  height: 56px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  position: sticky; top: 0; z-index: 50;
}
.brand { display: flex; align-items: baseline; gap: var(--sp-2); white-space: nowrap; }
.brand-mark { color: var(--up); font-size: 18px; }
.brand-name { font-weight: 800; letter-spacing: 1px; font-size: 15px; }
.brand-dim { color: var(--muted); font-weight: 600; margin-left: 2px; }
.brand-tag { color: var(--dim); font-size: 11px; margin-left: var(--sp-2); }
.nav { display: flex; gap: 2px; flex: 1; overflow-x: auto; }
.nav-btn {
  background: none; border: none; color: var(--muted);
  padding: var(--sp-2) var(--sp-3);
  font-size: 13px; font-weight: 600; letter-spacing: 0.2px;
  border-radius: var(--radius); white-space: nowrap;
  transition: color .15s, background .15s;
}
.nav-btn:hover { color: var(--text); background: var(--surface-2); }
.nav-btn.is-active { color: var(--accent); background: var(--accent-dim); }
.topbar-right { display: flex; align-items: center; gap: var(--sp-3); }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--warn); }
.live-dot.live { background: var(--up); box-shadow: 0 0 6px var(--up); }
.live-trade-chip { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px;
  background: rgba(255, 45, 85, .14); color: #ff2d55; border: 1px solid rgba(255, 45, 85, .45);
  font: 600 11px/1.5 'JetBrains Mono', monospace; letter-spacing: .08em; animation: livePulse 2s ease-in-out infinite; }
.live-trade-chip.hidden { display: none; }
@keyframes livePulse { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
.toast.clickable { cursor: pointer; border-color: rgba(255, 170, 0, .45); }
.clickable-row { cursor: pointer; }
.clock { color: var(--muted); font-size: 12px; }

/* ---------- views ---------- */
.view { flex: 1; padding: var(--sp-5); max-width: 1440px; width: 100%; margin: 0 auto; }
.section-title { font-size: 15px; font-weight: 700; margin-bottom: var(--sp-4); display: flex; align-items: center; gap: var(--sp-2); }
.section-title .sub { color: var(--dim); font-weight: 400; font-size: 12px; }

/* cards */
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--sp-4);
}
.grid { display: grid; gap: var(--sp-4); }
.g-2 { grid-template-columns: repeat(2, 1fr); }
.strategy-review-cards .card { min-width:0; }
.strategy-review-cards dl { margin:0; }
.strategy-review-cards dt { color:var(--muted); font-size:12px; font-weight:600; margin-top:14px; }
.strategy-review-cards dd { margin:4px 0 0; line-height:1.5; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.g-3 { grid-template-columns: repeat(3, 1fr); }
.g-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) { .g-4 { grid-template-columns: repeat(2, 1fr); } .g-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .g-4, .g-3, .g-2 { grid-template-columns: 1fr; } }

/* ---------- tables ---------- */
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th {
  text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px;
  color: var(--dim); font-weight: 600; padding: var(--sp-2) var(--sp-3);
  border-bottom: 1px solid var(--border); background: var(--surface-2); white-space: nowrap;
}
td { padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--border); white-space: nowrap; }
tbody tr:last-child td { border-bottom: none; }
tbody tr { transition: background .12s; }
tbody tr:hover { background: var(--surface-2); }
tr.clickable { cursor: pointer; }

/* badges & chips */
.chip {
  display: inline-block; font-size: 11px; font-weight: 600;
  padding: 1px 8px; border-radius: 999px; letter-spacing: 0.3px;
}
.chip.bull { background: var(--up-dim); color: var(--up); }
.chip.live { background: rgba(255, 45, 85, .15); color: #ff2d55; }
.chip.bear { background: var(--down-dim); color: var(--down); }
.chip.neut { background: rgba(139, 152, 165, 0.15); color: var(--muted); }
.chip.warn { background: rgba(227, 179, 65, 0.14); color: var(--warn); }
.chip.acc { background: var(--accent-dim); color: var(--accent); }
/* autopilot provenance badge — sits beside a symbol in the journal / positions */
.auto-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; margin-left: 5px; vertical-align: -3px;
  border-radius: 999px; background: rgba(0, 229, 255, .12);
  border: 1px solid rgba(0, 229, 255, .35); color: var(--accent);
}
.auto-badge svg { display: block; }
.sig-row { display: flex; flex-wrap: wrap; gap: var(--sp-1); }
.sig { font-size: 10.5px; padding: 1px 6px; border-radius: 4px; border: 1px solid var(--border-strong); color: var(--muted); }
.sig.bull { border-color: rgba(34,211,170,.35); color: var(--up); }
.sig.bear { border-color: rgba(248,81,73,.35); color: var(--down); }

.up { color: var(--up); } .down { color: var(--down); } .muted { color: var(--muted); } .dim { color: var(--dim); }

/* ---------- score bars ---------- */
.score-card { display: flex; flex-direction: column; gap: var(--sp-3); }
.score-top { display: flex; align-items: baseline; justify-content: space-between; }
.score-num { font-family: var(--mono); font-size: 30px; font-weight: 700; }
.score-grade { font-size: 12px; font-weight: 700; }
.grade-strong-buy { color: var(--up); } .grade-buy { color: var(--up); }
.grade-neutral { color: var(--warn); } .grade-avoid, .grade-strong-avoid { color: var(--down); }
.subscore { display: grid; grid-template-columns: 84px 1fr 34px; align-items: center; gap: var(--sp-2); font-size: 12px; }
.subscore .lbl { color: var(--muted); text-transform: capitalize; }
.subscore .val { font-family: var(--mono); text-align: right; font-size: 12px; }
.bar { height: 5px; background: var(--surface-2); border-radius: 3px; overflow: hidden; }
.bar > i { display: block; height: 100%; border-radius: 3px; }

/* ---------- forms ---------- */
.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--sp-3); }
.field label { font-size: 12px; color: var(--muted); font-weight: 600; }
.field input, .field select {
  background: var(--surface-2); border: 1px solid var(--border-strong);
  color: var(--text); border-radius: var(--radius);
  padding: 9px 12px; font-family: var(--mono); font-size: 14px; outline: none;
}
.field input:focus, .field select:focus { border-color: var(--accent); }
.btn {
  background: var(--accent); color: #04121c; border: none; font-weight: 700;
  padding: 9px 16px; border-radius: var(--radius); font-size: 13px; letter-spacing: 0.3px;
  transition: filter .15s, transform .12s var(--ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover { filter: brightness(1.1); }
}
.btn:active { transform: scale(.97); }
.btn.ghost { background: transparent; color: var(--muted); border: 1px solid var(--border-strong); }
.btn.sm { padding: 4px 10px; font-size: 12px; }
.btn.green { background: var(--up); }
.btn.red { background: var(--down); }

/* ---------- kpis ---------- */
.kpi { display: flex; flex-direction: column; gap: 2px; }
.kpi .k-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--dim); font-weight: 600; }
.kpi .k-value { font-family: var(--mono); font-size: 22px; font-weight: 600; }
.kpi .k-sub { font-size: 11px; color: var(--dim); }

/* ---------- chat ---------- */
.chat { display: flex; flex-direction: column; height: calc(100vh - 190px); min-height: 420px; }
.chat-log { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-3); border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.msg { max-width: 78%; padding: 10px 14px; border-radius: var(--radius); font-size: 13px; white-space: pre-wrap; }
.msg.user { align-self: flex-end; background: var(--accent-dim); border: 1px solid rgba(56,189,248,.3); }
.msg.bot { align-self: flex-start; background: var(--surface-2); border: 1px solid var(--border); }
.msg.bot .reason-list { margin: 8px 0 0 0; padding-left: 18px; }
.msg.bot .reason-list li { margin-bottom: 4px; }
.msg .disclaimer { display: block; margin-top: 10px; font-size: 11px; color: var(--dim); border-top: 1px dashed var(--border-strong); padding-top: 8px; }
.chat-input { display: flex; gap: var(--sp-2); margin-top: var(--sp-3); }
.chat-input input {
  flex: 1; background: var(--surface); border: 1px solid var(--border-strong); color: var(--text);
  border-radius: var(--radius); padding: 10px 14px; font-size: 14px; outline: none; font-family: var(--sans);
}
.chat-input input:focus { border-color: var(--accent); }
.quick { display: flex; gap: var(--sp-2); margin-top: var(--sp-3); flex-wrap: wrap; }
.quick button { background: var(--surface); border: 1px solid var(--border-strong); color: var(--muted); font-size: 12px; padding: 5px 10px; border-radius: 999px; }
.quick button:hover { color: var(--text); border-color: var(--accent); }

/* ---------- modal ---------- */
.modal-backdrop {
  position: fixed; inset: 0; background: rgba(4, 6, 8, 0.72);
  display: flex; align-items: center; justify-content: center; z-index: 100; padding: var(--sp-5);
}
.modal {
  background: var(--surface); border: 1px solid var(--border-strong); border-radius: 10px;
  width: min(760px, 100%); max-height: 90vh; overflow-y: auto; padding: var(--sp-5);
}
.modal h3 { margin-bottom: var(--sp-3); }
.modal-close { float: right; background: none; border: none; color: var(--muted); font-size: 18px; }
.modal-close:hover { color: var(--text); }

/* ---------- misc ---------- */
.foot {
  border-top: 1px solid var(--border); padding: var(--sp-3) var(--sp-5);
  display: flex; justify-content: space-between; color: var(--dim); font-size: 11px;
}
.foot a { color: var(--muted); }
.foot a:hover { color: var(--cyan); }
.foot .foot-legal { white-space: nowrap; }
@media (max-width: 600px) {
  .foot { flex-wrap: wrap; gap: var(--sp-2); }
  .foot .foot-legal { white-space: normal; }
}
.empty { padding: var(--sp-6); text-align: center; color: var(--muted); }
.skeleton { height: 12px; border-radius: 4px; background: linear-gradient(90deg, var(--surface-2) 25%, var(--surface) 50%, var(--surface-2) 75%); background-size: 200% 100%; animation: shimmer 1.2s infinite; }
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.stat-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-4); margin-bottom: var(--sp-5); }
@media (max-width: 900px) { .stat-cards { grid-template-columns: repeat(2, 1fr); } }
.sent-gauge { display: flex; height: 8px; border-radius: 4px; overflow: hidden; margin: var(--sp-3) 0; }
.sent-gauge i { display: block; }
.mini-bar { display: flex; align-items: flex-end; gap: 2px; height: 90px; }
.mini-bar i { flex: 1; background: var(--accent); border-radius: 2px 2px 0 0; opacity: .85; }
.mini-bar i:last-child { background: var(--up); }

/* ================= animation layer ================= */
@keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes flashUp { 0% { background: var(--up-dim); } 100% { background: transparent; } }
@keyframes flashDown { 0% { background: var(--down-dim); } 100% { background: transparent; } }
@keyframes barGrow { from { width: 0; } }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(34, 211, 170, .45); } 70% { box-shadow: 0 0 0 9px rgba(34, 211, 170, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 211, 170, 0); } }
@keyframes tickerScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes modalIn { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes modalOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(8px) scale(.98); } }
@keyframes glowBreath { 0%, 100% { opacity: .3; } 50% { opacity: .65; } }
@keyframes toastIn { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }

.anim-row { animation: fadeIn .18s ease-out both; }
td.flash-up { animation: flashUp .9s ease; }
td.flash-down { animation: flashDown .9s ease; }
.bar > i { animation: barGrow .7s ease both; }
.live-dot.live { animation: pulse 2s infinite; }

/* ticker tape */
/* The edge fade is a mask on the viewport, not overlay layers painted over the
   text. The old ::before/::after gradients sat at z-index 2 on top of the 12px
   items, so every price washed out as it passed the last 48px — which reads as a
   blurry ticker. A mask fades the same pixels without compositing anything over
   the glyphs. */
.ticker { overflow: hidden; white-space: nowrap; border-bottom: 1px solid var(--border); background: var(--surface); position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); }
.ticker-track { display: inline-flex; gap: 36px; padding: 6px 24px; animation: tickerScroll 50s linear infinite; will-change: transform; }
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-item { font-family: var(--mono); font-size: 12px; color: var(--muted); display: inline-flex; gap: 6px; align-items: center; }
.ticker-item b { color: var(--text); font-weight: 600; }
.ticker-item .t-price { font-weight: 500; }

/* modal entrance */
.modal { animation: modalIn .22s var(--ease-out); }
.modal.closing { animation: modalOut .15s var(--ease-out) forwards; }

/* ambient glow */
body::before {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(55% 45% at 50% 0%, rgba(34, 211, 170, .06), transparent 70%);
  animation: glowBreath 7s ease-in-out infinite;
}

/* toasts */
.toast-wrap { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 200; }
.toast {
  background: var(--surface); border: 1px solid var(--border-strong); border-left: 3px solid var(--warn);
  border-radius: var(--radius); padding: 10px 14px; font-size: 13px; max-width: 320px;
  animation: toastIn .25s var(--ease-out); box-shadow: 0 10px 28px rgba(0, 0, 0, .45);
  transition: opacity .25s ease-out;
}
.toast .t-sym { font-weight: 700; color: var(--text); }
.toast .t-sub { display: block; font-size: 11px; color: var(--dim); margin-top: 2px; }

.sig { transition: transform .15s ease; }
.sig:hover { transform: translateY(-1px); }
.nav-btn { position: relative; }
.nav-btn.is-active::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; border-radius: 1px; background: var(--accent); animation: barGrow .25s ease; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .ticker-track { animation: none; }
}

/* ============ v1.4: probabilistic clarity + progressive disclosure ============ */
.modal-head { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: baseline; margin-bottom: 12px; }
.prob-badge {
  display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-weight: 700;
  font-size: 15px; padding: 4px 12px; border-radius: 20px; border: 1px solid;
}
.prob-badge.bullish { color: var(--up); border-color: rgba(34, 211, 170, .5); background: rgba(34, 211, 170, .08); text-shadow: 0 0 12px rgba(34, 211, 170, .35); }
.prob-badge.bearish { color: var(--down); border-color: rgba(248, 81, 73, .5); background: rgba(248, 81, 73, .08); }
.prob-badge.neutral { color: var(--warn); border-color: rgba(255, 200, 87, .45); background: rgba(255, 200, 87, .07); }
.dual-price { font-family: var(--mono); font-size: 13px; color: var(--muted); }
.dual-price b { color: var(--text); }
.drivers { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; font-size: 12px; color: var(--muted); }
.drivers .chip { background: rgba(0, 229, 255, .08); border-color: rgba(0, 229, 255, .3); color: #9fe9f5; }
.prob-gauge { height: 10px; border-radius: 6px; background: var(--border); overflow: hidden; position: relative; margin: 10px 0 4px; }
.prob-gauge i { position: absolute; inset: 0 auto 0 0; border-radius: 6px; background: linear-gradient(90deg, var(--down), var(--warn) 50%, var(--up)); }
.prob-gauge .marker { position: absolute; top: -2px; bottom: -2px; width: 2px; background: #fff; box-shadow: 0 0 8px #fff; }
.prob-scale { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; color: var(--dim); }
.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border); margin-bottom: 14px; }
.tab {
  background: none; border: none; border-bottom: 2px solid transparent; color: var(--muted);
  font-family: var(--sans); font-size: 13px; font-weight: 600; padding: 9px 16px; cursor: pointer; transition: color .2s, border-color .2s;
}
.tab:hover { color: var(--text); }
.tab.is-active { color: var(--accent); border-bottom-color: var(--accent); }
.tab .lv { font-family: var(--mono); font-size: 9px; color: var(--dim); margin-left: 6px; letter-spacing: 1px; }
.tab-panel { animation: fadeIn .2s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.payout-line { font-family: var(--mono); font-size: 12px; color: var(--muted); margin-top: 6px; }
.payout-line b { color: var(--text); }
.prob-chart { width: 100%; height: 120px; display: block; }
.ob-table { width: 100%; border-collapse: collapse; font-family: var(--mono); font-size: 12px; }
.ob-table th { color: var(--dim); font-weight: 600; text-align: right; padding: 4px 10px; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid var(--border); }
.ob-table td { text-align: right; padding: 4px 10px; color: var(--text); }
.ob-table tr.ob-head td { color: var(--dim); font-size: 10px; letter-spacing: 1px; border-top: 1px solid var(--border); padding-top: 8px; }
.ob-table .bid { color: var(--up); }
.ob-table .ask { color: var(--down); }
.pre-block {
  background: #060a12; border: 1px solid var(--border-strong); border-radius: var(--radius);
  padding: 12px; font-family: var(--mono); font-size: 11px; line-height: 1.6; color: #9fe9f5;
  max-height: 240px; overflow: auto; white-space: pre-wrap; word-break: break-all;
}
.perf-chart { width: 100%; height: 200px; display: block; }
.agent-log { font-family: var(--mono); font-size: 11px; color: var(--muted); line-height: 1.7; }
.agent-log b { color: var(--text); }
.spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-family: var(--mono); font-size: 12px; }
.spec-grid .k { color: var(--dim); }
.spec-grid .v { color: var(--text); text-align: right; }
.mini-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.mini-form input {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 8px 10px; color: var(--text); font-family: var(--mono); font-size: 12px; width: 100%;
}
.mini-form label { font-size: 10px; color: var(--dim); letter-spacing: 1px; text-transform: uppercase; display: block; margin-bottom: 4px; }

/* ============ v1.6: AI command center shell ============ */
body.cmd {
  background:
    radial-gradient(60% 45% at 15% 0%, rgba(0, 229, 255, .07), transparent 60%),
    radial-gradient(50% 40% at 90% 100%, rgba(124, 92, 255, .08), transparent 65%),
    #04060b;
  overflow: hidden;
}
/* header */
body.cmd .topbar {
  position: relative; display: flex; align-items: center; gap: 18px;
  height: 56px; padding: 0 18px; z-index: 60;
  background: rgba(8, 12, 20, .8); backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(0, 229, 255, .12);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
}
body.cmd .brand-tag { font-size: 9px; letter-spacing: 2.5px; color: var(--cyan); border: 1px solid rgba(0, 229, 255, .3); padding: 2px 8px; border-radius: 20px; margin-left: 4px; text-shadow: 0 0 8px rgba(0, 229, 255, .6); }
body.cmd .tb-status { display: flex; align-items: center; gap: 12px; margin-left: auto; }
body.cmd .tb-net { color: var(--mint); font-size: 11px; letter-spacing: 1.5px; text-shadow: 0 0 8px rgba(34, 211, 170, .5); }
body.cmd .tb-right { display: flex; align-items: center; gap: 12px; }
body.cmd .tb-balance { font-size: 14px; color: var(--text); }
body.cmd .tb-balance b { color: var(--cyan); text-shadow: 0 0 10px rgba(0, 229, 255, .5); font-weight: 700; }
body.cmd .tb-balance.tb-points { color: var(--mint); cursor: pointer; border: 1px solid rgba(34, 211, 170, .3); border-radius: 8px; padding: 3px 10px; font-size: 13px; transition: box-shadow .2s; }
body.cmd .tb-balance.tb-points:hover { box-shadow: 0 0 12px rgba(34, 211, 170, .25); }
body.cmd .tb-balance.tb-points b { color: var(--mint); text-shadow: 0 0 10px rgba(34, 211, 170, .5); }
body.cmd .tb-agent {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid rgba(0, 229, 255, .35); border-radius: 8px;
  background: rgba(0, 229, 255, .06); color: var(--cyan);
  font: 600 11px/1 'JetBrains Mono', monospace; letter-spacing: .12em;
  padding: 6px 12px; cursor: pointer; white-space: nowrap;
  transition: box-shadow .2s, background .2s, transform .15s;
}
body.cmd .tb-agent .ic { font-size: 13px; line-height: 1; }
body.cmd .tb-agent:hover { background: rgba(0, 229, 255, .12); box-shadow: 0 0 14px rgba(0, 229, 255, .3); }
body.cmd .tb-agent.is-active { background: rgba(0, 229, 255, .18); border-color: rgba(0, 229, 255, .6); box-shadow: 0 0 18px rgba(0, 229, 255, .4); }
.tb-find { display: none; }
@media (max-width: 860px) { body.cmd .tb-agent { order: -1; } }
.ref-code { padding: 6px 12px; border: 1px solid rgba(0, 229, 255, .35); border-radius: 8px; background: rgba(0, 229, 255, .06); letter-spacing: .14em; font-weight: 600; }
.ap-chip { cursor: pointer; transition: background .2s, box-shadow .2s, border-color .2s; }
@media (hover: hover) and (pointer: fine) {
  .ap-chip:hover { box-shadow: 0 0 14px rgba(0, 229, 255, .25); }
}
.ap-chip.on { background: rgba(34, 211, 170, .15); border-color: rgba(34, 211, 170, .5); color: var(--mint); }

/* shell grid */
.cmd-body { display: grid; grid-template-columns: 68px 1fr 330px; height: calc(100vh - 56px); }
@media (min-width: 861px) { .cmd.live-workspace-mode .cmd-body { grid-template-columns: 68px minmax(0, 1fr); } }
/* sidebar */
.sidebar {
  display: flex; flex-direction: column; justify-content: space-between;
  padding: 12px 8px; background: rgba(8, 12, 20, .75); backdrop-filter: blur(16px);
  border-right: 1px solid rgba(255, 255, 255, .06); overflow-y: auto;
}
.side-nav { display: flex; flex-direction: column; gap: 9px; }
.nav-group { display: flex; flex-direction: column; gap: 4px; }
.nav-group + .nav-group { padding-top: 7px; border-top: 1px solid rgba(255,255,255,.045); }
.nav-group-label { padding: 0 7px 2px; color: rgba(147,164,183,.56); font: 700 7px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.nav-more { padding-top:8px; border-top:1px solid rgba(255,255,255,.08); }
.nav-more-summary { display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 2px; border:1px solid var(--border); border-radius:10px; color:var(--muted); cursor:pointer; list-style:none; text-align:center; }
.nav-more-summary::-webkit-details-marker { display:none; }.nav-more-summary .ic { font-size:16px; }.nav-more-summary .lbl { font-size:8px; text-transform:uppercase; line-height:1.25; }
.nav-more-summary:hover,.nav-more-summary:focus-visible,.nav-more[open] .nav-more-summary { color:var(--cyan); border-color:rgba(0,229,255,.4); background:rgba(0,229,255,.06); }
.nav-more .nav-group { margin-top:7px; }
.sidebar .nav-btn, .side-link {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  background: none; border: 1px solid transparent; border-radius: 12px;
  color: var(--muted); padding: 9px 4px; cursor: pointer; text-decoration: none;
  font-family: var(--sans); transition: color .18s, background .18s, border-color .18s;
}
.sidebar .nav-btn .ic, .side-link .ic { font-size: 16px; line-height: 1; }
.sidebar .nav-btn .lbl, .side-link .lbl { font-size: 8.5px; letter-spacing: .5px; text-transform: uppercase; }
@media (hover: hover) and (pointer: fine) {
  .sidebar .nav-btn:hover, .side-link:hover { color: var(--text); background: rgba(0, 229, 255, .06); }
}
.side-link.badge-io { color: var(--cyan); border-color: rgba(0, 229, 255, .28); background: rgba(0, 229, 255, .07); box-shadow: 0 0 12px rgba(0, 229, 255, .12); cursor: default; }
.side-link.badge-io .lbl { font-weight: 700; letter-spacing: 1px; }
.sidebar .nav-btn.is-active {
  color: var(--cyan); background: rgba(0, 229, 255, .1);
  border-color: rgba(0, 229, 255, .35);
  box-shadow: 0 0 18px rgba(0, 229, 255, .15), inset 0 0 12px rgba(0, 229, 255, .05);
}
.sidebar .nav-btn.is-active .lbl { text-shadow: 0 0 8px rgba(0, 229, 255, .7); }
.side-foot { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid rgba(255, 255, 255, .06); padding-top: 10px; }
/* main */
.cmd-main { overflow-y: auto; padding: 18px 20px 60px; scrollbar-width: thin; }
.cmd-main .view { animation: fadeIn .25s ease; }
.trading-workspaces { margin-bottom:18px; padding:12px; border:1px solid #33445a; border-radius:12px; background:#0c1420; }
.trading-workspace-links { display:flex; flex-wrap:wrap; gap:8px; }
.trading-workspace-links a { display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; border:1px solid #536479; border-radius:8px; color:#d1dce9; text-decoration:none; }
.trading-workspace-links a[aria-current] { color:#8df5d3; background:#15332f; border-color:#8df5d3; }
.trading-workspace-links #liveWorkspace[aria-current] { color:#ffd75e; background:#332e1c; border-color:#ffd75e; }
.trading-workspace-links a:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.trading-workspaces p { margin:10px 0 0; color:#b6c5d8; font-size:12px; line-height:1.5; }
@media(max-width:520px) { .trading-workspace-links a { flex:1 1 100%; justify-content:center; } }
/* right intelligence rail */
.rail { display: flex; flex-direction: column; gap: 12px; padding: 14px; overflow-y: auto; background: rgba(5, 8, 14, .5); border-left: 1px solid rgba(255, 255, 255, .06); scrollbar-width: thin; }
.glass {
  background: rgba(16, 22, 38, .55); backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .35), 0 0 20px rgba(0, 229, 255, .04);
}
.rail-card { padding: 14px; }
.rc-title { font-size: 10px; letter-spacing: 2px; color: var(--dim); text-transform: uppercase; display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.rc-sub { font-size: 10px; letter-spacing: 1px; color: var(--cyan); }
/* gauge */
.gauge { width: 100%; height: 110px; display: block; }
.gauge-label { text-align: center; font-size: 15px; font-weight: 700; color: var(--text); letter-spacing: 1px; text-shadow: 0 0 12px rgba(0, 229, 255, .6); margin-top: 2px; }
.gauge-scale { display: flex; justify-content: space-between; font-size: 9px; color: var(--dim); font-family: var(--mono); margin-top: 4px; }
/* agent fusion */
.fusion-rec { font-family: var(--disp); font-size: 26px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.fusion-rec.bull { color: var(--mint); text-shadow: 0 0 18px rgba(34, 211, 170, .5); }
.fusion-rec.bear { color: var(--red); text-shadow: 0 0 18px rgba(255, 92, 92, .5); }
.fusion-rec.neut { color: var(--amber); text-shadow: 0 0 14px rgba(255, 200, 87, .4); }
.fusion-conf { font-size: 11px; color: var(--mint); margin-top: 2px; }
.fusion-quote { font-size: 12px; color: var(--muted); line-height: 1.55; margin-top: 8px; border-left: 2px solid rgba(0, 229, 255, .4); padding-left: 10px; }
.fusion-drivers { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.fusion-drivers .chip { background: rgba(0, 229, 255, .08); border-color: rgba(0, 229, 255, .3); color: #9fe9f5; font-size: 10px; padding: 2px 8px; }
/* state grid */
.state-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.state-cell { background: rgba(8, 13, 22, .6); border: 1px solid rgba(255, 255, 255, .05); border-radius: 10px; padding: 8px 10px; }
.s-label { display: block; font-size: 8.5px; letter-spacing: 1.5px; color: var(--dim); text-transform: uppercase; }
.s-val { display: block; font-size: 13px; color: var(--text); margin-top: 2px; }
/* donut */
.donut { width: 100%; height: 120px; display: block; }
.donut-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; font-size: 10.5px; color: var(--muted); font-family: var(--mono); }
.donut-legend b { color: var(--text); }
/* exec */
.rail-card.exec { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.btn-big {
  border: none; border-radius: 12px; padding: 13px 0; font-family: var(--disp);
  font-weight: 700; font-size: 15px; letter-spacing: 2px; cursor: pointer; transition: transform .12s, box-shadow .2s;
}
.btn-big.buy { background: linear-gradient(90deg, #00b09b, #22d3aa); color: #02110c; box-shadow: 0 0 22px rgba(34, 211, 170, .45), inset 0 0 0 1px rgba(255, 255, 255, .15); }
.btn-big.sell { background: linear-gradient(90deg, #ff2d55, #ff5c5c); color: #160308; box-shadow: 0 0 22px rgba(255, 92, 92, .45), inset 0 0 0 1px rgba(255, 255, 255, .15); }
@media (hover: hover) and (pointer: fine) {
  .btn-big:hover { transform: translateY(-1px); }
  .btn-big.buy:hover { box-shadow: 0 0 34px rgba(34, 211, 170, .7); }
  .btn-big.sell:hover { box-shadow: 0 0 34px rgba(255, 92, 92, .7); }
}
.btn-big:active { transform: scale(.98); }

/* glass restyle for existing view components */
body.cmd .card {
  background: rgba(16, 22, 38, .5); backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .07); border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
}
body.cmd .kpi { background: rgba(16, 22, 38, .5); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, .07); border-radius: 14px; padding: 12px 14px; }
body.cmd .section-title { letter-spacing: 1.5px; }
body.cmd .table-wrap { border-radius: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .06); background: rgba(8, 13, 22, .4); }
body.cmd .table-wrap th { letter-spacing: 1.5px; }
body.cmd .modal { background: rgba(10, 15, 26, .92); backdrop-filter: blur(18px); border: 1px solid rgba(0, 229, 255, .2); border-radius: 18px; box-shadow: 0 0 50px rgba(0, 229, 255, .08), 0 24px 80px rgba(0, 0, 0, .7); }
body.cmd .foot { background: rgba(8, 12, 20, .8); border-top: 1px solid rgba(0, 229, 255, .1); position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; backdrop-filter: blur(14px); }
body.cmd .ticker { background: rgba(6, 10, 17, .9); border-bottom-color: rgba(0, 229, 255, .15); }

@media (max-width: 1200px) { .cmd-body { grid-template-columns: 68px 1fr; } .rail { display: none; } }
@media (max-width: 860px) {
  body.cmd .topbar { flex-wrap: wrap; height: auto; padding: 10px 14px; }
  body.cmd .tb-right { flex: 1 1 100%; min-width: 0; flex-wrap: wrap; gap: 8px; }
  body.cmd .tb-auth { min-width: 0; max-width: 100%; flex-wrap: wrap; overflow-wrap: anywhere; }
  body.cmd .tb-find { display: inline-flex; align-items: center; gap: 5px; }
  body.cmd { overflow: auto; }
  .cmd-body { grid-template-columns: 1fr; grid-template-rows: auto 1fr; height: auto; }
  .sidebar { display: block; position: sticky; top: 0; z-index: 55; padding: 6px 8px; overflow-x: hidden; overflow-y: hidden; border-right: 0; border-bottom: 1px solid rgba(0, 229, 255, .12); }
  .side-nav { flex-direction: row; flex-wrap: wrap; min-width: 0; gap: 4px; }
  .nav-group { display: contents; }
  .nav-more { flex:1 1 100%; padding-top:0; border-top:0; }
  .nav-more-summary { flex-direction:row; justify-content:center; min-height:39px; gap:7px; }
  .nav-more[open] .nav-group { display:flex; flex-direction:row; flex-wrap:wrap; gap:4px; padding-top:4px; }
  .nav-more[open] .nav-group .nav-btn { flex:1 1 56px; min-width:56px; }
  .nav-group-label { display: none; }
  .sidebar .nav-btn { flex: 1 1 56px; min-width: 56px; padding: 7px 6px; }
  .side-foot { display: none; }
  .cmd-main { min-width: 0; padding: 14px 12px 40px; }
  body.cmd .foot { position: static; }
}

/* read-only agent decision trace */
.trace-safety { margin-bottom: 14px; padding: 10px 12px; border: 1px solid rgba(34, 211, 170, .35); border-radius: 10px; background: rgba(34, 211, 170, .07); color: var(--mint); font: 600 10px/1.5 var(--mono); letter-spacing: 1px; }
.trace-pipeline { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 8px; padding: 0; margin: 0 0 14px; list-style: none; overflow-x: auto; }
.trace-pipeline li { min-width: 120px; padding: 12px; border: 1px solid rgba(0, 229, 255, .16); border-radius: 12px; background: rgba(8, 13, 22, .55); }
.trace-pipeline strong, .trace-pipeline span { display: block; }
.trace-pipeline strong { margin: 8px 0 4px; color: var(--text); font-size: 12px; }
.trace-pipeline li > span:last-child { color: var(--muted); font-size: 10px; line-height: 1.45; }
.trace-num { color: var(--cyan); font-size: 11px; }
.trace-stats { margin-bottom: 14px; }
.trace-proposals { margin-bottom: 14px; }
.trace-proposal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
.trace-proposal-grid article { padding: 12px; border: 1px solid rgba(255, 200, 87, .2); border-radius: 12px; background: rgba(255, 200, 87, .04); }
.trace-proposal-grid p { margin: 8px 0; color: var(--muted); font-size: 12px; }
.trace-proposal-grid dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 0; }
.trace-proposal-grid dl div { min-width: 0; }
.trace-proposal-grid dt { color: var(--dim); font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.trace-proposal-grid dd { margin: 2px 0 0; color: var(--text); font: 11px var(--mono); overflow-wrap: anywhere; }
.trace-log { list-style: none; padding: 0; margin: 0; }
.trace-log li { display: grid; grid-template-columns: 150px auto 110px 90px 1fr auto; gap: 8px; align-items: center; padding: 10px 0; border-top: 1px solid var(--border); }
.trace-log time, .trace-score { color: var(--dim); font-size: 10px; }
.trace-log strong { font-size: 11px; }
.trace-log p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.trace-symbol { color: var(--cyan); font-size: 10px; }
.trace-evidence-summary { margin-bottom: 14px; }
.trace-decisions { display: grid; gap: 12px; }
.trace-decision { padding: 16px; }
.trace-decision > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.trace-decision > header > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.trace-decision > header time { color: var(--dim); font-size: 10px; }
.trace-decision > p { margin: 10px 0; color: var(--muted); font-size: 12px; }
.trace-decision-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--dim); font-size: 10px; }
.trace-stage-list { display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); gap: 7px; margin: 14px 0 0; padding: 0; overflow-x: auto; list-style: none; }
.trace-stage-list li { min-width: 130px; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: rgba(8, 13, 22, .48); }
.trace-stage-list li > div { display: flex; justify-content: space-between; gap: 6px; }
.trace-stage-list strong { color: var(--text); font-size: 10px; text-transform: capitalize; }
.trace-stage-list li > div span { font: 9px var(--mono); text-transform: uppercase; }
.trace-stage-list p { margin: 7px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.trace-stage-list .is-pass { border-color: rgba(34, 211, 170, .35); }
.trace-stage-list .is-pass > div span { color: var(--mint); }
.trace-stage-list .is-block { border-color: rgba(255, 92, 122, .4); }
.trace-stage-list .is-block > div span { color: var(--down); }
.trace-stage-list .is-pending { border-color: rgba(255, 200, 87, .35); }
.trace-stage-list .is-pending > div span { color: var(--warn); }
.trace-stage-list .is-neutral > div span { color: var(--dim); }
@media (max-width: 760px) {
  .trace-log li { grid-template-columns: auto auto 1fr; align-items: start; }
  .trace-log p { grid-column: 1 / -1; }
  .trace-score { text-align: right; }
  .trace-decision > header { align-items: flex-start; flex-direction: column; }
}

/* ---------- Agent Evaluation Lab ---------- */
.eval-boundary { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding: 10px 13px; border: 1px solid rgba(47,255,208,.3); border-radius: 10px; background: linear-gradient(90deg, rgba(47,255,208,.08), rgba(124,92,255,.05)); font: 10px/1.5 var(--mono); letter-spacing: .06em; color: var(--muted); }
.eval-boundary strong { color: var(--mint); }
.eval-pipeline { display: grid; grid-template-columns: repeat(6, minmax(110px,1fr)); gap: 7px; margin: 0 0 14px; padding: 0; list-style: none; overflow-x: auto; }
.eval-pipeline li { position: relative; min-width: 110px; padding: 10px; border: 1px solid rgba(0,229,255,.16); border-radius: 11px; background: rgba(8,13,22,.62); }
.eval-pipeline li:not(:last-child)::after { content: '›'; position: absolute; right: -7px; top: 25px; z-index: 2; color: var(--cyan); }
.eval-pipeline span,.eval-pipeline strong,.eval-pipeline small { display: block; }
.eval-pipeline span { color: var(--cyan); font: 9px var(--mono); }
.eval-pipeline strong { margin: 5px 0 2px; font-size: 11px; }
.eval-pipeline small { color: var(--dim); font-size: 9px; }
.eval-layout { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(420px,1.28fr); gap: 14px; align-items: start; }
.eval-form { padding: 16px; }
.eval-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.eval-form .field { margin: 0; }
.eval-form .field label { font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.eval-form input,.eval-form select { width: 100%; }
.eval-run { width: 100%; justify-content: space-between; margin-top: 14px; }
.eval-note { margin: 11px 0 0; color: var(--dim); font-size: 10px; line-height: 1.55; }
.eval-note b { color: var(--cyan); font-family: var(--mono); }
.eval-result { min-height: 420px; }
.eval-await { min-height: 420px; display: grid; place-content: center; justify-items: center; text-align: center; padding: 30px; border: 1px dashed rgba(0,229,255,.2); border-radius: 16px; background: radial-gradient(circle at 50% 45%,rgba(0,229,255,.08),transparent 42%),rgba(8,13,22,.35); }
.eval-await strong { margin-top: 14px; font-family: var(--disp); letter-spacing: .06em; }
.eval-await p { max-width: 430px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.eval-orbit { display: grid; place-items: center; width: 70px; height: 70px; border: 1px solid rgba(0,229,255,.4); border-radius: 50%; color: var(--cyan); font-size: 28px; box-shadow: 0 0 35px rgba(0,229,255,.18); }
.eval-await.is-running .eval-orbit { animation: evalPulse 1.3s ease-in-out infinite; }
@keyframes evalPulse { 50% { transform: rotate(180deg) scale(1.08); box-shadow: 0 0 50px rgba(124,92,255,.3); } }
.eval-verdict { padding: 16px 18px; margin-bottom: 12px; border-radius: 14px; }
.eval-verdict.is-hold { border: 1px solid rgba(255,200,87,.35); background: linear-gradient(110deg,rgba(255,200,87,.1),rgba(255,92,92,.04)); }
.eval-verdict.is-pass { border: 1px solid rgba(47,255,208,.38); background: linear-gradient(110deg,rgba(47,255,208,.11),rgba(0,229,255,.04)); }
.eval-verdict-label { display:block; color:var(--dim); font:9px var(--mono); letter-spacing:.12em; }
.eval-verdict strong { display:block; margin:6px 0 3px; font:700 19px var(--disp); letter-spacing:.06em; overflow-wrap:anywhere; }
.eval-verdict.is-hold strong { color:var(--warn); }.eval-verdict.is-pass strong { color:var(--mint); }
.eval-verdict p { margin:0; color:var(--muted); font-size:11px; }
.eval-kpis { margin-bottom:12px; }.eval-kpis .k-value { font-size:17px; }
.eval-detail-grid { margin-bottom:12px; }.eval-detail-grid>.card,.eval-folds { padding:14px; }
.eval-baselines { display:flex; flex-direction:column; gap:10px; }
.eval-baseline { display:grid; grid-template-columns:92px 1fr 64px; gap:8px; align-items:center; font-size:10px; text-transform:capitalize; }
.eval-baseline i { display:block; height:7px; border-radius:9px; overflow:hidden; background:rgba(255,255,255,.05); }
.eval-baseline i b { display:block; height:100%; border-radius:9px; }.eval-baseline .positive { background:linear-gradient(90deg,var(--cyan),var(--mint)); }.eval-baseline .negative { background:var(--down); }
.eval-baseline>strong { text-align:right; font-family:var(--mono); }
.eval-findings { margin:0; padding-left:18px; color:var(--warn); font-size:11px; line-height:1.65; }.eval-findings.is-failure { color:var(--down); }.eval-clear { color:var(--mint); font-size:11px; }
.eval-hash { margin-top:9px; color:var(--dim); font-size:9px; overflow-wrap:anywhere; }
.eval-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.eval-chart-grid>.card { min-width:0; padding:14px; }
.eval-chart { display:block; width:100%; height:170px; }
.eval-chart-wide { height:230px; }
.eval-history { margin-top:14px; padding:14px; }
.eval-history .section-title { align-items:center; }
.eval-history .section-title .btn { margin-left:auto; }
.eval-history-name { display:block; max-width:180px; color:var(--dim); font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.promotion-scorecard { display:grid; grid-template-columns:minmax(150px,.65fr) minmax(280px,1.5fr); gap:22px; margin:14px 0 12px; border-color:rgba(0,229,255,.25); }
.promotion-score { display:grid; align-content:center; justify-items:center; min-height:190px; border-right:1px solid var(--line); }
.promotion-score>span { color:var(--muted); font:700 10px var(--mono); letter-spacing:1.6px; }
.promotion-score>strong { color:var(--cyan); font:700 clamp(46px,7vw,76px) var(--disp); line-height:1; text-shadow:0 0 28px rgba(0,229,255,.3); }
.promotion-score>b { color:var(--mint); font:700 13px var(--mono); letter-spacing:1.4px; }
.promotion-score>small { color:var(--muted); margin-top:7px; text-transform:uppercase; }
.promotion-components { display:grid; align-content:center; gap:9px; }
.promotion-component { display:grid; grid-template-columns:minmax(145px,1fr) minmax(90px,1.1fr) 40px; align-items:center; gap:10px; font-size:11px; }
.promotion-component i { height:5px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.06); }
.promotion-component i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--violet),var(--cyan),var(--mint)); }
.promotion-component strong { color:var(--text); font:700 11px var(--mono); text-align:right; }
.promotion-robustness { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.promotion-robustness span { padding:9px; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:10px; text-align:center; }
.promotion-robustness b { display:block; color:var(--text); font:700 12px var(--mono); margin-bottom:2px; }
.eval-history-actions { display:flex; gap:5px; white-space:nowrap; }
.eval-history-actions .btn { text-decoration:none; }
.benchmark-proof { margin:12px 0; padding:16px; border-color:rgba(47,255,208,.25); background:linear-gradient(135deg,rgba(47,255,208,.045),rgba(0,229,255,.025)); }
.benchmark-proof-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.benchmark-proof-head>div { display:grid; gap:4px; }.benchmark-proof-head span:first-child { color:var(--muted); font:700 9px var(--mono); letter-spacing:1.4px; }
.benchmark-proof-head strong { color:var(--mint); font:700 20px var(--disp); letter-spacing:.08em; }
.benchmark-proof>p { margin:10px 0 12px; color:var(--muted); font-size:11px; }
.benchmark-proof-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.benchmark-proof-grid>span { min-width:0; padding:9px; border:1px solid var(--line); border-radius:8px; background:rgba(0,0,0,.14); }
.benchmark-proof-grid small { display:block; color:var(--dim); font:700 8px var(--mono); letter-spacing:1px; text-transform:uppercase; }
.benchmark-proof-grid b { display:block; margin-top:4px; color:var(--text); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:capitalize; }
.challenge-proof { margin:12px 0; padding:16px; border-color:rgba(143,106,255,.28); background:linear-gradient(135deg,rgba(143,106,255,.055),rgba(0,229,255,.02)); }
.challenge-proof>p { margin:10px 0 12px; color:var(--muted); font-size:11px; }
.challenge-rows { display:grid; gap:6px; }
.challenge-row { display:grid; grid-template-columns:minmax(145px,1.5fr) repeat(3,minmax(72px,.7fr)) 54px; gap:8px; align-items:center; padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:rgba(0,0,0,.14); }
.challenge-row span>b,.challenge-row>strong { display:block; color:var(--text); font:700 10px var(--mono); }.challenge-row small { display:block; color:var(--dim); font-size:8px; text-transform:uppercase; }
.challenge-row>strong { color:var(--mint); text-align:right; }.challenge-row.is-fail>strong { color:var(--warn); }
.eval-error { padding:20px; border-color:rgba(255,92,92,.35)!important; }.eval-error strong { color:var(--down); }.eval-error p,.eval-error span { color:var(--muted); font-size:11px; }
@media (max-width: 1050px) { .eval-layout { grid-template-columns:1fr; }.eval-await { min-height:260px; } }
@media (max-width: 760px) { .eval-boundary { flex-direction:column; }.eval-form { padding:13px; }.eval-fields,.eval-chart-grid,.promotion-scorecard { grid-template-columns:1fr; }.promotion-score { border-right:0; border-bottom:1px solid var(--line); }.promotion-robustness { grid-template-columns:repeat(2,minmax(0,1fr)); }.eval-pipeline { grid-template-columns:repeat(6,125px); }.eval-baseline { grid-template-columns:80px 1fr 58px; }.eval-history-actions { flex-wrap:wrap; }.eval-chart { height:150px; }.benchmark-proof-head { align-items:flex-start; flex-direction:column; }.benchmark-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.challenge-row { grid-template-columns:1fr 1fr; }.challenge-row>strong { text-align:left; } }
@media (prefers-reduced-motion: reduce) { .eval-await.is-running .eval-orbit { animation:none; } }

/* ================= auth (v1.7) — terminal-themed, ARD-compliant ================= */
.tb-auth { display: flex; align-items: center; gap: 6px; }
.auth-chip {
  font-family: var(--mono); font-size: 10px; letter-spacing: 1px;
  color: var(--cyan); border: 1px solid rgba(0, 229, 255, .3);
  background: rgba(0, 229, 255, .08); padding: 4px 9px; border-radius: 20px;
  text-shadow: 0 0 8px rgba(0, 229, 255, .4); white-space: nowrap; max-width: 190px; overflow: hidden; text-overflow: ellipsis;
}
.auth-btn { cursor: pointer; transition: background .15s, box-shadow .15s; }
.auth-btn:hover { background: rgba(0, 229, 255, .18); box-shadow: 0 0 14px rgba(0, 229, 255, .35); }

.auth-modal { width: min(400px, 92vw); padding: 26px 28px; position: relative; }
.credential-reauth { margin:auto; width:min(460px,92vw); max-height:90vh; overflow:auto; padding:24px; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:var(--text); }
.credential-reauth::backdrop { background:rgba(0,0,0,.75); }
.credential-reauth label { display:block; margin:16px 0; }
.credential-reauth input { display:block; box-sizing:border-box; width:100%; padding:10px; margin-top:6px; }
.credential-reauth button { padding:10px; cursor:pointer; }
.credential-reauth [role=status] { min-height:1.5em; }
.gate-close {
  position: absolute; top: 10px; right: 10px;
  background: none; border: 1px solid transparent; color: var(--muted);
  font-size: 15px; line-height: 1; padding: 7px 10px; border-radius: 8px; cursor: pointer;
  transition: color .15s, background .15s, border-color .15s;
}
.gate-close:hover { color: var(--text); background: var(--surface-2); border-color: var(--border); }
.auth-head { margin-bottom: 18px; }
.auth-title { font-family: var(--disp, 'Space Grotesk', sans-serif); font-weight: 700; letter-spacing: 2.5px; font-size: 17px; color: var(--cyan); text-shadow: 0 0 14px rgba(0, 229, 255, .55); }
.auth-sub { font-size: 11.5px; color: var(--muted); margin-top: 4px; letter-spacing: .3px; }
.auth-err { color: var(--down); font-size: 12px; margin: 8px 0 4px; padding: 6px 10px; border: 1px solid rgba(248, 81, 73, .35); border-radius: 6px; background: var(--down-dim); }
.auth-notice { color: var(--cyan); font-size: 12px; margin: 8px 0 4px; padding: 6px 10px; border: 1px solid rgba(0, 229, 255, .35); border-radius: 6px; background: rgba(0, 229, 255, .08); }
.auth-links { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; }
.auth-link { background: none; border: none; color: var(--accent); font-size: 12px; cursor: pointer; padding: 4px 0; text-decoration: underline; text-underline-offset: 3px; }
.auth-link:hover { color: var(--text); }
.auth-qr { display: flex; justify-content: center; align-items: center; padding: 14px; margin-bottom: 10px; border: 1px dashed rgba(0, 229, 255, .3); border-radius: 12px; background: rgba(255, 255, 255, .03); }
.auth-qr img { border-radius: 6px; }
.backup-codes { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; margin: 4px 0 16px; }
.backup-codes li { font-size: 13px; letter-spacing: 1px; background: rgba(34, 211, 170, .08); border: 1px solid rgba(34, 211, 170, .3); color: var(--up); border-radius: 8px; padding: 8px 10px; text-align: center; }
.auth-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; padding: 10px 2px; border-bottom: 1px solid var(--border); margin-bottom: 14px; }
.btn.block { width: 100%; margin-top: 10px; }
.btn[disabled], .btn-big[disabled], .chip[disabled] { opacity: .4; cursor: not-allowed; filter: grayscale(.6); }

/* password reset overlay (full-screen, from email link) */
.auth-reset-overlay { position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center; background: rgba(4, 7, 11, .88); backdrop-filter: blur(10px); }
.auth-reset-card { width: min(420px, 92vw); background: rgba(10, 15, 26, .95); border: 1px solid rgba(0, 229, 255, .2); border-radius: 18px; box-shadow: 0 0 50px rgba(0, 229, 255, .1); padding: 30px 32px; }
.auth-reset-card .auth-title { font-size: 16px; }

/* ---------- IOST wallet (free · self-custody card) ---------- */
.warn-banner {
  border: 1px solid rgba(227, 179, 65, .45);
  background: rgba(227, 179, 65, .08);
  color: var(--warn);
  border-radius: var(--radius);
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.55;
  margin-bottom: var(--sp-3);
}
.warn-banner strong { color: var(--warn); }
.secret-box {
  width: 100%;
  background: #0b1520;
  border: 1px dashed rgba(227, 179, 65, .6);
  color: var(--warn);
  border-radius: var(--radius);
  padding: 10px 12px;
  font-family: var(--mono);
  font-size: 12.5px;
  resize: vertical;
  word-break: break-all;
}
.secret-box:focus { outline: 1px solid var(--warn); }
.wallet-row { display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px; font-size: 13px; }
.wallet-row .muted { min-width: 96px; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; }
.wallet-check { font-size: 13px; color: var(--muted); cursor: pointer; }
.wallet-check input { accent-color: var(--accent); width: 16px; height: 16px; }
.btn[disabled] { opacity: .45; cursor: not-allowed; }
.btn[disabled]:hover { filter: none; }

/* ---------- v1.16 Binance Web3 data (Smart-Money Signals + Token Audit) ---------- */
.sm-chain { cursor: pointer; opacity: .55; }
.sm-chain.is-active { opacity: 1; border-color: var(--accent); color: var(--accent); box-shadow: 0 0 12px rgba(77,214,255,.18); }
.sig-card { display: flex; flex-direction: column; gap: 10px; }
.sig-head { display: flex; align-items: center; gap: 10px; }
.sig-logo { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; background: #111; flex: 0 0 auto; }
.sig-logo-fallback { display: inline-flex; align-items: center; justify-content: center; color: var(--accent); font-size: 15px; }
.sig-title { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.sig-title strong { font-family: var(--disp); letter-spacing: .04em; }
.sig-right { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.sig-prices { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; }
.sig-prices .mono { font-size: 15px; }
.sig-label { font-size: 9px; letter-spacing: .14em; color: var(--dim); display: block; font-weight: 600; }
.sig-gain { font-family: var(--mono); font-weight: 700; font-size: 17px; margin-left: auto; }
.sig-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sig-tag { font-size: 10px; letter-spacing: .05em; color: var(--muted); border: 1px solid var(--border); border-radius: 4px; padding: 2px 7px; }
.sig-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--border); padding-top: 9px; }
.sig-addr { font-size: 11px; color: var(--dim); }
.chip.ok { color: var(--up); border-color: var(--up-dim); }
.chip.alpha { color: var(--accent); border-color: var(--accent-dim); }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media (max-width: 900px) { .stat-grid { grid-template-columns: repeat(2, 1fr); } }
.stat-cell { background: rgba(255,255,255,.02); border: 1px solid var(--border); border-radius: var(--radius); padding: 7px 10px; }
.audit-tools { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.audit-select, .audit-input { background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius); padding: 8px 10px; font-size: 13px; }
.audit-input { min-width: 280px; flex: 1; }
.audit-input:focus, .audit-select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); }
.risk-badge { display: inline-block; padding: 4px 12px; border-radius: var(--radius); font-weight: 700; letter-spacing: .1em; font-size: 12px; }
.risk-low { color: var(--up); background: var(--up-dim); border: 1px solid rgba(47,255,208,.35); }
.risk-med { color: var(--warn); background: rgba(255,208,106,.10); border: 1px solid rgba(255,208,106,.35); }
.risk-high { color: var(--down); background: var(--down-dim); border: 1px solid rgba(255,97,87,.4); }
.risk-unk { color: var(--muted); background: rgba(150,167,184,.10); border: 1px solid var(--border); }
.audit-summary { display: flex; flex-direction: column; gap: 12px; }
.audit-cat { display: flex; flex-direction: column; gap: 8px; }
.audit-cat-head { display: flex; justify-content: space-between; align-items: center; }
.audit-check { display: flex; gap: 9px; align-items: flex-start; padding: 7px 9px; border-radius: var(--radius); font-size: 12.5px; }
.audit-mark { font-family: var(--mono); font-weight: 700; }
.check-hit { color: var(--down); background: var(--down-dim); }
.check-caution { color: var(--warn); background: rgba(255,208,106,.07); }
.check-clean { color: rgba(238,246,252,.55); }

/* ================= AITT token + points conversion (v2.10, 2026-08-16) ================= */
.aitt-conv { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; }
.conv-cell { display: flex; flex-direction: column; gap: 4px; }
.conv-cell .k-value { font-family: var(--mono); font-size: 17px; }
.aitt-conv .btn.sm { min-width: 130px; }
.aitt-conv .btn.sm:disabled { opacity: .45; cursor: not-allowed; }
.conv-card { border-color: rgba(255,208,106,.28); }
.alloc-row { display: grid; grid-template-columns: 190px 1fr 120px; gap: 6px 14px; align-items: center; padding: 7px 0; border-bottom: 1px solid rgba(28,43,64,.5); }
.alloc-row:last-child { border-bottom: none; }
.alloc-name { font-size: 13px; color: var(--muted); }
.alloc-bar { height: 9px; border-radius: 6px; background: var(--surface-2); border: 1px solid var(--line); overflow: hidden; }
.alloc-bar i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--cyan), var(--mint)); }
.alloc-pct { font-size: 12px; text-align: right; color: var(--text); }
.alloc-vest { grid-column: 2; font-size: 11px; color: var(--dim); margin-top: -4px; }
.util-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.util p { font-size: 12.5px; color: var(--muted); margin-top: 6px; line-height: 1.55; }
@media (max-width: 640px) { .alloc-row { grid-template-columns: 1fr; } .alloc-pct { text-align: left; } .alloc-vest { grid-column: 1; } }

/* ---------- first-run paper guide ---------- */
.onboarding-replay { width: 100%; border: 0; font: inherit; text-align: left; cursor: pointer; }
.onboarding-layer {
  position: fixed; inset: 0; z-index: 150; pointer-events: auto;
  background: rgba(3, 8, 16, .72); backdrop-filter: blur(2px);
}
.onboarding-layer.hidden { display: none; }
.onboarding-card {
  position: fixed; z-index: 152; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: min(460px, calc(100vw - 28px)); pointer-events: auto;
  background: rgba(9, 17, 29, .98); border: 1px solid rgba(0, 229, 255, .42);
  border-radius: 16px; padding: 24px; box-shadow: 0 22px 80px rgba(0, 0, 0, .58), 0 0 34px rgba(0, 229, 255, .12);
}
.onboarding-kicker { color: var(--cyan); font-size: 10px; letter-spacing: .16em; margin-bottom: 8px; }
.onboarding-card h2 { font-family: var(--disp); font-size: 21px; margin: 0 0 8px; }
.onboarding-card p { color: var(--muted); font-size: 13px; line-height: 1.65; min-height: 64px; }
.onboarding-mission { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 5px; margin: 0 0 14px; }
.onboarding-mission span { overflow: hidden; padding: 5px 4px; border: 1px solid rgba(255,255,255,.08); border-radius: 6px; color: var(--dim); background: rgba(255,255,255,.02); font: 700 7px/1.2 var(--mono); letter-spacing: .04em; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.onboarding-mission span.is-current { color: var(--cyan); border-color: rgba(0,229,255,.48); background: rgba(0,229,255,.09); box-shadow: 0 0 14px rgba(0,229,255,.12); }
.onboarding-mission span.is-done { color: var(--mint); border-color: rgba(47,255,208,.22); }
.onboarding-safety {
  color: var(--mint); border: 1px solid rgba(47, 255, 208, .28); background: rgba(47, 255, 208, .06);
  border-radius: 8px; padding: 8px 10px; font: 600 10px/1.4 var(--mono); letter-spacing: .06em;
}
.onboarding-actions { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-top: 18px; }
.onboarding-skip { background: none; border: 0; color: var(--muted); cursor: pointer; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
.onboarding-skip:hover, .onboarding-skip:focus-visible { color: var(--text); }
.onboarding-target {
  position: relative !important; z-index: 151 !important;
  pointer-events: none !important;
  box-shadow: 0 0 0 3px var(--cyan), 0 0 32px rgba(0, 229, 255, .7) !important;
}
body.onboarding-open #gateOverlay,
body.onboarding-open #authModal,
body.onboarding-open #authReset { display: none !important; }
@media (min-width: 761px) {
  .onboarding-card.is-side { left: auto; right: 28px; top: 50%; transform: translateY(-50%); }
}
@media (max-width: 760px) {
  .onboarding-card { top: auto; bottom: 18px; transform: translateX(-50%); padding: 19px; }
  .onboarding-card p { min-height: 0; }
  .onboarding-mission { grid-template-columns: repeat(4, minmax(52px,1fr)); overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) { .onboarding-card { scroll-behavior: auto; } }

/* ---------- command navigation palette ---------- */
.nav-palette { z-index: 170; align-items: flex-start; padding-top: min(15vh, 120px); }
.nav-palette-card { width: min(620px, calc(100vw - 24px)); max-height: min(680px, 76vh); padding: 22px; overflow: hidden; background: rgba(7,13,23,.98); border-color: rgba(0,229,255,.35); box-shadow: 0 30px 100px rgba(0,0,0,.7),0 0 45px rgba(0,229,255,.1); }
.nav-palette-head { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.nav-palette-head .mono { color: var(--cyan); font-size: 9px; letter-spacing: .15em; }
.nav-palette-head h2 { margin-top: 4px; font: 700 19px var(--disp); }
.nav-palette-input { width: 100%; padding: 12px 14px; border: 1px solid rgba(0,229,255,.28); border-radius: 9px; outline: none; background: rgba(255,255,255,.035); color: var(--text); font: 13px var(--sans); }
.nav-palette-input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(0,229,255,.08); }
.nav-palette-results { display: flex; flex-direction: column; gap: 5px; max-height: min(430px,50vh); margin-top: 11px; overflow-y: auto; }
.nav-palette-option { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; width: 100%; padding: 9px 11px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--text); text-align: left; }
.nav-palette-option:hover,.nav-palette-option:focus-visible { outline: none; border-color: rgba(0,229,255,.24); background: rgba(0,229,255,.065); }
.nav-palette-option>span:nth-child(2) { display: flex; flex-direction: column; }.nav-palette-option strong { font-size: 12px; }.nav-palette-option small { color: var(--dim); font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.nav-palette-icon { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(124,92,255,.25); border-radius: 7px; color: var(--cyan); background: rgba(124,92,255,.07); }
.nav-palette-empty { padding: 22px; color: var(--muted); text-align: center; }
.nav-palette-note { margin: 11px 0 0; color: var(--mint); font-size: 8px; letter-spacing: .08em; text-align: center; }

/* ---------- owner agent control center ---------- */
.control-boundary {
  margin-bottom: 14px; padding: 9px 12px; border: 1px solid rgba(47, 255, 208, .3);
  border-radius: 9px; background: rgba(47, 255, 208, .055); color: var(--muted);
  font: 600 11px/1.4 var(--mono); letter-spacing: .06em;
}
.control-boundary strong { color: var(--mint); }
.control-kpis { margin-bottom: 14px; }
.control-activity { margin-bottom: 14px; }
.control-activity-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.control-activity-grid > div { display: flex; flex-direction: column; gap: 5px; padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.control-activity-grid span:not(.k-label) { color: var(--muted); font-size: 12px; line-height: 1.45; }
.control-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.btn.danger { background: var(--down); color: #180303; }
.runtime-reliability { margin-bottom: 14px; border-color: rgba(49,230,255,.22); }
.runtime-reliability.is-healthy { background: linear-gradient(135deg,rgba(47,255,208,.05),rgba(0,229,255,.02)); }
.runtime-reliability.is-degraded { border-color: rgba(255,116,109,.4); background: rgba(255,116,109,.035); }
.runtime-reliability .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.runtime-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.runtime-grid>div { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); }
.runtime-grid span,.runtime-list dt { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.runtime-grid strong { font: 700 14px/1.3 var(--mono); overflow-wrap: anywhere; }
.runtime-grid small { color: var(--dim); font-size: 9px; line-height: 1.35; }
.runtime-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 8px; margin-top: 10px; }
.runtime-list article { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.runtime-list article>div:first-child { display: grid; gap: 2px; min-width: 0; }
.runtime-list dl { grid-column: 1/-1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; margin: 0; }
.runtime-list dl div { display: grid; gap: 2px; }
.runtime-list dd { margin: 0; font: 600 10px/1.35 var(--mono); overflow-wrap: anywhere; }
.runtime-note { margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
@media (max-width: 800px) { .runtime-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .runtime-list dl { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .runtime-grid { grid-template-columns: 1fr; } }
.incident-recovery { margin-bottom: 14px; border-color: rgba(124,92,255,.25); }
.incident-recovery.is-healthy { background: linear-gradient(135deg,rgba(47,255,208,.035),rgba(124,92,255,.025)); }
.incident-recovery.is-active { border-color: rgba(255,116,109,.42); background: linear-gradient(135deg,rgba(255,116,109,.045),rgba(124,92,255,.025)); }
.incident-recovery .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.incident-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.incident-grid>div { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); }
.incident-grid span,.incident-list dt { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.incident-grid strong { font: 700 14px/1.3 var(--mono); }
.incident-grid small { color: var(--dim); font-size: 9px; line-height: 1.35; }
.incident-list { display: grid; gap: 8px; margin-top: 10px; }
.incident-item { display: grid; gap: 9px; padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.incident-item.is-open { border-color: rgba(255,116,109,.25); }
.incident-item.is-resolved { opacity: .72; }
.incident-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.incident-head>div { display: flex; flex-wrap: wrap; gap: 5px; }
.incident-head>div:first-child { display: grid; min-width: 0; }
.incident-item p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.incident-item dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 0; }
.incident-item dl div { display: grid; gap: 2px; }
.incident-item dd { margin: 0; font: 600 10px/1.35 var(--mono); overflow-wrap: anywhere; }
.incident-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.incident-actions span { color: var(--dim); font-size: 10px; line-height: 1.4; }
.incident-actions .btn:disabled { cursor: not-allowed; opacity: .4; }
.incident-empty { margin-top: 10px; }
@media (max-width: 800px) { .incident-grid,.incident-item dl { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .incident-grid,.incident-item dl { grid-template-columns: 1fr; } .incident-head { flex-direction: column; } }
.safety-slo { margin-bottom: 14px; border-color: rgba(0,229,255,.24); }
.safety-slo.is-healthy { background: linear-gradient(135deg,rgba(0,229,255,.035),rgba(47,255,208,.025)); }
.safety-slo.is-burning { border-color: rgba(255,116,109,.42); background: linear-gradient(135deg,rgba(255,116,109,.05),rgba(255,193,92,.025)); }
.safety-slo .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.slo-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.slo-grid>div { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); }
.slo-grid span,.burn-grid dt { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.slo-grid strong { font: 700 14px/1.3 var(--mono); overflow-wrap: anywhere; }
.slo-grid small { color: var(--dim); font-size: 9px; line-height: 1.35; overflow-wrap: anywhere; }
.burn-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.burn-grid article { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.burn-grid article.is-firing { border-color: rgba(255,116,109,.4); }
.burn-grid article>div:first-child { display: grid; gap: 2px; }
.burn-grid article>div:first-child span { color: var(--dim); font-size: 9px; }
.burn-grid dl { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 0; }
.burn-grid dl div { display: grid; gap: 2px; }
.burn-grid dd { margin: 0; font: 600 10px/1.35 var(--mono); }
.playbook-list { display: grid; gap: 8px; margin-top: 10px; }
.playbook-list article { padding: 11px; border: 1px solid rgba(255,193,92,.25); border-radius: 9px; background: rgba(255,193,92,.025); }
.playbook-list article>div { display: flex; justify-content: space-between; gap: 8px; }
.playbook-list ol { margin: 9px 0; padding-left: 20px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.playbook-list small,.slo-empty { color: var(--dim); font-size: 10px; }
.slo-empty { margin-top: 10px; }
@media (max-width: 800px) { .slo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .burn-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .slo-grid { grid-template-columns: 1fr; } }
.owner-alert-router { margin-bottom: 14px; border-color: rgba(184,116,255,.28); }
.owner-alert-router.is-healthy { background: linear-gradient(135deg,rgba(124,92,255,.04),rgba(47,255,208,.025)); }
.owner-alert-router.is-attention { border-color: rgba(255,116,109,.42); background: linear-gradient(135deg,rgba(255,116,109,.05),rgba(124,92,255,.03)); }
.owner-alert-router .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.data-trust-firewall { margin-bottom: 14px; border-color: rgba(0,229,255,.28); }
.data-trust-firewall.is-healthy { background: linear-gradient(135deg,rgba(0,229,255,.04),rgba(47,255,208,.025)); }
.data-trust-firewall.is-quarantining { border-color: rgba(255,193,92,.42); background: linear-gradient(135deg,rgba(255,193,92,.05),rgba(0,229,255,.025)); }
.data-trust-firewall .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.data-trust-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.data-trust-grid>div { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); }
.data-trust-grid span { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.data-trust-grid strong { font: 700 14px/1.3 var(--mono); }
.data-trust-grid small { color: var(--dim); font-size: 9px; line-height: 1.35; }
@media (max-width: 800px) { .data-trust-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .data-trust-grid { grid-template-columns: 1fr; } }
.alert-router-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.alert-router-grid>div { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); }
.alert-router-grid span,.alert-router-list dt { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.alert-router-grid strong { font: 700 14px/1.3 var(--mono); overflow-wrap: anywhere; }
.alert-router-grid small { color: var(--dim); font-size: 9px; line-height: 1.35; }
.alert-channels { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.alert-router-list { display: grid; gap: 8px; margin-top: 10px; }
.alert-router-list article { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.alert-router-list article>div:first-child { display: grid; gap: 2px; min-width: 0; }
.alert-router-list p { grid-column: 1/-1; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.alert-router-list dl { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 0; }
.alert-router-list dl div { display: grid; gap: 2px; }
.alert-router-list dd { margin: 0; font: 600 10px/1.35 var(--mono); overflow-wrap: anywhere; }
.alert-router-empty { margin-top: 10px; }
@media (max-width: 800px) { .alert-router-grid,.alert-router-list dl { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .alert-router-grid,.alert-router-list dl { grid-template-columns: 1fr; } }
.control-wallets { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
.execution-readiness { margin-top: 14px; overflow: hidden; }
.owner-action-workbench { margin: 14px 0; overflow: hidden; border-color: rgba(0,229,255,.34); background: linear-gradient(135deg,rgba(0,229,255,.07),rgba(124,92,255,.035)); }
.owner-action-workbench.is-ready { border-color: rgba(47,255,208,.4); background: linear-gradient(135deg,rgba(47,255,208,.07),rgba(0,229,255,.025)); }
.owner-action-workbench.is-attention { border-color: rgba(255,193,92,.42); }
.workbench-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.workbench-head h2 { margin: 4px 0; font-size: clamp(18px,2vw,25px); }.workbench-head p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.workbench-status { display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 8px; flex: 0 0 auto; min-width: 120px; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: rgba(0,0,0,.16); }
.workbench-status .chip { grid-row: 1/3; }.workbench-status strong { font: 700 20px var(--mono); }.workbench-status small { color: var(--dim); font-size: 9px; }
.workbench-list { display: grid; gap: 7px; margin: 13px 0 0; padding: 0; list-style: none; }
.workbench-list li { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: rgba(0,0,0,.13); }
.workbench-list li.is-next { border-color: rgba(0,229,255,.5); box-shadow: inset 3px 0 0 var(--cyan); }.workbench-list li.is-owner-action { border-color: rgba(255,193,92,.32); }.workbench-list li.is-complete { border-color: rgba(47,255,208,.25); }
.workbench-step { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; color: var(--cyan); font-size: 10px; }
.workbench-list li>div { display: grid; gap: 3px; min-width: 0; }.workbench-list strong { font-size: 12px; }.workbench-list p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.4; }.workbench-list small { color: var(--dim); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.workbench-boundary { margin: 10px 0 0; color: var(--dim); font-size: 10px; line-height: 1.5; }
.owner-action-workbench .workbench-head p, .owner-action-workbench .workbench-list p { font-size: 1rem; line-height: 1.55; }
.owner-action-workbench .workbench-list strong, .owner-action-workbench .btn, .owner-action-workbench summary { font-size: .875rem; }
.owner-action-workbench .workbench-list small, .owner-action-workbench .workbench-boundary { font-size: .875rem; line-height: 1.5; text-transform: none; letter-spacing: normal; }
.owner-action-workbench .btn { min-height: 44px; white-space: normal; }
.recovery-progress { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 18px; font-size: .875rem; }
.recovery-progress progress { accent-color: var(--cyan); width: min(100%, 220px); height: 12px; }
.recovery-progress span { flex: 1 1 220px; color: var(--muted); }
.owner-action-workbench summary { cursor: pointer; padding: 10px 0; }
.owner-action-workbench summary:focus-visible, .owner-action-workbench button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.recovery-completed { margin-top: 14px; font-size: .875rem; }
.recovery-completed li { margin-bottom: 12px; }.recovery-completed p { margin: 4px 0; color: var(--muted); line-height: 1.5; }
.recovery-advisories { margin-top: 14px; padding: 14px; border-left: 3px solid var(--cyan); font-size: .875rem; line-height: 1.5; }
.recovery-advisories p { color: var(--muted); margin-bottom: 0; }
.incident-disclosure { margin-left: 4px; }.incident-details[hidden] { display: none; }
@media (max-width: 700px) { .workbench-head { align-items: stretch; flex-direction: column; }.workbench-status { width: 100%; }.workbench-list li { grid-template-columns: 30px minmax(0,1fr); }.workbench-list .btn { grid-column: 2; justify-self: start; } }
.execution-readiness.is-ready { border-color: rgba(47,255,208,.35); background: linear-gradient(135deg,rgba(47,255,208,.06),rgba(0,229,255,.025)); }
.execution-readiness.is-blocked { border-color: rgba(255,116,109,.4); background: rgba(255,116,109,.035); }
.execution-readiness .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.execution-readiness p { margin: 11px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.mission-runner { margin-top: 14px; overflow: hidden; border-color: rgba(0,229,255,.3); background: linear-gradient(135deg,rgba(0,229,255,.055),rgba(47,255,208,.025)); }
.mission-runner.is-blocked { border-color: rgba(255,116,109,.4); background: rgba(255,116,109,.035); }
.mission-runner-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.mission-runner-summary > div { display: grid; gap: 4px; padding: 10px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); min-width: 0; }
.mission-runner-summary span,.mission-runner-summary small { color: var(--muted); font-size: 10px; }
.mission-runner-summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 12px/1.2 'Chakra Petch',sans-serif; text-transform: uppercase; }
.mission-runner-timeline { list-style: none; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; padding: 0; margin: 12px 0; }
.mission-runner-timeline li { display: grid; gap: 3px; min-width: 0; padding: 9px; border: 1px solid var(--border); border-radius: var(--radius); opacity: .55; }
.mission-runner-timeline li.is-complete { border-color: rgba(47,255,208,.28); opacity: .78; }
.mission-runner-timeline li.is-current,.mission-runner-timeline li.is-waiting { border-color: var(--accent); background: rgba(0,229,255,.08); opacity: 1; }
.mission-runner-timeline span,.mission-runner-timeline small { color: var(--muted); font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mission-runner-timeline strong { font: 600 10px/1.2 'Chakra Petch',sans-serif; text-transform: uppercase; }
.mission-runner-next { display: flex; align-items: center; gap: 10px; }
.mission-runner-next p { margin: 0; color: var(--text); }
.agent-event-stream { position: relative; overflow: hidden; }
.agent-event-stream::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--accent),var(--up),transparent); }
.agent-event-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.agent-event-summary > div { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); }
.agent-event-summary span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.agent-event-summary strong { font-size: 12px; }
.agent-event-timeline { list-style: none; padding: 0; margin: 10px 0 0; display: grid; }
.agent-event-timeline li { display: grid; grid-template-columns: 62px 12px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 52px; border-top: 1px solid var(--border); }
.agent-event-timeline li:first-child { border-top: 0; }
.agent-event-timeline li > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.agent-event-timeline li strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.agent-event-timeline li > div span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.event-sequence { color: var(--muted); font-size: 10px; text-align: right; }
.event-node { width: 8px; height: 8px; border: 2px solid currentColor; border-radius: 50%; box-shadow: 0 0 10px currentColor; }
.event-node.bull { color: var(--up); }.event-node.warn { color: var(--warn); }.event-node.bear { color: var(--down); }
.agent-event-gap { margin: 8px 0; padding: 8px 10px; border: 1px solid rgba(255,200,87,.35); border-radius: 8px; color: var(--warn); background: rgba(255,200,87,.06); font-size: 11px; }
.readiness-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.readiness-grid>div { display: grid; gap: 4px; min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); }
.readiness-grid span { color: var(--dim); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.readiness-grid strong { font: 700 11px/1.3 var(--mono); }
@media (max-width: 900px) { .readiness-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 520px) { .readiness-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.control-wallet { padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: rgba(255,255,255,.018); }
.control-wallet-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.control-wallet-head > div { display: flex; flex-direction: column; gap: 3px; }
.control-wallet dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 12px 0; }
.control-wallet dl div { display: flex; flex-direction: column; gap: 2px; }
.control-wallet dt { color: var(--dim); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.control-wallet dd { margin: 0; font: 600 12px/1.4 var(--mono); }
.control-capabilities { display: flex; flex-wrap: wrap; gap: 5px; min-height: 25px; margin-bottom: 10px; }
.control-paper-setup,.control-pacts,.mission-control { margin-top: 14px; }
.mission-pipeline { list-style: none; margin: 12px 0 16px; padding: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.mission-pipeline li { position: relative; display: grid; gap: 3px; min-width: 0; padding: 10px 12px; background: var(--surface-2); border-right: 1px solid var(--border); }
.mission-pipeline li:last-child { border-right: 0; }
.mission-pipeline li span { color: var(--accent); font-size: 10px; }
.mission-pipeline li strong { font: 600 11px/1.25 'Chakra Petch',sans-serif; text-transform: uppercase; }
.mission-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 14px; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius); }
.mission-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.mission-form input,.mission-form select { min-width: 0; }
.mission-wide { grid-column: 1/-1; }
.mission-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.mission-card { padding: 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); }
.mission-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mission-card header div { display: grid; gap: 3px; min-width: 0; }
.mission-card p { margin: 10px 0; color: var(--muted); font-size: 12px; }
.mission-symbols { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.mission-card dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; }
.mission-card dl div { display: grid; gap: 2px; }
.mission-card dt { color: var(--dim); font-size: 10px; text-transform: uppercase; }
.mission-card dd { margin: 0; font: 600 11px/1.35 'JetBrains Mono',monospace; overflow-wrap: anywhere; }
.mission-latest { display: grid; gap: 3px; margin-top: 12px; padding: 10px; border-left: 2px solid var(--accent); background: rgba(77,214,255,.06); }
.mission-latest strong { font-size: 11px; text-transform: uppercase; }
.mission-latest span:last-child { color: var(--muted); font-size: 11px; }
.execution-receipts { margin-bottom: 16px; border-color: rgba(49,230,255,.22); }
.position-guardian { margin-bottom: 16px; border-color: rgba(49,230,255,.22); overflow: hidden; }
.position-guardian.is-healthy { background: linear-gradient(135deg,rgba(47,255,208,.055),rgba(0,229,255,.025)); }
.position-guardian.is-degraded { border-color: rgba(255,116,109,.38); background: rgba(255,116,109,.035); }
.position-guardian .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.position-guardian p { margin: 11px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.guardian-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.guardian-grid>div { display: grid; gap: 3px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(0,0,0,.14); min-width: 0; }
.guardian-grid span { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.guardian-grid strong { color: var(--text); font: 700 14px/1.3 var(--mono); overflow-wrap: anywhere; }
.guardian-grid small,.guardian-detail { display: block; margin-top: 3px; color: var(--dim); font-size: 9px; line-height: 1.35; white-space: normal; }
@media (max-width: 800px) { .guardian-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .guardian-grid { grid-template-columns: 1fr; } }
.execution-receipts .section-title { align-items: center; gap: 8px; flex-wrap: wrap; }
.execution-receipts td { min-width: 110px; vertical-align: top; }
.execution-receipts td small { display: block; margin-top: 4px; color: var(--dim); font-size: 10px; line-height: 1.35; white-space: normal; }
.receipt-chain { margin-left: auto; padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.receipt-chain.is-valid { border-color: rgba(72,239,177,.35); color: var(--up); }
.receipt-chain.is-invalid { border-color: rgba(255,116,109,.4); color: var(--down); }
@media (max-width: 900px) {
  .agent-event-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-runner-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-runner-timeline { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mission-pipeline { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mission-pipeline li:nth-child(3) { border-right: 0; }
  .mission-pipeline li:nth-child(-n+3) { border-bottom: 1px solid var(--border); }
  .mission-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-list { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .agent-event-timeline li { grid-template-columns: 48px 10px minmax(0,1fr); }
  .agent-event-timeline li > .chip { display: none; }
}
@media (max-width: 560px) {
  .mission-runner-summary,.mission-runner-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-pipeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-pipeline li:nth-child(3) { border-right: 1px solid var(--border); }
  .mission-pipeline li:nth-child(even) { border-right: 0; }
  .mission-pipeline li:nth-child(-n+4) { border-bottom: 1px solid var(--border); }
  .mission-form { grid-template-columns: 1fr; }
  .mission-wide { grid-column: auto; }
  .mission-card dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.control-setup-note { max-width: 780px; margin: 7px 0 12px; font-size: 12px; line-height: 1.5; }
.control-setup-status { margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.control-setup-form,.control-inline-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
.control-setup-form label,.control-inline-form label { display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-size: 11px; }
.control-setup-form input,.control-setup-form select,.control-inline-form input,.control-inline-form select { min-width: 0; }
.control-wide { grid-column: span 2; }
.control-setup-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 11px; }
.control-inline-form { margin-top: 12px; grid-template-columns: minmax(220px, 2fr) minmax(140px, 1fr) auto; }
.control-pact-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; margin-top: 13px; }
.control-pact { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: rgba(255,255,255,.018); }
.control-pact > div:first-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.control-pact dl { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; }
.control-pact dl div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.control-pact dt { color: var(--dim); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.control-pact dd { margin: 0; overflow-wrap: anywhere; font: 600 11px/1.4 var(--mono); }
.control-pact-actions { grid-column: 1 / -1; display: flex; gap: 7px; }
@media (max-width: 640px) { .control-activity-grid,.control-setup-form,.control-inline-form { grid-template-columns: 1fr; }.control-wide,.control-setup-actions { grid-column: auto; } }

/* ---------- self-service Agent Launchpad ---------- */
.launchpad-steps { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; margin: 0 0 14px; padding: 0; list-style: none; }
.launchpad-steps li { display: flex; gap: 9px; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 11px; background: rgba(255,255,255,.018); }
.launchpad-steps li>span { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border: 1px solid var(--line); border-radius: 50%; color: var(--dim); font: 700 12px var(--mono); }
.launchpad-steps li.is-ready { border-color: rgba(47,255,208,.25); background: rgba(47,255,208,.035); }
.launchpad-steps li.is-ready>span { color: var(--mint); border-color: rgba(47,255,208,.45); }
.launchpad-steps li.is-next { border-color: rgba(0,229,255,.48); background: rgba(0,229,255,.055); box-shadow: 0 0 18px rgba(0,229,255,.06); }
.launchpad-steps li.is-next>span { color: var(--cyan); border-color: rgba(0,229,255,.6); }
.launchpad-steps li div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.launchpad-steps strong { font-size: 12px; }.launchpad-steps small { color: var(--dim); font-size: 10px; line-height: 1.4; }
.launchpad-card { margin-top: 12px; }
.public-live-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 12px; margin: 12px 0; }
.public-live-card,.security-sentinel-card { margin: 0; border-color: rgba(255,184,77,.22); background: linear-gradient(145deg,rgba(255,184,77,.045),rgba(0,229,255,.02)); }
.security-sentinel-card { border-color: rgba(0,229,255,.22); }
.public-live-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.public-live-head h2 { margin: 4px 0 10px; font-size: 19px; }
.public-live-card>p,.security-sentinel-card>p { color: var(--muted); line-height: 1.65; }
.public-live-meter { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 15px; color: var(--dim); font: 10px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.public-live-meter strong { color: var(--cyan); font-size: 21px; }
.public-live-gates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 14px 0; padding: 0; list-style: none; }
.public-live-gates li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 9px 10px; border: 1px solid var(--border); border-radius: 9px; font-size: 10px; }
.public-live-gates li span { display: grid; place-items: center; flex: 0 0 19px; width: 19px; height: 19px; border-radius: 50%; font: 700 10px var(--mono); }
.public-live-gates li.is-ready { border-color: rgba(47,255,208,.24); }.public-live-gates li.is-ready span { color: var(--mint); background: rgba(47,255,208,.09); }
.public-live-gates li.is-locked span { color: var(--orange); background: rgba(255,184,77,.09); }
.public-live-boundary { margin-bottom: 0; padding: 10px 12px; border-left: 2px solid var(--orange); background: rgba(255,184,77,.04); }
.security-sentinel-counts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 14px 0; }
.security-sentinel-counts div { padding: 12px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.security-sentinel-counts dt { color: var(--dim); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.security-sentinel-counts dd { margin: 5px 0 0; font: 700 18px var(--mono); }
.security-evidence { padding-bottom: 12px; border-bottom: 1px solid var(--border); font: 10px var(--mono); }
.security-guarantees { display: grid; gap: 7px; padding-left: 18px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.launchpad-form { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; align-items: end; margin-top: 12px; }
.launchpad-form label { display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-size: 11px; }
.launchpad-form input,.launchpad-key-form input { min-width: 0; }
.launchpad-wide { grid-column: 1 / -1; }
.launchpad-wallet-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 11px 0; }
.launchpad-wallet-grid>div { display: flex; flex-direction: column; gap: 3px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.018); }
.launchpad-wallet-grid span { color: var(--dim); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.launchpad-wallet-grid strong { font: 600 12px/1.45 var(--mono); }.launchpad-wallet-grid small { color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.launchpad-pact { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.launchpad-pact>div { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }.launchpad-pact small { color: var(--muted); }
.launchpad-renew { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.launchpad-renew label { display: flex; align-items: center; gap: 8px; }
.launchpad-renew input { width: 96px; }
.launchpad-key-form,.launchpad-endpoint { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }.launchpad-key-form input { flex: 1; min-width: 180px; }
.launchpad-secret { display: grid; gap: 8px; margin-top: 11px; padding: 12px; border: 1px solid rgba(255,208,106,.38); border-radius: 9px; background: rgba(255,208,106,.055); }
.launchpad-secret code { overflow-wrap: anywhere; color: var(--warn); }.launchpad-secret .btn { justify-self: start; }
.launchpad-key-list { display: grid; gap: 7px; margin-top: 12px; }.launchpad-key-list>div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 8px; }.launchpad-key-list span { display: flex; flex-direction: column; gap: 3px; }.launchpad-key-list small { color: var(--dim); }
.launchpad-endpoint code { flex: 1; min-width: 220px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--cyan); background: rgba(0,229,255,.035); overflow-wrap: anywhere; }
.launchpad-template { margin: 10px 0 0; padding: 12px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: rgba(0,0,0,.18); font: 10px/1.55 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.launchpad-ready { margin: 11px 0 0; color: var(--warn); font-size: 12px; }.launchpad-ready.is-ready { color: var(--mint); }
.launchpad-wizard { margin: 12px 0; border-color: rgba(0,229,255,.26); background: linear-gradient(135deg,rgba(0,229,255,.055),rgba(47,255,208,.025)); }
.launchpad-wizard.is-ready { border-color: rgba(47,255,208,.42); }
.launchpad-wizard-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.launchpad-wizard-head h2 { margin: 4px 0; font-size: clamp(18px,2vw,25px); }.launchpad-wizard-head p { margin: 0; color: var(--muted); font-size: 11px; }
.launchpad-progress { display: grid; place-items: center; flex: 0 0 82px; height: 64px; border: 1px solid rgba(0,229,255,.3); border-radius: 12px; background: rgba(0,0,0,.16); }
.launchpad-progress strong { color: var(--cyan); font: 700 20px var(--mono); }.launchpad-progress span { color: var(--dim); font-size: 9px; }
.launchpad-progress-track { height: 5px; margin: 13px 0 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }.launchpad-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--mint)); transition: width .35s ease; }
.launchpad-wizard-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }.launchpad-wizard-actions span { color: var(--dim); font-size: 10px; }
@media (max-width: 1100px) { .launchpad-steps { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 900px) { .launchpad-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }.launchpad-form { grid-template-columns: repeat(2,minmax(0,1fr)); }.launchpad-wallet-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 900px) { .public-live-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .launchpad-steps,.launchpad-form,.launchpad-wallet-grid,.public-live-gates { grid-template-columns: 1fr; }.launchpad-wide { grid-column: auto; }.launchpad-pact,.launchpad-wizard-head,.public-live-head { align-items: stretch; flex-direction: column; }.launchpad-progress { width: 100%; }.launchpad-endpoint code { min-width: 100%; } }

/* ---------- Asset Intelligence Workspace ---------- */
.intel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:12px; }
.cmd.intel-mode .cmd-body { grid-template-columns:68px 1fr; }.cmd.intel-mode .rail { display:none; }
.intel-head h1 { margin:3px 0 4px; font-size:clamp(25px,4vw,42px); letter-spacing:-.04em; }
.intel-head p { margin:0; max-width:680px; color:var(--muted); font-size:12px; line-height:1.55; }
.intel-finder { margin-bottom:12px; border-color:rgba(0,229,255,.32); background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(47,255,208,.02)); }
.intel-finder form { display:grid; gap:7px; }.intel-finder label { font-size:13px; font-weight:700; }
.intel-search-row { display:flex; gap:8px; }.intel-search-row input { flex:1; min-width:0; min-height:42px; font-size:14px; }
.intel-finder p { margin:9px 0; line-height:1.5; }.intel-quick { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0; }
.intel-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0; padding:0; list-style:none; }
.intel-results button { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:9px 11px; border:1px solid var(--border); border-radius:8px; background:rgba(0,0,0,.16); color:var(--text); text-align:left; cursor:pointer; }
.intel-results button:hover,.intel-results button:focus-visible { border-color:var(--cyan); background:rgba(0,229,255,.08); }.intel-results strong { color:var(--cyan); font:700 12px var(--mono); }.intel-results span { color:var(--muted); font-size:10px; text-align:right; }
.intel-section-title { margin:14px 0 10px; font-size:16px; }.intel-deep { margin:12px 0; }.intel-deep>summary { padding:13px 15px; border:1px solid var(--border); border-radius:9px; color:var(--text); font-weight:700; cursor:pointer; list-style-position:inside; }.intel-deep>summary:hover,.intel-deep>summary:focus-visible { border-color:var(--cyan); }.intel-deep>summary span { display:block; margin:4px 0 0 20px; color:var(--muted); font-size:10px; font-weight:400; }.intel-deep[open]>summary { margin-bottom:12px; }
.intel-selector { display:grid; gap:5px; min-width:150px; color:var(--dim); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.intel-selector select { min-width:150px; }
.intel-boundary { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:12px; padding:9px 12px; border:1px solid rgba(0,229,255,.3); border-radius:9px; color:var(--muted); background:linear-gradient(90deg,rgba(0,229,255,.055),rgba(47,255,208,.02)); font:10px/1.4 var(--mono); }
.intel-boundary strong { color:var(--cyan); letter-spacing:.1em; }.intel-boundary span::before { content:'✓'; margin-right:6px; color:var(--mint); }
.intel-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; }.intel-grid>.card { min-width:0; }
.intel-market { grid-column:span 6; }.intel-composite,.intel-probability { grid-column:span 3; }.intel-scores,.intel-signals,.intel-trust { grid-column:span 4; }.intel-news { grid-column:span 7; }.intel-portfolio { grid-column:span 5; }.intel-actions { grid-column:1/-1; }
.intel-price { margin:7px 0 2px; color:var(--text); font:700 clamp(29px,4vw,46px)/1 var(--mono); letter-spacing:-.055em; }.intel-score { margin:9px 0 4px; color:var(--cyan); font:750 clamp(30px,4vw,43px)/1 var(--mono); letter-spacing:-.06em; }
.intel-score small { color:var(--dim); font-size:12px; letter-spacing:0; }.intel-composite p,.intel-probability p { margin:8px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.intel-market dl,.intel-trust dl,.intel-portfolio dl { display:grid; gap:8px; margin:13px 0 0; }.intel-market dl { grid-template-columns:repeat(3,minmax(0,1fr)); }.intel-market dl div,.intel-trust dl div,.intel-portfolio dl div { display:flex; justify-content:space-between; gap:10px; padding-top:7px; border-top:1px solid var(--border); }
.intel-grid dt { color:var(--dim); font-size:10px; }.intel-grid dd { margin:0; text-align:right; font:600 10px/1.4 var(--mono); overflow-wrap:anywhere; }
.intel-score-row { display:grid; grid-template-columns:78px 1fr 28px; align-items:center; gap:8px; margin:9px 0; font-size:10px; text-transform:capitalize; }.intel-score-row>div { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }.intel-score-row i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--mint)); }.intel-score-row strong { text-align:right; font:650 10px var(--mono); }
.intel-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:10px 0; }.intel-metrics span { display:flex; justify-content:space-between; padding:8px; border:1px solid var(--border); border-radius:8px; color:var(--muted); font-size:10px; }.intel-metrics b { color:var(--text); font-family:var(--mono); }.intel-chips { display:flex; gap:6px; flex-wrap:wrap; }
.intel-news ul { display:grid; gap:0; margin:0; padding:0; list-style:none; }.intel-news li { display:grid; gap:3px; padding:9px 0; border-top:1px solid var(--border); }.intel-news li:first-child { border-top:0; }.intel-news a { color:var(--text); font-size:11px; line-height:1.4; text-decoration:none; }.intel-news a:hover { color:var(--cyan); }.intel-news li span { color:var(--dim); font-size:9px; }
.intel-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; }.intel-actions p { max-width:710px; margin:0; color:var(--muted); font-size:11px; line-height:1.5; }.intel-actions>div:last-child { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
@media (max-width:1000px) { .intel-market,.intel-scores,.intel-signals,.intel-news { grid-column:span 8; }.intel-composite,.intel-probability,.intel-trust,.intel-portfolio { grid-column:span 4; } }
@media (max-width:720px) { .intel-head,.intel-actions { align-items:stretch; flex-direction:column; }.intel-selector,.intel-selector select { width:100%; }.intel-grid>* { grid-column:1/-1!important; }.intel-market dl { grid-template-columns:1fr; }.intel-actions>div:last-child { justify-content:flex-start; } }
@media (max-width:600px) { .intel-search-row { flex-direction:column; }.intel-results { grid-template-columns:1fr; } }
@media (max-width:700px) { .cmd.intel-mode .cmd-body { grid-template-columns:1fr; } }

/* ---------- AITT Agent Evidence Passport ---------- */
.evidence-passport { border-color:rgba(0,229,255,.28); background:linear-gradient(135deg,rgba(0,229,255,.05),rgba(47,255,208,.025)); }
.evidence-passport.is-verified { border-color:rgba(47,255,208,.4); }
.passport-head { display:grid; grid-template-columns:.7fr 1.25fr 1fr auto; gap:9px; align-items:stretch; margin:12px 0; }
.passport-head>div { display:flex; flex-direction:column; gap:4px; min-width:0; padding:11px; border:1px solid var(--border); border-radius:9px; background:rgba(0,0,0,.15); }
.passport-head span,.passport-claims span { color:var(--dim); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.passport-head strong { color:var(--cyan); font-size:12px; overflow-wrap:anywhere; }.passport-head small { color:var(--muted); font-size:9px; }
.passport-head .btn { align-self:stretch; }
.passport-claims { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; margin-bottom:12px; }
.passport-claims article { display:flex; flex-direction:column; gap:5px; min-width:0; padding:9px; border:1px solid var(--border); border-radius:8px; background:rgba(255,255,255,.015); }
.passport-claims article.is-verified { border-color:rgba(47,255,208,.25); }.passport-claims article.is-attention,.passport-claims article.is-limited { border-color:rgba(255,184,77,.3); }
.passport-claims strong { font-size:10px; text-transform:uppercase; }.passport-claims .is-verified strong { color:var(--mint); }.passport-claims small { color:var(--dim); overflow:hidden; text-overflow:ellipsis; }
.evidence-passport>p { margin-bottom:0; color:var(--muted); font-size:10px; line-height:1.6; }
@media (max-width:1000px) { .passport-head { grid-template-columns:repeat(2,minmax(0,1fr)); }.passport-claims { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:600px) { .passport-head,.passport-claims { grid-template-columns:1fr; } }

/* ---------- AITT Decision Evidence Graph ---------- */
.evidence-graph { border-color:rgba(122,92,255,.34); background:radial-gradient(circle at 88% 12%,rgba(122,92,255,.1),transparent 32%),linear-gradient(135deg,rgba(0,229,255,.035),rgba(0,0,0,.08)); }
.evidence-graph.is-verified { border-color:rgba(47,255,208,.38); }
.evidence-graph-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:9px; align-items:stretch; margin:12px 0; }
.evidence-graph-summary>div { display:flex; flex-direction:column; gap:4px; min-width:0; padding:11px; border:1px solid var(--border); border-radius:9px; background:rgba(0,0,0,.16); }
.evidence-graph-summary span,.evidence-graph-boundary span { color:var(--dim); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.evidence-graph-summary strong { color:var(--cyan); font-size:12px; }.evidence-graph-summary small { color:var(--muted); font-size:9px; }
.evidence-graph-summary .btn { align-self:stretch; }
.evidence-graph-flow { display:flex; align-items:stretch; gap:6px; overflow-x:auto; padding:4px 1px 10px; scrollbar-width:thin; }
.evidence-graph-flow>i { align-self:center; flex:0 0 auto; color:rgba(0,229,255,.5); font-style:normal; }
.graph-node { position:relative; display:grid; flex:1 0 104px; min-width:0; gap:4px; padding:10px; border:1px solid var(--border); border-radius:9px; background:rgba(4,11,19,.72); }
.graph-node>span { color:var(--dim); font:700 9px var(--mono); }.graph-node>strong { color:var(--text); font-size:10px; text-transform:uppercase; }.graph-node>small { color:var(--muted); font-size:9px; text-transform:uppercase; }
.graph-node.is-pass { border-color:rgba(47,255,208,.35); box-shadow:inset 0 2px rgba(47,255,208,.45); }.graph-node.is-pass>small { color:var(--mint); }
.graph-node.is-block { border-color:rgba(255,88,108,.38); box-shadow:inset 0 2px rgba(255,88,108,.5); }.graph-node.is-block>small { color:var(--red); }
.graph-node.is-pending { border-color:rgba(255,184,77,.38); box-shadow:inset 0 2px rgba(255,184,77,.5); }.graph-node.is-pending>small { color:var(--amber); }
.evidence-graph-flow>p { margin:0; color:var(--muted); font-size:10px; }
.evidence-graph-boundary { display:flex; flex-wrap:wrap; gap:7px; margin-top:2px; }.evidence-graph-boundary span { padding:6px 8px; border:1px solid rgba(0,229,255,.18); border-radius:999px; color:var(--cyan); background:rgba(0,229,255,.025); }
.evidence-graph>p { margin-bottom:0; color:var(--muted); font-size:10px; line-height:1.6; }
@media (max-width:900px) { .evidence-graph-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.evidence-graph-summary .btn { min-height:48px; } }
@media (max-width:560px) { .evidence-graph-summary { grid-template-columns:1fr; }.graph-node { flex-basis:126px; } }
/* Public website guide: readable controls on narrow screens. */
.site-guide form { display: grid; gap: 10px; margin: 18px 0; }
.site-guide input { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; font: inherit; color: inherit; background: #101820; border: 1px solid #526373; border-radius: 8px; }
.site-guide input:focus-visible { outline: 2px solid #63e4ed; outline-offset: 2px; }
.site-guide form .btn { justify-self: start; }
.site-guide [role="status"] { margin-top: 18px; }

/* Agent workspace: real navigation, decorative orbital map, no simulated activity. */
.agent-workspace { display:grid; grid-template-columns:1.1fr 1fr; gap:28px; padding:30px; margin-bottom:16px; border:1px solid #2a4654; border-radius:20px; background:radial-gradient(ellipse at 90% 15%,#123b4538,transparent 65%),linear-gradient(125deg,#101e2b,#090f19); overflow:hidden; }
.workspace-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#8ee5d5; font:500 10px/1.5 var(--mono); letter-spacing:1.5px; }
.workspace-eyebrow > span:last-child { color:#a3b4c4; margin-left:auto; font-size:9px; }
.workspace-spark { font-size:20px; }
.workspace-intro h1 { font:600 clamp(27px,2.7vw,43px)/1.15 var(--sans); letter-spacing:-1.5px; margin:24px 0 16px; }
.workspace-intro h1 > span { color:#8ce5d2; }
.workspace-intro > p { color:#b0c0d0; font-size:12px; line-height:1.85; max-width:440px; }
.workspace-actions { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 18px; }
.workspace-actions .btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; text-decoration:none; gap:18px; border-radius:9px; }
.workspace-facts { display:flex; flex-wrap:wrap; gap:10px 18px; font-size:10px; color:#acbdce; line-height:1.6; }
.workspace-facts b { color:#eef6fc; }.workspace-facts a { color:#a0e4f5; }
.workspace-map { position:relative; min-width:0; padding:16px; border:1px solid #ffffff12; border-radius:14px; background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#080f19; background-size:24px 24px; }
.workspace-map-head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font:9px/1.5 var(--mono); letter-spacing:1px; color:#afc2d4; }
.workspace-map-tag { color:#95decb; }.workspace-orbit { height:128px; display:grid; place-items:center; position:relative; }
.workspace-orbit i { position:absolute; height:104px; width:190px; border:1px solid #68d1ca35; border-radius:50%; transform:rotate(-22deg); }
.workspace-orbit i:nth-child(2) { transform:rotate(22deg); border-color:#93a9ee40; }
.workspace-orbit i:first-child::after { content:''; position:absolute; top:16px; left:18px; width:6px; height:6px; background:#8ee5d5; border-radius:50%; box-shadow:0 0 16px #8ee5d5; animation:workspace-glow 5s ease-in-out infinite; }
.workspace-core { width:72px; height:72px; border:1px solid #8ce5d266; border-radius:22px; display:flex; align-items:center; justify-content:center; flex-direction:column; background:linear-gradient(145deg,#244c50,#10202d); box-shadow:0 0 35px #5bd8c31a,inset 0 1px 0 #b0ffec25; font:600 27px/1.1 var(--disp); color:#d2fff2; }
.workspace-core span { font:8px/1.8 var(--mono); letter-spacing:2px; }
.workspace-nodes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.workspace-nodes a { display:flex; flex-direction:column; align-items:center; text-align:center; border:1px solid #314455; border-radius:10px; padding:10px 5px; color:#e6f3f9; text-decoration:none; background:#101c2a; transition:transform .18s,border-color .18s; }
.workspace-nodes a:hover { transform:translateY(-3px); border-color:#8ce5d2; }
.node-icon { color:#8ce5d2; font-size:20px; }.workspace-nodes strong { font-size:11px; margin:6px 0; }.workspace-nodes small { color:#abbccd; font-size:9px; line-height:1.5; }
.workspace-map > p { color:#a2b6c9; text-align:center; font:9px/1.8 var(--mono); margin:14px 0 0; }
.workspace-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:28px; }
.workspace-shortcuts a { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #2a3a4b; border-radius:12px; color:#e6f3f9; background:#0f1924; text-decoration:none; }
.workspace-shortcuts a:hover { border-color:#7bb6bc; background:#142332; }.workspace-shortcuts a > span { color:#82cec4; font:11px var(--mono); }.workspace-shortcuts strong,.workspace-shortcuts small { display:block; }.workspace-shortcuts strong { font-size:11px; }.workspace-shortcuts small { font-size:10px; color:#acbdce; margin-top:5px; line-height:1.5; }.workspace-shortcuts b { margin-left:auto; color:#8ce5d2; }
.market-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:14px; margin:24px 0 12px; }.market-search { display:grid; gap:7px; font-size:11px; color:#b6c7d7; flex:1 1 200px; }.market-search input { width:100%; min-height:44px; border:1px solid #405365; border-radius:9px; background:#0e1824; color:#eef6fc; padding:10px 14px; font:12px var(--sans); }
.market-lanes { display:flex; flex-wrap:wrap; gap:4px; }.market-lanes button { min-height:44px; padding:8px 12px; border:1px solid #344758; border-radius:8px; background:#111d29; color:#c7d7e4; font:11px var(--sans); cursor:pointer; }.market-lanes button[aria-pressed="true"] { background:#173c36; border-color:#81d8c3; color:#b6ffe9; }.market-result-count { color:#aebfcf; font:10px/44px var(--mono); }
body.cmd .table-wrap.market-table { overflow-x:auto; }.market-table table { min-width:940px; }.market-table tr[hidden],#marketNoResults[hidden] { display:none; }
.agent-workspace a:focus-visible,.workspace-shortcuts a:focus-visible,.market-toolbar :focus-visible { outline:2px solid #a4f3df; outline-offset:4px; }
@keyframes workspace-glow { 50% { opacity:.45; box-shadow:0 0 5px #8ee5d5; } }
@media (min-width:861px) { .cmd-main { min-width:0; }.sidebar .nav-btn .lbl { font-size:8px; letter-spacing:0; } }
@media (max-width:1450px) and (min-width:1201px), (max-width:1000px) { .agent-workspace { grid-template-columns:1fr; }.workspace-intro h1 { font-size:34px; }.workspace-map { max-width:none; } }
@media (max-width:600px) { .agent-workspace { padding:20px; gap:20px; border-radius:14px; }.workspace-intro h1 { font-size:30px; }.workspace-shortcuts { grid-template-columns:1fr; gap:7px; }.workspace-shortcuts a { padding:12px; }.workspace-nodes { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-facts { gap:8px 14px; }.workspace-actions .btn { flex:1 1 auto; }.workspace-eyebrow > span:last-child { display:none; } }
@media (prefers-reduced-motion:reduce) { .workspace-orbit i::after { animation:none!important; }.workspace-nodes a { transition:none; }.workspace-nodes a:hover { transform:none; } }

/* Guided paper setup, order evidence and recorded activity. */
.agent-guide,.agent-order-preview{padding:18px;border:1px solid var(--border);border-radius:12px;background:rgba(64,180,165,.045);margin:14px 0;min-width:0}
.agent-guide h3,.agent-activity h2{margin:0 0 10px}.agent-guide p,.agent-order-preview p,.agent-activity p{line-height:1.6;overflow-wrap:anywhere}
.agent-guide-options{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.agent-guide small,.agent-order-preview small,.agent-activity time{color:var(--muted);line-height:1.6}
.agent-order-preview dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.agent-order-preview dd{margin:6px 0;overflow-wrap:anywhere}
.agent-order-preview ul{padding-left:20px;line-height:1.8}
.agent-activity ol{list-style:none;padding:0;margin:20px 0}.agent-activity li{display:flex;gap:14px;padding:0 0 20px;position:relative}.agent-activity li:not(:last-child):before{content:'';position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--border)}
.agent-activity-dot{flex:0 0 11px;height:11px;border-radius:50%;background:var(--accent);margin-top:5px}.agent-activity li>div{min-width:0}.agent-activity li p{margin:6px 0}
.agent-guide-options .btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.agent-guide-options .btn{width:100%;white-space:normal}.agent-order-preview dl{grid-template-columns:1fr}}

/* Keep informational whale popups away from focused detail/order dialogs. */
body:has(#detailModal:not(.hidden)) .toast.clickable { display: none; }

/* Owner-managed agent profiles */
.profile-workspace { margin-bottom:20px; }
.profile-heading,.profile-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.profile-heading h2,.profile-heading h3 { margin:0; }
.profile-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:14px; margin:16px 0 24px; }
.profile-card,.profile-editor { padding:18px; border:1px solid var(--border,#344052); border-radius:14px; min-width:0; overflow-wrap:anywhere; background:rgba(100,120,180,.035); }
.profile-nft { margin:14px 0; padding:12px; border:1px solid rgba(0,242,255,.24); border-radius:10px; background:rgba(0,242,255,.035); }
.profile-nft p { margin:7px 0; }
.profile-nft a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.profile-avatar { width:64px; height:64px; flex-shrink:0; object-fit:cover; border-radius:18px; }
.profile-monogram { display:grid; place-items:center; background:linear-gradient(135deg,#284363,#485471); color:white; font-size:22px; }
.profile-editor { margin:16px 0; max-width:680px; }
.profile-editor label { display:grid; gap:6px; margin:12px 0; }
.profile-editor input:not([type=checkbox]),.profile-editor textarea { box-sizing:border-box; width:100%; min-width:0; padding:10px; border:1px solid var(--border,#344052); border-radius:7px; background:var(--bg,#111827); color:inherit; font:inherit; }
.profile-editor textarea { min-height:80px; resize:vertical; }
.profile-editor fieldset { min-width:0; margin:16px 0; }
.profile-editor .profile-key { display:flex; align-items:center; overflow-wrap:anywhere; }
.profile-editor button:focus-visible { outline:2px solid #80b8ff; outline-offset:3px; }
.profile-actions { margin:16px 0; }

body:has(.profile-editor) .toast.clickable { display:none; }
.profile-editor input,.profile-editor textarea { scroll-margin-top:230px; }