:root {
  color-scheme: dark;
  --bg: #080a0c;
  --panel: #0d1114;
  --panel-strong: #12171b;
  --ink: #e9edf0;
  --muted: #8b969f;
  --subtle: #5f6b74;
  --line: #20272d;
  --line-strong: #34414a;
  --green: #79d99b;
  --blue: #78a8ff;
  --amber: #e6b15d;
  --red: #e07164;
  --violet: #9c8ee8;
  --rarity-common: #c8dce6;
  --rarity-fine: #8cdcff;
  --rarity-rare: #be82ff;
  --rarity-rati: #ffc85a;
  --rarity-commissioned: #fff082;
  --radius: 4px;
  --sidebar: 228px;
}

body.light-mode {
  color-scheme: light;
  --bg: #f5f3ee;
  --panel: #fbfaf6;
  --panel-strong: #ffffff;
  --ink: #121712;
  --muted: #677066;
  --subtle: #7c857b;
  --line: #ddd9cf;
  --line-strong: #bbb5a7;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--bg);
}

body {
  min-height: 100vh;
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

button,
input,
textarea {
  font: inherit;
}

button {
  color: inherit;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  font-size: 24px;
  font-weight: 680;
  line-height: 1.08;
}

h2 {
  font-size: 16px;
  font-weight: 680;
  line-height: 1.2;
}

h3 {
  font-size: 14px;
  font-weight: 680;
  line-height: 1.25;
}

p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.app-shell {
  display: grid;
  grid-template-columns: var(--sidebar) minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding: 24px 18px;
  border-right: 1px solid var(--line);
  background: var(--panel);
}

.brand {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.brand strong,
.brand small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand strong {
  font-size: 12px;
  font-weight: 860;
  line-height: 1.2;
}

.brand small,
.eyebrow {
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  line-height: 1.25;
  text-transform: uppercase;
}

.brand small {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 650;
  text-transform: none;
}

.brand-mark {
  position: relative;
  display: block;
  width: 40px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.brand-mark::before {
  content: "";
  position: absolute;
  left: 9px;
  bottom: 7px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 21px solid color-mix(in srgb, var(--ink) 92%, var(--green));
}

.brand-mark::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 8px;
  width: 26px;
  height: 2px;
  border-radius: 1px;
  background: var(--green);
}

.nav-list {
  display: grid;
  gap: 3px;
}

.nav-item,
.network-button,
.wallet-button,
.icon-button,
.primary-button,
.secondary-button,
.mode-button,
.row-button,
.toggle,
.pill-button {
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: transparent;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
}

.nav-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 7px 8px;
  color: var(--muted);
  text-align: left;
}

.nav-item i {
  width: 20px;
  text-align: center;
}

.nav-item:hover,
.nav-item.is-active {
  color: var(--ink);
  background: color-mix(in srgb, var(--line-strong) 28%, transparent);
  border-color: var(--line-strong);
}

.nav-item.is-active i {
  color: var(--green);
}

.sidebar-footer {
  margin-top: auto;
  display: grid;
  gap: 8px;
}

.network-button {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 10px;
  border-color: var(--line);
  text-align: left;
}

.status-dot,
.wallet-led {
  display: inline-block;
  border-radius: 999px;
  background: var(--green);
}

.status-dot {
  width: 9px;
  height: 9px;
}

.wallet-led {
  width: 12px;
  height: 12px;
  background: var(--subtle);
}

.wallet-led.is-on {
  background: var(--green);
}

.workspace {
  min-width: 0;
  padding: 24px clamp(24px, 4vw, 48px) 42px;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 46px;
  margin-bottom: 18px;
}

.topbar-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.topbar-brand {
  display: none;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin-bottom: 4px;
}

.topbar-brand .brand-mark {
  width: 31px;
  height: 29px;
}

.topbar-brand .brand-mark::before {
  left: 7px;
  bottom: 5px;
  width: 0;
  height: 0;
  border-left-width: 8.5px;
  border-right-width: 8.5px;
  border-bottom-width: 16px;
}

.topbar-brand .brand-mark::after {
  left: 5px;
  top: 6px;
  width: 21px;
}

.topbar-brand strong,
.topbar-brand small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topbar-brand strong {
  font-size: 11px;
  font-weight: 860;
  line-height: 1.1;
}

.topbar-brand small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
}

.topbar-actions,
.button-pair {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wallet-button,
.icon-button {
  min-height: 38px;
  border-color: var(--line);
}

.wallet-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: min(380px, 48vw);
  padding: 8px 11px;
}

.wallet-button span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.icon-button {
  width: 38px;
}

.global-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 26px;
  border-block: 1px solid var(--line);
}

body[data-active-view="launch"] .global-strip {
  display: none;
}

.global-metric {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 11px 14px;
  border-right: 1px solid var(--line);
}

.global-metric:last-child {
  border-right: 0;
}

.global-metric strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}

.global-metric span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.view {
  display: none;
}

.view.is-active {
  display: block;
}

.launch-grid,
.discovery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
  gap: 30px;
}

.two-column,
.extension-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
  gap: 28px;
}

.rail {
  display: grid;
  gap: 18px;
  align-content: start;
  min-width: 0;
  padding-left: 24px;
  border-left: 1px solid var(--line);
}

.surface {
  min-width: 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.surface-main {
  min-height: 0;
}

.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.section-heading > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.section-heading h2,
.section-heading .eyebrow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge,
.risk-badge,
.tx-state {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid color-mix(in srgb, var(--green) 25%, var(--line));
  border-radius: 999px;
  color: var(--green);
  font-size: 11px;
  font-weight: 760;
  white-space: nowrap;
  text-transform: uppercase;
}

.badge.warn,
.risk-badge.warn,
.tx-state.warn {
  border-color: color-mix(in srgb, var(--amber) 45%, var(--line));
  color: var(--amber);
}

.badge.danger,
.risk-badge.danger,
.tx-state.danger {
  border-color: color-mix(in srgb, var(--red) 48%, var(--line));
  color: var(--red);
}

.rail-icon {
  color: var(--green);
  font-size: 18px;
}

.launch-cockpit {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.launch-cockpit .surface {
  padding-top: 12px;
}

.cockpit-heading {
  margin-bottom: 10px;
}

.cockpit-board {
  display: grid;
  grid-template-columns: minmax(200px, 0.66fr) minmax(360px, 1.2fr) minmax(250px, 0.74fr);
  align-items: stretch;
  gap: 16px;
  min-width: 0;
  margin-bottom: 12px;
  padding: 12px 0;
  border-block: 1px solid var(--line);
}

.cockpit-board .agent-console {
  align-content: start;
  gap: 10px;
  margin: 0;
  padding: 0 16px 0 0;
  border-block: 0;
  border-right: 1px solid var(--line);
}

.cockpit-board .agent-status {
  align-self: start;
}

.cockpit-board .agent-next {
  padding: 10px 0 0;
  border-top: 1px solid var(--line);
  border-left: 0;
}

.cockpit-board .agent-checks {
  grid-template-columns: 1fr 1fr;
}

.cockpit-board .agent-footnote {
  font-size: 11px;
}

.agent-console {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(170px, 0.58fr);
  gap: 12px 16px;
  align-items: center;
  min-width: 0;
  margin-bottom: 14px;
  padding: 12px 0;
  border-block: 1px solid var(--line);
}

.agent-status {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.agent-orb {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--green) 52%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 12%, transparent);
  color: var(--green);
}

.agent-status h3,
.agent-next strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-status h3 {
  margin-top: 2px;
  font-size: 17px;
  line-height: 1.15;
}

.agent-next {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding-left: 16px;
  border-left: 1px solid var(--line);
}

.agent-next small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.agent-next strong {
  font-size: 14px;
}

.agent-next span,
.agent-footnote {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.agent-checks {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.agent-checks span {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-align: center;
  text-transform: uppercase;
}

.agent-checks .is-active {
  border-color: color-mix(in srgb, var(--green) 55%, var(--line));
  color: var(--green);
  background: color-mix(in srgb, var(--green) 9%, transparent);
}

.agent-footnote {
  grid-column: 1 / -1;
  margin: 0;
}

.chart-deck {
  display: grid;
  grid-template-columns: minmax(168px, 0.82fr) minmax(180px, 1fr);
  grid-template-rows: minmax(138px, auto) minmax(86px, auto);
  gap: 10px;
  min-width: 0;
}

.chart-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 54%, transparent);
}

.tokenomics-card {
  grid-row: span 2;
}

.chart-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin-bottom: 10px;
}

.chart-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.chart-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.donut-wrap {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.donut-chart {
  position: relative;
  width: 112px;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: conic-gradient(var(--green) 0 58%, var(--blue) 58% 79%, var(--amber) 79% 93%, var(--violet) 93% 100%);
}

.donut-chart.has-svg {
  border: 0;
  background: transparent;
}

.donut-chart.has-svg .tokenomics-svg {
  display: block;
  width: 100%;
  height: auto;
}

.donut-chart::after {
  content: "";
  position: absolute;
  inset: 25px;
  border: 1px solid var(--line);
  border-radius: inherit;
  background: var(--panel);
}

.donut-chart.has-svg::after {
  display: none;
}

.chart-legend {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.legend-row,
.funding-row,
.parity-row {
  display: grid;
  align-items: center;
  min-width: 0;
  gap: 8px;
}

.legend-row {
  grid-template-columns: 8px minmax(0, 1fr) auto;
  color: var(--muted);
  font-size: 11px;
}

.legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green);
}

.legend-row strong,
.funding-row strong,
.parity-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink);
}

.depth-chart {
  display: grid;
  align-content: end;
  gap: 7px;
  min-height: 96px;
}

.depth-band {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
}

.depth-band.active,
.depth-band.complete {
  color: var(--ink);
}

.depth-band em {
  grid-column: 2 / -1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  line-height: 1.2;
}

.depth-bar {
  overflow: hidden;
  height: 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 70%, transparent);
}

.depth-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--green), var(--blue));
}

.depth-band.active .depth-bar span {
  background: linear-gradient(90deg, var(--amber), var(--blue));
}

.depth-band.complete .depth-bar span {
  background: linear-gradient(90deg, var(--green), var(--green));
}

.funding-meter {
  display: grid;
  gap: 8px;
}

.funding-track {
  overflow: hidden;
  height: 10px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 74%, transparent);
}

.funding-track span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--green), var(--amber));
}

.funding-row {
  grid-template-columns: minmax(0, 1fr) auto;
  color: var(--muted);
  font-size: 11px;
}

.funding-row.warn strong {
  color: var(--amber);
}

.funding-row.danger strong {
  color: var(--red);
}

.action-panel {
  display: grid;
  align-content: start;
  min-width: 0;
  padding-left: 16px;
  border-left: 1px solid var(--line);
}

.action-panel .section-heading {
  margin-bottom: 10px;
}

.action-panel .next-hint {
  display: none;
}

.setup-dock {
  min-width: 0;
  margin-bottom: 12px;
  padding: 11px 0 13px;
  border-bottom: 1px solid var(--line);
}

.setup-dock-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  margin-bottom: 10px;
}

.setup-dock-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.setup-dock-head strong,
.setup-help {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.setup-help {
  color: var(--muted);
  font-size: 12px;
}

.instruction-list {
  display: grid;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  counter-reset: guide-step;
  list-style: none;
  border-top: 1px solid var(--line);
}

.instruction-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  counter-increment: guide-step;
}

.instruction-list li::before {
  content: counter(guide-step);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--green);
  font-size: 12px;
  font-weight: 860;
}

.instruction-list strong,
.instruction-list span {
  display: block;
  grid-column: 2;
  min-width: 0;
}

.instruction-list strong {
  font-size: 13px;
  line-height: 1.25;
}

.instruction-list span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.compact-instructions {
  border-top: 0;
}

.compact-instructions li:first-child {
  padding-top: 0;
}

.next-hint {
  padding: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.launch-console {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  margin-bottom: 18px;
  border-block: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 62%, transparent);
}

body[data-active-view="launch"] .launch-console {
  display: none;
}

.asset-lockup {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border-right: 1px solid var(--line);
}

.asset-lockup strong,
.asset-lockup small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-lockup small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.asset-mark,
.token-mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border: 1px solid color-mix(in srgb, var(--green) 55%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 12%, var(--panel));
  color: var(--green);
  font-size: 13px;
  font-weight: 860;
}

.asset-mark.has-logo {
  padding: 0;
  overflow: hidden;
  background: var(--panel);
}

.asset-mark img,
.token-logo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.launch-readout {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

.launch-readout span {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  padding: 14px 12px;
  border-right: 1px solid var(--line);
}

.launch-readout span:last-child {
  border-right: 0;
}

.launch-readout strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1;
}

.launch-readout small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.launch-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 16px;
}

.compact-workbench {
  grid-template-columns: minmax(300px, 1fr) minmax(220px, 0.58fr) minmax(260px, 0.72fr);
  gap: 16px;
  margin-bottom: 0;
}

.config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
  margin-bottom: 0;
  padding: 13px 0;
  border-block: 1px solid var(--line);
}

.compact-workbench .config-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 14px;
  padding: 0;
  border-block: 0;
}

label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

input {
  min-width: 0;
  width: 100%;
  min-height: 34px;
  padding: 5px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  outline: none;
}

input:focus {
  border-bottom-color: var(--green);
}

textarea {
  min-width: 0;
  width: 100%;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 70%, transparent);
  color: var(--ink);
  outline: none;
  resize: vertical;
  line-height: 1.35;
}

textarea:focus {
  border-color: var(--green);
  background: color-mix(in srgb, var(--panel) 92%, transparent);
}

.setup-dock input {
  min-height: 32px;
  padding: 6px 8px;
  border-bottom: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 70%, transparent);
}

.setup-dock input:focus {
  background: color-mix(in srgb, var(--panel) 92%, transparent);
}

.setup-dock input[type="file"] {
  display: grid;
  align-content: center;
  color: var(--muted);
  font-size: 11px;
}

.token-logo-preview {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 46px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 58%, transparent);
}

.token-logo-preview.danger {
  border-color: color-mix(in srgb, var(--red) 48%, var(--line));
}

.token-logo-thumb {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: color-mix(in srgb, var(--panel-strong) 55%, transparent);
}

.token-logo-preview span:nth-child(2) {
  min-width: 0;
}

.token-logo-preview small,
.token-logo-preview strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.token-logo-preview small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.token-logo-preview strong {
  color: var(--ink);
  font-size: 12px;
}

.sealed-launch-control {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 7px 9px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--green) 3%, var(--panel));
  cursor: pointer;
  text-transform: none;
}

.sealed-launch-control input {
  width: 16px;
  min-height: 16px;
  accent-color: var(--green);
}

.sealed-launch-control span,
.sealed-launch-control strong,
.sealed-launch-control small {
  display: block;
  min-width: 0;
}

.sealed-launch-control strong {
  color: var(--ink);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.sealed-launch-control small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.3;
}

.mode-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 10px 0 12px;
  border: 1px solid var(--line);
  border-inline: 0;
}

.mode-button {
  display: grid;
  place-items: center;
  gap: 3px;
  min-height: 56px;
  padding: 8px 6px;
  border-radius: 0;
  color: var(--muted);
  font-size: 12px;
}

.mode-button + .mode-button {
  border-left-color: var(--line);
}

.mode-button.is-selected {
  color: var(--ink);
  background: color-mix(in srgb, var(--line-strong) 30%, transparent);
}

.mode-button strong,
.mode-button small {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mode-button strong {
  font-size: 13px;
  font-weight: 780;
  line-height: 1.1;
}

.mode-button small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.manifest-panel {
  min-width: 0;
  padding: 13px 0;
  border-block: 1px solid var(--line);
}

.compact-workbench .manifest-panel,
.vanity-panel {
  padding: 0 0 0 16px;
  border-block: 0;
  border-left: 1px solid var(--line);
}

.manifest-head,
.signature-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  margin-bottom: 12px;
}

.manifest-head > span:first-child,
.signature-head > span:first-child {
  min-width: 0;
}

.manifest-head h3,
.signature-head h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manifest-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}

.manifest-grid span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.manifest-grid span:nth-child(2n) {
  border-right: 0;
}

.manifest-grid small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.manifest-grid strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.vanity-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.vanity-panel .manifest-head {
  margin-bottom: 0;
}

.vanity-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.candidate-strip {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vanity-status {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  background: color-mix(in srgb, var(--green) 6%, transparent);
}

.vanity-status.warn {
  border-color: color-mix(in srgb, var(--amber) 40%, var(--line));
  background: color-mix(in srgb, var(--amber) 7%, transparent);
}

.vanity-status.danger {
  border-color: color-mix(in srgb, var(--red) 40%, var(--line));
  background: color-mix(in srgb, var(--red) 7%, transparent);
}

.vanity-status i {
  color: var(--green);
  font-size: 10px;
}

.vanity-status.warn i {
  color: var(--amber);
}

.vanity-status.danger i {
  color: var(--red);
}

.vanity-status span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vanity-status strong,
.vanity-status small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vanity-status small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.vanity-candidate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.vanity-candidate {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 34%, transparent);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.vanity-candidate.is-active {
  border-color: color-mix(in srgb, var(--green) 55%, var(--line));
  color: var(--green);
}

.vanity-candidate strong,
.vanity-candidate small,
.vanity-candidate em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vanity-candidate small,
.vanity-candidate em {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.vanity-candidate em {
  font-style: normal;
  font-weight: 780;
  text-transform: uppercase;
}

.vanity-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.vanity-progress {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-controls {
  margin-top: 12px;
}

.classic-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 14px;
  min-width: 0;
  padding: 10px 0 2px;
}

.classic-grid input {
  min-height: 30px;
  padding: 5px 8px;
  border-bottom: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 70%, transparent);
}

.launch-control-group-heading {
  display: grid;
  grid-column: 1 / -1;
  gap: 3px;
  padding: 10px 0 2px;
  border-top: 1px solid var(--line);
}

.launch-control-group-heading:first-child {
  padding-top: 0;
  border-top: 0;
}

.launch-control-group-heading strong {
  color: var(--ink);
  font-size: 11px;
}

.launch-control-group-heading small {
  max-width: 78ch;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}

.vanity-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 30px;
  list-style: none;
  color: var(--muted);
  cursor: pointer;
}

.vanity-details > summary::-webkit-details-marker {
  display: none;
}

.vanity-details > summary::after {
  content: "+";
  color: var(--green);
}

.vanity-details[open] > summary::after {
  content: "−";
}

.vanity-details > summary span {
  color: var(--ink);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.vanity-details > summary strong {
  margin-left: auto;
  color: var(--muted);
  font-size: 8px;
  font-weight: 650;
}

.vanity-details-body {
  display: grid;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.operator-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  margin: 10px 0;
}

.operator-toolbar.compact {
  margin: 8px 0;
}

.pool-editor-panel,
.airdrop-report-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.pool-editor-head,
.pool-row-head,
.subpanel-head,
.phase-tree-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.pool-editor-head > span:first-child,
.pool-row-head > span:first-child,
.subpanel-head > span:first-child,
.phase-tree-head > span:first-child {
  min-width: 0;
}

.pool-editor-head h3,
.pool-row-head h3,
.subpanel-head h3,
.phase-tree-head h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pool-row,
.operator-subpanel,
.phase-tree {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 62%, transparent);
}

.pool-field-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px 12px;
  min-width: 0;
}

.pool-field-grid input,
.pool-field-grid select {
  min-height: 30px;
  padding: 5px 8px;
  border-bottom: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 54%, transparent);
}

.pool-field-grid select {
  width: 100%;
  color: var(--ink);
  border: 1px solid transparent;
}

.wide-field {
  grid-column: 1 / -1;
}

.pool-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.pool-mini-grid span,
.mini-row {
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 48%, transparent);
}

.pool-mini-grid span {
  display: grid;
  gap: 2px;
}

.pool-mini-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.pool-mini-grid strong,
.mini-row strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.quote-info-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  padding: 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 42%, transparent);
  border-left: 3px solid var(--green);
}

.quote-info-panel.warn {
  border-left-color: var(--amber);
}

.quote-info-panel.danger {
  border-left-color: var(--red);
}

.quote-info-panel > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.quote-info-panel small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
}

.quote-info-facts {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.quote-info-facts span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.quote-info-facts strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.airdrop-report-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.airdrop-budget-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 9px;
  min-width: 0;
}

.airdrop-budget-controls input[type="number"] {
  min-height: 30px;
  padding: 5px 8px;
  border-bottom: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 54%, transparent);
}

.toggle-line {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.airdrop-budget-panel {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.airdrop-budget-meter {
  overflow: hidden;
  height: 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel-strong) 64%, transparent);
}

.airdrop-budget-meter span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--amber), var(--green));
}

.airdrop-budget-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.airdrop-budget-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 48%, transparent);
}

.airdrop-budget-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.airdrop-budget-grid strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.airdrop-budget-hint,
.airdrop-budget-error {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}

.airdrop-budget-error {
  color: var(--red);
}

.mini-table {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.mini-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
}

.mini-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mini-row.danger strong,
.mini-row.danger span {
  color: var(--red);
}

.phase-tree {
  margin-top: 2px;
}

.phase-tree-grid {
  display: grid;
  gap: 8px;
}

.phase-tree-group {
  display: grid;
  grid-template-columns: minmax(92px, 0.22fr) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.phase-node-grid,
.phase-tree-tail {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.phase-tree-tail {
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.phase-node {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  max-width: 180px;
  padding: 4px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
}

.phase-node strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phase-node i {
  color: var(--subtle);
  font-size: 8px;
}

.phase-node.complete {
  color: var(--green);
  background: color-mix(in srgb, var(--green) 10%, transparent);
}

.phase-node.complete i {
  color: var(--green);
}

.classic-bridge {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  margin-bottom: 12px;
  padding: 12px 14px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 44%, transparent);
}

.classic-bridge-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.classic-bridge-head > span:first-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.classic-bridge-head h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.classic-stats span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 9px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 64%, transparent);
}

.classic-stats small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.classic-stats strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.execution-readiness {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 7%, var(--panel));
}

.execution-readiness.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
  background: color-mix(in srgb, var(--amber) 6%, var(--panel));
}

.execution-readiness.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
  background: color-mix(in srgb, var(--red) 6%, var(--panel));
}

.quote-acquire-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 62%, transparent);
}

.quote-acquire-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.quote-acquire-head > span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.quote-acquire-head h3,
.quote-acquire-head p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-acquire-progress {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel-strong) 64%, transparent);
}

.quote-acquire-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--green), var(--amber));
}

.quote-acquire-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.quote-acquire-stats span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 48%, transparent);
}

.quote-acquire-stats small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.quote-acquire-stats strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.quote-acquire-feed {
  display: grid;
  gap: 0;
  min-width: 0;
  border-top: 1px solid var(--line);
}

.quote-acquire-feed article {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}

.quote-acquire-feed i {
  color: var(--green);
  font-size: 10px;
}

.quote-acquire-feed article.danger i {
  color: var(--red);
}

.quote-acquire-feed span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.quote-acquire-feed strong,
.quote-acquire-feed small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-acquire-feed small,
.quote-acquire-error {
  color: var(--muted);
  font-size: 11px;
}

.quote-acquire-error {
  color: var(--red);
}

.quote-guidance-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--green) 26%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 6%, transparent);
}

.quote-guidance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.quote-guidance-head span:first-child {
  min-width: 0;
}

.quote-guidance-head h3,
.quote-guidance-head p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-guidance-head p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.quote-guidance-list {
  display: grid;
  gap: 0;
  min-width: 0;
  border-top: 1px solid var(--line);
}

.quote-guidance-list article {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) minmax(70px, auto) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
}

.quote-guidance-list i {
  color: var(--green);
  font-size: 10px;
}

.quote-guidance-list article.warn i {
  color: var(--amber);
}

.quote-guidance-list article.danger i {
  color: var(--red);
}

.quote-guidance-list span {
  min-width: 0;
}

.quote-guidance-list strong,
.quote-guidance-list small,
.quote-guidance-list code {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-guidance-list strong {
  display: block;
  font-size: 12px;
}

.quote-guidance-list strong em {
  color: var(--muted);
  font-style: normal;
  font-weight: 760;
}

.quote-guidance-list small,
.quote-guidance-list code {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.quote-guidance-list code {
  justify-self: end;
  max-width: 120px;
}

.funding-wallet-hint {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 7%, var(--panel));
}

.funding-wallet-hint.warn {
  border-color: color-mix(in srgb, var(--amber) 30%, var(--line));
  background: color-mix(in srgb, var(--amber) 7%, var(--panel));
}

.funding-wallet-hint.danger {
  border-color: color-mix(in srgb, var(--red) 34%, var(--line));
  background: color-mix(in srgb, var(--red) 6%, var(--panel));
}

.funding-wallet-hint > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.funding-wallet-hint small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.funding-wallet-hint strong,
.funding-wallet-hint em {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.funding-wallet-hint em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.4;
}

.funding-wallet-hint.compact {
  padding: 8px;
}

.solflare-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--amber) 30%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--amber) 6%, var(--panel));
}

.solflare-panel.is-connected {
  border-color: color-mix(in srgb, var(--green) 34%, var(--line));
  background: color-mix(in srgb, var(--green) 6%, var(--panel));
}

.solflare-panel.danger {
  border-color: color-mix(in srgb, var(--red) 36%, var(--line));
  background: color-mix(in srgb, var(--red) 6%, var(--panel));
}

.solflare-head,
.solflare-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.solflare-head > span:first-child,
.solflare-grid > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.solflare-panel small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.solflare-panel strong,
.solflare-panel em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.solflare-panel em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.cancel-refund-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--amber) 28%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--amber) 6%, var(--panel));
}

.cancel-refund-panel.danger {
  border-color: color-mix(in srgb, var(--red) 40%, var(--line));
  background: color-mix(in srgb, var(--red) 6%, var(--panel));
}

.cancel-refund-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.cancel-refund-head > span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.cancel-refund-head h3,
.cancel-refund-head p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cancel-refund-head p {
  color: var(--muted);
  font-size: 11px;
}

.cancel-refund-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.cancel-refund-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 48%, transparent);
}

.cancel-refund-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.cancel-refund-grid strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .cancel-refund-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.finalize-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 64%, transparent);
}

.finalize-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.finalize-head > span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.finalize-head-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  white-space: nowrap;
}

.finalize-head h3,
.finalize-head p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finalize-head p {
  color: var(--muted);
  font-size: 11px;
}

.finalize-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.finalize-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 48%, transparent);
}

.finalize-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.finalize-grid strong,
.finalize-grid em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finalize-grid strong {
  font-size: 12px;
  font-style: normal;
}

.finalize-grid em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
}

.proof-review-panel {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 46%, transparent);
}

.proof-review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.proof-review-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.proof-review-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.proof-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.proof-link-grid a,
.proof-link-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  color: var(--ink);
  text-decoration: none;
  background: color-mix(in srgb, var(--panel-strong) 34%, transparent);
}

.proof-link-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.proof-link-grid strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.field-handoff-list {
  display: grid;
  gap: 0;
  margin-top: 2px;
  border-top: 1px solid var(--line);
}

.field-handoff-list article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}

.field-handoff-list small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.field-handoff-list strong,
.field-handoff-list span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.field-handoff-list span,
.field-handoff-list p {
  color: var(--muted);
  font-size: 10px;
  margin: 0;
}

.finalize-notices {
  display: grid;
  gap: 4px;
}

.finalize-primary-actions {
  align-items: center;
}

.finalize-advanced-tools {
  margin: 0;
}

.finalize-advanced-tools > summary {
  min-height: 30px;
}

.finalize-advanced-tools > .operator-toolbar {
  padding: 8px;
  border-top: 1px solid var(--line);
}

.finalize-warning {
  margin: 0;
  color: var(--amber);
  font-size: 11px;
  line-height: 1.35;
}

.finalize-warning.danger {
  color: var(--danger);
}

.report-parity-audit {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 48%, transparent);
}

.report-parity-audit.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
}

.report-parity-audit.danger {
  border-color: color-mix(in srgb, var(--red) 46%, var(--line));
}

.report-parity-head,
.report-parity-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.report-parity-head > span:first-child,
.report-parity-list span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.report-parity-head strong,
.report-parity-head em,
.report-parity-list strong,
.report-parity-list small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.report-parity-head strong {
  font-size: 12px;
}

.report-parity-head em,
.report-parity-list small {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
}

.report-parity-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.report-parity-stats span {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 34%, transparent);
}

.report-parity-stats small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.report-parity-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.report-parity-list article {
  grid-template-columns: 16px minmax(0, 1fr);
  padding: 6px 0;
  border-bottom: 1px solid var(--line);
}

.report-parity-list i {
  color: var(--green);
  font-size: 10px;
}

.report-parity-list article.warn i {
  color: var(--amber);
}

.report-parity-list article.danger i {
  color: var(--red);
}

.classic-compare-panel {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding-top: 2px;
}

.classic-compare-panel summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
  list-style: none;
}

.classic-compare-panel summary::-webkit-details-marker {
  display: none;
}

.classic-compare-panel summary > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.classic-compare-panel small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.classic-compare-panel strong,
.classic-compare-list strong,
.classic-compare-list small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-compare-panel textarea {
  width: 100%;
  min-width: 0;
  resize: vertical;
  min-height: 78px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 80%, transparent);
  color: var(--ink);
  font: 11px/1.4 var(--mono);
}

.classic-compare-error {
  color: var(--red);
  font-size: 11px;
  margin: 0;
}

.classic-compare-note {
  color: var(--amber);
  font-size: 11px;
  margin: 0;
}

.classic-compare-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.classic-compare-list article {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 0;
  border-bottom: 1px solid var(--line);
}

.classic-compare-list i {
  color: var(--green);
  font-size: 10px;
}

.classic-compare-list article.warn i {
  color: var(--amber);
}

.classic-compare-list article.danger i {
  color: var(--red);
}

.classic-compare-list span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.classic-compare-list small {
  color: var(--muted);
  font-size: 10px;
}

.manual-prefund-panel {
  display: grid;
  gap: 11px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.manual-prefund-head,
.manual-prefund-wallet,
.manual-prefund-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.manual-prefund-head p {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
}

.manual-prefund-head-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

.manual-prefund-wallet {
  border: 1px solid color-mix(in srgb, var(--amber) 34%, var(--line));
  padding: 10px;
  background: color-mix(in srgb, var(--amber) 7%, transparent);
}

.manual-prefund-wallet span,
.manual-prefund-token {
  min-width: 0;
}

.manual-prefund-wallet small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.manual-prefund-wallet code,
.manual-prefund-token code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.manual-prefund-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.manual-prefund-row {
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.manual-prefund-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

.manual-prefund-status {
  grid-column: 1 / -1;
  margin-top: -2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.manual-prefund-row ul {
  grid-column: 1 / -1;
  display: grid;
  gap: 5px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.manual-prefund-row li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.manual-prefund-row li span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.readiness-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.7fr) auto auto auto auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.readiness-main > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.readiness-main strong,
.readiness-main small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.readiness-main small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.readiness-counts {
  justify-items: end;
  text-align: right;
}

.readiness-phases {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.readiness-phase {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 7px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 76%, transparent);
}

.readiness-phase small,
.readiness-phase strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.readiness-phase small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.readiness-phase strong {
  color: var(--green);
  font-size: 11px;
  text-transform: capitalize;
}

.readiness-phase.blocked strong {
  color: var(--red);
}

.readiness-phase.waiting strong {
  color: var(--amber);
}

.live-ops-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  margin: 10px 0;
  padding: 10px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 44%, transparent);
}

.live-ops-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.live-ops-head h3 {
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-ops-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

.live-ops-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.live-ops-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 62%, transparent);
}

.live-ops-grid small,
.live-ops-grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
  text-transform: uppercase;
}

.live-ops-grid strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--green);
  font-size: 13px;
  text-transform: capitalize;
}

.live-ops-feed {
  display: grid;
  gap: 0;
  min-width: 0;
  border-top: 1px solid var(--line);
}

.live-ops-feed article {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 0;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
}

.live-ops-feed article.warn i,
.live-ops-feed article.error i {
  color: var(--amber);
}

.live-ops-feed i {
  color: var(--green);
  font-size: 10px;
}

.live-ops-feed span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-drawer {
  position: fixed;
  inset: 0;
  z-index: 42;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}

.activity-drawer.is-open {
  opacity: 1;
  pointer-events: auto;
}

.activity-drawer-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.42);
}

.activity-drawer-panel {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: 14px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  width: min(620px, calc(100vw - 28px));
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-strong);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.46);
  transform: translateX(10px);
  transition: transform 150ms ease;
}

.activity-drawer.is-open .activity-drawer-panel {
  transform: translateX(0);
}

.activity-drawer-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.activity-filter-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.activity-filter-tabs button {
  display: grid;
  justify-items: start;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  border-color: var(--line);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--panel) 68%, transparent);
}

.activity-filter-tabs button.is-selected {
  border-color: color-mix(in srgb, var(--green) 38%, var(--line));
  background: color-mix(in srgb, var(--green) 10%, transparent);
}

.activity-filter-tabs span,
.activity-filter-tabs strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-filter-tabs span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.activity-filter-tabs strong {
  color: var(--ink);
  font-size: 13px;
}

.activity-log-list {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  overflow: auto;
  border-top: 1px solid var(--line);
}

.activity-log-list article {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
}

.activity-log-list article.warn .activity-log-meta strong,
.activity-log-list article.warning .activity-log-meta strong {
  color: var(--amber);
}

.activity-log-list article.error .activity-log-meta strong {
  color: var(--red);
}

.activity-log-list article.progress .activity-log-meta strong {
  color: var(--green);
}

.activity-log-meta {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.activity-log-meta strong,
.activity-log-meta small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-log-meta strong {
  color: var(--blue);
  font-size: 11px;
}

.activity-log-meta small {
  color: var(--muted);
  font-size: 10px;
}

.activity-log-list p {
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.timeline-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}

.timeline-actions .pill-button {
  min-height: 28px;
  padding: 4px 8px;
  font-size: 11px;
}

.journal-resume-plan {
  grid-column: 1 / -1;
  display: block;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 52%, transparent);
}

.journal-resume-plan.warn {
  border-color: color-mix(in srgb, var(--amber) 36%, var(--line));
}

.journal-resume-plan.danger {
  border-color: color-mix(in srgb, var(--red) 36%, var(--line));
}

.journal-resume-plan > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px 9px;
  cursor: pointer;
  list-style: none;
}

.journal-resume-plan > summary::-webkit-details-marker {
  display: none;
}

.journal-resume-plan > summary::after {
  content: "+";
  margin-left: auto;
  color: var(--green);
}

.journal-resume-plan[open] > summary::after {
  content: "−";
}

.journal-resume-plan > div {
  display: grid;
  gap: 6px;
  padding: 0 9px 8px;
  border-top: 1px solid var(--line);
}

.journal-resume-plan strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.journal-resume-plan p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.journal-resume-plan ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.38;
}

.recovery-wallet-workspace {
  display: grid;
  gap: 11px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.recovery-wallet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  min-width: 0;
}

.recovery-wallet-head > span:first-child,
.recovery-wallet-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.recovery-wallet-head p,
.recovery-wallet-copy p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.recovery-wallet-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(62px, 1fr));
  gap: 7px;
  min-width: 0;
}

.recovery-wallet-stats > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 52%, transparent);
}

.recovery-wallet-stats small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.recovery-wallet-stats strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.recovery-wizard {
  margin-bottom: 14px;
}

.recovery-wizard-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.recovery-wizard-panel.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
  background: color-mix(in srgb, var(--amber) 5%, var(--panel));
}

.recovery-wizard-panel.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
  background: color-mix(in srgb, var(--red) 5%, var(--panel));
}

.recovery-wizard-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-width: 0;
}

.recovery-wizard-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recovery-wizard-head strong,
.recovery-wizard-head em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recovery-wizard-head em,
.recovery-wizard-screen p,
.recovery-wizard-screen li {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.42;
}

.recovery-wizard-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.recovery-wizard-step {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 40px;
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-2) 55%, transparent);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.recovery-wizard-step small {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 820;
}

.recovery-wizard-step strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink);
  font-size: 12px;
}

.recovery-wizard-step.is-active {
  border-color: color-mix(in srgb, var(--green) 46%, var(--line));
  background: color-mix(in srgb, var(--green) 9%, var(--panel));
}

.recovery-wizard-step.warn {
  border-color: color-mix(in srgb, var(--amber) 34%, var(--line));
}

.recovery-wizard-step.danger {
  border-color: color-mix(in srgb, var(--red) 38%, var(--line));
}

.recovery-wizard-screen {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 74%, transparent);
}

.recovery-wizard-screen h3,
.recovery-wizard-screen p {
  margin: 0;
}

.recovery-wizard-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.recovery-wizard-stats span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 48%, transparent);
}

.recovery-wizard-stats small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.recovery-wizard-stats strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.recovery-wizard-screen ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
}

.recovery-wizard-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.recovery-wallet-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.recovery-wallet-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
}

.recovery-wallet-row.is-selected {
  background: color-mix(in srgb, var(--green) 5%, transparent);
}

.recovery-wallet-copy code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: var(--ink);
  font-size: 11px;
  line-height: 1.35;
}

.recovery-guide {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--green) 30%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.recovery-guide.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
  background: color-mix(in srgb, var(--amber) 5%, var(--panel));
}

.recovery-guide.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
  background: color-mix(in srgb, var(--red) 5%, var(--panel));
}

.recovery-guide-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.recovery-guide-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recovery-guide-head strong,
.recovery-guide-head em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recovery-guide-head em,
.recovery-guide li {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.42;
}

.recovery-guide ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
}

.recovery-sweep-result,
.recovery-reset-audit {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.recovery-sweep-result.warn,
.recovery-reset-audit.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
  background: color-mix(in srgb, var(--amber) 5%, var(--panel));
}

.recovery-sweep-result.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
  background: color-mix(in srgb, var(--red) 5%, var(--panel));
}

.recovery-sweep-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.recovery-sweep-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recovery-sweep-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.recovery-sweep-result p,
.recovery-reset-audit p,
.recovery-sweep-steps {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.recovery-sweep-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.recovery-sweep-grid span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 34%, transparent);
}

.recovery-sweep-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.recovery-sweep-grid strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.recovery-sweep-steps {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
}

.classic-phase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.classic-phase {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 60%, transparent);
}

.classic-phase i {
  color: var(--green);
  font-size: 11px;
}

.classic-phase.warn i {
  color: var(--amber);
}

.classic-phase.danger i {
  color: var(--red);
}

.classic-phase span {
  min-width: 0;
}

.classic-phase h3,
.classic-phase p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classic-phase p {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.2;
}

.classic-phase .pill-button {
  min-height: 28px;
  padding: 4px 7px;
  font-size: 11px;
}

.signature-panel {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 15px 0;
  border-block: 1px solid var(--line);
}

.signature-panel.is-live {
  border-top-color: color-mix(in srgb, var(--green) 42%, var(--line));
}

.signature-source {
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.signature-progress,
.queue-progress {
  overflow: hidden;
  height: 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 70%, transparent);
}

.signature-progress span,
.queue-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--green), var(--blue));
}

.signature-panel.is-live .signature-progress span {
  background: linear-gradient(90deg, var(--green), var(--amber));
}

.signature-track {
  display: grid;
  grid-template-columns: repeat(8, minmax(34px, 1fr));
  gap: 6px;
  overflow-x: hidden;
}

.signature-step {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 38px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: transparent;
  color: inherit;
  text-align: center;
}

@media (max-width: 1180px) {
  .signature-track {
    grid-template-columns: repeat(8, minmax(38px, 1fr));
  }

  .signature-step {
    min-width: 38px;
  }
}

.signature-focus {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
}

.signature-focus > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.signature-focus small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.signature-focus strong,
.signature-focus p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.signature-step.next {
  border-color: color-mix(in srgb, var(--amber) 60%, var(--line));
}

.signature-step.blocked {
  border-color: color-mix(in srgb, var(--red) 60%, var(--line));
  background: color-mix(in srgb, var(--red) 6%, transparent);
}

.signature-step.signed {
  border-color: color-mix(in srgb, var(--green) 58%, var(--line));
  background: color-mix(in srgb, var(--green) 6%, transparent);
}

.signature-index {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 11px;
  font-weight: 860;
}

.signature-step.signed .signature-index {
  color: var(--green);
  border-color: color-mix(in srgb, var(--green) 55%, var(--line));
}

.signature-step.blocked .signature-index {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 55%, var(--line));
}

.execution-ledger {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.execution-ledger-head,
.execution-ledger-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.execution-ledger-head > span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.execution-ledger-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.execution-ledger-head > span:last-child,
.execution-ledger-meta small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.execution-ledger-list {
  display: grid;
  gap: 6px;
}

.execution-ledger-row {
  grid-template-columns: 24px minmax(0, 1fr) minmax(74px, auto);
  min-height: 40px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 54%, transparent);
}

.execution-ledger-icon {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  color: var(--muted);
  background: color-mix(in srgb, var(--panel-strong) 70%, transparent);
}

.execution-ledger-row.running .execution-ledger-icon {
  color: var(--amber);
}

.execution-ledger-row.complete .execution-ledger-icon {
  color: var(--green);
}

.execution-ledger-row.warn .execution-ledger-icon,
.execution-ledger-row.error .execution-ledger-icon {
  color: var(--red);
}

.execution-ledger-row.running .execution-ledger-icon i {
  animation: ledger-spin 900ms linear infinite;
}

.execution-ledger-copy,
.execution-ledger-meta {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.execution-ledger-copy strong,
.execution-ledger-copy small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.execution-ledger-copy small {
  color: var(--muted);
  font-size: 11px;
}

.execution-ledger-meta {
  justify-items: end;
  text-align: right;
}

.execution-ledger-meta strong {
  font-size: 11px;
  text-transform: uppercase;
}

.history-execution-audit {
  margin-bottom: 12px;
}

.history-audit-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 42%, transparent);
}

.history-audit-panel.warn {
  background: color-mix(in srgb, var(--amber) 7%, var(--panel-strong));
}

.history-audit-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-width: 0;
}

.history-audit-head > span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.history-audit-head strong,
.history-audit-head em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-audit-head em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.history-audit-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 6px;
  min-width: 0;
}

.history-audit-actions .pill-button {
  min-height: 26px;
  padding: 4px 8px;
  font-size: 10px;
}

.history-audit-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.history-audit-stats span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 54%, transparent);
}

.history-audit-stats small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.history-audit-stats strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-audit-list {
  display: grid;
  gap: 0;
  min-width: 0;
  border-top: 1px solid var(--line);
}

.history-audit-list article {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}

.history-audit-list i {
  color: var(--muted);
  font-size: 10px;
}

.history-audit-list article.complete i {
  color: var(--green);
}

.history-audit-list article.running i {
  color: var(--amber);
}

.history-audit-list article.warn i,
.history-audit-list article.error i {
  color: var(--red);
}

.history-audit-list span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.history-audit-list strong,
.history-audit-list small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-audit-list small {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

@keyframes ledger-spin {
  to {
    transform: rotate(360deg);
  }
}

.signature-copy {
  display: grid;
  align-content: space-between;
  gap: 8px;
  min-width: 0;
}

.signature-copy strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.25;
}

.signature-copy small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.drawer {
  min-width: 0;
  margin-top: 12px;
  border-block: 1px solid var(--line);
}

.drawer summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) 18px;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  cursor: pointer;
  list-style: none;
}

.drawer summary::-webkit-details-marker {
  display: none;
}

.drawer summary::after {
  content: "+";
  color: var(--muted);
  font-weight: 860;
  text-align: right;
}

.drawer[open] summary {
  border-bottom: 1px solid var(--line);
}

.drawer[open] summary::after {
  content: "-";
}

.drawer summary span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.drawer summary strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink);
  font-size: 13px;
}

.drawer .launch-workbench {
  margin-top: 14px;
}

.ecosystem-panel {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 13px 0;
  border-block: 1px solid var(--line);
}

.ecosystem-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.ecosystem-head h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ecosystem-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--violet) 55%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--violet) 12%, var(--panel));
  color: var(--violet);
}

.ecosystem-icon {
  width: 36px;
  height: 36px;
}

.ecosystem-metrics {
  display: grid;
  grid-template-columns: minmax(96px, 0.22fr) minmax(0, 1fr) minmax(116px, 0.24fr);
  border-block: 1px solid var(--line);
}

.ecosystem-metrics span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 11px;
  border-right: 1px solid var(--line);
}

.ecosystem-metrics span:last-child {
  border-right: 0;
}

.ecosystem-metrics strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.ecosystem-metrics small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 760;
  text-transform: uppercase;
}

.stage-list,
.queue-list,
.guardrail-list,
.parity-list,
.account-list,
.asset-table,
.discovery-table,
.policy-list,
.settings-list,
.mode-stack,
.timeline,
.chat-feed {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.discovery-source-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.discovery-source-banner span:last-child {
  min-width: 0;
}

.discovery-inspect-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.discovery-inspect-bar label,
.discovery-notes > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 780;
  text-transform: uppercase;
}

.discovery-inspect-bar input,
.discovery-toolbar input,
.discovery-notes textarea {
  min-width: 0;
  border: 1px solid var(--line-strong);
  background: var(--panel-strong);
  color: var(--ink);
}

.discovery-inspect-bar input {
  height: 38px;
  padding: 0 11px;
  font-family: var(--mono);
}

.discovery-error {
  min-height: 18px;
  padding-top: 5px;
  color: var(--red);
  font-size: 12px;
}

.discovery-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.discovery-toolbar > label {
  display: grid;
  grid-template-columns: auto minmax(140px, 1fr);
  align-items: center;
  gap: 8px;
  min-width: min(100%, 320px);
  color: var(--subtle);
}

.discovery-toolbar input {
  height: 32px;
  padding: 0 9px;
}

.discovery-toolbar .filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.discovery-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 190px;
  padding: 28px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  text-align: center;
}

.discovery-empty i {
  color: var(--green);
  font-size: 24px;
}

.discovery-empty strong {
  color: var(--ink);
}

.discovery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 0 2px;
}

.evidence-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  border-radius: 50%;
  background: var(--subtle);
}

.evidence-dot.pass {
  background: var(--green);
}

.evidence-dot.warn {
  background: var(--amber);
}

.discovery-audit {
  display: grid;
  margin-top: 8px;
  border-top: 1px solid var(--line);
}

.audit-line {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}

.audit-line > i {
  margin-top: 2px;
  color: var(--subtle);
  font-size: 10px;
}

.audit-line > span:last-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.audit-line strong {
  color: var(--ink);
  font-size: 11px;
}

.audit-line small,
.discovery-notes small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.3;
}

.audit-line.muted strong {
  color: var(--muted);
}

.discovery-warning-line {
  border-bottom: 1px solid var(--line);
}

.discovery-warning-line > summary {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) 10px;
  gap: 7px;
  align-items: start;
  padding: 7px 0;
  cursor: pointer;
  list-style: none;
}

.discovery-warning-line > summary::-webkit-details-marker {
  display: none;
}

.discovery-warning-line > summary > i:first-child {
  margin-top: 2px;
  color: var(--amber);
  font-size: 10px;
}

.discovery-warning-line > summary > i:last-child {
  margin-top: 3px;
  color: var(--subtle);
  font-size: 8px;
  transition: transform 120ms ease;
}

.discovery-warning-line[open] > summary > i:last-child {
  transform: rotate(180deg);
}

.discovery-warning-line > summary span {
  display: grid;
  gap: 1px;
}

.discovery-warning-line strong {
  color: var(--amber);
  font-size: 11px;
}

.discovery-warning-line small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.3;
}

.discovery-warning-line code {
  display: block;
  margin: 0 0 7px 21px;
  padding: 6px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.discovery-notes {
  border-bottom: 1px solid var(--line);
}

.discovery-notes > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  cursor: pointer;
  list-style: none;
}

.discovery-notes > summary::-webkit-details-marker {
  display: none;
}

.discovery-notes > summary span {
  color: var(--ink);
  font-size: 11px;
  font-weight: 780;
}

.discovery-notes > summary small {
  font-size: 10px;
}

.discovery-notes-editor {
  display: grid;
  gap: 5px;
  padding-bottom: 7px;
}

.discovery-notes textarea {
  width: 100%;
  resize: vertical;
  min-height: 52px;
  max-height: 140px;
  padding: 7px;
  line-height: 1.4;
}

.stage-row,
.queue-row,
.guardrail-row,
.parity-row,
.account-row,
.asset-row,
.discovery-row,
.standard-chip,
.evidence-row,
.policy-row,
.setting-row,
.secret-pin-panel,
.release-panel,
.mode-row-card,
.timeline-row {
  border-bottom: 1px solid var(--line);
  background: transparent;
}

.stage-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}

.stage-num {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 12px;
  font-weight: 860;
}

.stage-row.is-active {
  border-bottom-color: color-mix(in srgb, var(--green) 55%, var(--line));
}

.stage-row.is-warn {
  border-bottom-color: color-mix(in srgb, var(--amber) 45%, var(--line));
}

.stage-row.is-active .stage-num,
.stage-row.is-done .stage-num {
  border-color: color-mix(in srgb, var(--green) 58%, var(--line));
  color: var(--green);
}

.stage-copy,
.queue-copy,
.account-copy,
.discovery-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.stage-copy h3,
.queue-copy h3,
.account-copy h3,
.discovery-copy h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stage-action {
  color: var(--muted);
  font-size: 11px;
  font-weight: 720;
}

.stage-status-stack {
  display: grid;
  justify-items: end;
  gap: 6px;
  min-width: 0;
}

.stage-control {
  min-height: 28px;
  padding-block: 4px;
}

.primary-button,
.secondary-button,
.pill-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 11px;
  font-weight: 760;
  white-space: nowrap;
}

.primary-button {
  border-color: color-mix(in srgb, var(--green) 72%, var(--line));
  background: color-mix(in srgb, var(--green) 10%, transparent);
  color: var(--ink);
}

.secondary-button,
.pill-button {
  border-color: var(--line);
  background: transparent;
}

.pill-button.link-button {
  color: var(--ink);
  text-decoration: none;
}

.pill-button.danger {
  border-color: color-mix(in srgb, var(--red) 44%, var(--line));
  color: var(--red);
}

.secondary-button.compact {
  min-height: 32px;
  padding: 6px 9px;
}

.primary-button:hover,
.secondary-button:hover,
.pill-button:hover,
.wallet-button:hover,
.icon-button:hover,
.network-button:hover {
  border-color: var(--line-strong);
}

button:disabled {
  cursor: wait;
  opacity: 0.58;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 1px solid var(--green);
  outline-offset: 2px;
}

.queue-row {
  display: grid;
  gap: 9px;
  padding: 12px 0;
}

.queue-row.compact {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}

.queue-row.compact .queue-copy h3,
.queue-row.compact .queue-copy p {
  white-space: normal;
  overflow-wrap: anywhere;
}

.queue-progress {
  margin: 0 0 8px;
}

.queue-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.queue-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.guardrail-row,
.parity-row,
.policy-row,
.setting-row,
.mode-row-card,
.timeline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}

.guardrail-row i,
.policy-row i {
  color: var(--green);
}

.guardrail-row.warn i,
.policy-row.warn i {
  color: var(--amber);
}

.guardrail-row.danger i,
.policy-row.danger i {
  color: var(--red);
}

.parity-row {
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 10px 0;
}

.parity-gate {
  margin-bottom: 4px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 34%, transparent);
}

.parity-gate.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
}

.parity-row i {
  color: var(--green);
  font-size: 12px;
}

.parity-row.warn i {
  color: var(--amber);
}

.parity-row.danger i {
  color: var(--red);
}

.parity-row span {
  min-width: 0;
}

.parity-row h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.parity-row p {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.3;
}

.muted-row h3,
.muted-row p {
  color: var(--muted);
}

.account-row,
.asset-row {
  display: grid;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
}

.account-row {
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
}

.asset-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.account-row.is-active {
  border-bottom-color: color-mix(in srgb, var(--green) 45%, var(--line));
}

.account-row button {
  justify-self: end;
}

.wallet-detail-panel {
  display: grid;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.wallet-module-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0 0;
}

.wallet-module-heading > span:first-child,
.wallet-inventory-summary-copy,
.wallet-inventory-note > span,
.wallet-proof-heading {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.wallet-module-heading small,
.wallet-inventory-summary-copy small,
.wallet-inventory-note small,
.wallet-proof-heading small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.wallet-module-heading strong,
.wallet-inventory-summary-copy strong,
.wallet-inventory-note strong,
.wallet-proof-heading strong {
  color: var(--ink);
  font-size: 11px;
  line-height: 1.25;
}

.wallet-recovery-inventory-slot {
  margin-top: 10px;
}

.wallet-inventory-drawer {
  border: 1px solid var(--line-strong);
  background: color-mix(in srgb, var(--panel-2) 62%, transparent);
}

.wallet-inventory-drawer > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 9px 10px;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.wallet-inventory-drawer > summary::-webkit-details-marker {
  display: none;
}

.wallet-inventory-drawer > summary:hover,
.wallet-inventory-drawer > summary:focus-visible {
  outline: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--green) 6%, transparent), transparent 76%);
}

.wallet-inventory-summary-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  color: var(--amber);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.wallet-inventory-summary-meta i {
  color: var(--muted);
  transition: transform 140ms ease;
}

.wallet-inventory-drawer[open] .wallet-inventory-summary-meta i {
  transform: rotate(180deg);
}

.wallet-inventory-body {
  padding: 0 10px 5px;
  border-top: 1px solid var(--line);
}

.wallet-inventory-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
}

.wallet-inventory-note small {
  letter-spacing: 0;
  text-transform: none;
}

.wallet-recovery-table {
  border-top-color: var(--line-strong);
}

.wallet-proof-heading {
  padding: 10px 7px 7px;
  border-bottom: 1px solid var(--line);
}

.wallet-detail-grid {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.wallet-qr-box {
  display: grid;
  place-items: center;
  min-height: 128px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 74%, transparent);
}

.wallet-qr-box img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  padding: 8px;
  background: #fff;
}

.wallet-qr-box span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 22px;
}

.wallet-funding-box,
.wallet-recovery-box {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
}

.wallet-funding-box code,
.secret-value code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-2) 62%, transparent);
  padding: 8px;
  color: var(--ink);
  font-size: 11px;
  line-height: 1.35;
}

.wallet-funding-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.wallet-funding-stats span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border-right: 1px solid var(--line);
}

.wallet-funding-stats span:last-child {
  border-right: 0;
}

.wallet-funding-stats small,
.secret-value span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.wallet-funding-stats strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-recovery-box {
  border: 1px solid var(--line);
  padding: 12px;
  background: color-mix(in srgb, var(--panel-2) 54%, transparent);
}

.wallet-recovery-box.is-revealed {
  border-color: color-mix(in srgb, var(--amber) 48%, var(--line));
}

.secret-stack {
  display: grid;
  gap: 10px;
}

.secret-value {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.secret-value .pill-button,
.secret-stack > .secondary-button {
  justify-self: start;
}

.secret-pin-callout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  padding: 10px 12px;
  background: color-mix(in srgb, var(--panel-2) 52%, transparent);
}

.secret-pin-callout.warn,
.secret-pin-panel.warn,
.release-panel.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
}

.secret-pin-callout.danger,
.secret-pin-panel.danger,
.release-panel.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
}

.secret-pin-callout span,
.secret-pin-panel span,
.release-panel span {
  min-width: 0;
}

.secret-pin-callout small,
.secret-pin-meta small,
.release-meta small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.secret-pin-callout strong,
.secret-pin-callout em {
  display: block;
}

.secret-pin-callout em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}

.secret-pin-panel,
.release-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
}

.release-trust-line {
  margin-top: 4px;
  color: var(--muted);
}

.release-trust-line strong {
  color: var(--text);
}

.secret-pin-meta,
.release-meta {
  display: grid;
  gap: 3px;
  text-align: right;
}

.secret-pin-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.rpc-settings-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.rpc-settings-panel.warn {
  border-color: color-mix(in srgb, var(--amber) 42%, var(--line));
}

.rpc-settings-panel.danger {
  border-color: color-mix(in srgb, var(--red) 42%, var(--line));
}

.rpc-settings-head,
.rpc-saved-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.rpc-settings-head > span:first-child,
.rpc-saved-list article > span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.rpc-settings-head h3,
.rpc-settings-head p,
.rpc-saved-list strong,
.rpc-saved-list small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rpc-settings-head p,
.rpc-saved-list small,
.rpc-test-result {
  color: var(--muted);
  font-size: 11px;
}

.rpc-warning {
  padding: 8px 9px;
  border-radius: var(--radius);
  color: var(--amber);
  background: color-mix(in srgb, var(--amber) 8%, transparent);
  font-size: 11px;
}

.rpc-saved-list {
  display: grid;
  gap: 0;
  min-width: 0;
  border-top: 1px solid var(--line);
}

.rpc-saved-list article {
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
}

.rpc-saved-list article.is-active strong {
  color: var(--green);
}

.rpc-row-actions {
  display: flex;
  justify-content: end;
  gap: 6px;
}

.rpc-add-grid {
  display: grid;
  grid-template-columns: minmax(120px, 0.7fr) minmax(0, 1.3fr);
  gap: 8px;
  min-width: 0;
}

.rpc-add-grid label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.rpc-add-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
}

.rpc-add-grid input {
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 70%, transparent);
  color: var(--ink);
}

.rpc-test-result.danger {
  color: var(--red);
}

.wallet-detail-error {
  margin: 0;
  color: var(--red);
  font-size: 11px;
  line-height: 1.35;
}

.ident {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--ink);
  font-size: 12px;
  font-weight: 860;
}

.balance {
  text-align: right;
}

.balance strong,
.balance span {
  display: block;
}

.balance span,
.muted {
  color: var(--muted);
  font-size: 12px;
}

.standards-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 14px;
  border-block: 1px solid var(--line);
}

.standard-chip {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  border-right: 1px solid var(--line);
}

.standard-chip:last-child {
  border-right: 0;
}

.standard-chip strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.standard-chip span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  text-transform: uppercase;
}

.discovery-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(120px, auto) minmax(112px, auto);
  align-items: center;
  gap: 13px;
  width: 100%;
  padding: 12px 0;
  text-align: left;
}

button.discovery-row {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: inherit;
}

.discovery-row.is-active {
  border-bottom-color: color-mix(in srgb, var(--green) 50%, var(--line));
}

.metric-line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
}

.metric-line span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metric-line span + span::before {
  content: "/";
  padding-right: 6px;
  color: var(--line-strong);
}

.score-block {
  display: grid;
  gap: 4px;
  justify-items: end;
  min-width: 0;
}

.score-block strong {
  font-size: 20px;
  line-height: 1;
}

.meter {
  display: block;
  overflow: hidden;
  width: 86px;
  height: 3px;
  background: var(--line);
}

.meter span {
  display: block;
  height: 100%;
  background: var(--green);
}

.source-block {
  display: grid;
  gap: 4px;
  justify-items: end;
  color: var(--muted);
  font-size: 12px;
}

.evidence-panel {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.evidence-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 9px 0 8px;
}

.evidence-head .token-mark {
  width: 34px;
  height: 34px;
  font-size: 11px;
}

.evidence-head h3 {
  font-size: 15px;
}

.evidence-head p {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.3;
}

.evidence-summary-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 7px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.evidence-summary-strip > span {
  display: grid;
  gap: 1px;
}

.evidence-summary-strip small,
.evidence-mint-line small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.evidence-summary-strip strong {
  font-size: 11px;
}

.evidence-mint-line {
  display: grid;
  gap: 2px;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}

.evidence-mint-line code {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
  border-bottom: 1px solid var(--line);
}

.evidence-fact {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 0;
}

.evidence-fact > span {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.2;
}

.evidence-fact strong {
  display: inline-flex;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.chat-panel {
  display: grid;
  gap: 12px;
}

.trigger-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 1px;
}

.trigger-row span {
  min-height: 24px;
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.chat-event {
  display: grid;
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.chat-route,
.chat-amount {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.chat-route span,
.chat-amount span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-route i,
.chat-amount i {
  color: var(--green);
  font-size: 11px;
}

.browser-frame {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}

.browser-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 12px;
  border-bottom: 1px solid var(--line);
}

.browser-bar span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.browser-bar span:nth-child(1) {
  background: #ff665c;
}

.browser-bar span:nth-child(2) {
  background: #ffbd4a;
}

.browser-bar span:nth-child(3) {
  background: #45d17a;
}

.browser-bar strong {
  margin-left: 8px;
  color: var(--muted);
  font-size: 12px;
}

.approval-window {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-strong);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
}

.approval-window:not(.floating) {
  width: min(420px, calc(100% - 28px));
  margin: 28px auto;
}

.approval-window.floating {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 35;
  width: min(390px, calc(100vw - 40px));
  max-height: min(640px, calc(100vh - 40px));
  overflow: hidden auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.approval-window.floating.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.approval-window.floating.is-recovery {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: min(640px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 32px));
  border: 1px solid var(--accent);
  border-radius: 0;
  background: var(--panel-strong);
  box-shadow: 0 0 0 100vmax rgba(0, 5, 3, 0.78), 0 22px 70px rgba(0, 0, 0, 0.7);
  transform: translate(-50%, -46%);
}

.approval-window.floating.is-recovery.is-open {
  transform: translate(-50%, -50%);
}

.approval-window.is-recovery .approval-head {
  border-bottom-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}

.approval-window.is-recovery .approval-body {
  gap: 0;
  padding: 0 18px;
}

.approval-window.is-recovery .kv-row {
  min-height: 43px;
  align-items: center;
  border-bottom: 1px solid var(--line);
}

.approval-window.is-recovery .approval-pin-row strong {
  color: var(--accent);
}

.approval-window.is-recovery.needs-pin .approval-pin-row strong {
  color: var(--amber);
}

.approval-window.is-recovery .approval-scope-note {
  margin: 14px 0 8px;
  padding: 12px;
  border-left: 3px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 7%, var(--panel));
  color: var(--text);
}

.approval-window.is-recovery .approval-actions {
  grid-template-columns: minmax(120px, 0.65fr) minmax(220px, 1.35fr);
}

.approval-window.is-recovery .approval-actions button {
  min-height: 48px;
  border-radius: 0;
}

.approval-head,
.approval-body,
.approval-actions {
  padding: 14px;
}

.approval-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
}

.approval-body {
  display: grid;
  gap: 10px;
}

.approval-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border-top: 1px solid var(--line);
}

.kv-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: var(--muted);
  font-size: 13px;
}

.kv-row strong {
  color: var(--ink);
  text-align: right;
  overflow-wrap: anywhere;
}

.toggle {
  width: 40px;
  height: 22px;
  padding: 2px;
  border-color: var(--line-strong);
  border-radius: 999px;
}

.toggle span {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: var(--subtle);
  transition: transform 150ms ease, background 150ms ease;
}

.toggle.is-on span {
  background: var(--green);
  transform: translateX(18px);
}

.toast-stack {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 30;
  display: grid;
  gap: 8px;
  width: min(440px, calc(100vw - 32px));
  transform: translateX(-50%);
}

.toast {
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-strong);
  color: var(--ink);
  font-weight: 760;
}

.empty-state {
  padding: 16px 0;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.empty-state.compact {
  padding: 8px 0 12px;
  font-size: 12px;
}

.launch-cockpit .surface,
.launch-cockpit .rail .surface {
  padding-top: 0;
  border-top: 0;
}

.launch-cockpit .rail {
  gap: 14px;
  padding-left: 8px;
  border-left: 0;
}

.cockpit-board {
  gap: 14px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--line) 68%, transparent);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
}

.cockpit-board .agent-console,
.action-panel {
  padding: 0;
  border: 0;
}

.cockpit-board .agent-next {
  padding: 0;
  border: 0;
}

.agent-orb {
  border: 0;
  background: color-mix(in srgb, var(--green) 16%, transparent);
}

.cockpit-board .agent-checks {
  gap: 5px;
}

.cockpit-board .agent-checks span {
  border: 0;
  background: color-mix(in srgb, var(--panel) 70%, transparent);
}

.cockpit-board .agent-checks .is-active {
  border: 0;
  background: color-mix(in srgb, var(--green) 13%, transparent);
}

.chart-card {
  border: 0;
  background: color-mix(in srgb, var(--panel) 66%, transparent);
}

.chart-head .risk-badge,
.parity-row .risk-badge {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 10px;
}

.donut-chart,
.donut-chart::after,
.depth-bar,
.funding-track {
  border: 0;
}

.depth-bar,
.funding-track,
.signature-progress,
.queue-progress {
  border-radius: 999px;
}

.setup-dock {
  padding: 14px;
  border: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 46%, transparent);
}

.mode-row {
  gap: 6px;
  border: 0;
}

.mode-button {
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 66%, transparent);
}

.mode-button + .mode-button {
  border-left-color: transparent;
}

.mode-button.is-selected {
  border-color: color-mix(in srgb, var(--green) 34%, transparent);
  background: color-mix(in srgb, var(--green) 9%, transparent);
}

.compact-workbench .manifest-panel,
.vanity-panel {
  padding: 0;
  border-left: 0;
}

.manifest-grid {
  gap: 8px 12px;
  border-top: 0;
}

.compact-manifest {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manifest-grid span {
  padding: 0;
  border: 0;
}

.launch-console {
  gap: 10px;
  margin-bottom: 10px;
  border: 0;
  background: transparent;
}

.asset-lockup {
  padding: 0;
  border-right: 0;
}

.launch-readout {
  gap: 8px;
}

.launch-readout span {
  border-right: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 46%, transparent);
}

.signature-panel {
  padding: 12px;
  border: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 42%, transparent);
}

.signature-panel:not(.is-staged) {
  display: none;
}

.signature-focus,
.signature-step {
  border: 0;
  background: color-mix(in srgb, var(--panel) 62%, transparent);
}

.execution-ledger-row {
  border: 0;
}

.signature-step.next {
  background: color-mix(in srgb, var(--amber) 12%, transparent);
}

.signature-step.signed {
  border: 0;
  background: color-mix(in srgb, var(--green) 10%, transparent);
}

.drawer {
  border-block: 0;
}

.drawer[open] summary {
  border-bottom: 0;
}

.launch-cockpit .stage-list,
.launch-cockpit .queue-list,
.launch-cockpit .guardrail-list,
.launch-cockpit .parity-list {
  border-top: 0;
}

.launch-cockpit .stage-row,
.launch-cockpit .queue-row,
.launch-cockpit .guardrail-row,
.launch-cockpit .parity-row {
  border-bottom: 0;
}

.launch-cockpit .queue-row,
.launch-cockpit .guardrail-row,
.launch-cockpit .parity-row {
  padding: 8px 0;
}

.parity-summary {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 0 0 10px;
}

.parity-summary strong {
  font-size: 14px;
}

.parity-summary span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.field-proof-rail {
  display: grid;
  gap: 7px;
  padding: 7px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 38%, transparent);
}

.field-proof-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.field-proof-head span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.field-proof-head strong {
  font-size: 12px;
}

.field-proof-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.field-proof-step {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 3px 5px;
  min-width: 0;
  padding: 5px 6px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.035);
}

.field-proof-step i {
  grid-row: span 2;
  color: var(--amber);
  font-size: 8px;
}

.field-proof-step.pass i {
  color: var(--green);
}

.field-proof-step strong,
.field-proof-step small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.field-proof-step strong {
  font-size: 10px;
  line-height: 1.1;
}

.field-proof-step small {
  color: var(--muted);
  font-size: 9px;
  line-height: 1;
}

.criteria-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 6px 0 8px;
}

.criteria-chip {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 4px 6px;
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.criteria-chip i {
  grid-row: span 2;
  color: var(--muted);
  font-size: 11px;
}

.criteria-chip.pass i {
  color: var(--green);
}

.criteria-chip.warn i {
  color: var(--gold);
}

.criteria-chip strong,
.criteria-chip small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.criteria-chip strong {
  font-size: 10px;
  line-height: 1.1;
}

.criteria-chip small {
  color: var(--muted);
  font-size: 9px;
  line-height: 1;
}

.diagnostics-drawer {
  margin-top: 8px;
}

.diagnostics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: 10px 0 2px;
}

@media (max-width: 1180px) {
  .launch-grid,
  .discovery-grid,
  .two-column,
  .extension-grid {
    grid-template-columns: 1fr;
  }

  .cockpit-board {
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1fr);
  }

  .cockpit-board .agent-console {
    border-right: 1px solid var(--line);
  }

  .action-panel {
    grid-column: 1 / -1;
    padding: 12px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .compact-workbench {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  }

  .classic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pool-field-grid,
  .pool-mini-grid,
  .quote-info-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .airdrop-report-grid {
    grid-template-columns: 1fr;
  }

  .criteria-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .classic-phase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .readiness-phases {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .compact-workbench .manifest-panel {
    grid-column: 1 / -1;
    padding: 12px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .rail {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 900px) {
  .app-shell {
    display: block;
  }

  .sidebar {
    position: fixed;
    inset: auto 0 0;
    z-index: 25;
    height: 64px;
    display: grid;
    grid-template-columns: 1fr;
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    border-right: 0;
  }

  .brand,
  .sidebar-footer {
    display: none;
  }

  .topbar-brand {
    display: flex;
  }

  .nav-list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
  }

  .nav-item {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 3px;
    min-height: 50px;
    padding: 4px 2px;
    font-size: 11px;
    text-align: center;
  }

  .nav-item i {
    width: auto;
  }

  .workspace {
    padding: 18px 16px 92px;
  }

  .topbar {
    align-items: flex-start;
  }

  .topbar-actions {
    justify-content: flex-end;
  }

  .wallet-button {
    max-width: 190px;
  }

  .global-strip,
  .standards-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .global-metric:nth-child(2n),
  .standard-chip:nth-child(2n) {
    border-right: 0;
  }

  .agent-console {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cockpit-board {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cockpit-board .agent-console {
    padding: 0 0 12px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .chart-deck {
    grid-template-columns: 1fr 1fr;
  }

  .tokenomics-card {
    grid-row: auto;
  }

  .action-panel {
    padding-top: 12px;
  }

  .agent-next {
    padding-left: 0;
    border-left: 0;
  }

  .config-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .launch-console,
  .launch-workbench {
    grid-template-columns: 1fr;
  }

  .compact-workbench .vanity-panel,
  .compact-workbench .manifest-panel {
    padding: 12px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .asset-lockup {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .discovery-row {
    grid-template-columns: 38px minmax(0, 1fr) auto;
  }

  .metric-line {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .metric-line span {
    overflow: visible;
    white-space: normal;
  }

  .source-block {
    grid-column: 2 / -1;
    justify-items: start;
  }

  .asset-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .asset-row .pill-button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .activity-drawer-panel {
    inset: 10px;
    width: auto;
  }
}

/* -------------------------------------------------------------------------
   Guided Mode focus shell

   The first-launch tutorial deliberately leaves the terminal cockpit behind.
   One surface, one decision per screen, readable type, and a persistent action
   area keep the configure-to-practice path obvious at normal window sizes.
   ------------------------------------------------------------------------- */

body[data-experience-mode="guided"][data-active-view="launch"] {
  --bg: #07100c;
  --panel: #0b1510;
  --panel-2: #0f1b15;
  --panel-strong: #122019;
  --ink: #f2f7f4;
  --muted: #a4b2aa;
  --subtle: #74837b;
  --line: #26372e;
  --line-strong: #3f5d4d;
  --green: #7be3a2;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body[data-experience-mode="guided"][data-active-view="launch"]::before {
  background:
    radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--green) 11%, transparent), transparent 42%),
    var(--bg);
}

body[data-experience-mode="guided"][data-active-view="launch"] .app-shell {
  display: block;
  min-height: 100vh;
}

body[data-experience-mode="guided"][data-active-view="launch"] .sidebar,
body[data-experience-mode="guided"][data-active-view="launch"] .terminal-tape,
body[data-experience-mode="guided"][data-active-view="launch"] .topbar,
body[data-experience-mode="guided"][data-active-view="launch"] #approvalFloating {
  display: none !important;
}

body[data-experience-mode="guided"][data-active-view="launch"] .workspace {
  min-height: 100vh;
  padding: 0 !important;
}

body[data-experience-mode="guided"][data-active-view="launch"] #view-launch,
body[data-experience-mode="guided"][data-active-view="launch"] .launch-grid,
body[data-experience-mode="guided"][data-active-view="launch"] .surface-main {
  min-height: 100vh;
}

body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .surface-main {
  display: block;
  width: 100%;
  padding: 0;
  overflow: visible;
  border: 0;
}

body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .launch-workspace-viewport {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100vh;
  max-height: none;
  padding: 0 clamp(18px, 4vw, 54px) 34px;
  overflow: visible;
  border: 0;
  background: transparent;
}

body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .setup-dock {
  width: min(100%, 1080px);
  min-height: 100vh;
  margin: 0 auto;
  padding: 18px 0 34px !important;
  background: transparent;
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 0 0 15px;
  border-bottom: 1px solid var(--line);
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head > span:first-child {
  display: grid;
  gap: 4px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head .eyebrow {
  color: var(--green);
  font: 750 10px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .08em;
}

body[data-experience-mode="guided"][data-active-view="launch"] #setupSummary {
  font-size: 15px;
  font-weight: 720;
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-help {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--green) 38%, var(--line));
  border-radius: 999px;
  color: var(--green);
  font: 700 10px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
}

.setup-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.guided-advanced-shortcut {
  display: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-advanced-shortcut {
  display: inline-flex;
  min-height: 28px;
  padding: 4px 2px;
  color: var(--muted);
  font: 650 10px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .experience-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 520px);
  gap: 4px;
  margin: 16px auto 24px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
}

body[data-experience-mode="guided"][data-active-view="launch"] .experience-button {
  min-height: 48px;
  padding: 8px 11px;
  border: 0;
  border-radius: 8px;
  font-family: inherit;
}

body[data-experience-mode="guided"][data-active-view="launch"] .experience-button.is-selected {
  background: color-mix(in srgb, var(--green) 15%, var(--panel-strong));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--green) 48%, var(--line));
}

body[data-experience-mode="guided"][data-active-view="launch"] .experience-button > i {
  width: 27px;
  height: 27px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .experience-button strong {
  font-size: 11px;
  text-transform: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .experience-button small {
  font-size: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-launch-flow,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-shell {
  width: min(100%, 940px);
  margin-inline: auto;
  padding: 0 0 24px;
  font-family: inherit;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome {
  width: min(100%, 820px);
  margin-top: 8px;
  padding: clamp(28px, 5vw, 54px) clamp(22px, 5vw, 56px) 34px;
  border-color: color-mix(in srgb, var(--green) 40%, var(--line));
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--green) 15%, transparent), transparent 48%),
    var(--panel-strong);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .22);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-wand,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-icon {
  border-radius: 50%;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-copy h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-review h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card h2 {
  color: var(--ink);
  font-family: inherit;
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-transform: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-copy h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-review h2 {
  font-size: clamp(24px, 3vw, 34px);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome > p,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-copy > p,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card > p {
  color: var(--muted);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress {
  width: min(100%, 720px);
  margin: 2px auto 24px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress small {
  font-family: inherit;
  font-size: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-layout {
  grid-template-columns: minmax(220px, .8fr) minmax(380px, 1.2fr);
  gap: clamp(26px, 5vw, 64px);
  align-items: center;
  min-height: 390px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-review-hero,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list article,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list article {
  border-radius: 12px;
  background: var(--panel-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card {
  padding: 22px;
  border-color: var(--line-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card label > span,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card label > span:first-child {
  color: var(--muted);
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card input {
  min-height: 46px;
  padding: 10px 12px;
  border-color: var(--line-strong);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-review {
  width: 100%;
  padding-bottom: 14px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-review-hero {
  margin: 14px 0 10px;
  padding: 13px 15px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list article {
  grid-template-columns: 34px minmax(0, 1fr);
  min-height: 104px;
  padding: 14px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list article > i:last-child {
  display: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list strong,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list strong {
  font-family: inherit;
  font-size: 11px;
  text-transform: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list small,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list small {
  font-family: inherit;
  font-size: 10px;
  line-height: 1.45;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-technical-details {
  border-radius: 10px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-technical-details summary {
  display: flex;
  justify-content: space-between;
  font-family: inherit;
  font-size: 10px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-technical-details summary span {
  color: var(--subtle);
  font-weight: 500;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation {
  position: sticky;
  bottom: 0;
  z-index: 5;
  align-items: center;
  margin: 14px 0 0;
  padding: 14px 0 4px;
  border-top-color: var(--line);
  background: linear-gradient(180deg, transparent, var(--bg) 22%);
}

body[data-experience-mode="guided"][data-active-view="launch"] .primary-button,
body[data-experience-mode="guided"][data-active-view="launch"] .secondary-button {
  min-height: 46px;
  padding: 10px 16px;
  border-radius: 9px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card {
  margin-top: clamp(22px, 5vh, 56px);
  padding: clamp(24px, 4vw, 42px);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--green) 12%, transparent), transparent 44%),
    var(--panel-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list {
  gap: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list article {
  min-height: 68px;
  padding: 11px 13px;
}

.guided-run-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin-top: 16px;
  padding: 13px 14px;
  border: 1px solid color-mix(in srgb, var(--amber) 58%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--amber) 8%, var(--panel));
  color: var(--amber);
  text-align: left;
}

.guided-run-alert span,
.guided-run-alert strong,
.guided-run-alert small {
  display: block;
}

.guided-run-alert strong {
  font-size: 11px;
}

.guided-run-alert small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-error-card {
  border-color: color-mix(in srgb, var(--amber) 44%, var(--line));
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-error-card .guided-run-icon {
  border-color: var(--amber);
  color: var(--amber);
}

@media (max-width: 760px) {
  body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .launch-workspace-viewport {
    padding-inline: 14px;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .setup-dock {
    padding-top: 12px !important;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head {
    align-items: flex-start;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .setup-head-actions {
    align-items: flex-end;
    flex-direction: column;
    gap: 2px;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .setup-help {
    font-size: 9px;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .experience-row,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-layout,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list {
    grid-template-columns: 1fr;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-layout {
    min-height: 0;
    gap: 14px;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome h2,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card h2 {
    font-size: 28px;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-review .guided-step-copy {
    text-align: left;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation .primary-button,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation .secondary-button,
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-actions button {
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
   Guided first-launch experience

   Guided mode is intentionally a different information architecture, not a
   visual skin over the operator cockpit. The existing controls remain intact
   under Advanced and continue to feed the same guarded launch engine.
   -------------------------------------------------------------------------- */

.experience-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 14px;
}

.launch-experience-switch {
  width: min(100%, 460px);
  margin: 0;
  justify-self: end;
}

.launch-experience-switch .experience-button {
  min-height: 38px;
  padding: 6px 9px;
}

.launch-experience-switch .experience-button > i {
  width: 24px;
  height: 24px;
}

.experience-button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel-strong) 74%, transparent);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.experience-button > i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--green);
}

.experience-button span,
.experience-button strong,
.experience-button small {
  display: block;
}

.experience-button strong {
  color: var(--ink);
  font-size: 12px;
}

.experience-button small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
}

.experience-button:hover,
.experience-button:focus-visible,
.experience-button.is-selected {
  border-color: color-mix(in srgb, var(--green) 64%, var(--line));
  background: color-mix(in srgb, var(--green) 9%, var(--panel-strong));
  color: var(--ink);
  outline: none;
}

.experience-button.is-selected > i {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 16%, transparent);
}

body[data-experience-mode="guided"] #advancedLaunchControls,
body[data-experience-mode="advanced"] #guidedLaunchFlow,
body[data-experience-mode="advanced"] #guidedRunShell {
  display: none !important;
}

body[data-experience-mode="guided"] #classicBridge,
body[data-experience-mode="guided"] #launchConsole,
body[data-experience-mode="guided"] #signaturePanel,
body[data-experience-mode="guided"] #liveOpsPanel,
body[data-experience-mode="guided"] #launchWorkspaceViewport > details.drawer {
  display: none !important;
}

.guided-launch-flow[hidden] {
  display: none !important;
}

.guided-launch-flow {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: 4px 0 18px;
  overflow-anchor: none;
}

.guided-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 4px 0 22px;
  padding: 0;
  list-style: none;
}

.guided-progress li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: var(--subtle);
}

.guided-progress li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: -50%;
  width: 100%;
  height: 1px;
  background: var(--line);
}

.guided-progress li:first-child::before {
  display: none;
}

.guided-progress li > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: var(--panel);
  font-size: 10px;
  font-weight: 800;
}

.guided-progress li.is-current,
.guided-progress li.is-complete {
  color: var(--green);
}

.guided-progress li.is-current > span,
.guided-progress li.is-complete > span {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 14%, var(--panel));
}

.guided-progress li.is-complete::before,
.guided-progress li.is-current::before {
  background: color-mix(in srgb, var(--green) 60%, var(--line));
}

.guided-progress small {
  font-size: 9px;
  font-weight: 750;
  text-transform: uppercase;
}

.guided-welcome {
  display: grid;
  justify-items: center;
  width: min(100%, 760px);
  margin: 18px auto 6px;
  padding: 38px 34px 30px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--green) 13%, transparent), transparent 44%),
    color-mix(in srgb, var(--panel-strong) 90%, transparent);
  text-align: center;
}

.guided-wand {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 16px;
  border: 1px solid color-mix(in srgb, var(--green) 46%, var(--line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--green) 11%, var(--panel));
  color: var(--green);
  font-size: 22px;
}

.guided-welcome h2,
.guided-step-copy h2,
.guided-review h2 {
  margin-top: 6px;
  font-size: clamp(21px, 2.4vw, 30px);
  letter-spacing: -.025em;
}

.guided-welcome > p {
  max-width: 64ch;
  margin-top: 12px;
  font-size: 14px;
}

.guided-promise-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin-top: 24px;
}

.guided-promise-row span {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 13px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 70%, transparent);
}

.guided-promise-row i {
  color: var(--green);
}

.guided-promise-row strong {
  font-size: 10px;
}

.guided-welcome-actions {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-top: 24px;
}

.guided-welcome-actions .primary-button,
.guided-navigation .primary-button,
.guided-navigation .secondary-button {
  min-height: 44px;
  border-radius: 7px;
}

.text-button {
  padding: 7px 10px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 10px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.text-button:hover,
.text-button:focus-visible {
  color: var(--ink);
}

.guided-welcome > small {
  max-width: 62ch;
  margin-top: 16px;
  color: var(--subtle);
  font-size: 9px;
}

.guided-step-layout {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(360px, 1.2fr);
  gap: 30px;
  align-items: start;
  padding: 12px 8px 4px;
}

.guided-step-copy {
  padding: 14px 0;
}

.guided-step-copy > p {
  max-width: 48ch;
  margin-top: 12px;
  font-size: 13px;
}

.guided-form-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel-strong) 90%, transparent);
  box-shadow: 0 18px 44px rgb(0 0 0 / 12%);
}

.guided-form-card.single-column {
  grid-template-columns: minmax(0, 1fr);
}

.guided-form-card label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.guided-form-card label > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
}

.guided-form-card label em {
  color: var(--subtle);
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

.guided-form-card input {
  width: 100%;
  min-width: 0;
  height: 43px;
  padding: 0 12px;
  border: 1px solid var(--line-strong);
  border-radius: 7px;
  background: var(--panel);
  color: var(--ink);
  outline: none;
}

.guided-form-card input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 12%, transparent);
}

.guided-form-card input[aria-invalid="true"] {
  border-color: var(--red);
}

.guided-wide {
  grid-column: 1 / -1;
}

.guided-field-error {
  color: var(--red);
  font-size: 9px;
}

.guided-logo-button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 9px 11px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.guided-logo-button:hover,
.guided-logo-button:focus-visible {
  border-color: var(--green);
  outline: none;
}

.guided-logo-mark,
.guided-token-mark {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--panel);
  color: var(--green);
  font-size: 12px;
  font-weight: 850;
}

.guided-logo-mark {
  width: 38px;
  height: 38px;
}

.guided-logo-mark img,
.guided-token-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guided-logo-button span strong,
.guided-logo-button span small {
  display: block;
}

.guided-logo-button span strong {
  font-size: 11px;
}

.guided-logo-button span small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}

.guided-inline-actions,
.guided-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.guided-assurance {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: 8px;
  background: color-mix(in srgb, var(--green) 7%, transparent);
}

.guided-assurance > i {
  color: var(--green);
}

.guided-assurance span,
.guided-assurance strong,
.guided-assurance small {
  display: block;
}

.guided-assurance strong {
  font-size: 10px;
}

.guided-assurance small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
}

.guided-presets button {
  flex: 1 1 100px;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--panel);
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.guided-presets button:hover,
.guided-presets button:focus-visible,
.guided-presets button.is-selected {
  border-color: var(--green);
  color: var(--ink);
  outline: none;
}

.guided-price-preview {
  display: grid;
  gap: 3px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.guided-price-preview small,
.guided-price-preview span {
  color: var(--muted);
  font-size: 9px;
}

.guided-price-preview strong {
  color: var(--green);
  font-size: 22px;
}

.guided-navigation {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 22px 8px 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.guided-run-shell {
  width: min(100%, 900px);
  margin: 0 auto;
  padding: 18px 0 28px;
}

.guided-run-card {
  display: grid;
  justify-items: center;
  padding: 26px;
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--green) 9%, transparent), transparent 42%),
    color-mix(in srgb, var(--panel-strong) 92%, transparent);
  text-align: center;
}

.guided-run-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 13px;
  border: 1px solid color-mix(in srgb, var(--green) 52%, var(--line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--green) 12%, var(--panel));
  color: var(--green);
  font-size: 18px;
}

.guided-run-card h2 {
  margin-top: 6px;
  font-size: clamp(21px, 2.4vw, 29px);
}

.guided-run-card > p {
  max-width: 64ch;
  margin-top: 10px;
  font-size: 13px;
}

.guided-run-phase-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin-top: 20px;
  text-align: left;
}

.guided-run-phase-list article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-height: 62px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.guided-run-phase-list article.complete {
  border-color: color-mix(in srgb, var(--green) 32%, var(--line));
}

.guided-run-phase-list article.running {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 7%, var(--panel));
}

.guided-phase-state {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--subtle);
}

.guided-run-phase-list article.complete .guided-phase-state,
.guided-run-phase-list article.running .guided-phase-state {
  border-color: var(--green);
  color: var(--green);
}

.guided-run-phase-list strong,
.guided-run-phase-list small {
  display: block;
}

.guided-run-phase-list strong {
  font-size: 10px;
}

.guided-run-phase-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}

.guided-run-phase-list em {
  color: var(--subtle);
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.guided-run-phase-list article.complete em,
.guided-run-phase-list article.running em {
  color: var(--green);
}

.guided-proof-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.guided-proof-summary span {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-right: 1px solid var(--line);
}

.guided-proof-summary span:last-child {
  border-right: 0;
}

.guided-proof-summary small {
  color: var(--muted);
  font-size: 8px;
  text-transform: uppercase;
}

.guided-proof-summary strong {
  font-size: 11px;
}

.guided-run-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 18px;
}

.guided-run-actions button {
  min-height: 43px;
  border-radius: 7px;
}

.guided-run-card > .text-button {
  margin-top: 8px;
}

.guided-review {
  width: min(100%, 820px);
  margin: 0 auto;
}

.guided-review .guided-step-copy {
  text-align: center;
}

.guided-review .guided-step-copy > p {
  margin-right: auto;
  margin-left: auto;
}

.guided-review-hero {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 8px 0 12px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--green) 34%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--green) 7%, var(--panel-strong));
}

.guided-token-mark {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
}

.guided-review-hero span strong,
.guided-review-hero span small {
  display: block;
}

.guided-review-hero span strong {
  font-size: 13px;
}

.guided-review-hero span small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
}

.guided-recipe-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.guided-recipe-list article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 16px;
  gap: 9px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel-strong) 88%, transparent);
}

.guided-recipe-list article > i:first-child,
.guided-recipe-list article > i:last-child {
  color: var(--green);
}

.guided-recipe-list article > i:first-child {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--green) 9%, var(--panel));
}

.guided-recipe-list strong,
.guided-recipe-list small {
  display: block;
}

.guided-recipe-list strong {
  font-size: 10px;
}

.guided-recipe-list small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.4;
}

.guided-technical-details {
  margin-top: 10px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.guided-technical-details summary {
  padding: 12px 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
}

.guided-technical-details div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
  font-size: 9px;
}

.guided-technical-details div span {
  color: var(--muted);
}

.guided-technical-details div strong,
.guided-technical-details div code {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 901px) {
  body[data-experience-mode="guided"][data-launch-workspace="configure"] #view-launch .cockpit-heading,
  body[data-experience-mode="guided"][data-launch-workspace="configure"] #view-launch .cockpit-board,
  body[data-experience-mode="guided"][data-launch-workspace="configure"] #view-launch .launch-workspace-tabs {
    display: none;
  }

  body[data-experience-mode="guided"][data-launch-workspace="configure"] #view-launch .surface-main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  body[data-experience-mode="guided"][data-launch-workspace="configure"] #view-launch .launch-workspace-viewport {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    padding: 0 18px 18px;
    overflow: hidden auto;
  }

  body[data-experience-mode="guided"][data-launch-workspace="configure"] #view-launch .setup-dock {
    min-height: 100%;
    padding: 14px 0 24px;
  }

  body[data-experience-mode="guided"] #view-launch .cockpit-heading,
  body[data-experience-mode="guided"] #view-launch .cockpit-board,
  body[data-experience-mode="guided"] #view-launch .launch-workspace-tabs {
    display: none;
  }

  body[data-experience-mode="guided"] #view-launch .surface-main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  body[data-experience-mode="guided"] #view-launch .launch-workspace-viewport {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    padding: 0 18px 18px;
    overflow: hidden auto;
  }
}

@media (max-width: 900px) {
  .experience-row,
  .guided-step-layout,
  .guided-recipe-list {
    grid-template-columns: 1fr;
  }

  .guided-welcome {
    padding: 28px 18px 24px;
  }

  .guided-promise-row {
    grid-template-columns: 1fr;
  }

  .guided-promise-row span {
    grid-template-columns: 20px minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    text-align: left;
  }

  .guided-step-layout {
    gap: 8px;
  }

  .guided-form-card {
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .guided-wide {
    grid-column: auto;
  }

  .guided-progress small {
    font-size: 8px;
  }

  .guided-navigation {
    position: sticky;
    bottom: 0;
    z-index: 4;
    margin-right: 0;
    margin-left: 0;
    padding: 12px 0;
    background: var(--panel);
  }

  .guided-navigation button {
    flex: 1 1 0;
  }

  .guided-run-phase-list,
  .guided-proof-summary {
    grid-template-columns: 1fr;
  }

  .guided-proof-summary span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .guided-proof-summary span:last-child {
    border-bottom: 0;
  }

  .guided-run-actions {
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  h1 {
    font-size: 21px;
  }

  .topbar {
    display: grid;
  }

  .topbar-actions {
    justify-content: stretch;
  }

  .wallet-button {
    flex: 1;
    max-width: none;
  }

  .standards-strip,
  .chart-deck,
  .config-grid,
  .compact-workbench .config-grid,
  .classic-grid,
  .airdrop-budget-controls,
  .airdrop-budget-grid,
  .pool-field-grid,
  .pool-mini-grid,
  .classic-stats,
  .quote-acquire-stats,
  .quote-guidance-head,
  .quote-guidance-list article,
  .finalize-grid,
  .proof-link-grid,
  .classic-phase-grid,
  .live-ops-grid,
  .readiness-main,
  .readiness-phases,
  .ecosystem-metrics,
  .manifest-grid,
  .vanity-inputs,
  .vanity-candidate-grid,
  .funding-wallet-hint,
  .solflare-head,
  .solflare-grid,
  .manual-prefund-head,
  .manual-prefund-wallet,
  .manual-prefund-row,
  .criteria-strip {
    grid-template-columns: 1fr;
  }

  .funding-wallet-hint .operator-toolbar,
  .solflare-panel .operator-toolbar {
    justify-content: flex-start;
  }

  .manual-prefund-head-actions,
  .manual-prefund-actions,
  .vanity-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .manual-prefund-row li {
    grid-template-columns: 1fr;
  }

  .token-logo-preview {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .token-logo-preview .pill-button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .activity-filter-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .activity-log-list article {
    grid-template-columns: 1fr;
  }

  .readiness-counts {
    justify-items: start;
    text-align: left;
  }

  .phase-tree-group {
    grid-template-columns: 1fr;
  }

  .timeline-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .classic-phase {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .classic-phase .pill-button {
    grid-column: 2;
    justify-self: start;
  }

  .donut-wrap {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .donut-chart {
    width: 96px;
  }

  .chart-deck {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .chart-deck .chart-card {
    flex: 0 0 100%;
    max-height: 190px;
    overflow-y: auto;
    scroll-snap-align: start;
  }

  .cockpit-board .action-panel .queue-list {
    display: none;
  }

  .cockpit-board .action-panel .section-heading {
    margin-bottom: 8px;
  }

  .setup-dock-head {
    display: grid;
  }

  .launch-readout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .launch-readout span,
  .manifest-grid span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .launch-readout span {
    border-right: 1px solid var(--line);
  }

  .launch-readout span:nth-child(2n) {
    border-right: 0;
  }

  .launch-readout span:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .launch-readout span:last-child,
  .manifest-grid span:last-child {
    border-bottom: 0;
  }

  .standard-chip {
    border-right: 0;
  }

  .ecosystem-head {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .ecosystem-head .badge {
    grid-column: 2;
    justify-self: start;
  }

  .ecosystem-metrics span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .ecosystem-metrics span:last-child {
    border-bottom: 0;
  }

  .global-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .global-metric {
    padding: 9px 12px;
    border-right: 1px solid var(--line);
  }

  .global-metric:nth-child(2n) {
    border-right: 0;
  }

  .global-metric:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }

  .stage-row,
  .account-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .wallet-detail-grid,
  .wallet-funding-stats,
  .recovery-wallet-head,
  .recovery-wizard-head,
  .recovery-wizard-steps,
  .recovery-wizard-stats,
  .recovery-guide-head,
  .recovery-wallet-stats,
  .recovery-sweep-grid {
    grid-template-columns: 1fr;
  }

  .wallet-qr-box {
    max-width: 180px;
  }

  .wallet-funding-stats span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .wallet-funding-stats span:last-child {
    border-bottom: 0;
  }

  .stage-row .tx-state,
  .stage-row .stage-status-stack,
  .account-row .balance {
    grid-column: 2;
    justify-self: start;
    text-align: left;
  }

  .account-row .pill-button {
    grid-column: 2;
    justify-self: start;
  }

  .guardrail-row,
  .policy-row,
  .setting-row,
  .secret-pin-panel,
  .release-panel,
  .mode-row-card,
  .recovery-wallet-row,
  .timeline-row,
  .evidence-row {
    grid-template-columns: 1fr;
  }

  .secret-pin-meta,
  .release-meta {
    text-align: left;
  }

  .secret-pin-actions {
    justify-content: flex-start;
  }

  .secret-pin-callout {
    grid-template-columns: 1fr;
  }

  .recovery-wallet-row .ident,
  .recovery-wallet-row .timeline-actions {
    justify-self: start;
  }

  .discovery-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .score-block,
  .source-block {
    grid-column: 2;
    justify-items: start;
  }

  .meter {
    width: 120px;
  }

  .approval-window.floating {
    right: 12px;
    bottom: 76px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 104px);
  }
}

/* -------------------------------------------------------------------------
   Desktop launch workspace

   The launch view is an application shell, not a document. The cockpit and
   next action stay visible while the selected Configure/Fund/Execute/Verify/
   Recover workspace owns the only vertical scroller on desktop.
   ------------------------------------------------------------------------- */

[hidden] {
  display: none !important;
}

.agent-checks button {
  min-width: 0;
  padding: 7px 8px;
  border: 0;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel) 70%, transparent);
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.agent-checks button:hover,
.agent-checks button:focus-visible {
  color: var(--ink);
  background: color-mix(in srgb, var(--line-strong) 42%, transparent);
  outline: none;
}

.agent-checks button.is-active {
  color: var(--green);
  background: color-mix(in srgb, var(--green) 13%, transparent);
}

.launch-workspace-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--line);
}

.launch-workspace-tab {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 46px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 42%, transparent);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.launch-workspace-tab::after {
  content: "";
  position: absolute;
  inset: auto 10px -9px;
  height: 2px;
  border-radius: 999px;
  background: transparent;
}

.launch-workspace-tab i {
  color: var(--subtle);
  text-align: center;
}

.launch-workspace-tab span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.launch-workspace-tab strong,
.launch-workspace-tab small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-workspace-tab strong {
  color: var(--ink);
  font-size: 12px;
}

.launch-workspace-tab small {
  font-size: 10px;
}

.launch-workspace-tab:hover,
.launch-workspace-tab:focus-visible {
  border-color: var(--line-strong);
  color: var(--ink);
  outline: none;
}

.launch-workspace-tab.is-selected {
  border-color: color-mix(in srgb, var(--green) 32%, var(--line));
  background: color-mix(in srgb, var(--green) 8%, var(--panel-strong));
}

.launch-workspace-tab.is-selected::after {
  background: var(--green);
}

.launch-workspace-tab.is-selected i,
.launch-workspace-tab.is-selected small {
  color: var(--green);
}

.launch-workspace-viewport {
  min-width: 0;
  min-height: 0;
  outline: none;
  scrollbar-color: var(--line-strong) transparent;
  scrollbar-width: thin;
}

.launch-workspace-viewport:focus-visible {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--green) 48%, transparent);
}

.launch-workspace-viewport > .is-active-launch-pane {
  animation: launch-pane-in 150ms ease-out;
}

@keyframes launch-pane-in {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.classic-workspace-section {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.classic-workspace-section + .classic-workspace-section {
  margin-top: 10px;
}

@media (min-width: 901px) {
  body {
    overflow: hidden;
  }

  .app-shell {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  .sidebar {
    position: relative;
    height: 100dvh;
  }

  .workspace {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  .view.is-active {
    flex: 1 1 auto;
    min-height: 0;
  }

  body:not([data-active-view="launch"]) .view.is-active {
    overflow: hidden auto;
    overscroll-behavior: contain;
    scrollbar-color: var(--line-strong) transparent;
    scrollbar-width: thin;
  }

  #view-discovery.is-active {
    overflow: hidden;
  }

  #view-discovery .discovery-grid {
    height: 100%;
    min-height: 0;
  }

  #view-discovery .surface-main {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
  }

  #view-discovery .discovery-table,
  #view-discovery .rail {
    min-height: 0;
    overflow: hidden auto;
    overscroll-behavior: contain;
    scrollbar-color: var(--line-strong) transparent;
    scrollbar-width: thin;
  }

  #view-discovery .rail {
    padding-right: 8px;
  }

  body[data-active-view="launch"] {
    overflow: hidden;
  }

  body[data-active-view="launch"] .app-shell {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  body[data-active-view="launch"] .sidebar {
    position: relative;
    height: 100dvh;
  }

  body[data-active-view="launch"] .workspace {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-height: 0;
    padding: 18px clamp(18px, 2.5vw, 34px);
    overflow: hidden;
  }

  body[data-active-view="launch"] .topbar {
    flex: 0 0 auto;
    min-height: 42px;
    margin-bottom: 10px;
  }

  #view-launch.is-active,
  #view-launch .launch-grid,
  #view-launch .surface-main {
    min-height: 0;
    height: 100%;
  }

  #view-launch.is-active {
    flex: 1 1 auto;
    overflow: hidden;
  }

  #view-launch .surface-main {
    display: grid;
    grid-template-rows: auto 220px auto auto minmax(0, 1fr);
    gap: 9px;
    padding: 0;
    overflow: hidden;
  }

  #view-launch .cockpit-heading {
    margin: 0;
  }

  #view-launch .cockpit-board {
    height: 220px;
    min-height: 0;
    margin: 0;
    padding: 11px;
    overflow: hidden;
  }

  #view-launch .cockpit-board .agent-console,
  #view-launch .cockpit-board .chart-deck,
  #view-launch .cockpit-board .action-panel {
    min-height: 0;
    overflow: hidden;
  }

  #view-launch .cockpit-board .agent-console {
    align-content: start;
  }

  #view-launch .cockpit-board .agent-footnote {
    display: none;
  }

  #view-launch .cockpit-board .chart-deck {
    grid-template-rows: minmax(112px, 1fr) minmax(72px, .68fr);
    height: 100%;
  }

  #view-launch .cockpit-board .chart-card {
    padding: 8px;
  }

  #view-launch .cockpit-board .chart-head {
    margin-bottom: 7px;
  }

  #view-launch .cockpit-board .donut-wrap {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 9px;
  }

  #view-launch .cockpit-board .donut-chart {
    width: 88px;
  }

  #view-launch .cockpit-board .depth-chart {
    min-height: 72px;
  }

  #view-launch .cockpit-board .action-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: start;
  }

  #view-launch .cockpit-board .action-panel .queue-list {
    min-height: 0;
    overflow: hidden auto;
  }

  #view-launch .launch-workspace-viewport {
    overflow: hidden auto;
    overscroll-behavior: contain;
    padding: 2px 7px 18px 0;
  }

  #view-launch .launch-workspace-viewport > [data-launch-pane] {
    margin-bottom: 0;
  }

  #view-launch .setup-dock,
  #view-launch .classic-bridge {
    min-height: 100%;
  }
}

@media (max-width: 900px) {
  .discovery-inspect-bar {
    grid-template-columns: 1fr;
  }

  .discovery-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .discovery-toolbar > label {
    width: 100%;
  }

  .discovery-toolbar .filter-row {
    justify-content: flex-start;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  #view-launch .cockpit-board {
    grid-template-columns: minmax(150px, .62fr) minmax(280px, 1.35fr) minmax(170px, .72fr);
  }

  #view-launch .cockpit-board .action-panel {
    grid-column: auto;
    padding: 0;
    border: 0;
  }

  #view-launch .cockpit-board .action-panel .queue-list,
  #view-launch .cockpit-board .action-panel .next-hint {
    display: none;
  }

  #view-launch .cockpit-board .action-panel .button-pair {
    align-self: end;
  }
}

@media (max-width: 900px) {
  .launch-workspace-tabs {
    display: flex;
    overflow-x: auto;
    padding-bottom: 9px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .launch-workspace-tab {
    flex: 0 0 148px;
    scroll-snap-align: start;
  }

  .launch-workspace-viewport {
    overflow: visible;
    padding-top: 10px;
  }
}

/* Compact desktop workspaces keep navigation fixed and make each tool feel
   like a focused app panel instead of a document section. */

.vanity-feedback {
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.3;
}

.vanity-feedback[role="alert"] {
  color: var(--amber);
  font-weight: 760;
}

.vanity-inputs input[aria-invalid="true"] {
  border-bottom-color: var(--amber);
  box-shadow: 0 1px 0 var(--amber);
}

.verify-panel-tabs {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  justify-self: start;
  padding: 3px;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 56%, transparent);
}

.verify-panel-tabs button {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) - 2px);
  background: transparent;
  color: var(--muted);
  font-size: 10px;
  font-weight: 780;
  cursor: pointer;
}

.verify-panel-tabs button.is-selected {
  border-color: color-mix(in srgb, var(--green) 34%, var(--line));
  background: color-mix(in srgb, var(--green) 9%, var(--panel));
  color: var(--green);
}

.verify-panel-stage,
.verify-panel-audit {
  min-width: 0;
  min-height: 0;
}

@media (min-width: 901px) {
  body[data-active-view="launch"] .workspace {
    padding-block: 12px;
  }

  body[data-active-view="launch"] .topbar {
    min-height: 36px;
    margin-bottom: 6px;
  }

  #view-launch .surface-main {
    grid-template-rows: auto 112px auto auto minmax(0, 1fr);
    gap: 6px;
  }

  #view-launch .cockpit-board {
    grid-template-columns: minmax(180px, .72fr) minmax(360px, 1.48fr) minmax(178px, .68fr);
    gap: 9px;
    height: 112px;
    padding: 8px;
  }

  #view-launch .cockpit-board .agent-console {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  #view-launch .cockpit-board .agent-next {
    display: none;
  }

  #view-launch .cockpit-board .agent-checks {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
  }

  #view-launch .cockpit-board .agent-checks button {
    padding: 5px 3px;
    font-size: 9px;
  }

  #view-launch .cockpit-board .chart-deck {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
    gap: 6px;
  }

  #view-launch .cockpit-board .chart-card,
  #view-launch .cockpit-board .tokenomics-card {
    grid-row: auto;
    min-height: 0;
    padding: 6px;
    overflow: hidden;
  }

  #view-launch .cockpit-board .chart-head {
    margin-bottom: 4px;
  }

  #view-launch .cockpit-board .chart-head .risk-badge {
    display: none;
  }

  #view-launch .cockpit-board .donut-wrap {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 6px;
  }

  #view-launch .cockpit-board .donut-chart {
    width: 48px;
  }

  #view-launch .cockpit-board .chart-legend {
    gap: 2px;
  }

  #view-launch .cockpit-board .legend-row,
  #view-launch .cockpit-board .depth-band,
  #view-launch .cockpit-board .funding-row {
    gap: 4px;
    font-size: 9px;
  }

  #view-launch .cockpit-board .depth-chart {
    min-height: 0;
    gap: 3px;
  }

  #view-launch .cockpit-board .depth-band {
    grid-template-columns: 34px minmax(0, 1fr) 28px;
  }

  #view-launch .cockpit-board .depth-band em,
  #view-launch .cockpit-board .funding-row:nth-of-type(n + 4) {
    display: none;
  }

  #view-launch .cockpit-board .funding-meter {
    gap: 4px;
  }

  #view-launch .cockpit-board .action-panel {
    display: grid;
    grid-template-rows: 1fr;
    align-items: center;
  }

  #view-launch .cockpit-board .action-panel .section-heading,
  #view-launch .cockpit-board .action-panel .queue-list {
    display: none;
  }

  #view-launch .cockpit-board .action-panel .button-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  #view-launch .cockpit-board .action-panel button {
    min-height: 34px;
    padding-block: 6px;
  }

  .launch-workspace-tabs {
    gap: 4px;
    padding-bottom: 6px;
  }

  .launch-workspace-tab {
    min-height: 40px;
    padding: 5px 8px;
  }

  .launch-workspace-tab::after {
    bottom: -7px;
  }

  #view-launch .launch-workspace-viewport {
    padding: 2px 6px 8px 0;
  }

  #view-launch .setup-dock {
    margin: 0;
    padding: 10px 12px;
  }

  #view-launch .setup-dock-head {
    margin-bottom: 6px;
  }

  #view-launch .mode-row {
    gap: 4px;
  }

  #view-launch .mode-button {
    min-height: 32px;
    padding: 4px 8px;
  }

  #view-launch .mode-button small {
    display: none;
  }

  #view-launch .compact-workbench {
    gap: 12px;
  }

  #view-launch .compact-workbench .config-grid {
    gap: 6px 10px;
  }

  #view-launch .compact-workbench .config-grid label,
  #view-launch .vanity-inputs label {
    grid-template-columns: minmax(64px, .72fr) minmax(0, 1fr);
    align-items: center;
    gap: 6px;
  }

  #view-launch .compact-workbench label {
    font-size: 9px;
  }

  #view-launch .compact-workbench input {
    min-height: 28px;
    padding-block: 3px;
  }

  #view-launch .vanity-panel {
    align-content: start;
    gap: 7px;
  }

  #view-launch .vanity-panel .manifest-head {
    min-height: 32px;
  }

  #view-launch #vanityCandidates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  #view-launch #vanityCandidates .vanity-feedback,
  #view-launch #vanityCandidates .vanity-candidate-grid,
  #view-launch #vanityCandidates .vanity-actions {
    grid-column: 1 / -1;
  }

  #view-launch .vanity-status,
  #view-launch .vanity-candidate {
    padding: 6px;
  }

  #view-launch .vanity-actions {
    gap: 5px;
  }

  #view-launch .vanity-actions .pill-button {
    min-height: 28px;
    padding: 4px 7px;
    font-size: 9px;
  }

  #view-launch .classic-controls {
    margin-top: 8px;
  }

  #view-launch .classic-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #view-launch .classic-stats span {
    min-height: 36px;
    padding-block: 4px;
  }

  #view-launch .classic-workspace-fund {
    gap: 6px;
  }

  #view-launch .classic-workspace-fund .quote-acquire-head {
    align-items: center;
  }

  #view-launch .classic-workspace-fund .quote-acquire-head p {
    display: none;
  }

  #view-launch .classic-workspace-fund .quote-acquire-panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 7px 10px;
  }

  #view-launch .classic-workspace-fund .quote-acquire-head,
  #view-launch .classic-workspace-fund .quote-acquire-progress,
  #view-launch .classic-workspace-fund .quote-acquire-stats,
  #view-launch .classic-workspace-fund .operator-toolbar {
    grid-column: 1 / -1;
  }

  #view-launch .classic-workspace-fund .quote-acquire-head {
    grid-row: 1;
  }

  #view-launch .classic-workspace-fund .quote-acquire-progress {
    grid-row: 2;
  }

  #view-launch .classic-workspace-fund .quote-acquire-stats {
    grid-row: 3;
  }

  #view-launch .classic-workspace-fund .quote-guidance-panel {
    grid-column: 1;
    grid-row: 4 / span 2;
  }

  #view-launch .classic-workspace-fund .quote-acquire-feed {
    grid-column: 2;
    grid-row: 4;
  }

  #view-launch .classic-workspace-fund .quote-acquire-panel > .funding-wallet-hint {
    grid-column: 2;
    grid-row: 5;
    grid-template-columns: minmax(0, 1fr) auto;
    align-self: start;
  }

  #view-launch .classic-workspace-fund .quote-acquire-panel > .funding-wallet-hint .operator-toolbar {
    grid-column: auto;
    flex-wrap: nowrap;
  }

  #view-launch .classic-workspace-fund .quote-acquire-panel > .operator-toolbar {
    grid-row: 6;
  }

  #view-launch .phase-tree-drawer {
    margin: 0;
  }

  #view-launch .launch-workspace-viewport {
    position: relative;
  }

  body[data-launch-workspace="mint"] #launchWorkspaceViewport > details.drawer[data-launch-pane~="mint"],
  body[data-launch-workspace="liquidity"] #launchWorkspaceViewport > details.drawer[data-launch-pane~="liquidity"],
  body[data-launch-workspace="finish"] #launchWorkspaceViewport > .diagnostics-drawer {
    position: absolute;
    right: 6px;
    bottom: 8px;
    left: 0;
    z-index: 4;
    max-height: calc(100% - 12px);
    margin: 0;
    overflow: hidden auto;
    background: var(--panel-strong);
    box-shadow: 0 -10px 24px color-mix(in srgb, #000 26%, transparent);
  }

  body[data-launch-workspace="finish"] #launchWorkspaceViewport {
    overflow: hidden;
  }

  body[data-launch-workspace="finish"] #classicBridge,
  body[data-launch-workspace="finish"] .classic-workspace-verify {
    height: 100%;
    min-height: 0;
  }

  body[data-launch-workspace="finish"] #classicBridge {
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch;
    overflow: hidden;
  }

  body[data-launch-workspace="finish"] #classicBridge:not(.has-recovery-notice) {
    grid-template-rows: minmax(0, 1fr);
  }

  body[data-launch-workspace="finish"] .classic-workspace-verify {
    overflow: hidden auto;
    overscroll-behavior: contain;
  }

  body[data-launch-workspace="finish"] .finalize-panel {
    height: auto;
  }

  body[data-launch-workspace="finish"] #classicBridge.is-terminal-launch .classic-workspace-verify {
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  body[data-launch-workspace="finish"] #classicBridge.is-terminal-launch .finalize-panel {
    grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
    height: 100%;
    overflow: hidden;
  }

  body[data-launch-workspace="finish"] .verify-panel-stage {
    overflow: hidden;
  }

  body[data-launch-workspace="finish"] .verify-panel-stage > [data-verify-panel-view] {
    height: 100%;
    min-height: 0;
    overflow: hidden auto;
  }

  body[data-launch-workspace="finish"] .finalize-panel > .operator-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }
}

/* Recovery PIN is a deliberate security boundary, not another drawer. */

body.recovery-pin-open {
  overflow: hidden !important;
}

body.sweep-confirm-open {
  overflow: hidden !important;
}

body.operator-prompt-open {
  overflow: hidden !important;
}

.sweep-confirm-gate {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: clamp(18px, 4vw, 56px);
  background: rgba(1, 3, 2, .94);
  color: #f4f7f5;
  isolation: isolate;
}

.sweep-confirm-gate::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 93, 101, .055), transparent 34%),
    linear-gradient(rgba(255, 255, 255, .016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .016) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}

.operator-prompt-gate {
  z-index: 1150;
}

.operator-prompt-gate::before {
  background:
    radial-gradient(circle at 50% 44%, rgba(111, 238, 169, .06), transparent 34%),
    linear-gradient(rgba(255, 255, 255, .016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .016) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}

.sweep-confirm-shell {
  display: grid;
  gap: 14px;
  width: min(680px, 100%);
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: #050807;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .56);
}

.sweep-confirm-head {
  display: grid;
  gap: 5px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.sweep-confirm-head h2,
.sweep-confirm-head p {
  margin: 0;
}

.sweep-confirm-head h2 {
  font-size: 15px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.sweep-confirm-head p,
.sweep-confirm-message {
  color: #8b9490;
  font-size: 10px;
  line-height: 1.5;
}

.sweep-confirm-route {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, .7fr);
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .018);
}

.sweep-confirm-route > span {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.sweep-confirm-route small,
.sweep-confirm-field > span {
  color: #8b9490;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sweep-confirm-route code,
.sweep-confirm-route strong {
  overflow-wrap: anywhere;
  color: #dfe8e3;
  font-size: 9px;
  font-weight: 560;
}

.sweep-confirm-route > i {
  color: var(--red);
  font-size: 10px;
}

.sweep-confirm-field {
  display: grid;
  gap: 6px;
}

.sweep-confirm-field input {
  width: 100%;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 0;
  background: #010202;
  color: #f4f7f5;
  font: 500 10px/1.2 var(--font-mono);
  padding: 0 10px;
}

.operator-prompt-field textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 0;
  background: #010202;
  color: #f4f7f5;
  font: 500 10px/1.5 var(--font-mono);
  padding: 10px;
}

.sweep-confirm-field input:focus,
.operator-prompt-field textarea:focus {
  border-color: rgba(111, 238, 169, .62);
  outline: none;
  box-shadow: inset 2px 0 0 var(--green);
}

.sweep-confirm-field input[aria-invalid="true"],
.operator-prompt-field textarea[aria-invalid="true"] {
  border-color: rgba(255, 93, 101, .68);
  box-shadow: inset 2px 0 0 var(--red);
}

.operator-prompt-gate[data-danger="true"] .operator-prompt-head .eyebrow,
.operator-prompt-gate[data-danger="true"] .operator-prompt-message {
  color: #ff878d;
}

.operator-prompt-gate[data-danger="true"] .operator-prompt-message {
  border-left-color: var(--red);
  background: rgba(255, 93, 101, .045);
}

.operator-prompt-gate[data-readonly="true"] .operator-prompt-field textarea {
  min-height: 150px;
  color: #dfe8e3;
  user-select: text;
}

.sweep-confirm-message {
  min-height: 18px;
  margin: 0;
  padding: 7px 9px;
  border-left: 2px solid rgba(111, 238, 169, .45);
  background: rgba(111, 238, 169, .035);
}

.sweep-confirm-message.is-error {
  border-left-color: var(--red);
  background: rgba(255, 93, 101, .045);
  color: #ff878d;
}

.sweep-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 2px;
}

@media (max-width: 620px) {
  .sweep-confirm-shell {
    padding: 14px;
  }

  .sweep-confirm-route {
    grid-template-columns: 1fr;
  }

  .sweep-confirm-route > i {
    transform: rotate(90deg);
  }

  .sweep-confirm-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.recovery-pin-gate {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(24px, 5vw, 72px);
  background: #010202;
  color: #f4f7f5;
  isolation: isolate;
}

.recovery-pin-gate::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 50% 42%, rgba(111, 238, 169, .07), transparent 30%),
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .92), transparent 88%);
}

.recovery-pin-cancel {
  position: absolute;
  top: clamp(18px, 3vw, 34px);
  right: clamp(18px, 3vw, 34px);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: #8b9490;
  cursor: pointer;
}

.recovery-pin-cancel:hover,
.recovery-pin-cancel:focus-visible {
  border-color: rgba(255, 255, 255, .32);
  color: #f4f7f5;
  outline: none;
}

.recovery-pin-shell {
  display: grid;
  justify-items: center;
  gap: 22px;
  width: min(620px, 100%);
  text-align: center;
}

.recovery-pin-lock {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(111, 238, 169, .3);
  border-radius: 999px;
  background: rgba(111, 238, 169, .08);
  color: #6feea9;
  font-size: 20px;
}

.recovery-pin-head {
  display: grid;
  gap: 8px;
  max-width: 540px;
}

.recovery-pin-head .eyebrow {
  color: #6feea9;
}

.recovery-pin-head h2 {
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
}

.recovery-pin-head p {
  margin: 0;
  color: #8e9994;
  font-size: clamp(13px, 1.5vw, 16px);
  line-height: 1.5;
}

.recovery-pin-boxes {
  display: grid;
  grid-template-columns: repeat(4, clamp(62px, 9vw, 90px));
  gap: clamp(10px, 2vw, 18px);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: text;
}

.recovery-pin-boxes:focus-visible {
  outline: none;
}

.recovery-pin-boxes span {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border: 2px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
  color: #f4f7f5;
  font-size: clamp(38px, 6vw, 58px);
  font-weight: 900;
  line-height: 1;
  transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, color 120ms ease, transform 120ms ease;
}

.recovery-pin-boxes:hover span,
.recovery-pin-boxes:focus-visible span {
  border-color: rgba(255, 255, 255, .34);
}

.recovery-pin-boxes span.is-filled {
  border-color: rgba(255, 255, 255, .56);
  background: rgba(255, 255, 255, .065);
}

.recovery-pin-capture {
  position: fixed;
  left: -10000px;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  opacity: 0;
}

.recovery-pin-message {
  min-height: 22px;
  margin: -2px 0 0;
  color: #9ba49f;
  font-size: 14px;
  font-weight: 780;
}

.recovery-pin-local {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: -9px 0 0;
  color: #59635e;
  font-size: 11px;
  font-weight: 700;
}

.recovery-pin-gate[data-status="checking"] .recovery-pin-boxes span {
  border-color: rgba(243, 190, 91, .72);
  background: rgba(243, 190, 91, .09);
  box-shadow: 0 0 28px rgba(243, 190, 91, .08);
  color: #f3be5b;
}

.recovery-pin-gate[data-status="checking"] .recovery-pin-message {
  color: #f3be5b;
}

.recovery-pin-gate[data-status="success"] .recovery-pin-lock,
.recovery-pin-gate[data-status="success"] .recovery-pin-boxes span {
  border-color: #6feea9;
  background: rgba(111, 238, 169, .13);
  box-shadow: 0 0 34px rgba(111, 238, 169, .14);
  color: #6feea9;
}

.recovery-pin-gate[data-status="success"] .recovery-pin-message {
  color: #6feea9;
}

.recovery-pin-gate[data-status="error"] .recovery-pin-lock,
.recovery-pin-gate[data-status="error"] .recovery-pin-boxes span {
  border-color: #ff5d65;
  background: rgba(255, 93, 101, .13);
  box-shadow: 0 0 34px rgba(255, 93, 101, .13);
  color: #ff5d65;
}

.recovery-pin-gate[data-status="error"] .recovery-pin-boxes {
  animation: recovery-pin-shake 280ms ease-in-out;
}

.recovery-pin-gate[data-status="error"] .recovery-pin-message {
  color: #ff5d65;
}

@keyframes recovery-pin-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-9px); }
  75% { transform: translateX(9px); }
}

@media (max-width: 620px) {
  .recovery-pin-gate {
    padding-inline: 18px;
  }

  .recovery-pin-shell {
    gap: 18px;
  }

  .recovery-pin-boxes {
    grid-template-columns: repeat(4, minmax(54px, 1fr));
    width: 100%;
  }
}

/* -------------------------------------------------------------------------
   V2 terminal visual system

   Dense, local-first execution UI: hard panel edges, tabular data, compact
   status grammar, and a restrained phosphor accent instead of SaaS cards.
   ------------------------------------------------------------------------- */

@font-face {
  font-family: "JetBrains Mono";
  src: url("../vendor/fonts/jetbrainsmono-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../vendor/fonts/jetbrainsmono-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../vendor/fonts/jetbrainsmono-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --bg: #030706;
  --panel: #070b0a;
  --panel-2: #090e0c;
  --panel-strong: #0b110f;
  --ink: #e5eee9;
  --muted: #7c8c84;
  --subtle: #4d5b54;
  --line: #17221d;
  --line-strong: #30433a;
  --green: #74f7a9;
  --blue: #68cfff;
  --amber: #f3be5b;
  --red: #ff6570;
  --violet: #b09cff;
  --cyan: #68cfff;
  --radius: 2px;
  --radius-sm: 1px;
  --sidebar: 204px;
  --mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

body.light-mode {
  --bg: #edf1ed;
  --panel: #f7faf7;
  --panel-2: #f1f5f1;
  --panel-strong: #ffffff;
  --ink: #0c1711;
  --muted: #53645b;
  --subtle: #718078;
  --line: #ced8d1;
  --line-strong: #94aa9d;
  --green: #08783b;
  --blue: #006c9c;
  --amber: #936109;
  --red: #b52f3b;
  --violet: #6448b8;
}

html,
body {
  background: var(--bg);
}

body {
  position: relative;
  font-family: var(--mono);
  font-size: 12px;
  font-variant-numeric: tabular-nums slashed-zero;
  letter-spacing: -0.015em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(116, 247, 169, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 247, 169, .014) 1px, transparent 1px),
    radial-gradient(circle at 66% 0%, rgba(104, 207, 255, .035), transparent 34%);
  background-size: 32px 32px, 32px 32px, auto;
}

body.light-mode::before {
  opacity: .45;
}

::selection {
  background: var(--green);
  color: #021009;
}

h1,
h2,
h3,
button,
input,
textarea,
select {
  font-family: inherit;
}

h1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.04em;
}

h2 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.025em;
}

h3 {
  font-size: 12px;
  font-weight: 700;
}

p {
  font-size: 11px;
}

.eyebrow,
label,
.brand small,
.global-metric span,
.launch-readout small,
.classic-stats small,
.wallet-funding-stats small {
  letter-spacing: .055em;
}

.app-shell {
  background: transparent;
}

.sidebar {
  gap: 22px;
  padding: 16px 12px;
  border-right-color: var(--line-strong);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), var(--panel) 72%),
    var(--panel);
}

.brand {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-height: 42px;
  padding: 0 4px 12px;
  border-bottom: 1px solid var(--line);
}

.brand strong {
  color: var(--ink);
  font-size: 10px;
  letter-spacing: .19em;
}

.brand small {
  color: var(--subtle);
  font-size: 8px;
  letter-spacing: 0;
}

.brand-mark {
  width: 32px;
  height: 32px;
  border-color: color-mix(in srgb, var(--green) 46%, var(--line));
  border-radius: 0;
  background: color-mix(in srgb, var(--green) 4%, var(--panel));
  box-shadow: inset 0 0 0 3px var(--panel);
}

.brand-mark::before {
  left: 7px;
  bottom: 6px;
  border-left-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 16px;
  border-bottom-color: var(--ink);
}

.brand-mark::after {
  left: 5px;
  top: 6px;
  width: 22px;
  height: 1px;
  border-radius: 0;
  box-shadow: 0 18px 0 color-mix(in srgb, var(--green) 28%, transparent);
}

.nav-list {
  gap: 0;
  border-top: 1px solid var(--line);
}

.nav-item {
  position: relative;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 42px;
  padding: 7px 8px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.nav-item::after {
  content: attr(data-key);
  color: var(--subtle);
  font-size: 8px;
  letter-spacing: .08em;
}

.nav-item::before {
  content: "";
  position: absolute;
  inset: 8px auto 8px 0;
  width: 2px;
  background: transparent;
}

.nav-item:hover,
.nav-item.is-active {
  border-color: var(--line);
  color: var(--ink);
  background: linear-gradient(90deg, color-mix(in srgb, var(--green) 10%, transparent), transparent 82%);
}

.nav-item.is-active::before {
  background: var(--green);
  box-shadow: 0 0 10px color-mix(in srgb, var(--green) 34%, transparent);
}

.nav-item.is-active::after,
.nav-item.is-active i {
  color: var(--green);
}

.sidebar-footer {
  gap: 7px;
  padding: 10px 4px 0;
  border-top: 1px solid var(--line);
}

.sidebar-footer .eyebrow::before {
  content: "NODE / ";
  color: var(--green);
}

.network-button,
.wallet-button,
.icon-button {
  border-color: var(--line-strong);
  border-radius: 0;
  background: color-mix(in srgb, var(--panel-strong) 70%, transparent);
}

.network-button {
  min-height: 36px;
  font-size: 10px;
  text-transform: uppercase;
}

.status-dot,
.wallet-led {
  border-radius: 0;
  box-shadow: 0 0 9px color-mix(in srgb, var(--green) 44%, transparent);
}

.status-dot {
  width: 7px;
  height: 7px;
}

.wallet-led {
  width: 8px;
  height: 8px;
}

.workspace {
  padding: 0 clamp(16px, 2.3vw, 32px) 28px;
}

.terminal-tape {
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  min-width: 0;
  height: 30px;
  margin-bottom: 12px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line-strong);
  border-left: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 76%, transparent);
  overflow: hidden;
}

.terminal-tape > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 0 11px;
  border-right: 1px solid var(--line);
  white-space: nowrap;
}

.terminal-tape small {
  color: var(--subtle);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .07em;
}

.terminal-tape strong {
  color: var(--muted);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .025em;
}

.terminal-tape .terminal-ident {
  background: color-mix(in srgb, var(--green) 7%, transparent);
}

.terminal-ident i {
  width: 6px;
  height: 6px;
  background: var(--green);
  box-shadow: 0 0 8px color-mix(in srgb, var(--green) 60%, transparent);
  animation: terminal-pulse 2.8s steps(2, jump-none) infinite;
}

.terminal-tape .terminal-ident strong,
.terminal-tape .terminal-tape-end strong {
  color: var(--green);
}

.terminal-ident small {
  padding-left: 7px;
  border-left: 1px solid var(--line-strong);
}

.terminal-tape-wide {
  flex: 1 1 auto;
}

.terminal-tape-end {
  margin-left: auto;
  border-right: 0 !important;
}

@keyframes terminal-pulse {
  50% { opacity: .38; }
}

.topbar {
  min-height: 42px;
  margin-bottom: 10px;
}

.topbar-copy {
  gap: 3px;
}

.topbar-copy .eyebrow {
  color: var(--green);
  font-size: 8px;
}

.topbar-copy .eyebrow::before {
  content: "OPS / ";
  color: var(--subtle);
}

.topbar-actions {
  gap: 6px;
}

.wallet-button,
.icon-button {
  min-height: 34px;
}

.wallet-button {
  padding: 6px 10px;
  color: var(--ink);
  font-size: 10px;
}

.icon-button {
  width: 34px;
}

.global-strip {
  margin-bottom: 14px;
  border: 1px solid var(--line);
}

.global-metric {
  padding: 8px 10px;
}

.global-metric strong {
  color: var(--green);
  font-size: 12px;
}

.surface {
  padding-top: 12px;
  border-top-color: var(--line-strong);
}

.section-heading {
  margin-bottom: 11px;
}

.section-heading > div::before {
  content: "//";
  position: absolute;
  transform: translateX(-17px);
  color: var(--green);
  font-size: 9px;
}

.section-heading > div {
  position: relative;
}

.badge,
.risk-badge,
.tx-state {
  min-height: 19px;
  padding: 2px 6px;
  border-radius: 0;
  background: color-mix(in srgb, var(--green) 5%, transparent);
  font-size: 8px;
  letter-spacing: .07em;
}

.cockpit-heading .badge {
  position: relative;
  padding-left: 15px;
}

.cockpit-heading .badge::before {
  content: "";
  position: absolute;
  left: 6px;
  width: 4px;
  height: 4px;
  background: currentColor;
}

.cockpit-board {
  gap: 0;
  border: 1px solid var(--line-strong);
  background:
    linear-gradient(180deg, rgba(116, 247, 169, .018), transparent 42%),
    color-mix(in srgb, var(--panel) 76%, transparent);
}

.cockpit-board .agent-console {
  padding: 9px 12px;
  border-right-color: var(--line-strong);
}

.agent-orb {
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: color-mix(in srgb, var(--green) 8%, transparent);
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--green) 4%, transparent);
}

.agent-status {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
}

.agent-status h3 {
  font-size: 13px;
}

.agent-checks {
  gap: 0 !important;
  border: 1px solid var(--line);
}

.agent-checks button {
  border-radius: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  font-size: 8px;
  letter-spacing: .05em;
}

.agent-checks button:last-child {
  border-right: 0;
}

.agent-checks button.is-active {
  background: color-mix(in srgb, var(--green) 12%, transparent);
  box-shadow: inset 0 -1px 0 var(--green);
}

.chart-deck {
  gap: 0 !important;
  border-right: 1px solid var(--line-strong);
}

.chart-card {
  position: relative;
  padding: 8px 10px !important;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background:
    linear-gradient(rgba(116, 247, 169, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 247, 169, .014) 1px, transparent 1px);
  background-size: 12px 12px;
}

.chart-card:last-child {
  border-right: 0;
}

.chart-head strong {
  font-size: 10px;
  font-weight: 500;
}

.chart-head .eyebrow,
.chart-legend,
.depth-chart,
.funding-meter {
  font-variant-numeric: tabular-nums;
}

.donut-chart,
.donut-chart::after {
  border-radius: 50%;
}

.depth-bar,
.funding-track,
.airdrop-budget-meter,
.queue-progress {
  border-radius: 0;
}

.depth-bar span,
.funding-track span,
.airdrop-budget-meter span,
.queue-progress span {
  box-shadow: 0 0 9px color-mix(in srgb, var(--green) 18%, transparent);
}

.action-panel {
  padding: 9px 10px;
  border-left: 0;
}

.primary-button,
.secondary-button,
.pill-button,
.mode-button,
.row-button,
.toggle,
.launch-workspace-tab,
.verify-panel-tabs,
.verify-panel-tabs button {
  border-radius: 0;
}

.primary-button,
.secondary-button,
.pill-button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.primary-button {
  border-color: var(--green);
  background: var(--green);
  color: #031009;
}

.primary-button:hover {
  border-color: #a3ffc8;
  background: #a3ffc8;
  color: #031009;
}

.secondary-button,
.pill-button {
  background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.secondary-button:hover,
.pill-button:hover,
.wallet-button:hover,
.icon-button:hover,
.network-button:hover {
  border-color: var(--green);
  color: var(--green);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 1px solid var(--green);
  outline-offset: 1px;
}

.launch-workspace-tabs {
  gap: 0;
  padding: 0;
  border: 1px solid var(--line-strong);
  background: var(--panel);
}

.launch-workspace-tab {
  position: relative;
  min-height: 42px;
  padding: 6px 20px 6px 9px;
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
}

.launch-workspace-tab:last-child {
  border-right: 0;
}

.launch-workspace-tab::before {
  position: absolute;
  top: 5px;
  right: 6px;
  color: var(--subtle);
  font-size: 7px;
  letter-spacing: .06em;
}

.launch-workspace-tab:nth-child(1)::before { content: "01"; }
.launch-workspace-tab:nth-child(2)::before { content: "02"; }
.launch-workspace-tab:nth-child(3)::before { content: "03"; }
.launch-workspace-tab:nth-child(4)::before { content: "04"; }
.launch-workspace-tab:nth-child(5)::before { content: "05"; }
.launch-workspace-tab:nth-child(6)::before { content: "06"; }

.launch-workspace-tab::after {
  inset: auto 0 0;
  height: 1px;
}

.launch-workspace-tab.is-selected {
  border-color: var(--line);
  background: linear-gradient(90deg, color-mix(in srgb, var(--green) 10%, var(--panel)), var(--panel));
}

.launch-workspace-tab.is-selected::before,
.launch-workspace-tab.is-selected i,
.launch-workspace-tab.is-selected small {
  color: var(--green);
}

.launch-workspace-tab strong {
  font-size: 10px;
  text-transform: uppercase;
}

.launch-workspace-tab small {
  font-size: 8px;
}

.launch-workspace-viewport {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 62%, transparent);
}

.setup-dock {
  padding: 12px !important;
  border-bottom: 0;
  background:
    linear-gradient(90deg, rgba(116, 247, 169, .012) 1px, transparent 1px),
    transparent;
  background-size: 32px 100%;
}

.setup-dock-head {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.setup-help {
  font-size: 9px;
}

.mode-row {
  gap: 0 !important;
  margin: 0 0 10px;
  border: 1px solid var(--line) !important;
}

.mode-button {
  min-height: 34px;
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  text-transform: uppercase;
}

.mode-button:last-child {
  border-right: 0;
}

.mode-button.is-selected {
  color: var(--green);
  background: color-mix(in srgb, var(--green) 8%, var(--panel));
  box-shadow: inset 0 -1px 0 var(--green);
}

.mode-button strong {
  font-size: 9px;
}

input,
textarea,
select,
.setup-dock input,
.classic-grid input,
.pool-field-grid input,
.pool-field-grid select,
.airdrop-budget-controls input[type="number"],
.rpc-add-grid input {
  border: 1px solid var(--line);
  border-radius: 0;
  background: color-mix(in srgb, var(--panel-strong) 74%, transparent);
  color: var(--ink);
  caret-color: var(--green);
}

input:hover,
textarea:hover,
select:hover {
  border-color: var(--line-strong);
}

input:focus,
textarea:focus,
select:focus,
.setup-dock input:focus {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 3%, var(--panel-strong));
  box-shadow: inset 2px 0 0 var(--green);
}

.token-logo-preview,
.vanity-status,
.vanity-candidate,
.pool-row,
.operator-subpanel,
.phase-tree,
.quote-info-panel,
.classic-bridge,
.classic-stats span,
.pool-mini-grid span,
.airdrop-budget-grid span,
.mini-row,
.execution-readiness,
.rpc-warning {
  border-radius: 0;
}

.token-logo-preview,
.vanity-status,
.vanity-candidate,
.pool-row,
.operator-subpanel,
.phase-tree,
.classic-bridge,
.classic-stats span,
.pool-mini-grid span,
.airdrop-budget-grid span,
.mini-row {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 52%, transparent);
}

.vanity-panel,
.compact-workbench .manifest-panel {
  border-left-color: var(--line-strong);
}

.classic-controls summary,
.drawer summary {
  font-size: 9px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.drawer {
  border-radius: 0;
  border-color: var(--line-strong);
  background: var(--panel);
}

.discovery-grid,
.two-column,
.extension-grid {
  gap: 18px;
}

.rail {
  padding-left: 18px;
  border-left-color: var(--line-strong);
}

.discovery-inspect-bar {
  border-radius: 0;
  background: color-mix(in srgb, var(--green) 3%, var(--panel));
}

.discovery-row,
.account-row,
.asset-row,
.setting-row,
.mode-row-card,
.timeline-row,
.stage-row,
.queue-row {
  transition: background 120ms ease, border-color 120ms ease;
}

.discovery-row:hover,
.account-row:hover,
.asset-row:hover,
.setting-row:hover,
.mode-row-card:hover,
.timeline-row:hover {
  background: linear-gradient(90deg, color-mix(in srgb, var(--green) 4%, transparent), transparent);
}

.ident,
.stage-num,
.asset-mark,
.token-mark,
.wallet-qr-box,
.wallet-qr-box span,
.wallet-funding-box code,
.secret-value code,
.wallet-funding-stats,
.wallet-recovery-box,
.secret-pin-callout {
  border-radius: 0;
}

.approval-window,
.activity-drawer-panel,
.toast,
.recovery-pin-cancel,
.recovery-pin-lock,
.recovery-pin-boxes span {
  border-radius: 0;
}

.recovery-pin-gate::before {
  background:
    linear-gradient(rgba(116, 247, 169, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 247, 169, .022) 1px, transparent 1px),
    radial-gradient(circle at 50% 42%, rgba(116, 247, 169, .08), transparent 30%);
  background-size: 32px 32px, 32px 32px, auto;
}

@media (min-width: 901px) {
  body[data-active-view="launch"] .workspace {
    padding: 0 clamp(16px, 2.3vw, 32px) 14px;
  }

  body[data-active-view="launch"] .topbar {
    min-height: 38px;
    margin-bottom: 8px;
  }

  #view-launch .surface-main {
    grid-template-rows: auto 112px auto auto minmax(0, 1fr);
    gap: 7px;
  }

  #view-launch .cockpit-board {
    grid-template-columns: minmax(180px, .72fr) minmax(360px, 1.48fr) minmax(178px, .68fr);
    height: 112px;
    padding: 0;
  }

  #view-launch .launch-workspace-viewport {
    padding: 0;
  }

  #view-launch .setup-dock {
    margin: 0;
  }
}

@media (max-width: 1100px) and (min-width: 901px) {
  :root {
    --sidebar: 176px;
  }

  .terminal-tape-wide,
  .terminal-tape-end {
    display: none;
  }
}

@media (max-width: 900px) {
  .sidebar {
    height: 58px;
    padding: 5px 8px calc(5px + env(safe-area-inset-bottom));
    border-top-color: var(--line-strong);
    background: color-mix(in srgb, var(--panel-strong) 96%, transparent);
  }

  .nav-list {
    border-top: 0;
  }

  .nav-item {
    min-height: 46px;
    padding: 4px 2px;
    border-bottom: 0;
    border-right: 1px solid var(--line);
    font-size: 8px;
  }

  .nav-item:last-child {
    border-right: 0;
  }

  .nav-item::after {
    display: none;
  }

  .nav-item::before {
    inset: auto 20% 0;
    width: auto;
    height: 1px;
  }

  .workspace {
    padding: 0 12px 78px;
  }

  .terminal-tape {
    height: 27px;
    margin-bottom: 10px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .terminal-tape > span {
    flex: 0 0 auto;
    padding-inline: 8px;
  }

  .terminal-tape-wide,
  .terminal-tape-end {
    display: none;
  }

  .topbar {
    margin-bottom: 10px;
  }

  .cockpit-board {
    gap: 0;
    padding: 0;
  }

  .cockpit-board .agent-console,
  .cockpit-board .action-panel {
    padding: 10px;
  }

  .chart-deck {
    border-top: 1px solid var(--line-strong);
    border-right: 0;
    border-bottom: 1px solid var(--line-strong);
  }

  .launch-workspace-tabs {
    border-inline: 1px solid var(--line-strong);
  }

  .launch-workspace-tab {
    flex-basis: 136px;
  }

  .launch-workspace-viewport {
    border-top: 0;
  }

  .compact-workbench .vanity-panel,
  .compact-workbench .manifest-panel {
    border-left: 0;
  }
}

@media (max-width: 620px) {
  h1 {
    font-size: 18px;
  }

  .topbar-brand .brand-mark {
    width: 28px;
    height: 28px;
  }

  .terminal-tape > span:nth-child(4) {
    display: none;
  }

  .wallet-button {
    max-width: none;
  }

  .chart-deck .chart-card {
    flex-basis: calc(100vw - 26px);
  }

  .setup-dock {
    padding: 10px !important;
  }

  .recovery-pin-head h2 {
    font-size: 28px;
  }
}

/* Compact terminal treatment for the Vanity CA grinder. The grade colors
 * mirror Signal's canonical mining palette exactly. */

.compact-workbench .vanity-panel,
#view-launch .vanity-panel {
  align-content: start;
  gap: 6px;
  min-height: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, #050708 82%, var(--panel));
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

#view-launch .vanity-panel .manifest-head {
  min-height: 22px;
  margin: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--line);
}

#view-launch .vanity-panel .manifest-head h3 {
  font-size: 12px;
  letter-spacing: .02em;
}

#view-launch .vanity-panel .manifest-head .eyebrow {
  font-size: 8px;
  letter-spacing: .09em;
}

#view-launch .vanity-panel .risk-badge {
  align-self: center;
  min-height: 20px;
  padding: 2px 7px;
  border-radius: 2px;
  font-size: 8px;
  letter-spacing: .08em;
}

#view-launch .vanity-inputs {
  display: flex;
  gap: 6px;
}

#view-launch .vanity-inputs label {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 5px;
  min-width: 0;
  font-size: 8px;
  letter-spacing: .08em;
}

#view-launch .vanity-inputs input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 22px;
  padding: 2px 6px;
  border-radius: 2px;
  font-family: inherit;
  font-size: 11px;
}

#view-launch #vanityCandidates {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

.vanity-terminal-status {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--line);
}

#view-launch .vanity-status {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-height: 18px;
  padding: 2px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  background: transparent;
  font-family: inherit;
}

#view-launch .vanity-status i {
  flex: 0 0 12px;
  font-size: 8px;
  text-align: center;
}

#view-launch .vanity-status strong {
  flex: 0 0 auto;
  max-width: 34%;
  color: var(--ink);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

#view-launch .vanity-status small {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-launch .vanity-status.warn strong {
  color: var(--amber);
}

#view-launch .vanity-status.danger strong {
  color: var(--red);
}

#view-launch .vanity-feedback {
  min-height: 0;
  padding: 2px 2px 3px;
  font-family: inherit;
  font-size: 8px;
  line-height: 1.2;
}

.vanity-candidate-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.vanity-list-head,
.vanity-candidate,
.vanity-empty {
  display: flex;
  align-items: center;
  min-width: 0;
}

.vanity-list-head {
  min-height: 15px;
  padding: 2px 7px;
  border-bottom: 1px solid var(--line);
  color: var(--subtle);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vanity-list-head span:first-child {
  flex: 0 0 24px;
}

.vanity-list-head span:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
}

.vanity-list-head span:last-child {
  flex: 0 0 42px;
  text-align: right;
}

#view-launch .vanity-candidate {
  --candidate-grade: var(--rarity-common);
  gap: 0;
  width: 100%;
  min-height: 29px;
  padding: 3px 5px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-left: 2px solid color-mix(in srgb, var(--candidate-grade) 42%, transparent);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-family: inherit;
}

#view-launch .vanity-candidate:last-child {
  border-bottom: 0;
}

#view-launch .vanity-candidate:hover,
#view-launch .vanity-candidate:focus-visible {
  border-left-color: var(--candidate-grade);
  background: color-mix(in srgb, var(--candidate-grade) 5%, transparent);
  outline: none;
}

#view-launch .vanity-candidate.is-active {
  border-color: color-mix(in srgb, var(--line) 78%, transparent);
  border-left-color: var(--candidate-grade);
  background: color-mix(in srgb, var(--candidate-grade) 8%, transparent);
  color: var(--ink);
}

.vanity-candidate.grade-fine,
.vanity-grade.grade-fine {
  --candidate-grade: var(--rarity-fine);
}

.vanity-candidate.grade-rare,
.vanity-grade.grade-rare {
  --candidate-grade: var(--rarity-rare);
}

.vanity-candidate.grade-rati,
.vanity-grade.grade-rati {
  --candidate-grade: var(--rarity-rati);
}

.vanity-candidate.grade-commissioned,
.vanity-grade.grade-commissioned {
  --candidate-grade: var(--rarity-commissioned);
}

.vanity-random {
  --candidate-grade: var(--subtle) !important;
}

.vanity-candidate-slot {
  flex: 0 0 24px;
  color: var(--subtle);
  font-size: 8px;
  font-weight: 800;
}

.vanity-candidate-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.vanity-ca-address {
  display: block;
  min-width: 11ch;
  overflow: hidden;
  color: var(--candidate-grade);
  font-family: inherit;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .012em;
  line-height: 1.25;
  text-overflow: clip;
  white-space: nowrap;
}

.vanity-candidate-meta {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 6.5px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
}

.vanity-candidate-meta b,
.vanity-candidate-meta span {
  flex: 0 0 auto;
}

.vanity-candidate-meta b {
  color: var(--candidate-grade);
  font-size: inherit;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vanity-candidate-meta span::before {
  content: "·";
  margin: 0 5px;
  color: var(--subtle);
}

.vanity-candidate-state {
  flex: 0 0 42px;
  overflow: hidden;
  color: var(--subtle);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vanity-candidate.is-active .vanity-candidate-state {
  color: var(--candidate-grade);
}

.vanity-empty {
  gap: 7px;
  min-height: 29px;
  padding: 3px 5px;
  color: var(--subtle);
  font-size: 7px;
}

.vanity-empty > span {
  flex: 0 0 21px;
}

.vanity-empty code {
  color: var(--muted);
  font-family: inherit;
  font-size: 8px;
}

.vanity-empty small {
  margin-left: auto;
  font-size: 7px;
}

#view-launch .vanity-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 3px;
}

#view-launch .vanity-actions .pill-button {
  min-height: 21px;
  padding: 2px 7px;
  border-radius: 2px;
  font-family: inherit;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .025em;
  text-transform: uppercase;
}

#view-launch .vanity-actions .pill-button span {
  color: var(--green);
}

#view-launch .vanity-progress {
  margin-left: auto;
  font-family: inherit;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (min-width: 901px) {
  #view-launch .compact-workbench {
    grid-template-columns: minmax(420px, 1.25fr) minmax(340px, .75fr);
    gap: 10px;
  }
}

@media (max-width: 620px) {
  #view-launch .vanity-inputs {
    flex-direction: column;
  }

  #view-launch .vanity-candidate-state,
  .vanity-list-head span:last-child {
    display: none;
  }

  .vanity-empty small {
    display: none;
  }

}

/* -------------------------------------------------------------------------
   Full-app terminal workspaces

   Primary desktop views use framed, independently scrolling panes. History
   is a tabbed operator workspace so recovery, custody, audit, and journal
   evidence do not collapse into one long document.
   ------------------------------------------------------------------------- */

#view-wallet .surface,
#view-discovery .surface,
#view-history .surface,
#view-settings .surface {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line-strong);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--green) 1.8%, transparent), transparent 28%),
    color-mix(in srgb, var(--panel) 78%, transparent);
}

#view-wallet .section-heading,
#view-discovery .section-heading,
#view-history .section-heading,
#view-settings .section-heading {
  min-height: 38px;
  margin: 0;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--line);
}

#view-wallet .section-heading h2,
#view-discovery .section-heading h2,
#view-history .section-heading h2,
#view-settings .section-heading h2 {
  font-size: 12px;
  text-transform: uppercase;
}

#view-wallet .section-heading .eyebrow,
#view-discovery .section-heading .eyebrow,
#view-history .section-heading .eyebrow,
#view-settings .section-heading .eyebrow {
  font-size: 8px;
}

#view-wallet .account-row,
#view-wallet .asset-row,
#view-settings .secret-pin-panel,
#view-settings .release-panel,
#view-settings .rpc-settings-panel,
#view-settings .setting-row,
#view-settings .mode-row-card,
#view-history .recovery-wallet-row,
#view-history .timeline-row,
#view-history .history-audit-panel {
  background: transparent;
}

#view-wallet .account-row,
#view-wallet .asset-row,
#view-settings .setting-row,
#view-settings .mode-row-card,
#view-history .timeline-row {
  padding: 9px 7px;
  border-bottom-color: var(--line);
}

#view-wallet .account-row:hover,
#view-wallet .asset-row:hover,
#view-settings .setting-row:hover,
#view-settings .mode-row-card:hover,
#view-history .timeline-row:hover {
  background: linear-gradient(90deg, color-mix(in srgb, var(--green) 5%, transparent), transparent 76%);
}

#view-wallet .wallet-detail-panel {
  gap: 9px;
  padding: 10px 0;
}

#view-wallet .wallet-detail-grid {
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 10px;
}

#view-wallet .wallet-qr-box {
  min-height: 118px;
}

#view-wallet .wallet-funding-stats span,
#view-settings .setting-row,
#view-settings .mode-row-card {
  min-height: 48px;
}

#view-wallet .wallet-funding-box code,
#view-wallet .secret-value code {
  padding: 7px;
  font-size: 9px;
}

#view-wallet .secret-pin-callout,
#view-wallet .wallet-recovery-box {
  padding: 8px;
  border-radius: 0;
}

#view-settings .settings-list,
#view-settings .mode-stack {
  border-top: 0;
}

#view-settings .secret-pin-panel,
#view-settings .release-panel {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  padding: 9px 7px;
}

#view-settings .secret-pin-actions,
#view-settings .release-panel .secret-pin-actions {
  grid-column: 1 / -1;
  justify-content: flex-start;
  gap: 5px;
  padding-top: 7px;
  border-top: 1px solid var(--line);
}

#view-settings .secret-pin-meta,
#view-settings .release-meta {
  align-self: start;
  min-width: 94px;
}

#view-settings .release-panel > span:first-child p {
  max-width: 64ch;
  white-space: normal;
}

#view-settings .rpc-settings-panel {
  gap: 8px;
  padding: 9px 7px;
  border-top: 0;
}

#view-settings .rpc-saved-list article {
  padding: 6px 0;
}

#view-settings .rpc-add-grid input {
  height: 29px;
}

#view-discovery .rail {
  height: 100%;
  padding-left: 0;
  border-left: 0;
}

#view-discovery .rail .surface {
  height: 100%;
}

#view-discovery .discovery-inspect-bar {
  margin-top: 10px;
  padding: 8px;
}

#view-discovery .discovery-inspect-bar input {
  height: 32px;
}

#view-discovery .standards-strip {
  margin-bottom: 9px;
}

#view-discovery .standard-chip {
  padding: 8px 9px;
}

.history-pane-tabs {
  display: flex;
  gap: 0;
  min-width: 0;
  border-right: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
  border-left: 1px solid var(--line-strong);
  background: var(--panel);
}

.history-pane-tab {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 34px;
  padding: 5px 12px;
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.history-pane-tab:last-child {
  border-right: 0;
}

.history-pane-tab::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: transparent;
}

.history-pane-tab strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-pane-tab strong {
  color: var(--ink);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.history-pane-tab i {
  color: var(--subtle);
  font-size: 9px;
}

.history-pane-tab:hover,
.history-pane-tab.is-selected {
  background: linear-gradient(90deg, color-mix(in srgb, var(--green) 9%, transparent), transparent);
}

.history-pane-tab.is-selected::after {
  background: var(--green);
}

.history-pane-tab.is-selected i,
.history-pane-tab.is-selected strong {
  color: var(--green);
}

.history-pane-tab:focus-visible {
  z-index: 1;
  outline: 1px solid var(--green);
  outline-offset: -2px;
}

.history-pane-stage {
  min-width: 0;
  min-height: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 34%, transparent);
  overflow: hidden;
}

.history-pane {
  display: none;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 10px;
  overflow: hidden auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--line-strong) transparent;
  scrollbar-width: thin;
}

.history-pane.is-active {
  display: block;
}

.history-pane .recovery-wizard,
.history-pane .recovery-wallet-workspace,
.history-pane .history-execution-audit {
  margin: 0;
}

.history-pane .recovery-wizard-panel,
.history-pane .history-audit-panel,
.history-pane .recovery-guide {
  border-radius: 0;
}

.history-pane .recovery-wizard-panel {
  gap: 9px;
  padding: 10px;
}

.history-pane .recovery-wizard-step {
  min-height: 36px;
  border-radius: 0;
}

.history-pane .recovery-wizard-screen {
  padding: 9px;
}

.history-pane .recovery-wallet-row {
  padding: 8px 0;
}

.activity-drawer-panel,
.approval-window,
.toast {
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: color-mix(in srgb, var(--panel-strong) 96%, transparent);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
}

@media (min-width: 901px) {
  body:not([data-active-view="launch"]) .view.is-active,
  #view-wallet.is-active,
  #view-discovery.is-active,
  #view-history.is-active,
  #view-settings.is-active {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  #view-wallet .two-column,
  #view-settings .two-column,
  #view-discovery .discovery-grid {
    height: 100%;
    min-height: 0;
    gap: 12px;
  }

  #view-wallet .two-column {
    grid-template-columns: minmax(320px, .82fr) minmax(450px, 1.18fr);
  }

  #view-settings .two-column {
    grid-template-columns: minmax(490px, 1.12fr) minmax(330px, .88fr);
  }

  #view-wallet .surface,
  #view-settings .surface,
  #view-discovery .surface {
    height: 100%;
    min-height: 0;
    overflow: hidden auto;
    overscroll-behavior: contain;
    scrollbar-color: var(--line-strong) transparent;
    scrollbar-width: thin;
  }

  #view-wallet .section-heading,
  #view-settings .section-heading {
    position: sticky;
    top: -10px;
    z-index: 3;
    padding-top: 10px;
    background: color-mix(in srgb, var(--panel) 97%, transparent);
  }

  #view-history .surface-main {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    padding: 10px;
    overflow: hidden;
  }
}

@media (max-width: 900px) {
  .history-pane-tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .history-pane-tab {
    flex: 0 0 auto;
    min-width: 104px;
  }

  .history-pane-stage {
    overflow: visible;
  }

  .history-pane {
    height: auto;
    max-height: none;
    overflow: visible;
  }
}

/* Final density pass: preserve complete operational labels inside the fixed
   cockpit instead of letting native text overflow dictate the layout. */

@media (min-width: 901px) {
  #view-launch .cockpit-board .agent-status h3 {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  #view-launch .cockpit-board .chart-card {
    padding: 5px 7px !important;
  }

  #view-launch .cockpit-board .chart-head {
    margin-bottom: 2px;
  }

  #view-launch .cockpit-board .chart-legend,
  #view-launch .cockpit-board .depth-chart,
  #view-launch .cockpit-board .funding-meter {
    gap: 2px;
  }

  #view-launch .cockpit-board .legend-row {
    line-height: 1.1;
  }

  #view-launch .cockpit-board .legend-row > span:nth-child(2) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #view-launch .compact-workbench label,
  #view-launch .setup-dock-head .eyebrow,
  #view-launch .classic-controls summary {
    color: color-mix(in srgb, var(--muted) 88%, var(--ink));
  }
}

/* -------------------------------------------------------------------------
   V2 terminal polish / pass 2

   Remove the final dashboard-like scale and card rhythm. The shell now uses
   one compact type ladder, command-style actions, and table-like recovery UI.
   ------------------------------------------------------------------------- */

body {
  font-size: 11px;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

h1,
h2,
h3 {
  text-transform: uppercase;
}

h1 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: .045em;
}

h2 {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .035em;
}

h3 {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .025em;
}

p {
  font-size: 10px;
  line-height: 1.45;
}

.topbar {
  min-height: 34px;
  margin-bottom: 8px;
}

.topbar-copy {
  gap: 2px;
}

.topbar-copy .eyebrow {
  font-size: 7px;
  letter-spacing: .09em;
}

.terminal-tape {
  height: 27px;
  margin-bottom: 9px;
}

.terminal-tape > span {
  padding-inline: 9px;
}

.terminal-tape small {
  font-size: 7px;
}

.terminal-tape strong {
  font-size: 8px;
}

.wallet-button,
.icon-button {
  min-height: 30px;
}

.wallet-button {
  padding: 5px 8px;
  font-size: 9px;
}

.icon-button {
  width: 30px;
}

.sidebar {
  gap: 18px;
}

.nav-item {
  min-height: 38px;
  font-size: 9px;
  letter-spacing: .035em;
}

.network-button {
  min-height: 31px;
  padding-block: 5px;
  font-size: 9px;
}

.global-strip {
  margin-bottom: 11px;
}

.global-metric {
  gap: 2px;
  padding: 7px 9px;
}

.global-metric strong {
  font-size: 10px;
  font-weight: 500;
}

.global-metric span {
  font-size: 7px;
}

.section-heading {
  margin-bottom: 8px;
}

.section-heading > div::before {
  transform: translateX(-14px);
  font-size: 7px;
}

.eyebrow,
label,
.setup-help {
  font-size: 8px;
}

.primary-button,
.secondary-button,
.pill-button {
  min-height: 27px;
  padding: 4px 8px;
  border-color: var(--line-strong);
  background: transparent;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .045em;
  box-shadow: none;
}

.primary-button {
  border-color: color-mix(in srgb, var(--green) 64%, var(--line));
  background: color-mix(in srgb, var(--green) 6%, var(--panel));
  color: var(--green);
  box-shadow: inset 2px 0 0 var(--green);
}

.primary-button:hover {
  border-color: var(--green);
  background: var(--green);
  color: #031009;
  box-shadow: none;
}

.secondary-button:hover,
.pill-button:hover,
.wallet-button:hover,
.icon-button:hover,
.network-button:hover {
  background: color-mix(in srgb, var(--green) 4%, var(--panel));
}

.pill-button.danger {
  background: color-mix(in srgb, var(--red) 3%, transparent);
}

.button-pair {
  gap: 4px;
}

.badge,
.risk-badge,
.tx-state {
  min-height: 17px;
  padding: 1px 5px;
  font-size: 7px;
}

.launch-workspace-tab {
  min-height: 36px;
  padding-block: 4px;
}

.launch-workspace-tab strong {
  font-size: 9px;
}

.launch-workspace-tab small {
  font-size: 7px;
}

.mode-button {
  min-height: 28px;
  padding-block: 3px;
}

.mode-button strong {
  font-size: 8px;
}

input,
textarea,
select,
.setup-dock input,
.classic-grid input,
.pool-field-grid input,
.pool-field-grid select,
.airdrop-budget-controls input[type="number"],
.rpc-add-grid input {
  font-size: 9px;
}

.setup-dock input,
.classic-grid input,
.pool-field-grid input,
.pool-field-grid select,
.airdrop-budget-controls input[type="number"] {
  min-height: 25px;
}

.asset-mark,
.token-mark,
.ident,
.stage-num {
  border-color: var(--line-strong);
  background: transparent;
  font-size: 9px;
  font-weight: 500;
  box-shadow: none;
}

.account-row .ident,
.recovery-wallet-row .ident {
  width: 30px;
  height: 30px;
}

.readiness-phase,
.live-ops-grid span,
.classic-stats span,
.pool-mini-grid span,
.airdrop-budget-grid span,
.wallet-funding-stats span,
.recovery-wallet-stats > span,
.recovery-wizard-stats span {
  border-radius: 0;
  background: transparent;
}

.readiness-phase,
.live-ops-grid span,
.classic-stats span,
.pool-mini-grid span,
.airdrop-budget-grid span {
  border: 1px solid var(--line);
}

.chart-card,
.cockpit-board,
.setup-dock,
.classic-bridge,
.pool-row,
.operator-subpanel,
.phase-tree,
.discovery-inspect-bar,
.wallet-recovery-box,
.secret-pin-callout,
.history-audit-panel {
  box-shadow: none;
}

#view-wallet .section-heading,
#view-discovery .section-heading,
#view-history .section-heading,
#view-settings .section-heading {
  min-height: 31px;
  padding-bottom: 6px;
}

#view-wallet .section-heading h2,
#view-discovery .section-heading h2,
#view-history .section-heading h2,
#view-settings .section-heading h2 {
  font-size: 10px;
}

#view-wallet .account-row,
#view-wallet .asset-row,
#view-settings .setting-row,
#view-settings .mode-row-card,
#view-history .timeline-row {
  padding-block: 7px;
}

#view-wallet .wallet-funding-stats span,
#view-settings .setting-row,
#view-settings .mode-row-card {
  min-height: 40px;
}

#view-wallet .wallet-detail-grid {
  grid-template-columns: 96px minmax(0, 1fr);
}

#view-wallet .wallet-qr-box {
  min-height: 96px;
}

#view-wallet .wallet-qr-box span {
  width: 38px;
  height: 38px;
  font-size: 14px;
}

#view-discovery .discovery-inspect-bar {
  padding: 6px;
}

#view-discovery .discovery-inspect-bar input {
  height: 28px;
}

#view-discovery .evidence-head {
  grid-template-columns: 28px minmax(0, 1fr);
}

#view-discovery .evidence-head .token-mark {
  width: 28px;
  height: 28px;
}

#view-discovery .evidence-head h3 {
  font-size: 11px;
}

.history-pane-tab {
  min-height: 34px;
  padding-block: 4px;
}

.history-pane {
  padding: 7px;
}

.history-pane .recovery-wizard-panel {
  gap: 6px;
  padding: 7px;
  border-color: var(--line-strong);
  background: transparent;
}

.history-pane .recovery-wizard-panel.warn {
  border-left: 2px solid var(--amber);
  background: transparent;
}

.history-pane .recovery-wizard-panel.danger {
  border-left: 2px solid var(--red);
  background: transparent;
}

.recovery-wizard-head {
  gap: 8px;
  padding: 0 0 6px;
  border-bottom: 1px solid var(--line);
}

.recovery-wizard-head strong {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.recovery-wizard-head em,
.recovery-wizard-screen p,
.recovery-wizard-screen li {
  font-size: 9px;
  line-height: 1.4;
}

.recovery-wizard-steps {
  gap: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.history-pane .recovery-wizard-step,
.recovery-wizard-step {
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 5px;
  min-height: 28px;
  padding: 4px 6px;
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
}

.recovery-wizard-step:last-child {
  border-right: 0;
}

.recovery-wizard-step small {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 0;
  color: var(--subtle);
  font-size: 7px;
}

.recovery-wizard-step strong {
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}

.recovery-wizard-step.is-active,
.recovery-wizard-step.warn,
.recovery-wizard-step.danger {
  border-color: var(--line);
  background: color-mix(in srgb, var(--green) 5%, transparent);
  box-shadow: inset 0 -1px 0 var(--green);
}

.recovery-wizard-step.warn {
  box-shadow: inset 0 -1px 0 var(--amber);
}

.recovery-wizard-step.danger {
  box-shadow: inset 0 -1px 0 var(--red);
}

.history-pane .recovery-wizard-screen,
.recovery-wizard-screen {
  gap: 6px;
  padding: 6px 0 0;
  border: 0;
  background: transparent;
}

.recovery-wizard-screen h3 {
  margin-top: 2px;
  font-size: 10px;
}

.recovery-wizard-stats {
  gap: 0;
  border: 1px solid var(--line);
}

.recovery-wizard-stats span {
  padding: 5px 7px;
  border: 0;
  border-right: 1px solid var(--line);
}

.recovery-wizard-stats span:last-child {
  border-right: 0;
}

.recovery-wizard-stats small,
.recovery-wizard-stats strong {
  font-size: 8px;
}

.recovery-wizard-screen ul {
  gap: 2px;
  padding-left: 0;
  list-style: none;
}

.recovery-wizard-screen li {
  position: relative;
  padding-left: 12px;
}

.recovery-wizard-screen li::before {
  content: ">";
  position: absolute;
  left: 0;
  color: var(--green);
}

.recovery-wizard-actions {
  gap: 4px;
  padding-top: 2px;
}

.recovery-next-action {
  display: grid;
  gap: 3px;
}

.recovery-next-action h3 {
  font-size: 12px;
}

.recovery-wizard-details {
  margin-top: 2px;
  border-top: 1px solid var(--line);
}

.recovery-wizard-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 30px;
  color: var(--muted);
  cursor: pointer;
  list-style: none;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.recovery-wizard-details > summary::-webkit-details-marker {
  display: none;
}

.recovery-wizard-details > summary::before {
  content: "+";
  color: var(--green);
}

.recovery-wizard-details[open] > summary::before {
  content: "−";
}

.recovery-wizard-details > summary strong {
  margin-left: auto;
  color: var(--subtle);
  font-size: 8px;
}

.recovery-wizard-details[open] {
  display: grid;
  gap: 7px;
}

.recovery-status-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.recovery-status-list > span {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 5px 7px;
  border-right: 1px solid var(--line);
}

.recovery-status-list > span:last-child {
  border-right: 0;
}

.recovery-status-list strong,
.recovery-status-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  font-style: normal;
}

.recovery-status-list em {
  color: var(--muted);
}

@media (max-width: 640px) {
  .recovery-status-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recovery-status-list > span:nth-child(2n) {
    border-right: 0;
  }

  .recovery-status-list > span:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }
}

.recovery-guide {
  gap: 5px;
  padding: 7px;
  border-radius: 0;
  background: transparent;
}

.activity-drawer-panel {
  gap: 7px;
  width: min(560px, calc(100vw - 20px));
  padding: 9px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .34);
}

.activity-filter-tabs {
  gap: 0;
  border: 1px solid var(--line);
}

.activity-filter-tabs button {
  gap: 1px;
  padding: 5px 6px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.activity-filter-tabs button:last-child {
  border-right: 0;
}

.approval-window,
.activity-drawer-panel,
.toast {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

.approval-head,
.approval-body,
.approval-actions {
  padding: 9px;
}

.approval-actions {
  gap: 5px;
}

.toast-stack {
  bottom: 10px;
  width: min(380px, calc(100vw - 24px));
}

.toast {
  padding: 7px 9px;
  font-size: 9px;
  font-weight: 500;
}

.recovery-pin-gate {
  padding: 18px;
  background: rgba(1, 3, 2, .985);
}

.recovery-pin-shell {
  gap: 12px;
  width: min(430px, 100%);
  padding: 18px;
  border: 1px solid var(--line-strong);
  background: color-mix(in srgb, var(--panel-strong) 96%, transparent);
  text-align: left;
}

.recovery-pin-lock {
  justify-self: start;
  width: 34px;
  height: 34px;
  border-radius: 0;
  font-size: 11px;
}

.recovery-pin-head {
  gap: 5px;
}

.recovery-pin-head h2 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: .045em;
}

.recovery-pin-head p {
  font-size: 10px;
  line-height: 1.45;
}

.recovery-pin-boxes {
  grid-template-columns: repeat(4, 46px);
  gap: 7px;
}

.recovery-pin-boxes span {
  border-width: 1px;
  border-radius: 0;
  font-size: 24px;
}

.recovery-pin-message {
  min-height: 16px;
  margin: 0;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}

.recovery-pin-local {
  margin: 0;
  font-size: 8px;
}

.recovery-pin-cancel {
  top: 14px;
  right: 14px;
  width: 30px;
  height: 30px;
  border-radius: 0;
}

@media (min-width: 901px) {
  body[data-active-view="launch"] .topbar {
    min-height: 34px;
    margin-bottom: 6px;
  }

  #view-launch .surface-main {
    grid-template-rows: auto 104px auto auto minmax(0, 1fr);
  }

  #view-launch .cockpit-board {
    height: 104px;
  }
}

@media (max-width: 620px) {
  h1 {
    font-size: 14px;
  }

  .recovery-pin-shell {
    padding: 14px;
  }

  .recovery-pin-boxes {
    grid-template-columns: repeat(4, minmax(42px, 1fr));
  }
}

/* Terminal-native logo picker. Keep the browser's default file button out of
   the cockpit; the whole command strip remains an accessible file label. */

.logo-input-row {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.logo-input-label {
  color: color-mix(in srgb, var(--muted) 88%, var(--ink));
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .13em;
  line-height: 1.15;
  text-transform: uppercase;
}

.setup-dock .logo-upload-control {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0;
  min-width: 0;
  min-height: 32px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 74%, transparent);
  color: var(--ink);
  cursor: pointer;
}

.setup-dock .logo-upload-control:hover {
  border-color: color-mix(in srgb, var(--green) 48%, var(--line-strong));
  background: color-mix(in srgb, var(--green) 3%, var(--panel-strong));
}

.setup-dock .logo-upload-control:focus-within {
  border-color: var(--green);
  box-shadow: inset 2px 0 0 var(--green);
}

.setup-dock .logo-upload-control input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.logo-upload-command,
.logo-upload-meta {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 30px;
  line-height: 1;
  white-space: nowrap;
}

.logo-upload-command {
  gap: 6px;
  padding: 0 9px;
  border-right: 1px solid var(--line);
  background: color-mix(in srgb, var(--green) 6%, transparent);
  color: var(--green);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .1em;
}

.logo-upload-command i {
  font-size: 8px;
}

.logo-upload-meta {
  justify-content: flex-end;
  padding: 0 7px;
  overflow: hidden;
  color: var(--subtle);
  font-size: 6.5px;
  font-weight: 500;
  letter-spacing: .04em;
  text-overflow: ellipsis;
}

.logo-upload-control:hover .logo-upload-command {
  background: color-mix(in srgb, var(--green) 10%, transparent);
}

@media (max-width: 520px) {
  .logo-upload-meta {
    display: none;
  }

  .setup-dock .logo-upload-control {
    grid-template-columns: 1fr;
  }

  .logo-upload-command {
    justify-content: center;
    border-right: 0;
  }
}

/* Replace native up/down controls with a crypto-terminal decrement/value/
   increment strip while preserving direct typing and keyboard stepping. */

input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.number-stepper {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 22px;
  min-width: 0;
  min-height: 25px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 74%, transparent);
}

.number-stepper:hover {
  border-color: var(--line-strong);
}

.number-stepper:focus-within {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 3%, var(--panel-strong));
  box-shadow: inset 2px 0 0 var(--green);
}

.setup-dock .number-stepper input[type="number"],
.classic-grid .number-stepper input[type="number"],
.pool-field-grid .number-stepper input[type="number"],
.airdrop-budget-controls .number-stepper input[type="number"] {
  width: 100%;
  min-width: 0;
  min-height: 23px;
  height: 100%;
  padding: 3px 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font: inherit;
  text-align: center;
}

.setup-dock .number-stepper input[type="number"]:focus,
.classic-grid .number-stepper input[type="number"]:focus,
.pool-field-grid .number-stepper input[type="number"]:focus,
.airdrop-budget-controls .number-stepper input[type="number"]:focus {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.number-stepper-button {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 23px;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: color-mix(in srgb, var(--green) 4%, transparent);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.number-stepper-button:last-child {
  border-right: 0;
  border-left: 1px solid var(--line);
}

.number-stepper-button:hover,
.number-stepper-button:focus-visible {
  outline: none;
  background: color-mix(in srgb, var(--green) 12%, transparent);
  color: var(--green);
}

.number-stepper-button:active {
  background: var(--green);
  color: var(--bg);
}

.number-stepper:has(input:disabled),
.number-stepper:has(input[readonly]) {
  opacity: .5;
}

.number-stepper:has(input:disabled) .number-stepper-button,
.number-stepper:has(input[readonly]) .number-stepper-button {
  cursor: not-allowed;
}

/* Active wallet identity follows the same rarity palette as Vanity CA
   candidates. Rarity colors identify the signer; warning and destructive
   controls keep their independent amber/red status semantics. */

.wallet-rarity-common {
  --wallet-rarity: var(--rarity-common);
}

.wallet-rarity-fine {
  --wallet-rarity: var(--rarity-fine);
}

.wallet-rarity-rare {
  --wallet-rarity: var(--rarity-rare);
}

.wallet-rarity-rati {
  --wallet-rarity: var(--rarity-rati);
}

.wallet-rarity-commissioned {
  --wallet-rarity: var(--rarity-commissioned);
}

.wallet-button[class*="wallet-rarity-"] {
  border-color: color-mix(in srgb, var(--wallet-rarity) 38%, var(--line));
  background: linear-gradient(90deg, color-mix(in srgb, var(--wallet-rarity) 7%, transparent), transparent 72%);
}

.wallet-button[class*="wallet-rarity-"] .wallet-led.is-on {
  background: var(--wallet-rarity);
  box-shadow: 0 0 10px color-mix(in srgb, var(--wallet-rarity) 56%, transparent);
}

#view-wallet .account-row {
  --wallet-rarity: var(--rarity-common);
  border-left: 2px solid transparent;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

#view-wallet .account-row .ident {
  border-color: color-mix(in srgb, var(--wallet-rarity) 36%, var(--line));
  color: color-mix(in srgb, var(--wallet-rarity) 68%, var(--muted));
}

#view-wallet .account-row .wallet-rarity-label {
  color: color-mix(in srgb, var(--wallet-rarity) 52%, var(--muted));
}

#view-wallet .account-row.is-active,
#view-wallet .account-row.is-active:hover {
  border-left-color: var(--wallet-rarity);
  border-bottom-color: color-mix(in srgb, var(--wallet-rarity) 44%, var(--line));
  background: linear-gradient(90deg, color-mix(in srgb, var(--wallet-rarity) 11%, transparent), transparent 78%);
  box-shadow: inset 8px 0 18px -18px var(--wallet-rarity);
}

#view-wallet .account-row.is-active .ident {
  border-color: var(--wallet-rarity);
  color: var(--wallet-rarity);
  box-shadow: 0 0 12px color-mix(in srgb, var(--wallet-rarity) 22%, transparent);
}

#view-wallet .account-row.is-active .account-copy h3,
#view-wallet .account-row.is-active .balance strong,
#view-wallet .account-row.is-active .wallet-rarity-label {
  color: var(--wallet-rarity);
}

#view-wallet .wallet-module-heading {
  border-top: 1px solid color-mix(in srgb, var(--wallet-rarity, var(--line-strong)) 28%, var(--line));
}

#view-wallet .wallet-rarity-badge[class*="wallet-rarity-"] {
  border-color: color-mix(in srgb, var(--wallet-rarity) 52%, var(--line));
  background: color-mix(in srgb, var(--wallet-rarity) 7%, transparent);
  color: var(--wallet-rarity);
}

/* -------------------------------------------------------------------------
   Discovery market workspace

   Market data leads the detail view; chain safety evidence remains compact
   and scannable below it. This intentionally replaces the old static
   Identity / Authority / Distribution / Provenance explainer strip.
   ------------------------------------------------------------------------- */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

#view-discovery .discovery-inspect-bar {
  grid-template-columns: minmax(0, 1fr) auto;
}

.personal-discovery-panel {
  display: grid;
  gap: 9px;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line));
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--green) 7%, transparent), transparent 48%),
    var(--panel);
}

.discovery-pane-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 34px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.discovery-pane-tab {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 92px;
  min-height: 34px;
  padding: 6px 10px;
  color: var(--muted);
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.discovery-pane-tab > i {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border: 0;
  font-size: 9px;
}

.discovery-pane-tab span {
  display: block;
}

.discovery-pane-tab strong {
  color: var(--text);
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.discovery-pane-tab small {
  display: none;
}

.discovery-pane-tab.is-selected {
  color: var(--green);
  background: color-mix(in srgb, var(--green) 5%, transparent);
  box-shadow: inset 0 -2px 0 var(--green);
}

.discovery-pane-tab.is-selected strong,
.discovery-pane-tab.is-selected > i {
  color: var(--green);
}

.discovery-pane-tab:focus-visible {
  outline: 1px solid var(--green);
  outline-offset: -2px;
}

.discovery-pane[hidden],
[data-discovery-pane-panel][hidden] {
  display: none !important;
}

.discovery-grid.is-wallet-tracking {
  grid-template-columns: minmax(0, 1fr);
}

.wallet-tracking-panel {
  min-height: 430px;
}

.wallet-tracking-panel .discovery-wallet-chip-list {
  max-height: 380px;
  overflow: auto;
  align-content: start;
  scrollbar-gutter: stable;
}

.discovery-wallet-show-more {
  margin-top: 10px;
}

.personal-discovery-status {
  display: grid;
  gap: 8px;
}

.personal-discovery-status > span:first-child {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.discovery-progress-meter {
  width: 100%;
  height: 4px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--field);
}

.discovery-progress-meter > i {
  display: block;
  height: 100%;
  background: var(--green);
  transition: width 180ms ease;
}

.launch-budget-recommender {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--green) 48%, var(--line));
  background: color-mix(in srgb, var(--green) 4%, var(--surface));
}

.launch-budget-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.launch-budget-head > span:first-child {
  display: grid;
  gap: 5px;
}

.launch-budget-head h3,
.launch-budget-head p {
  margin: 0;
}

.launch-budget-head h3 {
  font-size: 18px;
}

.launch-budget-head p {
  max-width: 650px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.launch-budget-input {
  min-width: 190px;
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.launch-budget-input > span:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border: 1px solid var(--line-strong);
  background: var(--field);
}

.launch-budget-input input {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  color: var(--text);
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 17px;
}

.launch-budget-input strong {
  padding: 0 12px;
  color: var(--green);
}

.launch-budget-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.launch-budget-presets button {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  color: var(--muted);
  border: 1px solid var(--line);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.launch-budget-presets strong {
  color: var(--text);
}

.launch-budget-presets small {
  font-size: 10px;
}

.launch-budget-presets button.is-selected {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 7%, transparent);
}

.launch-budget-presets button.is-selected strong {
  color: var(--green);
}

.launch-budget-strategy {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.launch-budget-strategy > span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-right: 1px solid var(--line);
}

.launch-budget-strategy > span:last-child {
  border-right: 0;
}

.launch-budget-strategy small {
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.launch-budget-strategy strong {
  color: var(--text);
  font-size: 12px;
}

.launch-budget-strategy .recommended-band {
  background: color-mix(in srgb, var(--green) 6%, transparent);
}

.launch-budget-strategy .recommended-band strong {
  color: var(--green);
}

@media (max-width: 850px) {
  .launch-budget-head {
    align-items: stretch;
    flex-direction: column;
  }

  .launch-budget-input {
    min-width: 0;
  }

  .launch-budget-presets,
  .launch-budget-strategy {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .launch-budget-strategy > span:nth-child(2) {
    border-right: 0;
  }

  .launch-budget-strategy > span {
    border-bottom: 1px solid var(--line);
  }

  .launch-budget-strategy > span:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  .discovery-pane-tabs,
  .launch-budget-presets,
  .launch-budget-strategy {
    grid-template-columns: 1fr;
  }

  .launch-budget-strategy > span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .launch-budget-strategy > span:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .launch-budget-strategy > span:last-child {
    border-bottom: 0;
  }
}

.personal-discovery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.personal-discovery-head > span {
  display: grid;
  gap: 2px;
}

.personal-discovery-head small,
.personal-token-section-head small {
  color: var(--muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.personal-discovery-head strong {
  color: var(--ink);
  font-size: 13px;
}

.personal-discovery-explainer {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.discovery-wallet-form {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(120px, .7fr) auto;
  gap: 6px;
}

.discovery-wallet-form input {
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid var(--line-strong);
  background: var(--panel-strong);
  color: var(--ink);
  font-family: var(--mono);
}

.discovery-wallets {
  display: grid;
  gap: 7px;
}

.discovery-wallet-group,
.managed-discovery-wallets {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.discovery-wallet-group > header,
.managed-discovery-wallets > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--ink);
  font-size: 9px;
  font-weight: 800;
}

.discovery-wallet-group > header small,
.managed-discovery-wallets > summary small {
  color: var(--muted);
  font-size: 8px;
  font-weight: 700;
}

.managed-discovery-wallets {
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--panel-strong) 94%, transparent);
}

.managed-discovery-wallets > summary {
  cursor: pointer;
  list-style: none;
}

.managed-discovery-wallets > summary::-webkit-details-marker {
  display: none;
}

.managed-discovery-wallets > summary::after {
  content: "+";
  color: var(--green);
}

.managed-discovery-wallets[open] > summary::after {
  content: "−";
}

.managed-discovery-wallets[open] > .discovery-wallet-chip-list {
  margin-top: 2px;
}

.discovery-wallet-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.discovery-scan-budget {
  margin: 0;
  color: var(--muted);
  font-size: 8px;
}

.discovery-wallet-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 5px 6px 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel-strong);
  color: var(--muted);
  font-size: 8px;
}

.discovery-wallet-chip.is-paused {
  opacity: .55;
}

.discovery-wallet-chip strong {
  max-width: 120px;
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.discovery-wallet-chip button {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--muted);
}

.discovery-wallet-chip button:hover {
  background: color-mix(in srgb, var(--green) 10%, var(--panel));
  color: var(--ink);
}

.personal-discovery-status {
  min-height: 16px;
  color: var(--muted);
  font-size: 9px;
}

.personal-discovery-status.is-error {
  color: var(--red);
}

.personal-discovery-status.is-warning {
  color: var(--yellow);
}

.personal-token-network {
  display: grid;
  gap: 7px;
}

.token-feed-summary {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
}

.token-feed-summary > span {
  display: grid;
  gap: 2px;
}

.token-feed-summary strong {
  color: var(--ink);
  font-size: 11px;
}

.token-feed-summary small,
.personal-token-origin {
  color: var(--muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.personal-token-origin.warn {
  border-color: color-mix(in srgb, var(--yellow) 48%, var(--line));
  color: var(--yellow);
}

.personal-token-origin.danger {
  border-color: color-mix(in srgb, var(--red) 52%, var(--line));
  color: var(--red);
}

.personal-token-feed {
  max-height: clamp(220px, 34vh, 410px);
  display: grid;
  gap: 5px;
  overflow: auto;
  align-content: start;
  padding-right: 3px;
  scrollbar-gutter: stable;
}

.personal-token-section {
  display: grid;
  gap: 5px;
}

.personal-token-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 4px;
}

.personal-token-section-head strong {
  color: var(--ink);
  font-size: 10px;
}

.personal-token-section-head > span {
  display: grid;
  gap: 2px;
}

.personal-token-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.personal-token-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 34px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 48px;
  padding: 6px 8px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 94%, var(--green));
  color: var(--muted);
  text-align: left;
}

button.personal-token-card:hover {
  border-color: color-mix(in srgb, var(--green) 55%, var(--line));
}

.personal-token-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.personal-token-mark {
  width: 32px;
  height: 32px;
  display: grid;
  overflow: hidden;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--green) 40%, var(--line));
  background: var(--field);
  color: var(--green);
  font-size: 9px;
  font-weight: 850;
}

.personal-token-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.personal-token-card strong,
.personal-token-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-token-card strong {
  color: var(--ink);
  font-size: 10px;
}

.personal-token-card small {
  font-size: 8px;
}

.network-score {
  display: grid;
  place-items: center;
  min-width: 34px;
  min-height: 34px;
  border: 1px solid color-mix(in srgb, var(--green) 45%, var(--line));
  border-radius: 50%;
  color: var(--green);
  font-size: 11px;
  font-weight: 850;
}

.network-score.is-known {
  color: var(--muted);
  border-color: var(--line-strong);
  font-size: 9px;
}

.discovery-feed-empty {
  display: grid;
  min-height: 92px;
  place-items: center;
  padding: 16px;
  border: 1px dashed var(--line);
  color: var(--muted);
  font-size: 10px;
  text-align: center;
}

.discovery-manual-label {
  margin-top: 2px;
}

@media (max-width: 760px) {
  .discovery-wallet-form,
  .personal-token-grid {
    grid-template-columns: 1fr;
  }

  .personal-discovery-head {
    align-items: stretch;
    flex-direction: column;
  }

  .personal-token-section-head {
    align-items: start;
  }

  .discovery-wallet-group > header,
  .managed-discovery-wallets > summary {
    align-items: start;
    flex-direction: column;
  }

  .personal-token-card {
    grid-template-columns: 34px minmax(0, 1fr) 34px;
  }

  .personal-token-origin {
    display: none;
  }
}

#view-discovery .discovery-source-banner {
  min-height: 22px;
  margin: 5px 0 8px;
  font-size: 9px;
}

#view-discovery .discovery-table {
  border-top-color: var(--line-strong);
}

#view-discovery .discovery-row {
  grid-template-columns: 36px minmax(0, 1fr) 72px 88px;
  gap: 10px;
  padding: 9px 7px;
}

#view-discovery .discovery-row .token-mark,
#view-discovery .evidence-head .token-mark {
  overflow: hidden;
  background: color-mix(in srgb, var(--green) 4%, var(--panel-strong));
}

#view-discovery .token-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#view-discovery .discovery-copy h3 {
  font-size: 11px;
}

.market-line {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.25;
}

.market-line > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-line strong {
  color: var(--ink);
  font-size: 10px;
}

.market-line .has-provenance {
  color: var(--green);
}

.is-up {
  color: var(--green) !important;
}

.is-down {
  color: var(--red) !important;
}

.is-flat {
  color: var(--muted) !important;
}

#view-discovery .score-block {
  gap: 1px;
}

#view-discovery .score-block strong {
  font-size: 16px;
}

#view-discovery .score-block small,
#view-discovery .source-block {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .03em;
  text-transform: uppercase;
}

#view-discovery .source-block {
  gap: 3px;
}

#view-discovery .source-block .risk-badge {
  min-height: 20px;
  padding: 3px 6px;
  font-size: 8px;
}

#view-discovery .evidence-panel {
  border-top: 0;
}

#view-discovery .evidence-head {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 2px 0 9px;
  border-bottom: 1px solid var(--line-strong);
}

#view-discovery .evidence-head .token-mark {
  width: 34px;
  height: 34px;
}

.evidence-identity {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.evidence-identity > small,
.evidence-identity code {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#view-discovery .evidence-identity h3 {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-identity h3 span {
  color: var(--muted);
  font-weight: 500;
}

.evidence-price {
  display: grid;
  gap: 2px;
  justify-items: end;
  min-width: 0;
  text-align: right;
}

.evidence-price strong {
  max-width: 145px;
  overflow: hidden;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-price small {
  font-size: 9px;
}

.brand-shield-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--green) 42%, var(--line));
  border-left: 3px solid var(--green);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.brand-shield-alert.warn {
  border-color: color-mix(in srgb, var(--yellow) 44%, var(--line));
  border-left-color: var(--yellow);
  background: color-mix(in srgb, var(--yellow) 6%, var(--panel));
}

.brand-shield-alert.danger {
  border-color: color-mix(in srgb, var(--red) 48%, var(--line));
  border-left-color: var(--red);
  background: color-mix(in srgb, var(--red) 7%, var(--panel));
}

.brand-shield-alert > i {
  color: var(--green);
  font-size: 14px;
}

.brand-shield-alert.warn > i { color: var(--yellow); }
.brand-shield-alert.danger > i { color: var(--red); }

.brand-shield-alert > span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.brand-shield-alert small {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.brand-shield-alert strong {
  color: var(--ink);
  font-size: 11px;
}

.brand-shield-alert p,
.brand-shield-alert code {
  color: var(--muted);
  font-size: 8px;
  line-height: 1.35;
}

.market-card {
  display: grid;
  margin-top: 8px;
  border: 1px solid var(--line-strong);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--green) 4%, transparent), transparent 62%),
    color-mix(in srgb, var(--panel-strong) 76%, transparent);
}

.market-card-head,
.market-chart-range {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.market-card-head {
  padding: 7px 8px 4px;
}

.market-card-head > span:first-child,
.market-chart-range span {
  display: grid;
  gap: 1px;
}

.market-card-head small,
.market-chart-range small,
.market-stats small,
.market-source small,
.detail-section-label small {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.market-card-head strong,
.market-card-head > span:last-child {
  font-size: 9px;
}

.market-sparkline {
  display: block;
  width: 100%;
  height: 108px;
  padding: 0 4px;
}

.market-sparkline-area {
  fill: color-mix(in srgb, var(--green) 10%, transparent);
}

.market-sparkline-line {
  fill: none;
  stroke: var(--green);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.market-sparkline.is-down .market-sparkline-area {
  fill: color-mix(in srgb, var(--red) 9%, transparent);
}

.market-sparkline.is-down .market-sparkline-line {
  stroke: var(--red);
}

.market-chart-range {
  padding: 4px 8px 7px;
  border-top: 1px solid var(--line);
}

.market-chart-range span:nth-child(2) {
  justify-items: center;
  text-align: center;
}

.market-chart-range span:last-child {
  justify-items: end;
  text-align: right;
}

.market-chart-range strong {
  font-size: 8px;
}

.market-chart-empty {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 86px;
  padding: 12px;
  border-top: 1px solid var(--line);
  color: var(--subtle);
}

.market-chart-empty span {
  display: grid;
  gap: 2px;
}

.market-chart-empty strong {
  color: var(--muted);
  font-size: 9px;
}

.market-chart-empty small {
  color: var(--subtle);
  font-size: 8px;
}

.market-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.market-stats > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  border-right: 1px solid var(--line);
}

.market-stats > span:last-child {
  border-right: 0;
}

.market-stats strong {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-source {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 7px 0;
  color: var(--muted);
}

.market-source > i {
  color: var(--green);
  font-size: 9px;
}

.market-source > span:nth-child(2) {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.market-source strong {
  color: var(--ink);
  font-size: 9px;
}

.market-source .risk-badge {
  min-height: 20px;
  padding: 3px 6px;
  font-size: 8px;
}

.detail-section-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 5px;
  padding: 7px 0 4px;
  border-top: 1px solid var(--line-strong);
}

.detail-section-label > span {
  color: var(--ink);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#view-discovery .evidence-summary-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  border: 1px solid var(--line);
}

#view-discovery .evidence-summary-strip > span {
  min-width: 0;
  padding: 6px;
  border-right: 1px solid var(--line);
}

#view-discovery .evidence-summary-strip > span:last-child {
  border-right: 0;
}

#view-discovery .evidence-summary-strip strong {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-discovery .evidence-facts {
  column-gap: 8px;
  padding: 4px 0;
}

#view-discovery .evidence-fact {
  padding: 4px 0;
}

#view-discovery .evidence-mint-line {
  padding: 6px 0;
}

#view-discovery .discovery-actions {
  padding: 6px 0 2px;
}

#view-discovery .discovery-actions .compact {
  min-height: 28px;
  padding: 5px 7px;
  font-size: 8px;
}

.discovery-detail-empty {
  display: grid;
  place-items: center;
  gap: 7px;
  min-height: 260px;
  padding: 24px;
  color: var(--muted);
  text-align: center;
}

.discovery-detail-empty i {
  color: var(--green);
  font-size: 22px;
}

.discovery-detail-empty strong {
  color: var(--ink);
  font-size: 11px;
}

.discovery-detail-empty span {
  max-width: 32ch;
  font-size: 9px;
  line-height: 1.4;
}

@media (min-width: 901px) {
  #view-discovery .discovery-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  }

  #view-discovery .surface-main {
    overflow: hidden;
  }

  #view-discovery .discovery-table {
    min-height: 0;
    overflow: hidden auto;
  }
}

@media (max-width: 900px) {
  #view-discovery .discovery-inspect-bar {
    grid-template-columns: 1fr;
  }

  #view-discovery .discovery-inspect-bar .primary-button {
    width: 100%;
  }

  #view-discovery .discovery-row {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  #view-discovery .source-block {
    grid-column: 2 / -1;
    grid-template-columns: auto auto auto;
    align-items: center;
    justify-content: start;
  }

  #view-discovery .evidence-head {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #view-discovery .evidence-price {
    grid-column: 2;
    grid-template-columns: auto auto;
    justify-content: start;
    justify-items: start;
    align-items: baseline;
    gap: 8px;
    text-align: left;
  }

  .market-stats,
  #view-discovery .evidence-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-stats > span:nth-child(2),
  #view-discovery .evidence-summary-strip > span:nth-child(2) {
    border-right: 0;
  }

  .market-stats > span:nth-child(-n + 2),
  #view-discovery .evidence-summary-strip > span:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }
}

/* Six-phase launch procedure. Product-facing controls follow the launch in the
   same order as the chain work; migration and parity terminology stays out of
   the operator's primary path. */

.launch-step-guide {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) minmax(250px, .72fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line-strong);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--green) 7%, transparent), transparent 42%),
    color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.launch-step-guide.irreversible {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--amber) 7%, transparent), transparent 42%),
    color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.launch-step-guide.is-complete {
  grid-template-columns: 96px minmax(0, 1fr) minmax(220px, .58fr);
  gap: 10px;
  padding: 9px 11px;
}

.launch-step-guide.is-complete .launch-step-kicker {
  padding-block: 4px;
}

.launch-step-guide.is-complete h2 {
  font-size: 13px;
}

.launch-step-guide.is-complete p,
.launch-step-guide.is-complete aside {
  font-size: 9px;
}

.launch-step-guide.is-complete aside {
  padding: 7px 9px;
}

.launch-step-kicker {
  align-self: stretch;
  display: grid;
  place-items: center;
  padding: 8px;
  border-right: 1px solid var(--line);
  color: var(--green);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .1em;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}

.launch-step-guide.irreversible .launch-step-kicker {
  color: var(--amber);
}

.launch-step-guide > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.launch-step-guide h2 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.2;
}

.launch-step-guide p,
.launch-step-guide aside {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.launch-step-guide aside {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-left: 2px solid var(--green);
  background: color-mix(in srgb, var(--green) 5%, transparent);
}

.launch-step-guide.irreversible aside {
  border-left-color: var(--amber);
  background: color-mix(in srgb, var(--amber) 5%, transparent);
}

.launch-step-guide aside i {
  color: var(--green);
  text-align: center;
}

.launch-step-guide.irreversible aside i {
  color: var(--amber);
}

.launch-step-guide aside strong {
  color: var(--ink);
}

.configure-step-guide {
  margin-bottom: 10px;
}

.configure-step-guide aside {
  grid-template-columns: 20px minmax(0, 1fr) auto;
}

.configure-step-guide aside .pill-button {
  white-space: nowrap;
}

.launch-design-intro {
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border-left: 2px solid var(--green);
  background: color-mix(in srgb, var(--green) 4%, transparent);
}

.launch-design-intro strong {
  color: var(--ink);
  font-size: 10px;
}

.launch-design-intro p {
  margin: 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}

.launch-phase-workspace,
.classic-workspace-fund,
.classic-workspace-execute,
.classic-workspace-verify {
  gap: 12px;
  padding: 12px;
}

.launch-wallet-choice {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px;
  border: 1px solid var(--line-strong);
  background: var(--panel);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.launch-wallet-choice.is-ready {
  border-color: color-mix(in srgb, var(--green) 42%, var(--line));
}

.launch-wallet-choice:hover,
.launch-wallet-choice:focus-visible {
  border-color: var(--green);
  outline: 1px solid color-mix(in srgb, var(--green) 30%, transparent);
  outline-offset: 2px;
}

.launch-wallet-choice-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line-strong);
  color: var(--green);
  background: color-mix(in srgb, var(--green) 6%, transparent);
}

.launch-wallet-choice-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.launch-wallet-choice-copy small {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.launch-wallet-choice-copy strong {
  color: var(--ink);
  font-size: 13px;
}

.launch-wallet-choice-copy code {
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-guidance-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.launch-guidance-list article {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 11px;
  border-right: 1px solid var(--line);
}

.launch-guidance-list article:last-child {
  border-right: 0;
}

.launch-guidance-list i {
  color: var(--green);
  text-align: center;
}

.launch-guidance-list span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.launch-guidance-list strong {
  color: var(--ink);
  font-size: 9px;
}

.launch-guidance-list small {
  color: var(--muted);
  font-size: 8px;
  line-height: 1.35;
}

.launch-phase-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.launch-phase-actions-split {
  justify-content: space-between;
}

.launch-phase-actions-split > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.launch-phase-actions .primary-button,
.launch-phase-actions .secondary-button {
  width: auto;
}

.configure-phase-actions {
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.launch-fact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.launch-fact-grid > span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border-right: 1px solid var(--line);
}

.launch-fact-grid > span:last-child {
  border-right: 0;
}

.launch-fact-grid small {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.launch-fact-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-phase-secondary {
  display: flex;
  justify-content: flex-start;
}

.funding-task {
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(320px, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--amber) 52%, var(--line));
  background: color-mix(in srgb, var(--amber) 5%, var(--panel));
}

.funding-task.is-ready {
  border-color: color-mix(in srgb, var(--green) 52%, var(--line));
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.funding-task-main,
.funding-task-address {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.funding-task-main > strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.funding-task-main p {
  max-width: 56ch;
  margin: 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.5;
}

.funding-task-address {
  padding-left: 16px;
  border-left: 1px solid var(--line);
}

.funding-task-address small {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.funding-task-address code {
  overflow: hidden;
  color: var(--ink);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.funding-task-address .secondary-button {
  justify-self: start;
}

.funding-task-action {
  display: flex;
  justify-content: flex-end;
}

.funding-extra > .quote-acquire-panel {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--line);
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-choice-bar {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 6px 0 8px;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-choice-group {
  display: block;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-choice-label,
body[data-experience-mode="advanced"][data-active-view="launch"] .environment-button small,
body[data-experience-mode="advanced"][data-active-view="launch"] .experience-button small {
  display: none;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .environment-row,
body[data-experience-mode="advanced"][data-active-view="launch"] .launch-choice-bar .experience-row {
  display: flex;
  gap: 0;
  width: auto;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .environment-button,
body[data-experience-mode="advanced"][data-active-view="launch"] .experience-button {
  min-height: 30px;
  padding: 5px 9px;
  border-right-width: 0;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .environment-button:last-child,
body[data-experience-mode="advanced"][data-active-view="launch"] .experience-button:last-child {
  border-right-width: 1px;
}

@media (max-width: 900px) {
  .funding-task {
    grid-template-columns: 1fr;
  }

  .funding-task-address {
    padding-top: 12px;
    padding-left: 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .funding-task-action {
    justify-content: stretch;
  }

  .funding-task-action .primary-button {
    width: 100%;
  }

  body[data-experience-mode="advanced"][data-active-view="launch"] .launch-choice-bar {
    justify-content: stretch;
  }

  body[data-experience-mode="advanced"][data-active-view="launch"] .environment-row,
  body[data-experience-mode="advanced"][data-active-view="launch"] .launch-choice-bar .experience-row {
    flex: 1;
  }
}

.launch-recovery-details {
  margin-top: 2px;
}

body[data-experience-mode="advanced"] #view-launch .cockpit-board .agent-console,
body[data-experience-mode="advanced"] #view-launch .cockpit-board .action-panel {
  display: none;
}

body[data-experience-mode="advanced"] #view-launch .cockpit-board {
  grid-template-columns: minmax(0, 1fr);
}

body[data-experience-mode="advanced"] #view-launch .cockpit-board .chart-deck {
  border-right: 0;
}

@media (min-width: 901px) {
  body[data-experience-mode="advanced"] #view-launch .surface-main {
    grid-template-rows: auto 112px auto auto minmax(0, 1fr);
  }

  body[data-experience-mode="advanced"] #view-launch .cockpit-board {
    height: 112px;
  }
}

@media (max-width: 1100px) and (min-width: 901px) {
  .launch-workspace-tab {
    padding-inline: 7px 16px;
  }

  .launch-workspace-tab i {
    display: none;
  }

  .launch-step-guide {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .launch-step-guide aside {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .launch-step-guide,
  .launch-guidance-list,
  .launch-fact-grid {
    grid-template-columns: 1fr;
  }

  .launch-step-kicker {
    justify-content: start;
    place-items: start;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    text-align: left;
  }

  .configure-step-guide aside {
    grid-template-columns: 20px minmax(0, 1fr);
  }

  .configure-step-guide aside .pill-button {
    grid-column: 1 / -1;
  }

  .launch-guidance-list article,
  .launch-fact-grid > span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .launch-guidance-list article:last-child,
  .launch-fact-grid > span:last-child {
    border-bottom: 0;
  }

  .launch-phase-actions-split,
  .launch-phase-actions-split > div {
    align-items: stretch;
    flex-direction: column;
  }

  .launch-phase-actions .primary-button,
  .launch-phase-actions .secondary-button {
    width: 100%;
  }

  body[data-experience-mode="advanced"] #view-launch .cockpit-board {
    height: auto;
  }
}

/* Custody is persistent safety context, not a replacement for every semantic
   color in the product. Brand, selection, success, warning, and destructive
   colors stay stable while the rail and custody-specific controls change. */
body[data-custody-signal="loading"] { --custody-signal: var(--muted); }
body[data-custody-signal="practice"] { --custody-signal: var(--green); }
body[data-custody-signal="live"] { --custody-signal: #f2c84b; }
body[data-custody-signal="funded"] { --custody-signal: #ff5d5d; }

body::after {
  content: "";
  position: fixed;
  inset: 0 0 auto;
  z-index: 10000;
  height: 3px;
  background: var(--custody-signal, var(--muted));
  box-shadow: 0 0 18px color-mix(in srgb, var(--custody-signal, var(--muted)) 38%, transparent);
  pointer-events: none;
}

#custodySignalLabel,
.setup-help {
  color: var(--custody-signal, var(--muted)) !important;
}

.terminal-tape-wide,
.global-strip {
  border-color: color-mix(in srgb, var(--custody-signal, var(--line)) 32%, var(--line));
}

.custody-action {
  border-color: color-mix(in srgb, var(--custody-signal, var(--green)) 72%, var(--line)) !important;
  box-shadow: inset 3px 0 0 var(--custody-signal, var(--green));
}

/* Explicit environment and experience choices. */
.launch-choice-bar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 10px 0 14px;
}

.launch-choice-group {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.launch-choice-label {
  color: var(--subtle);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.environment-row,
.launch-choice-bar .experience-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  margin: 0;
}

.environment-button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px 9px;
  border: 1px solid var(--line);
  background: var(--panel-strong);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.environment-button > i {
  color: var(--muted);
}

.environment-button span,
.environment-button strong,
.environment-button small {
  display: block;
  min-width: 0;
}

.environment-button strong { color: var(--ink); font-size: 10px; }
.environment-button small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.environment-button:disabled { cursor: wait; opacity: .62; }

.environment-button.is-selected {
  border-color: color-mix(in srgb, var(--custody-signal, var(--green)) 72%, var(--line));
  background: color-mix(in srgb, var(--custody-signal, var(--green)) 9%, var(--panel-strong));
  box-shadow: inset 3px 0 0 var(--custody-signal, var(--green));
}

.environment-button.is-selected > i { color: var(--custody-signal, var(--green)); }

/* Advanced launch data is available on demand instead of occupying the first
   viewport before the user has configured anything. */
.launch-summary-drawer.cockpit-board {
  display: block;
  height: auto;
  min-height: 0;
  border: 1px solid var(--line);
  background: var(--panel);
}

.launch-summary-drawer > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 42px;
  padding: 9px 12px;
  color: var(--muted);
  cursor: pointer;
  list-style: none;
}

.launch-summary-drawer > summary::-webkit-details-marker { display: none; }
.launch-summary-drawer > summary span { display: flex; align-items: center; gap: 8px; }
.launch-summary-drawer > summary strong { color: var(--ink); font-size: 10px; }
.launch-summary-drawer > summary small { font-size: 8px; }
.launch-summary-drawer > summary::after { content: "+"; color: var(--green); font-size: 14px; }
.launch-summary-drawer[open] > summary::after { content: "−"; }

body[data-experience-mode="advanced"] .launch-summary-drawer .agent-console,
body[data-experience-mode="advanced"] .launch-summary-drawer .action-panel {
  display: none !important;
}

body[data-experience-mode="advanced"] .launch-summary-drawer .chart-deck {
  display: grid;
  border-top: 1px solid var(--line);
  border-right: 0;
}

body[data-experience-mode="advanced"] #view-launch .launch-summary-drawer.cockpit-board {
  height: auto;
  min-height: 0;
}

body[data-experience-mode="guided"][data-active-view="launch"] .launch-choice-bar {
  width: min(calc(100% - 36px), 940px);
  margin: 14px auto 4px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body[data-experience-mode="guided"][data-active-view="launch"] .launch-choice-bar .experience-row,
body[data-experience-mode="guided"][data-active-view="launch"] .launch-choice-bar .environment-row {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Guided is a separate first-launch flow, not a responsive presentation of
   the operator cockpit. Keep advanced launch chrome out of the tutorial at
   every width; previously the <=900px rules exposed it on narrow/Retina
   desktop windows. The tutorial header already carries the active execution
   environment, and its welcome/completion actions provide the safe handoff. */
body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .cockpit-heading,
body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .launch-toolbar,
body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .launch-workspace-tabs,
body[data-experience-mode="guided"][data-active-view="launch"] #view-launch .launch-choice-bar {
  display: none !important;
}

@media (min-width: 901px) {
  body[data-experience-mode="advanced"] #view-launch .surface-main {
    grid-template-rows: auto auto auto minmax(0, 1fr);
  }
}

/* Guided wallet, funding, and truthful practice-result surfaces. */
.guided-practice-wallet {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--green) 44%, var(--line));
  border-radius: 9px;
  background: color-mix(in srgb, var(--green) 7%, var(--panel));
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.guided-practice-wallet > i { color: var(--green); }
.guided-practice-wallet span,
.guided-practice-wallet strong,
.guided-practice-wallet small { display: block; }
.guided-practice-wallet strong { color: var(--ink); font-size: 11px; }
.guided-practice-wallet small { margin-top: 3px; font-size: 9px; }
.guided-practice-wallet.is-selected { box-shadow: inset 3px 0 0 var(--green); }

.guided-choice-divider {
  position: relative;
  color: var(--subtle);
  font-size: 8px;
  text-align: center;
}

.guided-choice-divider::before {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  border-top: 1px solid var(--line);
}

.guided-choice-divider span { position: relative; padding: 0 8px; background: var(--panel-strong); }

.guided-presets button strong,
.guided-presets button small { display: block; }
.guided-presets button small { margin-top: 2px; color: var(--subtle); font-size: 8px; font-weight: 600; }

.guided-funding-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  overflow: hidden;
  background: var(--panel-strong);
}

.guided-funding-summary > span {
  display: grid;
  gap: 4px;
  padding: 13px;
  border-right: 1px solid var(--line);
}

.guided-funding-summary > span:last-of-type { border-right: 0; }
.guided-funding-summary small { color: var(--muted); font-size: 8px; }
.guided-funding-summary strong { color: var(--ink); font-size: 12px; }
.guided-funding-summary > button { margin: 8px; }
.guided-funding-summary.has-error { border-color: color-mix(in srgb, var(--amber) 55%, var(--line)); }

.guided-funding-note {
  margin: 7px 2px 10px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}

.token-feed-controls {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 7px 0;
}

.token-feed-controls label { color: var(--subtle); font-size: 8px; text-transform: uppercase; }
.token-feed-controls select { min-height: 28px; padding: 4px 24px 4px 7px; border: 1px solid var(--line); background: var(--field); color: var(--ink); font-size: 9px; }

.network-score { min-width: 46px; border-radius: 4px; }
.network-score strong,
.network-score small { display: block; overflow: visible; }
.network-score strong { color: var(--green); font-size: 10px; }
.network-score small { color: var(--subtle); font-size: 6px; text-transform: uppercase; }

.discovery-overview-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 320px);
  margin: 10px 0;
  border: 1px solid var(--line);
}

.discovery-overview-stats > span { display: grid; gap: 3px; padding: 9px; border-right: 1px solid var(--line); }
.discovery-overview-stats > span:last-child { border-right: 0; }
.discovery-overview-stats small { color: var(--subtle); font-size: 7px; }
.discovery-overview-stats strong { color: var(--ink); font-size: 12px; }

@media (max-width: 760px) {
  .launch-choice-bar,
  .guided-funding-summary { grid-template-columns: 1fr; }
  .guided-funding-summary > span { border-right: 0; border-bottom: 1px solid var(--line); }
  .token-feed-controls { align-items: stretch; flex-direction: column; }
}

/* -------------------------------------------------------------------------
   Guided terminal skin

   Guided keeps the simpler information architecture, but now speaks the same
   visual language as the operator console: mono type, hard edges, flat panels,
   compact hierarchy, and no glass or bubble treatments.
   ------------------------------------------------------------------------- */

body[data-experience-mode="guided"][data-active-view="launch"] {
  --bg: #030706;
  --panel: #070b0a;
  --panel-2: #090e0c;
  --panel-strong: #0b110f;
  --ink: #e5eee9;
  --muted: #7c8c84;
  --subtle: #4d5b54;
  --line: #17221d;
  --line-strong: #30433a;
  --green: #74f7a9;
  font-family: var(--mono);
  font-variant-numeric: tabular-nums slashed-zero;
  letter-spacing: -.015em;
}

body[data-experience-mode="guided"][data-active-view="launch"]::before {
  background:
    linear-gradient(rgba(116, 247, 169, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 247, 169, .014) 1px, transparent 1px),
    var(--bg);
  background-size: 32px 32px, 32px 32px, auto;
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head {
  padding: 9px 0 11px;
  border-bottom-color: var(--line-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head .eyebrow,
body[data-experience-mode="guided"][data-active-view="launch"] #setupSummary,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-advanced-shortcut {
  font-family: var(--mono);
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-dock-head .eyebrow {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
}

body[data-experience-mode="guided"][data-active-view="launch"] #setupSummary {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .setup-help {
  min-height: 24px;
  padding: 4px 7px;
  border-color: var(--line-strong);
  border-radius: 0;
  background: var(--panel);
  font: 700 8px/1.2 var(--mono);
  letter-spacing: .05em;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-advanced-shortcut {
  min-height: 24px;
  padding: 3px 0;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-launch-flow,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-shell {
  width: min(100%, 960px);
  font-family: var(--mono);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-price-preview,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list article,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-proof-summary,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-review-hero,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list article,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-technical-details,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-assurance,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-practice-wallet,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-funding-summary {
  border-radius: 0;
  background: var(--panel-strong);
  box-shadow: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome {
  justify-items: start;
  width: 100%;
  margin: 10px 0 4px;
  padding: 22px 24px 20px;
  border-color: var(--line-strong);
  border-left: 2px solid var(--green);
  text-align: left;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-wand,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-icon,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-logo-mark,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-token-mark,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-phase-state,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress li > span,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list article > i:first-child {
  border-radius: 0;
  background: var(--panel);
  box-shadow: none;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-wand,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-icon {
  width: 36px;
  height: 36px;
  margin: 0 0 12px;
  border-color: var(--green);
  font-size: 14px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-copy h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-review h2,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card h2 {
  margin-top: 5px;
  color: var(--ink);
  font-family: var(--mono);
  font-size: clamp(18px, 2.1vw, 25px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .025em;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome > p,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-copy > p,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card > p {
  margin-top: 9px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.55;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row {
  gap: 0;
  margin-top: 18px;
  border: 1px solid var(--line);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row span {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  gap: 7px;
  min-height: 46px;
  padding: 9px 10px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: var(--panel);
  text-align: left;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row span:last-child {
  border-right: 0;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row strong {
  font-size: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome-actions {
  justify-items: start;
  margin-top: 17px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome > small {
  margin-top: 12px;
  font-size: 8px;
  line-height: 1.45;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress {
  margin: 8px 0 16px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress li::before {
  top: 10px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress li > span {
  width: 21px;
  height: 21px;
  font-size: 8px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress li.is-current > span,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress li.is-complete > span {
  background: var(--panel-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-progress small {
  font-size: 7px;
  letter-spacing: .06em;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-layout {
  grid-template-columns: minmax(210px, .72fr) minmax(360px, 1.28fr);
  gap: 22px;
  align-items: start;
  min-height: 0;
  padding: 10px 0 2px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-copy {
  padding: 11px 12px;
  border-left: 2px solid var(--line-strong);
  background: linear-gradient(90deg, var(--panel), transparent 76%);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card {
  gap: 11px;
  padding: 14px;
  border-color: var(--line-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card label {
  gap: 5px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card label > span {
  margin-top: 0;
  font-size: 8px;
  letter-spacing: .06em;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card label > small,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card label em {
  color: var(--subtle);
  font-size: 8px;
  line-height: 1.4;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card input {
  height: 36px;
  padding: 0 9px;
  border-radius: 0;
  background: var(--panel);
  font-family: var(--mono);
  font-size: 11px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-form-card input:focus {
  border-color: var(--green);
  box-shadow: inset 2px 0 0 var(--green);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-logo-button {
  min-height: 50px;
  padding: 7px 9px;
  border-radius: 0;
  background: var(--panel);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-logo-button span strong {
  font-size: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-logo-button span small {
  font-size: 8px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-assurance {
  padding: 9px 10px;
  border-color: var(--line-strong);
  border-left: 2px solid var(--green);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-assurance strong {
  font-size: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-assurance small {
  font-size: 8px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-presets {
  gap: 5px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-presets button {
  min-height: 34px;
  padding: 6px 8px;
  border-radius: 0;
  background: var(--panel);
  font-family: var(--mono);
  font-size: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-presets button.is-selected {
  box-shadow: inset 2px 0 0 var(--green);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-presets button small {
  font-size: 7px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-price-preview {
  gap: 4px;
  padding: 10px 11px;
  border-color: var(--line);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-price-preview small,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-price-preview span {
  font-size: 8px;
  line-height: 1.4;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-price-preview strong {
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-strategy-preview {
  border-left: 2px solid var(--green);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-strategy-preview strong {
  font-size: 11px;
  font-weight: 700;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-token-price-preview strong {
  color: var(--green);
  font-size: 18px;
  letter-spacing: .01em;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-practice-wallet {
  min-height: 52px;
  padding: 8px 10px;
  border-color: var(--line-strong);
  background: var(--panel);
  font-family: var(--mono);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-choice-divider span {
  background: var(--panel-strong);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-review {
  width: min(100%, 860px);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-review .guided-step-copy {
  text-align: left;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-review .guided-step-copy > p {
  margin-left: 0;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-review-hero {
  margin: 7px 0 9px;
  padding: 10px 12px;
  border-color: var(--line-strong);
  border-left: 2px solid var(--green);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list {
  gap: 5px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list article {
  padding: 9px 10px;
  border-color: var(--line);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list strong,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-technical-details summary {
  font-size: 9px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-recipe-list small,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-technical-details div {
  font-size: 8px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-card {
  justify-items: start;
  padding: 18px;
  border-color: var(--line-strong);
  border-left: 2px solid var(--green);
  text-align: left;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list {
  gap: 5px;
  margin-top: 14px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list article {
  min-height: 52px;
  padding: 8px 9px;
  border-color: var(--line);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-phase-list article.running {
  background: var(--panel-2);
  box-shadow: inset 2px 0 0 var(--green);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-actions {
  justify-content: flex-start;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation {
  margin: 16px 0 0;
  padding-top: 12px;
  background: var(--bg);
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-welcome-actions .primary-button,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation .primary-button,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation .secondary-button,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-run-actions button,
body[data-experience-mode="guided"][data-active-view="launch"] .guided-inline-actions .pill-button {
  min-height: 36px;
  border-radius: 0;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .guided-funding-summary {
  border-color: var(--line-strong);
}

@media (max-width: 900px) {
  body[data-experience-mode="guided"][data-active-view="launch"] .guided-step-layout {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row {
    grid-template-columns: 1fr;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-promise-row span:last-child {
    border-bottom: 0;
  }

  body[data-experience-mode="guided"][data-active-view="launch"] .guided-navigation {
    background: var(--bg);
  }
}

/* Recovery remains contextual to the active phase. It must never become a
   workspace-sized card or push the next operation below the fold. */

.recovered-plan-notice {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  align-self: start;
  gap: 10px;
  min-height: 0;
  max-height: 44px;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb, var(--green) 48%, var(--line));
  border-left: 3px solid var(--green);
  background: color-mix(in srgb, var(--green) 5%, var(--panel));
}

.recovered-plan-notice > i {
  color: var(--green);
  text-align: center;
}

.recovered-plan-notice > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recovered-plan-notice strong {
  color: var(--ink);
  font-size: 10px;
}

.recovered-plan-notice small {
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.release-proof-details {
  margin-top: 8px;
  border-color: var(--line);
  background: color-mix(in srgb, var(--panel-strong) 48%, transparent);
}

.release-proof-details > summary {
  min-height: 38px;
}

.release-proof-details[open] > summary {
  border-bottom: 1px solid var(--line);
}

.release-proof-details[open] > :not(summary) {
  margin-inline: 10px;
}

.execution-readiness.is-primary-action {
  border-width: 2px;
  border-color: color-mix(in srgb, var(--identity-primary) 68%, var(--line-strong));
  background:
    linear-gradient(100deg, rgb(var(--identity-primary-rgb) / .1), transparent 58%),
    var(--panel-strong);
  box-shadow: 0 12px 34px rgb(0 0 0 / .2);
}

.launch-audit-deferred {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-left: 3px solid var(--green);
}

.launch-audit-deferred > span:first-child {
  display: grid;
  gap: 4px;
}

.launch-audit-deferred small {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}

@media (min-width: 901px) {
  body[data-launch-workspace="finish"] .execution-readiness.is-primary-action {
    position: sticky;
    top: 0;
    z-index: 5;
  }
}

@media (max-width: 620px) {
  .launch-audit-deferred {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (min-width: 901px) {
  #classicBridge.is-terminal-launch .classic-workspace-verify {
    gap: 7px;
    padding: 8px;
  }

  #classicBridge.is-terminal-launch .finalize-panel {
    gap: 7px;
    padding: 8px;
  }

  #classicBridge.is-terminal-launch .finalize-grid span,
  #classicBridge.is-terminal-launch .proof-link-grid a,
  #classicBridge.is-terminal-launch .proof-link-grid span {
    padding-block: 5px;
  }

  #classicBridge.is-terminal-launch .proof-link-grid {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  }
}

@media (max-width: 620px) {
  .recovered-plan-notice {
    grid-template-columns: 20px minmax(0, 1fr);
  }

  .recovered-plan-notice .text-button {
    grid-column: 2;
    justify-self: start;
  }
}

/* -------------------------------------------------------------------------
   Launch identity takeover

   A selected token image becomes the persistent identity of the active run.
   Artwork colors are applied only to decorative/selection surfaces; semantic
   success, warning, danger, custody, and recovery colors keep their existing
   green/amber/red grammar.
   ------------------------------------------------------------------------- */

:root {
  --identity-primary: #74f7a9;
  --identity-primary-rgb: 116 247 169;
  --identity-accent: #68cfff;
  --identity-accent-rgb: 104 207 255;
  --identity-contrast: #03100a;
}

.launch-identity-sidebar[hidden],
.launch-identity-chip[hidden],
.launch-identity-dock[hidden] {
  display: none !important;
}

body[data-launch-identity="active"]::before {
  background:
    linear-gradient(rgb(var(--identity-primary-rgb) / .025) 1px, transparent 1px),
    linear-gradient(90deg, rgb(var(--identity-accent-rgb) / .02) 1px, transparent 1px),
    radial-gradient(circle at 68% -8%, rgb(var(--identity-primary-rgb) / .16), transparent 34%),
    radial-gradient(circle at 8% 78%, rgb(var(--identity-accent-rgb) / .075), transparent 28%),
    var(--bg);
  background-size: 32px 32px, 32px 32px, auto, auto, auto;
}

body.light-mode[data-launch-identity="active"]::before {
  opacity: .72;
}

body[data-launch-identity="active"] .sidebar {
  background:
    linear-gradient(180deg, rgb(var(--identity-primary-rgb) / .09), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), var(--panel) 74%);
}

body[data-launch-identity="active"] .nav-item.is-active i,
body[data-launch-identity="active"] .topbar-copy .eyebrow::before {
  color: var(--identity-primary);
  background: var(--identity-primary);
}

.launch-identity-sidebar {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  padding: 8px;
  border: 1px solid rgb(var(--identity-primary-rgb) / .42);
  border-left: 2px solid var(--identity-primary);
  border-radius: 0;
  background:
    linear-gradient(110deg, rgb(var(--identity-primary-rgb) / .11), transparent 64%),
    var(--panel);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.launch-identity-sidebar:hover,
.launch-identity-sidebar:focus-visible {
  border-color: var(--identity-primary);
  outline: none;
  background: rgb(var(--identity-primary-rgb) / .12);
}

.launch-identity-mini-coin,
.launch-identity-chip-coin {
  display: block;
  overflow: hidden;
  border: 1px solid rgb(var(--identity-primary-rgb) / .58);
  border-radius: 50%;
  background: var(--panel-strong);
  box-shadow: 0 0 20px rgb(var(--identity-primary-rgb) / .18);
}

.launch-identity-mini-coin {
  width: 38px;
  height: 38px;
}

.launch-identity-mini-coin img,
.launch-identity-chip-coin img,
.launch-identity-coin img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.launch-identity-sidebar > span:nth-child(2),
.launch-identity-sidebar small,
.launch-identity-sidebar strong,
.launch-identity-sidebar em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-identity-sidebar small {
  color: var(--identity-primary);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.launch-identity-sidebar strong {
  margin-top: 2px;
  color: var(--ink);
  font-size: 11px;
}

.launch-identity-sidebar em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 7px;
  font-style: normal;
}

.launch-identity-sidebar > i {
  color: var(--identity-accent);
  font-size: 8px;
}

.launch-identity-chip {
  display: inline-grid;
  grid-template-columns: 32px minmax(0, auto);
  align-items: center;
  gap: 8px;
  min-height: 38px;
  max-width: 190px;
  padding: 3px 9px 3px 4px;
  border: 1px solid rgb(var(--identity-primary-rgb) / .42);
  border-radius: 999px;
  background: rgb(var(--identity-primary-rgb) / .075);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.launch-identity-chip:hover,
.launch-identity-chip:focus-visible {
  border-color: var(--identity-primary);
  outline: none;
}

.launch-identity-chip-coin {
  width: 30px;
  height: 30px;
}

.launch-identity-chip > span:last-child,
.launch-identity-chip small,
.launch-identity-chip strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-identity-chip small {
  color: var(--muted);
  font-size: 6px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.launch-identity-chip strong {
  margin-top: 1px;
  color: var(--identity-primary);
  font-size: 9px;
}

.launch-identity-dock {
  --identity-coin-size: 78px;
  position: relative;
  display: grid;
  grid-template-columns: var(--identity-coin-size) minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-width: 0;
  margin: 0 0 12px;
  padding: 14px 16px;
  overflow: hidden;
  border: 1px solid rgb(var(--identity-primary-rgb) / .44);
  border-left: 3px solid var(--identity-primary);
  background:
    radial-gradient(circle at 7% 50%, rgb(var(--identity-primary-rgb) / .17), transparent 29%),
    linear-gradient(118deg, rgb(var(--identity-primary-rgb) / .08), rgb(var(--identity-accent-rgb) / .035) 48%, transparent 76%),
    color-mix(in srgb, var(--panel-strong) 96%, transparent);
  box-shadow: 0 18px 58px rgb(0 0 0 / .2);
  isolation: isolate;
}

.launch-identity-dock::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0 76%, rgb(var(--identity-accent-rgb) / .05));
}

body[data-experience-mode="advanced"] .launch-identity-dock {
  position: sticky;
  top: -1px;
  z-index: 7;
  backdrop-filter: blur(18px);
}

.launch-identity-dock.is-hero {
  --identity-coin-size: clamp(132px, 16vw, 176px);
  grid-template-columns: var(--identity-coin-size) minmax(0, 1fr) 120px;
  gap: clamp(22px, 4vw, 46px);
  min-height: 226px;
  padding: 22px 26px;
}

.launch-identity-visual {
  position: relative;
  width: var(--identity-coin-size);
  height: var(--identity-coin-size);
  flex: none;
}

.launch-identity-progress-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(
    from -90deg,
    var(--identity-primary) 0 var(--identity-progress),
    var(--line-strong) var(--identity-progress) 360deg
  );
  filter: drop-shadow(0 0 12px rgb(var(--identity-primary-rgb) / .22));
  -webkit-mask: radial-gradient(circle, transparent 0 59%, #000 60% 72%, transparent 73%);
  mask: radial-gradient(circle, transparent 0 59%, #000 60% 72%, transparent 73%);
}

.launch-identity-coin {
  position: absolute;
  inset: 10%;
  display: block;
  overflow: hidden;
  border: 1px solid rgb(var(--identity-primary-rgb) / .72);
  border-radius: 50%;
  background: var(--panel);
  box-shadow:
    0 0 0 4px rgb(var(--identity-primary-rgb) / .07),
    0 18px 44px rgb(0 0 0 / .36),
    0 0 34px rgb(var(--identity-primary-rgb) / .2);
}

.launch-identity-motion {
  position: absolute;
  right: -8px;
  bottom: -5px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  border: 1px solid rgb(var(--identity-accent-rgb) / .55);
  background: var(--panel-strong);
  color: var(--identity-accent);
  font-size: 6px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.launch-identity-dock.is-animated .launch-identity-coin {
  animation: launch-identity-breathe 3.8s ease-in-out infinite;
}

@keyframes launch-identity-breathe {
  0%, 100% { transform: scale(1); box-shadow: 0 18px 44px rgb(0 0 0 / .36), 0 0 26px rgb(var(--identity-primary-rgb) / .16); }
  50% { transform: scale(1.025); box-shadow: 0 18px 44px rgb(0 0 0 / .36), 0 0 44px rgb(var(--identity-primary-rgb) / .3); }
}

.launch-identity-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.launch-identity-copy .eyebrow {
  color: var(--identity-primary);
  font-size: 7px;
  letter-spacing: .1em;
}

.launch-identity-copy h2 {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(15px, 2vw, 22px);
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-identity-copy h2 em {
  color: var(--identity-primary);
  font-style: normal;
}

.launch-identity-copy > p {
  color: var(--muted);
  font-size: 8px;
  text-transform: uppercase;
}

.launch-identity-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  margin-top: 7px;
  border-block: 1px solid var(--line);
}

.launch-identity-facts > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px 8px 0;
}

.launch-identity-facts small,
.launch-identity-facts strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.launch-identity-facts small {
  color: var(--subtle);
  font-size: 6px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.launch-identity-facts strong {
  color: var(--ink);
  font-size: 8px;
}

.launch-identity-palette {
  display: grid;
  grid-template-columns: 34px 34px;
  align-items: center;
  gap: 6px;
  justify-self: end;
}

.identity-swatch {
  display: block;
  width: 34px;
  height: 34px;
  border: 1px solid rgb(255 255 255 / .16);
}

.identity-swatch-primary {
  background: var(--identity-primary);
}

.identity-swatch-accent {
  background: var(--identity-accent);
}

.launch-identity-palette small {
  grid-column: 1 / -1;
  color: var(--subtle);
  font-size: 6px;
  letter-spacing: .05em;
  text-align: right;
  text-transform: uppercase;
}

body[data-experience-mode="guided"][data-active-view="launch"] .launch-identity-dock {
  width: min(100%, 960px);
  margin: 12px auto 8px;
}

body[data-experience-mode="guided"][data-active-view="launch"] .launch-identity-dock.is-hero {
  margin-top: 16px;
}

/* Decorative launch controls inherit the artwork. Safety badges and custody
   actions deliberately continue using the semantic palette. */
body[data-launch-identity="active"] #view-launch .launch-workspace-tab.is-selected,
body[data-launch-identity="active"] #view-launch .environment-button.is-selected,
body[data-launch-identity="active"] #view-launch .experience-button.is-selected,
body[data-launch-identity="active"] #view-launch .guided-logo-button:hover,
body[data-launch-identity="active"] #view-launch .guided-logo-button:focus-visible {
  border-color: rgb(var(--identity-primary-rgb) / .68);
  box-shadow: inset 0 -2px 0 var(--identity-primary);
}

body[data-launch-identity="active"] #view-launch .launch-workspace-tab.is-selected i,
body[data-launch-identity="active"] #view-launch .launch-workspace-tab.is-selected small,
body[data-launch-identity="active"] #view-launch .guided-progress li.is-current > span,
body[data-launch-identity="active"] #view-launch .guided-progress li.is-complete > span,
body[data-launch-identity="active"] #view-launch .guided-logo-button > i {
  color: var(--identity-primary);
}

body[data-launch-identity="active"] #view-launch .launch-workspace-tab.is-selected::after,
body[data-launch-identity="active"] #view-launch .guided-progress li.is-current > span,
body[data-launch-identity="active"] #view-launch .guided-progress li.is-complete > span {
  border-color: var(--identity-primary);
}

body[data-launch-identity="active"] #view-launch .primary-button:not(.custody-action) {
  border-color: var(--identity-primary);
  background: var(--identity-primary);
  color: var(--identity-contrast);
}

body[data-launch-identity="active"] #view-launch .primary-button:not(.custody-action):hover,
body[data-launch-identity="active"] #view-launch .primary-button:not(.custody-action):focus-visible {
  box-shadow: 0 0 0 3px rgb(var(--identity-primary-rgb) / .16), 0 0 26px rgb(var(--identity-primary-rgb) / .18);
}

body[data-launch-identity="active"] #view-launch input:focus,
body[data-launch-identity="active"] #view-launch textarea:focus,
body[data-launch-identity="active"] #view-launch select:focus {
  border-color: var(--identity-primary);
  box-shadow: inset 2px 0 0 var(--identity-primary);
}

body[data-launch-identity="active"] #view-launch .token-logo-preview.has-logo,
body[data-launch-identity="active"] #view-launch .guided-review-hero,
body[data-launch-identity="active"] #view-launch .asset-lockup {
  border-color: rgb(var(--identity-primary-rgb) / .46);
  background: linear-gradient(100deg, rgb(var(--identity-primary-rgb) / .09), transparent 70%);
}

body[data-launch-identity="active"] #view-launch .token-logo-thumb,
body[data-launch-identity="active"] #view-launch .guided-token-mark,
body[data-launch-identity="active"] #view-launch .asset-mark.has-logo {
  border-color: var(--identity-primary);
  box-shadow: 0 0 20px rgb(var(--identity-primary-rgb) / .18);
}

@media (max-width: 900px) {
  .launch-identity-chip {
    grid-template-columns: 30px minmax(0, auto);
    max-width: 110px;
    padding-right: 7px;
  }

  .launch-identity-dock,
  .launch-identity-dock.is-hero {
    --identity-coin-size: 92px;
    grid-template-columns: var(--identity-coin-size) minmax(0, 1fr);
    gap: 15px;
    min-height: 0;
    padding: 14px;
  }

  .launch-identity-palette {
    display: none;
  }

}

@media (max-width: 620px) {
  .launch-identity-chip > span:last-child {
    display: none;
  }

  .launch-identity-chip {
    display: grid;
    grid-template-columns: 30px;
    width: 38px;
    padding: 3px;
  }

  .launch-identity-dock,
  .launch-identity-dock.is-hero {
    --identity-coin-size: 112px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 12px;
    padding: 18px 14px;
    text-align: center;
  }

  .launch-identity-copy {
    width: 100%;
  }

  .launch-identity-copy h2 {
    white-space: normal;
  }

  .launch-identity-facts > span {
    padding: 8px 4px;
  }

  .launch-identity-motion {
    right: -20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .launch-identity-dock.is-animated .launch-identity-coin {
    animation: none;
  }
}

/* Active launches collapse the setup chrome into one persistent status card.
   The six-phase rail remains the single navigation menu; full controls stay
   available on demand through Show launch details. */
.live-launch-monitor[hidden] {
  display: none !important;
}

.live-launch-monitor {
  position: sticky;
  top: -1px;
  z-index: 9;
  display: grid;
  grid-template-columns: minmax(210px, .8fr) minmax(320px, 1.35fr) minmax(170px, .62fr) auto;
  align-items: center;
  gap: 18px;
  min-width: 0;
  min-height: 92px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgb(var(--identity-primary-rgb) / .5);
  border-left: 3px solid var(--identity-primary);
  background:
    radial-gradient(circle at 4% 50%, rgb(var(--identity-primary-rgb) / .14), transparent 25%),
    linear-gradient(112deg, rgb(var(--identity-primary-rgb) / .075), rgb(var(--identity-accent-rgb) / .025) 55%, transparent),
    color-mix(in srgb, var(--panel-strong) 96%, transparent);
  box-shadow: 0 16px 44px rgb(0 0 0 / .24);
  backdrop-filter: blur(18px);
}

.live-launch-monitor.is-blocked {
  border-color: color-mix(in srgb, var(--amber) 66%, var(--line));
  border-left-color: var(--amber);
}

.live-launch-token,
.live-launch-now {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.live-launch-token > span:last-child,
.live-launch-now > span:last-child,
.live-launch-token small,
.live-launch-token strong,
.live-launch-now small,
.live-launch-now strong,
.live-launch-now em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-launch-coin {
  display: grid;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  place-items: center;
  border: 2px solid rgb(var(--identity-primary-rgb) / .68);
  border-radius: 50%;
  background: var(--panel);
  box-shadow: 0 0 24px rgb(var(--identity-primary-rgb) / .18);
}

.live-launch-coin img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-launch-coin.is-placeholder {
  color: var(--identity-primary);
}

.live-launch-token small,
.live-launch-now small,
.live-launch-progress small {
  color: var(--subtle);
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.live-launch-token strong {
  margin-top: 4px;
  color: var(--ink);
  font-size: 14px;
}

.live-launch-token strong em {
  color: var(--identity-primary);
  font-style: normal;
}

.live-launch-now {
  padding-left: 16px;
  border-left: 1px solid var(--line);
}

.live-launch-now strong {
  margin-top: 3px;
  color: var(--ink);
  font-size: 12px;
}

.live-launch-now em {
  margin-top: 3px;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
}

.live-launch-pulse {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--identity-primary);
  border-radius: 50%;
  background: var(--identity-primary);
  box-shadow: 0 0 0 0 rgb(var(--identity-primary-rgb) / .45);
  animation: live-launch-pulse 1.7s ease-out infinite;
}

.is-blocked .live-launch-pulse {
  border-color: var(--amber);
  background: var(--amber);
  animation: none;
}

@keyframes live-launch-pulse {
  0% { box-shadow: 0 0 0 0 rgb(var(--identity-primary-rgb) / .42); }
  70%, 100% { box-shadow: 0 0 0 10px rgb(var(--identity-primary-rgb) / 0); }
}

.live-launch-progress {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.live-launch-progress > span:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.live-launch-progress > span:first-child strong {
  color: var(--identity-primary);
  font-size: 10px;
}

.live-launch-progress-track {
  display: block;
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--line-strong);
}

.live-launch-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--identity-primary), var(--identity-accent));
  box-shadow: 0 0 12px rgb(var(--identity-primary-rgb) / .35);
  transition: width .28s ease;
}

.live-launch-progress > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-launch-details-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgb(var(--identity-primary-rgb) / .38);
  background: rgb(var(--identity-primary-rgb) / .065);
  color: var(--ink);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.live-launch-details-button:hover,
.live-launch-details-button:focus-visible {
  border-color: var(--identity-primary);
  outline: none;
  background: rgb(var(--identity-primary-rgb) / .12);
}

@media (min-width: 901px) {
  body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .surface-main {
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    gap: 6px;
  }

  body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="details"] #view-launch .surface-main {
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr) !important;
  }
}

body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .cockpit-heading,
body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-summary-drawer,
body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-choice-bar,
body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch #launchIdentityDock {
  display: none !important;
}

body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-workspace-tabs {
  min-height: 34px;
}

body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-workspace-tab {
  min-height: 34px;
  padding-block: 4px;
}

body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-workspace-tab i,
body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-workspace-tab small {
  display: none;
}

body[data-experience-mode="advanced"][data-active-view="launch"][data-launch-focus="active"] #view-launch .launch-workspace-tab {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 1050px) {
  .live-launch-monitor {
    grid-template-columns: minmax(190px, .75fr) minmax(250px, 1.2fr) minmax(150px, .55fr) auto;
    gap: 12px;
  }

  .live-launch-token strong {
    font-size: 12px;
  }

  .live-launch-details-button span {
    display: none;
  }
}

@media (max-width: 900px) {
  .live-launch-monitor {
    position: relative;
    grid-template-columns: minmax(0, 1fr) minmax(150px, .55fr) auto;
    min-height: 0;
  }

  .live-launch-now {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 9px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }
}

@media (max-width: 620px) {
  .live-launch-monitor {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px;
  }

  .live-launch-progress {
    grid-column: 1 / -1;
  }

  .live-launch-coin {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-launch-pulse {
    animation: none;
  }

  .live-launch-progress-track i {
    transition: none;
  }
}

/* Discovery is a token browser first. Artwork and its derived palette carry
   identity; raw evidence and registry controls stay available on demand. */
#view-discovery .section-heading {
  margin-bottom: 2px;
}

#view-discovery .personal-discovery-panel {
  gap: 6px;
  padding: 9px;
  border-color: var(--line-strong);
  background: var(--panel);
}

#view-discovery .personal-discovery-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px auto;
  align-items: center;
  gap: 7px;
}

#view-discovery .personal-discovery-title {
  display: flex;
  align-items: baseline;
  gap: 7px;
}

#view-discovery .personal-discovery-title strong {
  font-size: 14px;
}

#view-discovery .personal-discovery-title small {
  color: var(--muted);
  font-size: 9px;
}

#view-discovery #personalDiscoverySort {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 24px 0 8px;
  border: 1px solid var(--line);
  background: var(--field);
  color: var(--muted);
  font: inherit;
  font-size: 9px;
}

#view-discovery .personal-discovery-status {
  min-height: 14px;
  font-size: 8px;
}

#view-discovery .personal-token-feed {
  max-height: clamp(360px, 57vh, 720px);
  gap: 6px;
}

#view-discovery .personal-token-card {
  grid-template-columns: 44px minmax(0, 1fr) 34px;
  gap: 9px;
  min-height: 58px;
  padding: 6px 8px 6px 6px;
  border-color: color-mix(in srgb, var(--token-primary) 34%, var(--line));
  border-left: 3px solid var(--token-primary);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--token-primary) 14%, transparent), transparent 52%),
    var(--panel-strong);
}

#view-discovery button.personal-token-card:hover,
#view-discovery button.personal-token-card:focus-visible {
  border-color: var(--token-primary);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--token-primary) 22%, transparent), transparent 62%),
    var(--panel-strong);
}

#view-discovery .personal-token-mark,
#view-discovery .discovery-row .token-mark,
#view-discovery .evidence-head .token-mark {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--token-primary) 68%, var(--line));
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--token-primary) 35%, var(--field)), color-mix(in srgb, var(--token-accent) 18%, var(--field)));
  color: var(--token-primary);
}

#view-discovery .personal-token-mark {
  width: 42px;
  height: 42px;
  border-radius: 8px;
}

#view-discovery .token-mark .token-initials {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--token-primary);
  font-size: 9px;
  font-weight: 850;
}

#view-discovery .token-mark img {
  position: relative;
  z-index: 1;
}

#view-discovery .personal-token-card strong {
  font-size: 11px;
}

#view-discovery .personal-token-card small {
  font-size: 9px;
}

#view-discovery .network-score {
  min-width: 32px;
  min-height: 32px;
  border-color: color-mix(in srgb, var(--token-accent) 58%, var(--line));
  color: var(--token-primary);
}

#view-discovery .discovery-utility-panel {
  margin-top: 7px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-strong) 76%, transparent);
}

#view-discovery .discovery-utility-panel > summary,
#view-discovery .discovery-more > summary {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 9px;
  color: var(--muted);
  cursor: pointer;
  font-size: 9px;
  font-weight: 760;
  list-style: none;
  text-transform: uppercase;
  letter-spacing: .05em;
}

#view-discovery .discovery-utility-panel > summary::-webkit-details-marker,
#view-discovery .discovery-more > summary::-webkit-details-marker {
  display: none;
}

#view-discovery .discovery-utility-panel > summary::after,
#view-discovery .discovery-more > summary::after {
  content: "+";
  margin-left: auto;
  color: var(--green);
}

#view-discovery .discovery-utility-panel[open] > summary::after,
#view-discovery .discovery-more[open] > summary::after {
  content: "−";
}

#view-discovery .discovery-utility-panel > summary .badge {
  min-height: 18px;
  padding: 2px 6px;
}

#view-discovery .discovery-inspect-bar,
#view-discovery .discovery-saved-tools > :not(summary) {
  margin-right: 8px;
  margin-left: 8px;
}

#view-discovery .discovery-manual-tools .discovery-inspect-bar {
  margin-bottom: 8px;
}

#view-discovery .discovery-row {
  border-left: 3px solid var(--token-primary);
  background: linear-gradient(90deg, color-mix(in srgb, var(--token-primary) 12%, transparent), transparent 55%);
}

#view-discovery .discovery-row.is-active {
  border-color: var(--token-primary);
}

#view-discovery .discovery-row .meter > span {
  background: var(--token-primary);
}

#view-discovery .evidence-head {
  padding: 6px;
  border: 1px solid color-mix(in srgb, var(--token-primary) 48%, var(--line));
  border-left: 3px solid var(--token-primary);
  background: linear-gradient(100deg, color-mix(in srgb, var(--token-primary) 17%, transparent), transparent 62%);
}

#view-discovery .evidence-head .token-mark {
  width: 46px;
  height: 46px;
  border-radius: 9px;
}

#view-discovery .evidence-head {
  grid-template-columns: 46px minmax(0, 1fr) auto;
}

#view-discovery .evidence-identity-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

#view-discovery .evidence-identity-meta .risk-badge {
  min-height: 18px;
  padding: 2px 5px;
  gap: 4px;
  font-size: 7px;
}

#view-discovery .market-card {
  border-color: color-mix(in srgb, var(--token-primary) 34%, var(--line));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--token-primary) 9%, transparent), transparent 62%),
    color-mix(in srgb, var(--panel-strong) 76%, transparent);
}

#view-discovery .market-sparkline:not(.is-down) .market-sparkline-line {
  stroke: var(--token-primary);
}

#view-discovery .market-sparkline:not(.is-down) .market-sparkline-area {
  fill: color-mix(in srgb, var(--token-primary) 12%, transparent);
}

#view-discovery .evidence-summary-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#view-discovery .discovery-more {
  margin-top: 5px;
  border-top: 1px solid var(--line-strong);
}

#view-discovery .discovery-more > summary {
  padding-inline: 0;
}

#view-discovery .discovery-more > summary small {
  margin-left: auto;
  color: var(--muted);
  font-size: 8px;
  text-transform: none;
}

#view-discovery .discovery-more > summary::after {
  margin-left: 0;
}

#view-discovery .discovery-more .danger-button {
  margin-top: 7px;
}

@media (max-width: 760px) {
  #view-discovery .personal-discovery-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #view-discovery #personalDiscoverySort {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  #view-discovery .personal-token-card {
    grid-template-columns: 44px minmax(0, 1fr) 34px;
  }
}

/* Compact launch shell: phase tabs provide the sequence, while the workspace
   contains only the current task and one visible next action. */
.launch-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  min-width: 0;
}

.launch-toolbar > details {
  min-width: 0;
  border: 1px solid var(--line);
  background: var(--panel);
}

.launch-toolbar > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  padding: 7px 10px;
  color: var(--muted);
  cursor: pointer;
  list-style: none;
}

.launch-toolbar > details > summary::-webkit-details-marker { display: none; }
.launch-toolbar > details > summary > span { display: flex; align-items: center; gap: 7px; }
.launch-toolbar > details > summary strong { color: var(--ink); font-size: 9px; }
.launch-toolbar > details > summary small { color: var(--muted); font-size: 8px; white-space: nowrap; }
.launch-toolbar > details > summary::after { content: "+"; color: var(--green); font-size: 13px; }
.launch-toolbar > details[open] > summary::after { content: "−"; }

.launch-summary-drawer > summary {
  min-height: 36px;
  padding: 7px 10px;
}

.launch-settings-drawer {
  position: relative;
  width: 210px;
}

.launch-settings-drawer[open] .launch-choice-bar {
  position: absolute;
  top: calc(100% + 5px);
  right: -1px;
  z-index: 30;
  display: grid;
  width: min(470px, calc(100vw - 44px));
  margin: 0;
  padding: 10px;
  border: 1px solid var(--line-strong);
  background: var(--panel-strong);
  box-shadow: 0 18px 44px rgb(0 0 0 / .38);
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .launch-choice-bar {
  display: none;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer[open] .launch-choice-bar {
  display: grid;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .launch-choice-group,
body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .launch-choice-label {
  display: grid;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .environment-row,
body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .experience-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .environment-button,
body[data-experience-mode="advanced"][data-active-view="launch"] .launch-settings-drawer .experience-button {
  min-height: 38px;
  border-right-width: 1px;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .setup-dock-head {
  display: none;
}

body[data-experience-mode="advanced"][data-active-view="launch"] .setup-dock {
  margin: 0;
  padding: 8px;
  border: 0;
}

.launch-step-guide,
.launch-step-guide.is-complete {
  grid-template-columns: minmax(0, 1fr) minmax(210px, .48fr);
  gap: 10px;
  padding: 8px 10px;
}

.launch-step-guide h2,
.launch-step-guide.is-complete h2 {
  font-size: 13px;
}

.launch-step-guide p,
.launch-step-guide aside,
.launch-step-guide.is-complete p,
.launch-step-guide.is-complete aside {
  font-size: 8px;
  line-height: 1.35;
}

.launch-step-guide aside,
.launch-step-guide.is-complete aside {
  padding: 6px 8px;
}

.configure-step-guide {
  margin-bottom: 8px;
}

.launch-phase-workspace,
.classic-workspace-fund,
.classic-workspace-execute,
.classic-workspace-verify {
  gap: 8px;
  padding: 8px;
}

.launch-fact-grid > span {
  padding: 7px 9px;
}

.funding-task {
  gap: 10px;
  padding: 11px;
}

.funding-task-main > strong {
  font-size: 18px;
}

.phase-options > summary {
  min-height: 34px;
}

.phase-options .launch-phase-actions {
  padding: 8px;
}

.launch-proof-details > .finalize-panel {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--line);
}

.configure-phase-actions,
.classic-workspace-fund > .launch-phase-actions {
  position: sticky;
  bottom: 0;
  z-index: 8;
  margin: 0 -1px -1px;
  padding: 8px;
  border: 1px solid var(--line-strong);
  background: color-mix(in srgb, var(--panel-strong) 94%, transparent);
  backdrop-filter: blur(16px);
}

@media (min-width: 901px) {
  body[data-experience-mode="advanced"] #view-launch .surface-main {
    grid-template-rows: auto auto auto minmax(0, 1fr);
  }

  .execution-readiness.is-primary-action {
    position: sticky;
    top: 0;
    z-index: 6;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock {
    --identity-coin-size: 52px;
    gap: 10px;
    margin-bottom: 7px;
    padding: 7px 10px;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock .launch-identity-copy {
    gap: 2px;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock .launch-identity-copy h2 {
    font-size: 15px;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock .launch-identity-facts {
    margin-top: 2px;
    border-bottom: 0;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock .launch-identity-facts > span {
    padding: 4px 8px 3px 0;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock .launch-identity-palette {
    grid-template-columns: 22px 22px;
  }

  body[data-experience-mode="advanced"] .launch-identity-dock .identity-swatch {
    width: 22px;
    height: 22px;
  }
}

body[data-active-view="launch"] #view-launch .launch-console,
body[data-active-view="launch"] #view-launch .signature-panel {
  display: none !important;
}

@media (max-width: 900px) {
  .launch-toolbar,
  .launch-step-guide,
  .launch-step-guide.is-complete {
    grid-template-columns: 1fr;
  }

  .launch-settings-drawer {
    width: auto;
  }

  .launch-settings-drawer[open] .launch-choice-bar {
    position: static;
    width: auto;
    border-inline: 0;
    border-bottom: 0;
    box-shadow: none;
  }
}


/* Flywheel pairing: the meme flywheel draws from a curated memecoin pool. */
.flywheel-pick {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 6px 8px;
  border: 1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  font-size: 11px;
}

.flywheel-pick-label {
  opacity: 0.7;
  white-space: nowrap;
}

.flywheel-pick-mint {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--accent, #ffb347);
}

/* Flywheel vortex: a 3D funnel. Band span is share of supply, the flywheel is
   the fast throat, the SOL market is the wide mouth, and the helix is the
   circulating flow. Inspired by the inward-spiralling, axially-stretched
   vortex with finite energy (see public/v2/vortex.js for the mapping). */
.vortex-panel {
  margin-top: 12px;
}

.vortex-control {
  border: 1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-radius: 10px;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(246, 173, 85, 0.14), rgba(0, 0, 0, 0.32) 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.12));
  padding: 10px 12px 12px;
}

.vortex-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.vortex-head strong {
  font-size: 12px;
  color: var(--accent, #ffb347);
}

.vortex-stage {
  position: relative;
}

.vortex-svg {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  display: block;
  touch-action: none;
  user-select: none;
}

/* Depth: each frustum slice carries a gradient, the far rim is dimmer than
   the near rim, and the throat sits under a bright cap. */
.vortex-slice {
  transition: fill-opacity 140ms ease;
}

.vortex-rim-back {
  opacity: 0.55;
}

.vortex-rim-front {
  opacity: 0.95;
}

.vortex-band-label {
  font-size: 10px;
  font-family: var(--mono, ui-monospace, monospace);
  dominant-baseline: middle;
  paint-order: stroke;
  stroke: rgba(0, 0, 0, 0.55);
  stroke-width: 2px;
}

.vortex-boundary {
  cursor: grab;
  touch-action: none;
}

.vortex-boundary:active {
  cursor: grabbing;
}

.vortex-boundary:focus-visible {
  outline: 2px solid var(--accent, #ffb347);
  outline-offset: 3px;
}

.vortex-handle-ring {
  fill: none;
  stroke: rgba(255, 255, 255, 0.45);
  stroke-width: 1;
  stroke-dasharray: 3 4;
}

.vortex-handle {
  fill: rgba(255, 255, 255, 0.92);
  stroke: #1a202c;
  stroke-width: 1.5;
}

.vortex-boundary:hover .vortex-handle,
.vortex-boundary:focus-visible .vortex-handle {
  fill: var(--accent, #ffb347);
}

/* The helix is the circulating flow: dash offset animates down the funnel. */
.vortex-helix {
  animation: vortex-flow 5.5s linear infinite;
}

@keyframes vortex-flow {
  to { stroke-dashoffset: -48; }
}

@media (prefers-reduced-motion: reduce) {
  .vortex-helix { animation: none; }
}

.vortex-sink,
.vortex-inflow {
  font-family: var(--mono, ui-monospace, monospace);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  pointer-events: none;
}

.vortex-readout {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  font-size: 11px;
}

.vortex-readout small {
  display: block;
  opacity: 0.6;
}

.vortex-hint {
  margin: 6px 0 0;
  font-size: 10px;
  opacity: 0.6;
  line-height: 1.4;
}

/* Ring mode: with three or more tokens the vortex becomes a circulation ring —
   memecoins on one annulus, the flywheel pairing as the hub, arrows showing
   the cascade inward. */
.vortex-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.vortex-mode {
  font-size: 10px;
  padding: 2px 8px;
}

.vortex-sector {
  transition: fill-opacity 140ms ease;
}

.vortex-cascade {
  opacity: 0.85;
}

.vortex-band-mint {
  font-family: var(--mono, ui-monospace, monospace);
  font-size: 8px;
  fill: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}

.vortex-hub {
  filter: drop-shadow(0 0 6px rgba(246, 173, 85, 0.45));
}

.vortex-hub-label {
  font-family: var(--mono, ui-monospace, monospace);
  font-size: 10px;
  fill: #1a202c;
  letter-spacing: 0.06em;
}

.vortex-hub-value {
  font-family: var(--mono, ui-monospace, monospace);
  font-size: 9px;
  fill: rgba(26, 32, 44, 0.75);
}

/* Circulation: the dashed ring rotates, implying flow around the vortex. */
.vortex-circulation {
  animation: vortex-circulate 16s linear infinite;
  transform-origin: 180px 180px;
}

@keyframes vortex-circulate {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .vortex-circulation { animation: none; }
}

/* Counter-rotation: adjacent sectors flow in opposite directions, like a
   counter-rotating vortex pair feeding the same core. */
.vortex-swirl {
  animation: vortex-swirl-flow 4.5s linear infinite;
}

.vortex-swirl.is-reverse {
  animation-direction: reverse;
  animation-duration: 6s;
}

@keyframes vortex-swirl-flow {
  to { stroke-dashoffset: -40; }
}

@media (prefers-reduced-motion: reduce) {
  .vortex-swirl { animation: none; }
}

.vortex-mode[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ---------------------------------------------------------------------------
 * Quick Launch — streamlined one-batch launch panel
 * ------------------------------------------------------------------------- */
.quick-launch-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px 20px;
  align-items: start;
  padding: 18px 20px;
  margin: 18px 0;
  background: linear-gradient(180deg, var(--panel-strong), var(--panel));
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
}
.quick-launch-copy h3 {
  margin: 2px 0 6px;
  font-size: 1.05rem;
}
.quick-launch-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  max-width: 480px;
}
.quick-launch-fields {
  display: grid;
  grid-template-columns: repeat(2, 180px);
  gap: 10px 12px;
  align-items: end;
}
.quick-launch-fields label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.quick-launch-fields label > span {
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  color: var(--subtle);
  text-transform: uppercase;
}
.quick-launch-fields input,
.quick-launch-fields select {
  width: 100%;
  padding: 8px 10px;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font: inherit;
}
.quick-pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--green);
  font-size: 0.85rem;
  white-space: nowrap;
}
.quick-cost {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 2px 14px;
  padding: 10px 12px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: 0.9rem;
}
.quick-cost .quick-cost-grid {
  display: contents;
}
.quick-cost-row {
  display: contents;
}
.quick-cost-row span {
  padding: 2px 0;
  color: var(--muted);
}
.quick-cost-row strong {
  padding: 2px 0;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.quick-cost-total {
  border-top: 1px solid var(--line);
  margin-top: 2px;
  padding-top: 6px;
}
.quick-cost-total strong {
  color: var(--green);
}
.quick-cost-saving {
  color: var(--blue) !important;
}
.quick-launch-button {
  grid-column: 1 / -1;
  justify-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border: none;
  border-radius: var(--radius);
  background: linear-gradient(90deg, var(--green), #5ec99a 60%, var(--blue));
  color: #07100a;
  font-weight: 700;
  letter-spacing: 0.03em;
  cursor: pointer;
}
.quick-launch-button:hover { filter: brightness(1.08); }
.quick-launch-button[aria-busy="true"] { opacity: 0.7; cursor: progress; }
@media (max-width: 900px) {
  .quick-launch-card { grid-template-columns: 1fr; }
  .quick-launch-fields { grid-template-columns: 1fr 1fr; }
}
.quick-launch-log {
  grid-column: 1 / -1;
  margin: 0;
  padding: 8px 12px 8px 26px;
  list-style: decimal;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: 0.85rem;
  color: var(--muted);
}
.quick-launch-log li { padding: 3px 0; }
.quick-launch-log li.is-done { color: var(--green); }
.quick-launch-log li.is-todo { color: var(--subtle); }