/* Seer App · explorer — page styles. Prefix .ap- (see SYSTEM.md). Tokens only; no hard-coded theme colours
   except inside .s-poster, which is ink in both themes by design. Concept by Swift Bot Labs. */

.ap-section { padding-block: 56px 8px; scroll-margin-top: 0; }
#markets.ap-section { padding-top: 28px; }
.ap-head { margin-bottom: 18px; }
@media (max-width: 640px) { .ap-section { padding-block: 40px 4px; } }

/* ---------- hero: search + lifecycle field ---------- */
/* explorer bar (markets-first, like the kit's App frame: search, category row, grid) */
.ap-bar { padding-block: 26px 2px; }
.ap-bar__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 620px); gap: 14px 40px; align-items: end; }
.ap-bar__copy { min-width: 0; padding-bottom: 6px; }
.ap-bar__kicker { margin-bottom: 10px; }
.ap-bar__title { font-size: clamp(26px, 2.5vw, 34px); line-height: 1.05; font-weight: 500; letter-spacing: -.03em; }
.ap-bar__title .t-accent { white-space: nowrap; }
.ap-bar__search { min-width: 0; }
.ap-head--compact { margin-bottom: 12px; align-items: center; }
.ap-head--compact .t-h3 { font-size: 18px; }
@media (max-width: 960px) { .ap-bar__in { grid-template-columns: 1fr; gap: 12px; } .ap-bar__copy { padding-bottom: 0; } }
.ap-search-wrap { position: relative; z-index: 20; }
.ap-search { height: 56px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.ap-search svg { left: 20px; }
.ap-search input { font-size: 15px; padding-left: 50px; padding-right: 84px; }
.ap-search input::-webkit-search-cancel-button { display: none; }
.ap-search kbd { right: 16px; }
.ap-search:focus-within kbd { color: var(--text-2); border-color: var(--violet-2); }
.ap-try { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
.ap-try .t-meta { margin-right: 4px; }
.ap-try .s-chip { height: 28px; padding: 0 10px; background: var(--surface-2); font-size: 12px; }
.ap-try .s-chip:hover { background: var(--surface-hover); }
.ap-try .t-mono { font-size: 11.5px; }

/* typeahead */
.ap-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: var(--surface); border-radius: 16px; box-shadow: var(--shadow-pop); padding: 6px; max-height: min(460px, 70vh); overflow-y: auto; }
.ap-sug { display: grid; grid-template-columns: 116px minmax(0, 1fr) auto; gap: 4px 14px; align-items: center; padding: 10px 12px; border-radius: 10px; cursor: pointer; }
.ap-sug[aria-selected="true"], .ap-sug:hover { background: var(--surface-2); }
.ap-sug__kind { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); white-space: nowrap; }
.ap-sug__main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ap-sug__label { font-size: var(--fs-ui); font-weight: 500; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-sug__sub { font-size: 12px; font-weight: 500; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-sug__val { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-2); white-space: nowrap; }
.ap-sug mark { background: none; color: var(--violet-3); }
.ap-suggest__foot { padding: 8px 12px 6px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); border-top: 1px solid var(--line); margin-top: 4px; }
.ap-suggest__empty { padding: 14px 12px; font-size: var(--fs-ui); color: var(--text-2); font-weight: 500; }
@media (max-width: 640px) { .ap-sug { grid-template-columns: minmax(0, 1fr) auto; } .ap-sug__kind { grid-column: 1 / -1; } }

/* poster with the lifecycle field (ink in both themes) */
.ap-poster { margin: 0 0 16px; padding: 18px 22px 16px; display: flex; flex-direction: column; gap: 12px; }
.ap-poster__head { display: flex; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }
.ap-field { position: relative; min-height: 0; display: flex; align-items: center; }
.ap-field svg { width: 100%; height: auto; overflow: visible; }
.ap-field text { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; fill: rgba(224, 226, 245, .62); }
.ap-poster--wide .ap-poster__foot { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 28px; align-items: center; }
.ap-poster--wide .ap-poster__counts { justify-self: end; text-align: right; }
.ap-poster--wide .ap-poster__note { grid-column: 1 / -1; max-width: 96ch; }
@media (max-width: 960px) { .ap-poster--wide .ap-poster__foot { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .ap-field text { font-size: 11px; } }
.ap-field .ap-col__id { text-transform: none; letter-spacing: .02em; fill: rgba(224, 226, 245, .5); }
.ap-field .ap-col { cursor: pointer; outline: none; }
.ap-field .ap-col:focus-visible { stroke: #B79BF7; stroke-width: 1.5; }
.ap-poster__foot { display: flex; flex-direction: column; gap: 8px; }
.ap-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 12px; font-weight: 500; color: rgba(224, 226, 245, .84); }
.ap-legend span { display: inline-flex; align-items: center; gap: 7px; }
.ap-legend svg { width: 14px; height: 14px; flex: none; }
.ap-poster__note { font-size: 12.5px; line-height: 1.5; color: rgba(224, 226, 245, .66); font-weight: 500; max-width: 62ch; }
.ap-poster__counts { color: rgba(224, 226, 245, .66); }
@media (max-width: 640px) { .ap-hide-sm { display: none !important; } .ap-poster { padding: 16px 14px 14px; border-radius: 16px; } .ap-search { height: 52px; } .ap-search kbd { display: none; } .ap-search input { padding-right: 18px; } }

/* ---------- explorer toolbar ---------- */
.ap-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.ap-toolbar__body { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.ap-toolbar__end { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ap-fsel { position: relative; display: inline-flex; align-items: center; height: 36px; padding-left: 12px; border-radius: var(--r-control); background: var(--surface-2); font-size: var(--fs-meta); font-weight: 500; color: var(--text-3); white-space: nowrap; transition: box-shadow var(--dur) var(--ease); }
.ap-fsel select { height: 36px; border: 0; background-color: transparent; box-shadow: none; padding-left: 6px; padding-right: 28px; background-position: right 9px center; color: var(--text); font-size: var(--fs-ui); max-width: 200px; }
.ap-fsel select:focus-visible { box-shadow: none; }
.ap-fsel:focus-within { box-shadow: inset 0 0 0 1.5px var(--violet-2); }
.ap-fsel.is-set { background: var(--violet-wash); }
.ap-toolbar .s-switch { height: 36px; padding: 0 6px; font-size: var(--fs-meta); }
.ap-ftoggle .s-count { font-family: var(--font-mono); font-size: 10.5px; color: var(--violet-3); }
/* below 1280 the five selects and three switches fold behind the Filters button; search, the category row and Sort stay out */
@media (min-width: 1280px) { .ap-ftoggle { display: none !important; } }
@media (max-width: 1279px) {
  .ap-toolbar__body { display: none; order: 3; width: 100%; padding: 10px; border-radius: var(--r-card); background: var(--surface); }
  .ap-toolbar__body.is-open { display: flex; }
}
@media (max-width: 640px) {
  .ap-toolbar__body .ap-fsel { flex: 1 1 calc(50% - 8px); min-width: 0; }
  .ap-toolbar__body .ap-fsel select { max-width: none; width: 100%; min-width: 0; }
  .ap-toolbar__end { margin-left: 0; }
}

.ap-results { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 14px 0 14px; }
.ap-results__l { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 30px; min-width: 0; }
.ap-results__n { font-size: var(--fs-ui); font-weight: 500; color: var(--text-2); margin-right: 4px; }
.ap-results__n b { color: var(--text); font-weight: 600; }
.ap-pill { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 6px 0 10px; border: 0; border-radius: var(--r-control); background: var(--surface-3); color: var(--text); font-size: var(--fs-meta); font-weight: 500; }
.ap-pill svg { width: 13px; height: 13px; color: var(--text-3); }
.ap-pill:hover svg { color: var(--text); }
.ap-clear { border: 0; background: none; color: var(--violet-3); font-size: var(--fs-meta); font-weight: 500; padding: 4px 6px; border-radius: 6px; }
.ap-clear:hover { color: var(--text); }

/* market cards (kit card + one mono spec row) */
.ap-cards .s-mcard { cursor: pointer; transition: box-shadow var(--dur) var(--ease); }
.ap-cards .s-mcard:hover { box-shadow: inset 0 0 0 1px var(--line-strong); }
.ap-cards .s-mcard:focus-within { box-shadow: inset 0 0 0 1.5px var(--violet-2); }
.ap-crow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ap-crow .s-tag svg, .ap-apptag svg { width: 12px; height: 12px; }
.ap-cspec { font-size: 10.5px; gap: 2px 0; }
.ap-cbot { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.ap-cbot .s-card__foot { margin-top: 0; }
.ap-nc { text-transform: none; letter-spacing: .02em; }
.ap-mcell { display: flex; align-items: center; gap: 12px; min-width: 300px; max-width: 520px; }
.ap-mcell b { display: block; font-weight: 500; line-height: 1.35; white-space: normal; }
.ap-mcell small { display: block; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .05em; color: var(--text-3); margin-top: 2px; }
.ap-table-tight th, .ap-table-tight td { padding-inline: 12px; }
.ap-table-tight .ap-mcell { min-width: 260px; }
.ap-table-tight td { white-space: nowrap; }
.ap-table-tight td.ap-wrap { white-space: normal; }

/* ---------- activity ---------- */
.ap-index .s-stat__value { font-size: 22px; }
.ap-mix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.ap-mix .s-card { gap: 14px; }
.ap-act { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; align-items: start; }
.ap-act .s-table-wrap { background: transparent; }
.ap-act .s-table th { background: var(--surface); }
.ap-queue { display: flex; flex-direction: column; }
.ap-queue li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.ap-queue li:last-child { border-bottom: 0; padding-bottom: 0; }
.ap-queue__top { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.ap-queue a.ap-q-title { display: block; margin-top: 6px; font-size: var(--fs-ui); font-weight: 500; line-height: 1.4; color: var(--text); }
.ap-queue a.ap-q-title:hover { color: var(--violet-3); }
.ap-queue p { margin-top: 4px; font-size: var(--fs-meta); font-weight: 500; line-height: 1.45; color: var(--text-2); }
@media (max-width: 1080px) { .ap-act { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .ap-mix { grid-template-columns: minmax(0, 1fr); } .ap-index { --cols: 3 !important; } }
@media (max-width: 640px) { .ap-index { --cols: 2 !important; } .ap-queue li { grid-template-columns: minmax(0, 1fr); } }

/* ---------- leaderboard ---------- */
.ap-lb { padding: 4px 16px 8px; gap: 0; }
.ap-lb .s-table-wrap { background: transparent; }
.ap-lb .s-table th { background: var(--surface); }
.ap-score { display: inline-flex; align-items: center; gap: 10px; }
.ap-score .s-pbar { width: 72px; }
.ap-score b { font-weight: 600; min-width: 22px; text-align: right; font-variant-numeric: tabular-nums; }
.ap-who { display: flex; flex-direction: column; gap: 2px; }
.ap-who b { font-weight: 600; }
.ap-lb__note { padding: 12px 0 8px; }

/* ---------- create ---------- */
.ap-create { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
.ap-form { gap: 16px; }
.ap-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.ap-label { padding: 0; margin-bottom: 8px; font-size: var(--fs-meta); font-weight: 500; color: var(--text-2); }
.ap-types { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ap-type { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; border: 0; border-radius: var(--r-control); background: var(--surface-2); color: var(--text); text-align: left; transition: box-shadow var(--dur) var(--ease), background var(--dur) var(--ease); }
.ap-type:hover { background: var(--surface-hover); }
.ap-type[aria-pressed="true"] { background: var(--violet-wash); box-shadow: inset 0 0 0 1.5px var(--violet-2); }
.ap-type b { font-size: var(--fs-ui); font-weight: 600; }
.ap-type span { font-size: 12px; line-height: 1.4; font-weight: 500; color: var(--text-2); }
.ap-type svg { width: 18px; height: 18px; color: var(--violet-3); }
.ap-hint { margin-left: 6px; font-weight: 500; }
.ap-form__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ap-form__row--2 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); align-items: end; }
.ap-curate { height: 40px; }
.ap-form__err { min-height: 16px; color: var(--warn); }
.ap-form__err:empty { display: none; }
.ap-preview { position: sticky; top: calc(var(--header-h) + 16px); display: flex; flex-direction: column; gap: 12px; }
.ap-preview .s-mcard { box-shadow: inset 0 0 0 1px var(--line); }
.ap-deploy { gap: 12px; }
.ap-deploy__list { display: flex; flex-direction: column; gap: 10px; counter-reset: d; }
.ap-deploy__list li { counter-increment: d; position: relative; padding-left: 28px; font-size: var(--fs-meta); font-weight: 500; line-height: 1.5; color: var(--text-2); }
.ap-deploy__list li::before { content: counter(d, decimal-leading-zero); position: absolute; left: 0; top: 1px; font-family: var(--font-mono); font-size: 10.5px; color: var(--violet-3); }
.ap-deploy__list b { color: var(--text); font-weight: 600; }
.ap-deploy__list .t-mono { font-size: 11px; overflow-wrap: anywhere; }
@media (max-width: 1180px) { .ap-types { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) { .ap-create { grid-template-columns: minmax(0, 1fr); } .ap-preview { position: static; } }
@media (max-width: 640px) { .ap-form__row, .ap-form__row--2 { grid-template-columns: minmax(0, 1fr); } .ap-type { padding: 10px; } }

/* ---------- notes ---------- */
.ap-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ap-notes ol { list-style: none; padding: 0; margin-top: 16px; counter-reset: n; display: flex; flex-direction: column; gap: 12px; }
.ap-notes li { counter-increment: n; position: relative; padding-left: 32px; font-size: 14px; line-height: 1.55; font-weight: 500; color: var(--text-2); }
.ap-notes li::before { content: counter(n, decimal-leading-zero); position: absolute; left: 0; top: 2px; font-family: var(--font-mono); font-size: 11px; color: var(--violet-3); }
.ap-notes li b { color: var(--text); font-weight: 600; }
@media (max-width: 860px) { .ap-notes { grid-template-columns: minmax(0, 1fr); } }

/* ---------- market detail ---------- */
.ap-detail { padding-top: 20px; }
.ap-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: var(--fs-ui); font-weight: 500; color: var(--text-3); }
.ap-crumbs a:not(.s-btn), .ap-crumbs button { color: var(--text-2); border: 0; background: none; padding: 0; font: inherit; }
.ap-crumbs a:not(.s-btn):hover, .ap-crumbs button:hover { color: var(--text); }
.ap-crumbs .s-btn { margin-right: 6px; }
.ap-crumbs i { font-style: normal; color: var(--text-3); opacity: .7; }
.ap-dgrid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "head head" "a rail" "b rail"; gap: 16px 32px; margin-top: 18px; align-items: start; }
.ap-dhead { grid-area: head; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.ap-da { grid-area: a; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ap-db { grid-area: b; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ap-rail { grid-area: rail; position: sticky; top: calc(var(--header-h) + 16px); display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ap-dhead__top { display: flex; align-items: flex-start; gap: 16px; }
.ap-dhead__top .s-avatar { width: 56px; height: 56px; border-radius: 9px; }
.ap-dhead__top .s-avatar svg { width: 28px; height: 28px; }
.ap-dhead__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.ap-dhead__actions { display: flex; gap: 6px; flex: none; }
.ap-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ap-dtitle { font-size: clamp(22px, 2.3vw, 30px); line-height: 1.2; font-weight: 600; letter-spacing: -.02em; max-width: 34ch; overflow-wrap: anywhere; }
.ap-dlinks { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: var(--fs-ui); font-weight: 500; }
.ap-dlinks a, .ap-dlinks button { display: inline-flex; align-items: center; gap: 6px; color: var(--violet-3); border: 0; background: none; padding: 0; font: inherit; }
.ap-dlinks a:hover, .ap-dlinks button:hover { color: var(--text); }
.ap-dlinks svg { width: 14px; height: 14px; }
.ap-apptag { color: var(--text); }
.ap-apptag:hover { box-shadow: inset 0 0 0 1px var(--violet-2); }
.ap-dstats { --cols: 5; }
.ap-cardhead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 16px; }
.ap-cardhead .s-spec { display: block; margin-bottom: 6px; }
.ap-chartcard { gap: 14px; }
.ap-chartnote { margin-top: -4px; }
.ap-scalar { display: grid; gap: 12px; padding: 14px; border-radius: var(--r-control); background: var(--surface-2); }
.ap-scalar__v { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ap-scalar__v b { font-size: var(--fs-amount); font-weight: 700; letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.ap-scalar__track { position: relative; height: 10px; border-radius: 5px; background: linear-gradient(90deg, var(--sec-bg), var(--violet-wash-2)); }
.ap-scalar__mark { position: absolute; top: -5px; width: 4px; height: 20px; margin-left: -2px; border-radius: 2px; background: var(--violet-2); box-shadow: 0 0 0 3px var(--surface-2); }
.ap-outs { display: flex; flex-direction: column; gap: 8px; }
.ap-out { display: flex; flex-direction: column; gap: 6px; padding-bottom: 6px; }
.ap-out .s-orow { cursor: pointer; }
.ap-out .s-orow.is-selected { box-shadow: inset 0 0 0 1.5px var(--violet-2); }
.ap-out__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 0 4px 0 12px; font-size: var(--fs-meta); font-weight: 500; color: var(--text-3); }
.ap-out__meta .t-mono { font-size: 11px; letter-spacing: .04em; color: var(--text-2); }
.ap-lnk { border: 0; background: none; padding: 0; color: var(--violet-3); font: inherit; font-size: var(--fs-meta); font-weight: 500; }
.ap-lnk:hover { color: var(--text); }
.ap-oq { width: min(240px, 100%); }
.ap-more { align-self: flex-start; }
.ap-tabscard { padding: 4px 20px 20px; gap: 0; }
.ap-tabpanel { padding-top: 18px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ap-tabpanel .s-table-wrap { background: transparent; }
.ap-tabpanel .s-table th { background: var(--surface); }
.ap-sub { font-size: var(--fs-ui); font-weight: 600; color: var(--text); }
.ap-related { display: flex; flex-direction: column; }
.ap-rel { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px 14px; align-items: center; padding: 12px 8px; border-radius: var(--r-control); border-bottom: 1px solid var(--line); color: inherit; }
.ap-rel:last-child { border-bottom: 0; }
.ap-rel:hover { background: var(--surface-2); }
.ap-rel b { display: block; font-size: var(--fs-ui); font-weight: 500; line-height: 1.4; }
.ap-rel small { display: block; margin-top: 3px; font-size: var(--fs-meta); font-weight: 500; color: var(--text-3); }
.ap-rel__end { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; font-size: var(--fs-ui); font-weight: 500; font-variant-numeric: tabular-nums; }
.ap-status { display: flex; gap: 12px; align-items: flex-start; }
.ap-share { display: inline-flex; align-items: center; gap: 8px; }
.ap-share .s-pbar { width: 64px; }
.ap-lc { gap: 18px; }
.ap-tnote { margin-top: 2px; }

/* rail */
.ap-ticket-note { margin-top: -10px; line-height: 1.5; }
/* pool depth (constant-product, sample) */
.ap-pool { gap: 14px; }
.ap-pool__t { margin-top: 4px; }
.ap-pool__n { text-align: right; }
.ap-pool__bar { --p: .5; position: relative; height: 14px; border-radius: 6px; background: var(--surface-3); overflow: hidden; }
.ap-pool__bar::before { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--p) * 100%); background: var(--violet-2); transition: width var(--dur-slow) var(--ease); }
.ap-pool__bar::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--p) * 100% - 1px); width: 2px; background: var(--surface); transition: left var(--dur-slow) var(--ease); }
.ap-pool__legend { display: flex; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; font-size: var(--fs-meta); font-weight: 500; color: var(--text-2); font-variant-numeric: tabular-nums; }
.ap-pool__legend span { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.ap-pool__sw { width: 10px; height: 10px; border-radius: 3px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line-strong); flex: none; }
.ap-pool__sw--tok { background: var(--violet-2); box-shadow: none; }
.ap-pool__rows { width: 100%; border-collapse: collapse; font-size: var(--fs-meta); font-weight: 500; font-variant-numeric: tabular-nums; }
.ap-pool__rows th { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 400; color: var(--text-3); text-align: right; padding: 0 0 8px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.ap-pool__rows th:first-child, .ap-pool__rows td:first-child { text-align: left; }
.ap-pool__rows td { padding: 8px 0 8px 10px; text-align: right; color: var(--text); border-bottom: 1px solid var(--line); white-space: nowrap; }
.ap-pool__rows td:first-child { padding-left: 0; color: var(--text-2); }
.ap-pool__rows tr:last-child td { border-bottom: 0; }
.ap-pool__rows tr.is-selected td { background: var(--violet-wash); color: var(--text); }
.ap-pool__rows tr.is-selected td:first-child { color: var(--violet-3); padding-left: 8px; border-radius: 6px 0 0 6px; }
.ap-pool__rows tr.is-selected td:last-child { padding-right: 8px; border-radius: 0 6px 6px 0; }
@media (max-width: 1279px) { .ap-mcell { min-width: 0; max-width: 220px; } .ap-mcell b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ap-mcell > span { min-width: 0; } }
.ap-mmr { gap: 14px; }
.ap-mmr__lines { display: flex; flex-direction: column; gap: 8px; font-size: var(--fs-meta); font-weight: 500; color: var(--text-2); }
.ap-mmr__lines div { display: flex; justify-content: space-between; gap: 12px; }
.ap-mmr__lines b { color: var(--text); font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }
.ap-mmr .s-amount input { font-size: 26px; }
.ap-toks { display: flex; flex-wrap: wrap; gap: 4px; }
.ap-toks .s-tag { height: 20px; font-family: var(--font-mono); font-size: 10px; letter-spacing: .04em; }
.ap-spec-card { gap: 12px; }
.ap-spec-card .s-row { --gap: 12px; flex-wrap: nowrap; }
.ap-spec-card b { font-size: var(--fs-title); font-weight: 600; }
.ap-resolved { gap: 14px; }
.ap-resolved .t-amount { overflow-wrap: anywhere; }

@media (max-width: 1180px) { .ap-dgrid { grid-template-columns: minmax(0, 1fr) 320px; gap: 16px 24px; } }
@media (max-width: 960px) {
  .ap-dgrid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "a" "rail" "b"; }
  .ap-rail { position: static; }
}
@media (max-width: 640px) {
  .ap-dhead__top { flex-wrap: wrap; }
  .ap-dhead__top > .s-avatar:not(.ap-avatar-user) { display: none; }
  .ap-dhead__top .s-avatar { width: 44px; height: 44px; }
  .ap-dhead__main { flex-basis: 100%; }
  .ap-avatar-user + .ap-dhead__main { flex-basis: calc(100% - 60px); }
  .ap-dhead__actions { width: 100%; }
  .ap-dstats .s-stat:last-child { grid-column: span 2; }
  .ap-tabscard { padding: 4px 14px 16px; }
  .ap-out__meta { padding-left: 4px; }
  .ap-rel { grid-template-columns: auto minmax(0, 1fr); }
  .ap-rel__end { grid-column: 2; flex-direction: row; align-items: center; }
}

/* address view */
.ap-addr-full { font-family: var(--font-mono); font-size: 13px; color: var(--text); overflow-wrap: anywhere; }
.ap-avatar-user { background: var(--surface-3); color: var(--violet-3); }

/* the mobile header wraps to two rows; keep scrolled-to sections and the record tabs clear of it */
@media (max-width: 960px) { .ap-section, .ap-tabscard { scroll-margin-top: 52px; } }

/* ---- finisher additions ---- */
.ap-spec-card .s-row > div { display: grid; gap: 2px; }
.ap-dateread { font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); margin-top: 6px; }
.ap-showall-row { display: flex; justify-content: center; margin-top: 20px; }
.ap-tokcell { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.ap-json { margin-top: 14px; max-height: 420px; overflow: auto; padding: 16px; border-radius: var(--r-card); background: var(--surface-2); font-family: var(--font-mono); font-size: 12px; line-height: 1.55; color: var(--text-2); white-space: pre; }
.ap-twarn { font-size: var(--fs-meta); line-height: 1.45; }
.ap-tlink { display: inline-flex; align-items: center; gap: 6px; }
/* the header pill is tucked while the explorer's own search is on screen; it fades only after first paint (.ap-anim) */
[data-shell-search].is-tucked { visibility: hidden; opacity: 0; }
[data-shell-search].ap-anim { transition: opacity var(--dur) var(--ease); }
[data-shell-search].ap-anim.is-tucked { transition: opacity var(--dur) var(--ease), visibility 0s linear var(--dur); }
.ap-twarn svg { color: var(--warn); }