:root {
  --terminal-panel: #040605;
  /* Panels share the ground colour, so they need the same raster guard; see --ground-fill in main.css. */
  --panel-fill: linear-gradient(transparent, transparent) var(--terminal-panel);
  --terminal-inset: #080b0a;
  --terminal-rule: #19201d;
  --terminal-control: #0d1210;
  --terminal-raised: #131a17;
  --terminal-selected: rgb(63 233 162 / .07);
  --navigation-on-selected: #ecf2ef;
  --radius-panel: 4px;
  --rail-w: 84px;
  --status-h: 30px;
  color-scheme: dark;
}

::selection { background: var(--selection); color: #fff; }
input, textarea { caret-color: var(--positive); }
a { text-underline-offset: 3px; }
/* Inline references share the landing description's quiet underline and mint hover. */
a.aera-prose-link { color: var(--text); text-decoration: underline 1px var(--rule-bright); text-underline-offset: 3px; transition: color 160ms ease-out, text-decoration-color 160ms ease-out; }
a.aera-prose-link:hover { color: var(--positive); text-decoration: underline 1px currentColor; }
a.aera-prose-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 2px; }
button, input, select, textarea { font-family: inherit; }
:is(button, a, summary, input, select, textarea):focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}
/* Bordered controls use their own edge as the single focus indicator. */
:is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus-visible {
  border-color: var(--focus);
  outline: none;
  box-shadow: none;
}
.form-input-wrapper :is(input, select):focus-visible { outline: none; box-shadow: none; }
.panel { background: var(--panel-fill); border-radius: var(--radius-panel); }
.site-header { min-height: 54px; }
/* Shared secondary navigation for Series Notes and Aera DAO. */
.aera-page-nav { display: flex; flex-direction: column; align-self: stretch; min-width: 0; gap: 0; padding: 8px 0; border-right: 1px solid var(--terminal-rule); }
.aera-page-nav-link { appearance: none; position: relative; display: flex; align-items: center; width: 100%; min-height: 44px; padding: 12px; border: 0; border-radius: 0; background: transparent; color: var(--text-soft); font: inherit; font-size: .875rem; line-height: 1.35; text-align: left; white-space: nowrap; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.aera-page-nav-link:is(:hover, :focus-visible, [aria-pressed="true"], [aria-current="page"]) { background: var(--positive); color: var(--navigation-on-selected); }
.aera-page-nav-link:is([aria-pressed="true"], [aria-current="page"])::after { content: ''; position: absolute; right: -1px; top: 10px; bottom: 10px; width: 2px; background: var(--on-positive); pointer-events: none; }
.aera-page-nav-link:focus-visible { outline: 2px solid var(--on-positive); outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { .aera-page-nav-link { transition: none; } }
.aera-grant-notice { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px; border-bottom: 1px solid var(--terminal-rule); background: var(--panel-fill); }
.aera-grant-notice[hidden] { display: none; }
.aera-grant-notice p { margin: 0; color: var(--text); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.aera-grant-notice button { flex-shrink: 0; }
@media (max-width: 440px) { .aera-grant-notice { padding-inline: 12px; flex-wrap: wrap; } }
@media (min-width: 761px) {
  .panel.sn-page, .panel.ad-root { grid-template-columns: 196px minmax(0, 1fr); }
  .aera-page-nav { gap: 4px; padding: 8px 12px 8px 0; }
  .aera-page-nav-link { min-height: 48px; gap: 12px; padding: 12px; border-radius: 6px; font-size: .8125rem; font-weight: 500; }
}
.aera-page-nav-link[data-sn-filter="active"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-sn-filter="matured"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-sn-filter="mine"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-sn-filter="all"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%2213%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%207v12a2%202%200%200%200%202%202h10M11%208h5m-5%204h5%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-sn-tab="liquidations"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h15m-4-4%204%204-4%204M20%2017H5m4-4-4%204%204%204%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-ad-tab="aera"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205H3Zm2%203v7m7-7v7m7-7v7M3%2021h18%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-ad-tab="staking"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%226%22%20rx%3D%228%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%206v6c0%201.7%203.6%203%208%203s8-1.3%208-3V6M4%2012v6c0%201.7%203.6%203%208%203s8-1.3%208-3v-6%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-ad-tab="treasury"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%208v8m-4-4h8M6%204v16%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-ad-tab="proposals"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%207h6M9%2011h6m-6%205%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-ad-tab="admin"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h5m4%200h7M4%2012h11m4%200h1M4%2018h1m4%200h11%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
.aera-page-nav-link[data-sn-tab="risk"] { --page-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a9 9 0 1 1 16 0M12 12l4-4M5 12h1m12 0h1M12 5v1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E"); }
.aera-page-nav-link::before { content: ''; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: var(--page-nav-icon) center / contain no-repeat; mask: var(--page-nav-icon) center / contain no-repeat; }
.aera-page-nav-link::after { content: ''; visibility: hidden; width: 6px; height: 10px; flex: 0 0 6px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.aera-page-nav-link:is([aria-pressed="true"], [aria-current="page"])::after { visibility: visible; position: static; width: 6px; height: 10px; background: transparent; }
@media (max-width: 760px) {
  .aera-page-nav { flex-direction: row; gap: 4px; border-right: 0; border-bottom: 1px solid var(--terminal-rule); padding: 0 0 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--rule-bright) var(--terminal-panel); }
  .aera-page-nav-link { flex: 1 0 auto; width: auto; min-width: 128px; min-height: 48px; justify-content: center; gap: 8px; padding: 12px; border-radius: 6px; font-size: .8125rem; font-weight: 500; text-align: center; }
  .aera-page-nav-link::after { margin-left: 2px; }
  .aera-page-nav::-webkit-scrollbar { height: 3px; }
  .aera-page-nav::-webkit-scrollbar-thumb { background: var(--rule-bright); border-radius: 3px; }
}
.btn, .btn.small-btn, .btn.ghost-btn {
  min-height: 36px; border-radius: 6px; padding: 8px 12px;
  border-color: var(--rule-strong); font-size: .8125rem; line-height: 1.25;
  transition: background-color 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out;
}
.btn.ghost-btn { color: var(--text-soft); border-color: var(--terminal-rule); }
/* Navigation uses native links; give them the same box and alignment as buttons. */
a.btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle; text-decoration: none; }
/* DAO board links share native control styling; figures keep their own scroll surface. */
a.btn.ad-row-link, a.btn.ad-row-figure-link { display: block; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; text-align: left; }
a.btn.ad-row-link { color: var(--text); font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
a.btn.ad-row-link::after { content: ''; position: absolute; inset: 0; }
a.btn.ad-row-link > span { display: block; margin-top: 4px; color: var(--text-muted); font-size: .8125rem; font-weight: 400; line-height: 1.45; }
a.btn.ad-row-figure-link { width: max-content; min-width: 100%; font: inherit; letter-spacing: inherit; }
a.btn:is(.ad-row-link, .ad-row-figure-link):is(:hover, :focus-visible) { background: transparent; color: inherit; text-decoration: none; outline: none; }
.btn.btn-lg { min-height: 44px; padding-inline: 18px; }
/* Landing actions are shared native controls in the app's sentence-case control type and 4px radius. */
.btn.lb-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 12px 22px; border: 1px solid var(--rule-bright); border-radius: 4px;
  background: transparent; color: var(--text); font: 600 .9375rem/1.2 var(--font-sans);
  letter-spacing: 0; text-transform: none; text-decoration: none;
}
.btn.lb-btn--primary { background: var(--positive); border-color: var(--positive); color: var(--on-positive); }
.btn.lb-btn--primary:hover:not(:disabled) { background: var(--positive-soft); border-color: var(--positive-soft); color: var(--on-positive); }
.btn.lb-btn--outline:hover:not(:disabled) { background: var(--terminal-control); border-color: var(--positive); }
.btn.lb-btn--large { min-height: 56px; padding: 16px 28px; }
.btn.lb-btn--text { justify-content: flex-start; min-width: 44px; min-height: 44px; padding: 10px 0; border-color: transparent; background: transparent; color: var(--positive); }
.btn.lb-btn--text:hover:not(:disabled) { color: var(--positive-soft); border-color: transparent; background: transparent; }
.btn.lb-footer-link { color: var(--text-soft); font-size: .8125rem; }
.btn.lb-book-market { min-height: 44px; padding: 8px 0; color: var(--text); font-size: .8125rem; letter-spacing: .03em; }
.btn.lb-btn:focus-visible:not(:disabled) { outline: 2px solid var(--focus); outline-offset: 4px; }
/* On Home the header's Launch app is outlined, so the hero's filled action is the only filled one in view; it fills on hover. */
body.is-home .btn.landing-launch { min-height: 44px; border-color: var(--rule-bright); border-radius: 4px; background: transparent; color: var(--text); font: 600 .875rem/1.25 var(--font-sans); letter-spacing: 0; text-transform: none; }
@media (max-width: 360px) { body.is-home .btn.landing-launch { padding-inline: 10px; gap: 6px; font-size: .8125rem; } }
.btn.lb-row-link { display: grid; justify-content: normal; text-align: left; min-height: inherit; padding: 0 var(--g); border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; }
.btn.lb-row-link:is(:hover, :focus-visible):not(:disabled) { background: var(--terminal-control); color: inherit; }
.btn.lb-row-link:focus-visible { outline: 2px solid var(--focus); outline-offset: -3px; }
@media (max-width: 640px) { .btn.lb-row-link { padding-block: 20px; } }
.btn.primary-btn.btn-filled { background: var(--positive); border-color: var(--positive); color: var(--on-positive); }
.btn.primary-btn.btn-filled:hover:not(:disabled) { background: var(--positive-soft); border-color: var(--positive-soft); color: var(--on-positive); }
.btn.primary-btn.btn-filled:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.btn.primary-btn.btn-filled:disabled { background: var(--terminal-control); border-color: var(--rule-strong); color: var(--text-muted); }
.btn.primary-btn { border-color: var(--rule-bright); }
.btn:focus-visible:not(:disabled) { border-color: var(--focus); outline: none; box-shadow: none; }
.btn:disabled { opacity: .65; }
.btn.btn-stat { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 2px; background: transparent; color: var(--text); text-align: left; font-weight: 400; }
.btn.btn-stat:is(:hover, :focus-visible):not(:disabled) { background: transparent; color: var(--text); }
.btn.btn-stat .btn-stat-value { text-decoration: underline; text-decoration-color: var(--terminal-rule); text-underline-offset: 3px; }
.btn.btn-stat:is(:hover, :focus-visible):not(:disabled) .btn-stat-value { text-decoration-color: currentColor; }
.btn.btn-stat:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.btn.btn-stat[aria-disabled="true"] { cursor: default; }
.btn.btn-stat[aria-disabled="true"] .btn-stat-value { text-decoration: none; }
.btn:is(:hover, :focus-visible):not(:disabled) { filter: none; }
/* Compact table actions share sizing and states for native buttons and links. */
.btn.orders-icon-btn { display: inline-flex; align-items: center; justify-content: center; position: relative; flex: none; width: 36px; height: 36px; min-width: 36px; min-height: 36px; margin: 0; padding: 0; border: 1px solid var(--terminal-rule); border-radius: 6px; background: transparent; color: var(--text-soft); text-decoration: none; }
.btn.orders-icon-btn svg { width: 16px; height: 16px; flex: none; }
.btn.orders-icon-btn:hover:not(:disabled) { color: var(--text); background: var(--terminal-control); border-color: var(--rule-bright); }
.btn.orders-icon-btn--cancel:hover:not(:disabled) { color: var(--danger-soft); background: rgb(var(--danger-rgb) / .09); border-color: var(--danger-soft); }
.btn.orders-icon-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.btn.orders-icon-btn:disabled { opacity: .45; }
@media (max-width: 760px), (pointer: coarse) {
  .btn.orders-icon-btn { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
}
#connect-wallet-btn { min-height: 40px; padding-inline: 14px; }
.form-input-wrapper {
  border: 1px solid var(--terminal-rule); border-radius: 6px;
  background: var(--terminal-inset); transition: border-color 160ms ease-out;
}
.form-input-wrapper:focus-within { border-color: var(--focus); box-shadow: none; }
.form-row input:not([type="checkbox"]) { height: 44px; padding: 12px; }
.input-suffix-action, .input-suffix-select { border-radius: 4px; }
.input-suffix-action-wrap, .input-suffix-select-wrap { top: 4px; bottom: 4px; }
.market-stat, .execution-policy-group, .payout-preferences-group { border-radius: 6px; }
.market-stat-value, .balance-value, .orderbook-table, .activity-log { font-variant-numeric: tabular-nums; }

/* Non-trading workspaces keep the same shell with room for dense data. */
.main-layout.main-layout--page { grid-template-columns: minmax(0, 1fr) 280px; }
.main-layout.main-layout--page > .page-shell { grid-column: 1; grid-row: 1; }
.main-layout.main-layout--page > .trade-panel { grid-column: 2; grid-row: 1; max-width: none; }
.main-layout--page .activity { min-height: 100px; }
.balances h2, .activity h2 { margin: 0 0 .4rem; font-size: .85rem; }
.activity-log:not(:has(li))::after {
  content: "No recent activity"; display: block; padding: 12px 0 4px;
  color: var(--text-muted); font-family: "Geist", sans-serif; font-size: .8125rem;
}
.main-layout > .page-shell .page-placeholder-card {
  display: block; padding: 16px; min-height: 480px;
}
.terminal-page-header { padding: 2px 4px 18px; }
.page-placeholder-card .terminal-page-header h1 { font-size: 1.5rem; }
.portfolio-workspace { background: var(--terminal-inset); padding: 24px; border-radius: 8px; }
.portfolio-workspace > p { font-size: .875rem; line-height: 1.6; max-width: 65ch; }
.portfolio-workspace .empty-state-actions { display: grid; margin-top: 24px; gap: 0; }
.portfolio-workspace .empty-state-actions .btn {
  position: relative; border: 0; border-top: 1px solid var(--terminal-rule); border-radius: 0;
  padding: 18px 28px 18px 0; text-align: left; min-height: 56px; color: var(--text);
}
.portfolio-workspace .empty-state-actions .btn:hover { background: var(--terminal-control); padding-left: 12px; }
.portfolio-workspace .empty-state-actions .btn::after {
  content: ""; position: absolute; right: 12px; top: calc(50% - 3px);
  width: 6px; height: 6px; border-top: 1px solid currentColor;
  border-right: 1px solid currentColor; transform: rotate(45deg);
}

/* Wallet selection, transfers and reviewed actions share a dialog language. */
.modal-backdrop { padding: 16px; background: rgba(0, 0, 0, .78); }
.modal, .market-overlay-content {
  background: var(--panel-fill); border-radius: var(--radius-panel);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
  padding: 24px; max-height: calc(100dvh - 48px); overflow-y: auto;
}
.modal { width: min(480px, 100%); max-width: 480px; }
.modal h3, .market-overlay-title h2 { font-size: 1.125rem; font-weight: 500; }
.modal p, .market-overlay-title p { line-height: 1.5; }
.modal-actions { border-top: 1px solid var(--terminal-rule); padding-top: 16px; margin-top: 20px; flex-wrap: wrap; }
.wallet-overlay-backdrop, .market-overlay-backdrop { background: rgba(0, 0, 0, .78); }
.market-overlay-content { width: min(640px, calc(100% - 32px)); margin-top: 24px; }
.market-overlay-header { align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid var(--terminal-rule); }
.market-list-item { padding: 14px 8px; border-color: var(--terminal-rule); }
.market-list-item:hover { background: var(--terminal-control); color: var(--text); }
.ledger-path-card, .ledger-preview, .send-token-card {
  background: transparent; border-radius: 0; border: 0; padding: 0;
}
.send-label input, .ledger-path-label input, .market-filter-input {
  background: var(--terminal-inset); border: 1px solid var(--terminal-rule); border-radius: 6px;
  min-height: 44px; padding: 12px; color: var(--text);
}
/* Wallet connection inherits the shared terminal dialog and control language. */
#wallet-modal { align-items: center; padding: 24px 16px; }
#wallet-modal[hidden], #wallet-modal [hidden] { display: none; }
#wallet-modal .wallet-dialog { display: flex; flex-direction: column; width: min(480px, 100%); max-height: calc(100dvh - 48px); margin: 0; padding: 0; overflow: hidden; }
#wallet-modal .market-overlay-header { flex: 0 0 auto; gap: 12px; margin: 0; padding: 24px 24px 20px; border: 0; }
#wallet-modal .market-overlay-title { min-width: 0; }
#wallet-modal h2 { margin: 0 0 8px; font-size: 1.5rem; line-height: 1.25; font-weight: 500; letter-spacing: -.02em; color: var(--text); }
#wallet-modal h2:focus, #ledger-selection-title:focus { outline: none; }
#wallet-modal .market-overlay-title p { margin: 0; color: var(--text-muted); font-size: .875rem; line-height: 1.5; }
.btn.wallet-dialog-close { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; min-height: 44px; padding: 0; }
#wallet-list { flex: 1 1 auto; min-height: 0; max-height: none; padding: 0 24px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--rule-strong) var(--terminal-panel); }
.wallet-choice-row { margin: 0 0 8px; }
.btn.wallet-choice { display: flex; align-items: center; width: 100%; min-height: 80px; gap: 16px; padding: 16px; text-align: left; white-space: normal; border-color: var(--terminal-rule); background: var(--terminal-control); color: var(--text); }
.btn.wallet-choice:hover:not(:disabled) { background: var(--terminal-raised); border-color: var(--rule-bright); color: var(--text); }
.btn.wallet-choice:focus-visible { border-color: var(--focus); background: var(--terminal-control); }
.wallet-choice-icon { width: 28px; height: 28px; flex: 0 0 28px; color: var(--text-soft); }
img.wallet-choice-icon { object-fit: contain; }
.wallet-choice-icon--ledger { filter: invert(1); }
.wallet-choice-copy { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 0; }
.wallet-choice-name { font-size: .9375rem; font-weight: 500; line-height: 1.4; }
.wallet-choice-description { font-size: .8125rem; font-weight: 400; line-height: 1.4; color: var(--text-muted); }
.wallet-choice-chevron { width: 18px; height: 18px; flex: 0 0 18px; color: var(--text-muted); }
.wallet-empty { display: flex; gap: 16px; padding: 12px 0 20px; color: var(--text-muted); }
.wallet-empty strong { display: block; color: var(--text-soft); font-size: .875rem; font-weight: 500; line-height: 1.5; }
.wallet-empty p { margin: 4px 0 0; font-size: .8125rem; line-height: 1.5; }
.wallet-dialog-network { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex: 0 0 auto; margin: 16px 24px 0; padding: 12px 0; border-top: 1px solid var(--terminal-rule); }
.btn.wallet-brand-link { min-height: 44px; padding: 8px 6px; margin-left: -6px; border-color: transparent; }
.btn.wallet-brand-link:hover { background: var(--terminal-control); }
#wallet-modal .wallet-brand-lockup { height: 22px; filter: brightness(0) invert(.83); }
#wallet-modal .wallet-network-badge { font-size: .75rem; line-height: 1.4; color: var(--network-label); }
.wallet-step-actions { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 12px; padding: 16px 24px 0; }
.wallet-step-actions .btn { min-height: 44px; }
.btn.wallet-connect-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 160px; max-width: 100%; white-space: normal; background: var(--positive); border-color: var(--positive); color: var(--on-positive); font-weight: 500; }
.btn.wallet-connect-action:hover:not(:disabled) { background: var(--focus); border-color: var(--focus); color: var(--on-positive); }
.btn.wallet-connect-action:focus-visible:not(:disabled) { border-color: var(--text); }
#wallet-modal h3 { margin: 0 0 12px; font-size: .9375rem; font-weight: 500; line-height: 1.4; color: var(--text); }
.ledger-instructions { display: grid; gap: 12px; margin: 0; padding-left: 22px; font-size: .875rem; line-height: 1.5; color: var(--text-soft); }
.ledger-instructions li { padding-left: 6px; }
.ledger-instructions li::marker { color: var(--text-muted); font-variant-numeric: tabular-nums; }
.ledger-instructions strong { color: var(--text); font-weight: 500; }
.ledger-help { margin: 16px 0 0; font-size: .8125rem; line-height: 1.5; color: var(--text-muted); }
.ledger-selection .ledger-help { margin: 0; }
.ledger-selected-address { margin-top: 16px; padding: 16px; background: var(--terminal-inset); border-radius: 6px; overflow-wrap: anywhere; font-family: var(--fontfam-term); font-size: .875rem; line-height: 1.65; color: var(--text); }
.ledger-selected-path { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 12px; font-size: .75rem; line-height: 1.5; color: var(--text-muted); }
#ledger-preview-path { font-family: var(--fontfam-term); overflow-wrap: anywhere; color: var(--text-soft); }
.ledger-settings { margin-top: 24px; border-block: 1px solid var(--terminal-rule); }
.ledger-settings summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 12px 2px; cursor: pointer; list-style: none; font-size: .8125rem; line-height: 1.5; color: var(--text-soft); }
.ledger-settings summary::-webkit-details-marker { display: none; }
.ledger-settings summary::after { content: ''; width: 6px; height: 6px; margin-left: 4px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.ledger-settings[open] summary::after { transform: translateY(2px) rotate(225deg); }
.ledger-settings summary:focus-visible { outline-offset: -2px; border-radius: 6px; }
.ledger-settings-hint { margin-left: auto; color: var(--text-muted); font-size: .75rem; }
.ledger-settings-body { padding: 0 0 16px; }
.ledger-settings-body > .ledger-help { margin: 0 0 16px; }
#wallet-modal .ledger-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#wallet-modal .ledger-path-label div { margin-bottom: 6px; font-size: .8125rem; }
#wallet-modal .ledger-path-label input { min-width: 0; font-size: 1rem; }
#wallet-modal .ledger-path-preview-wrap { margin-top: 12px; flex-wrap: wrap; }
#wallet-modal .ledger-path-preview { color: var(--text-soft); font-size: .75rem; }
#wallet-modal .ledger-path-actions { margin-top: 16px; gap: 8px; }
#wallet-modal .ledger-path-actions .btn { min-height: 44px; }
.ledger-field-error { margin: 8px 0 0; color: var(--danger); font-size: .8125rem; line-height: 1.5; }
#wallet-modal .ledger-address-list { margin-top: 16px; border: 0; border-radius: 0; }
#wallet-modal .ledger-address-list li + li { border-top: 1px solid var(--terminal-rule); }
.btn.ledger-address-item { display: flex; align-items: center; width: 100%; min-height: 44px; gap: 12px; padding: 10px 12px; border: 1px solid transparent; border-radius: 6px; font-family: var(--fontfam-term); font-size: .8125rem; color: var(--text-soft); background: transparent; }
.btn.ledger-address-item:hover:not(:disabled) { background: var(--terminal-control); color: var(--text); }
.btn.ledger-address-item[aria-pressed="true"] { background: var(--terminal-selected); color: var(--text); }
.btn.ledger-address-item:focus-visible { border-color: var(--focus); }
.ledger-address-index { width: 16px; text-align: left; color: var(--text-muted); }
.ledger-address-value { flex: 1; text-align: left; }
.ledger-address-check { width: 6px; height: 10px; margin-right: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); visibility: hidden; }
[aria-pressed="true"] > .ledger-address-check { visibility: visible; color: var(--focus); }
#wallet-modal .ledger-status { margin: 12px 0 0; min-height: 0; font-size: .8125rem; line-height: 1.5; }
#wallet-modal .ledger-status:empty { display: none; }
@media (max-width: 520px) {
  #wallet-modal { padding: 12px; }
  #wallet-modal .wallet-dialog { max-height: calc(100dvh - 24px); }
  #wallet-modal .market-overlay-header { padding: 20px 20px 16px; }
  #wallet-list { padding-inline: 20px; }
  .wallet-step-actions { padding: 16px 20px 0; }
  .wallet-dialog-network { margin-inline: 20px; }
  .btn.wallet-choice { gap: 12px; padding: 14px 12px; }
  .wallet-choice-description { font-size: .75rem; }
  .btn.wallet-connect-action { min-width: 0; flex: 1; }
}
@media (max-height: 480px) {
  #wallet-modal .market-overlay-header { padding-block: 12px; }
  .wallet-dialog-network { margin-top: 8px; padding-block: 4px; }
  .wallet-step-actions { padding-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  #wallet-modal, #wallet-modal .wallet-dialog, #wallet-modal .btn { transition: none; }
}

.aera-review-overlay { z-index: 20000; }
.aera-review { width: min(620px, 94vw); max-height: 90dvh; overflow-y: auto; }
.aera-review h2 { margin-top: 0; font-size: 1.2rem; }
.aera-review dl { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: .6rem; }
.aera-review dt { color: var(--text-soft); }
.aera-review dd { margin: 0; overflow-wrap: anywhere; }
.aera-review li { margin: .65rem 0; overflow-wrap: anywhere; }
.aera-review pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8rem; max-height: 220px; overflow: auto; }
.aera-review summary { cursor: pointer; }
.aera-review-status { color: var(--text-muted); font-size: .85rem; }
.aera-address { overflow-wrap: anywhere; font-family: var(--fontfam-term); }
.modal.aera-review { width: min(620px, 100%); max-width: 620px; }
.aera-review h2 { margin-bottom: 20px; font-weight: 500; }
.aera-review dl { padding: 16px; background: var(--terminal-inset); border-radius: 6px; font-size: .8125rem; line-height: 1.5; }
.aera-review dd { font-family: var(--fontfam-term); }
.aera-review ul { padding-left: 20px; font-size: .875rem; line-height: 1.55; }
.aera-review details { padding: 12px 0; border-top: 1px solid var(--terminal-rule); border-bottom: 1px solid var(--terminal-rule); font-size: .8125rem; }
.aera-review-status { margin-top: 16px; }
@media (max-width: 1100px) {
  .main-layout.main-layout--page { grid-template-columns: minmax(0, 1fr); }
  .main-layout.main-layout--page > .page-shell,
  .main-layout.main-layout--page > .trade-panel { grid-column: 1; grid-row: auto; width: 100%; }
  .main-layout--page > .trade-panel { display: grid; grid-template-columns: 1fr 1fr; }
  .main-layout--page > .trade-panel--activity-only { display: block; }
}
@media (max-width: 768px) {
  .btn, .btn.small-btn, .btn.ghost-btn { min-height: 44px; }
  .main-layout--page > .trade-panel { display: flex; }
  .main-layout > .page-shell .page-placeholder-card { min-height: 420px; }
  .portfolio-workspace { padding: 20px 16px; }
  .modal, .market-overlay-content { padding: 20px 16px; }
  .modal-actions > .btn { flex: 1; }
  .market-overlay-close-btn { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
@media (max-width: 480px) { .aera-review dl { grid-template-columns: 1fr; gap: .35rem; } .aera-review dd { margin-bottom: .6rem; } }

/* Wallet review puts the transfer decision before account context. */
.aera-review dl.aera-review-primary { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 0 0 20px; margin: 0 0 20px; background: transparent; border-radius: 0; border-bottom: 1px solid var(--terminal-rule); }
.aera-review-primary > div { display: grid; gap: 6px; min-width: 0; }
.aera-review-primary dt { color: var(--text-muted); font-size: .75rem; }
.aera-review-primary dd { font-size: .875rem; line-height: 1.6; margin: 0; }
.aera-review-primary .aera-review-amount dd { font-size: 1.5rem; line-height: 1.35; color: var(--text); }
.aera-review dl.aera-review-context { padding: 0; background: transparent; gap: 8px 16px; font-size: .75rem; color: var(--text-soft); }
.aera-review ul:empty { display: none; }
@media (max-width: 480px) {
  .aera-review dl.aera-review-context { grid-template-columns: 64px minmax(0, 1fr); }
  .aera-review-context dd { margin-bottom: 4px; }
}

/* Structured reviews keep the decision and its actions in view. */
.modal:is(.aera-review,.aera-entry).aera-review-compact {
  --review-inset: 24px;
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(560px, 100%); max-width: 560px; max-height: calc(100dvh - 32px);
  padding: 0; overflow: hidden;
}
.aera-review-compact .aera-review-header { padding: 20px var(--review-inset) 12px; }
.aera-review-compact h2 { margin: 0; font-weight: 500; font-size: 1.125rem; line-height: 1.4; overflow-wrap: anywhere; }
.aera-review-compact .aera-review-header p { margin: 8px 0 0; color: var(--text-soft); font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.aera-review-body { min-height: 0; padding: 0 var(--review-inset); overflow-y: auto; overscroll-behavior: contain; }
.aera-review-compact dl.aera-review-rows, .aera-review-compact dl.aera-review-technical {
  display: block; margin: 0; padding: 0; background: transparent; border-radius: 0;
}
.aera-review-rows > div, .aera-review-technical > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: baseline; gap: 8px 16px; padding: 10px 0; border-bottom: 1px solid var(--terminal-rule); }
.aera-review-compact dt { font-size: .8125rem; }
.aera-review-compact dd { margin: 0; font-size: .8125rem; line-height: 1.5; font-variant-numeric: tabular-nums; text-align: right; }
.aera-review-row-primary dd { color: var(--text); font-size: 1rem; font-weight: 500; }
.aera-review-compact ul.aera-review-notes { margin: 16px 0; padding-left: 16px; color: var(--text-soft); font-size: .8125rem; line-height: 1.5; }
.aera-review-notes li { margin: 6px 0; }
.aera-review-compact details { padding: 0; border: 0; }
.aera-review-compact summary { min-height: 44px; padding: 12px 0; color: var(--text-soft); line-height: 1.5; }
.aera-review-compact summary:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; border-radius: 4px; }
.aera-review-compact dl.aera-review-technical { padding-bottom: 8px; }
.aera-review-technical > div { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 8px 0; }
.aera-review-technical dd { text-align: left; color: var(--text-soft); }
.aera-review-compact pre { margin: 0 0 12px; padding: 0; max-height: none; }
.aera-review-compact .aera-review-actions { margin: 0; padding: 16px var(--review-inset) 20px; flex-wrap: nowrap; background: var(--panel-fill); }
.aera-review-actions .btn { min-height: 44px; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.aera-review-actions .primary-btn { background: var(--positive); border-color: var(--positive); color: var(--on-positive); font-weight: 600; }
.aera-review-actions .primary-btn:hover { background: var(--focus); border-color: var(--focus); color: var(--on-positive); }
.aera-review-actions .btn:focus-visible { border-color: var(--focus); outline: none; box-shadow: none; }
@media (max-width: 480px), (max-height: 480px) {
  .modal:is(.aera-review,.aera-entry).aera-review-compact { --review-inset: 16px; }
  .aera-review-compact .aera-review-header { padding-top: 16px; }
  .aera-review-compact .aera-review-actions { padding-top: 12px; padding-bottom: 12px; }
  .aera-review-rows > div { gap: 8px 12px; padding: 8px 0; }
}

/* The public voting notice shares the header's measured sticky boundary. */
:root { --aera-sticky-height: 54px; --aera-trading-nav-height: 0px; }
html { scroll-padding-top: calc(var(--aera-sticky-height) + var(--aera-trading-nav-height) + 12px); }
.aera-sticky-header { position: sticky; top: 0; z-index: 40; background: var(--terminal-inset); }
.aera-sticky-header .site-header { position: relative; top: auto; }
.aera-governance-notice { --governance-attention: #f2d675; --governance-ink: #252214; --governance-rule: #6b581b; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto 44px; grid-template-areas: "icon text review dismiss"; align-items: center; gap: 12px; padding: 8px 16px; border-bottom: 1px solid var(--governance-rule); background: var(--governance-attention); color: var(--governance-ink); }
.aera-governance-notice[hidden] { display: none; }
.aera-governance-icon { grid-area: icon; }
.aera-governance-notice p { grid-area: text; min-width: 0; margin: 0; color: inherit; font-size: .8125rem; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
#aera-governance-open { grid-area: review; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--governance-ink); color: var(--governance-attention); border-color: var(--governance-ink); font-weight: 500; }
#aera-governance-open:is(:hover, :focus-visible):not(:disabled) { background: var(--governance-rule); border-color: var(--governance-ink); }
#aera-governance-open:focus-visible { outline: 2px solid var(--governance-ink); outline-offset: 3px; }
#aera-governance-dismiss { grid-area: dismiss; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; transition: background-color 160ms ease-out; }
#aera-governance-dismiss:hover { background: rgb(37 34 20 / .1); }
#aera-governance-dismiss:focus-visible { outline: 2px solid var(--governance-ink); outline-offset: -4px; background: rgb(37 34 20 / .1); }
#orders-panel, #orderbook-panel, #order-form, #series-notes-page, #aera-dao-page, #ad-proposal-detail { scroll-margin-top: 0; }
@media (max-width: 768px) {
  .mobile-trading-nav { top: var(--aera-sticky-height); }
  .aera-governance-notice { grid-template-columns: 20px minmax(0, 1fr) 44px; grid-template-areas: "icon text dismiss" ". review ."; gap: 4px 8px; padding: 8px 12px 12px; }
  .aera-governance-icon { align-self: start; margin-top: 12px; }
  #aera-governance-open { justify-self: start; }
  #aera-governance-dismiss { align-self: start; }
}

/* Portfolio's native checkbox is the shared application control. */
input[type="checkbox"] { appearance: auto; -webkit-appearance: checkbox; box-sizing: border-box; flex: 0 0 16px; width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; accent-color: var(--positive); cursor: pointer; }
input[type="checkbox"]:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; box-shadow: none; }
input[type="checkbox"]:disabled { cursor: not-allowed; }
label:has(> input[type="checkbox"]) { gap: 8px; }

/* Recipient fields that accept RNS names: the resolved address, an address's verified name, or the field's problem. */
.aera-recipient-hint { margin: -8px 0 0; font-size: .75rem; line-height: 1.5; color: var(--text-muted); overflow-wrap: anywhere; }
.aera-recipient-hint:empty { display: none; }
.aera-recipient-hint code { font-family: var(--fontfam-term); font-size: inherit; color: var(--text); font-variant-numeric: tabular-nums slashed-zero; }
.aera-recipient-hint:is([data-state="invalid"], [data-state="unresolved"], [data-state="failed"]) { color: var(--danger-soft); }
/* Repeated class: outranks each page's own hover and focus border rules, which load later. */
input.aera-recipient-input.aera-recipient-input.aera-recipient-input[aria-invalid="true"] { border-color: var(--danger-soft); }
.aera-review-primary .aera-review-name { display: block; color: var(--text); font-family: "Geist", sans-serif; font-weight: 500; }
.aera-review-primary .aera-review-name + .aera-review-address { display: block; color: var(--text-soft); font-size: .75rem; }
/* Full-width disclosures use the same native control geometry across workspaces. */
.btn.aera-disclosure-strip {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px;
  margin: 0; padding: 0 20px; border: 0; border-radius: 0;
  background: transparent; color: var(--text-soft); font: var(--colhead);
  letter-spacing: .06em; text-transform: uppercase; text-align: left;
  transition: background-color 140ms ease-out, color 140ms ease-out;
}
.aera-disclosure-strip > svg { flex: none; color: var(--text-muted); }
.aera-disclosure-action { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; color: var(--text-muted); }
.aera-disclosure-chevron { flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 140ms ease-out; }
.aera-disclosure-strip[aria-expanded="true"] .aera-disclosure-chevron { transform: rotate(180deg); }
.btn.aera-disclosure-strip:hover { background: var(--terminal-raised); color: var(--text); }
.aera-disclosure-strip:hover :is(.aera-disclosure-action, svg) { color: var(--text); }
.btn.aera-disclosure-strip:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) { .aera-disclosure-chevron { transition: none; } }