/* v7 · two-line wallet ledger. PIP2D palette and equal-height workbench are unchanged.
   Source provenance lives in Details; no ornamental third row or redundant labels. */
.ledger-token.rich-token { padding: 4px 8px 3px; margin-bottom: 5px !important; border-radius: 9px; }
.ledger-token .rich-choice { min-height: 34px; gap: 7px; }
.ledger-token .rich-choice input { width: 17px; height: 17px; flex: none; margin: 0; }
.ledger-token .token-icon { width: 27px; height: 27px; }
.ledger-token .token-name { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; }
.ledger-token .token-name strong { font-size: .8125rem; font-weight: 650; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ledger-token .token-value { margin-inline-start: auto; max-width: 145px; }
.ledger-token .token-value strong { font-size: .8125rem; font-variant-numeric: tabular-nums; }
.mini-cooked { color: #ffd0aa; background: #443222; font-size: .625rem; font-weight: 500; border-radius: 4px; padding: 2px 4px; line-height: 1.3; flex: none; }
.ledger-data { display: grid; grid-template-columns: minmax(95px,1.45fr) minmax(60px,1fr) minmax(40px,.65fr) 28px; gap: 5px; align-items: center; min-height: 28px; padding-inline-start: 24px; }
.ledger-price { display: flex; align-items: baseline; gap: 6px; min-width: 0; flex-wrap: wrap; }
.ledger-price > strong { font-size: .6875rem; font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.ledger-price .delta, .ledger-ath { font-size: .6875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ledger-price .delta small, .ledger-ath small { font-size: .625rem; color: var(--muted); font-weight: 400; }
.ledger-token .token-chart { min-height: 28px; height: 28px; padding: 1px 0; margin: 0; overflow: hidden; }
.ledger-token .token-chart .sparkline { height: 23px; width: 100%; }
.ledger-token .chart-missing { min-height: 22px; font-size: .5625rem; border: 0; white-space: nowrap; }
.ledger-token .token-info { width: 28px; min-height: 28px; padding: 5px; justify-content: center; }
.ledger-token .token-info .icon { width: 15px; height: 15px; }
.ledger-blocked { display: block; padding-inline-start: 24px; padding-block: 3px 2px; font-size: .625rem; color: var(--muted); }
.ledger-token .rich-choice:focus-within { border-radius: 5px; }
.ledger-token:focus-within { border-color: var(--action); }
@media (hover:hover) { .ledger-token:not(.unavailable):hover { border-color: #7c8c65; } }

/* Explicit data mode. On/off does not authorize transactions. */
.sample-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #536548; background: #202c24; color: #dce7cd; min-height: 36px; padding: 7px 10px; border-radius: 9px; white-space: nowrap; font-size: .75rem; }
.sample-toggle.active { background: #34422a; color: #edffc9; border-color: #92aa63; }
.sample-toggle:disabled { opacity: 1; cursor: default; }
.toggle-track { width: 25px; height: 14px; border-radius: 12px; background: #657260; padding: 2px; flex: none; }
.toggle-track i { display: block; width: 10px; height: 10px; border-radius: 50%; background: #142015; transform: translateX(0); }
.sample-toggle.active .toggle-track { background: #d7ff65; }
.sample-toggle.active .toggle-track i { transform: translateX(11px); }
.sample-bar { max-width: 1280px; margin: 0 auto 3px; padding: 7px 12px; min-height: 40px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid #52633e; border-radius: 9px; background: #253020; color: #d5e3c5; font-size: .75rem; }
.sample-bar > div:first-child { display:flex; align-items:center; gap: 12px; }
.sample-bar strong { font-weight: 650; color: #edffc9; white-space: nowrap; }
.sample-actions { display: flex; align-items: center; gap: 8px; }
.sample-actions .text-button { min-height: 28px; font-size: .75rem; gap: 4px; white-space: nowrap; }
.sample-actions .icon-button { min-height: 28px; min-width: 28px; padding: 5px; border: 0; }
.sample-review-note { border: 1px solid #627342; background: #293420; color: #e8f3d1; padding: 10px 12px; font-size: .8125rem; line-height: 1.5; border-radius: 9px; margin-bottom: 16px; }
.sample-inline { color: #deebc4; font-size: .75rem; }
.sample-start { margin-top: 8px; font-size: .8125rem; background: #283424; }
.scenario-label { display: block; margin-top: 16px; margin-bottom: 7px; font-size: .8125rem; }
#sample-scenario { width:100%; min-height:44px; padding: 10px; border:1px solid var(--control-border); border-radius:9px; color:var(--ink); background:#18251d; font:inherit; font-size:16px; }
[data-data-mode=sample] { --workspace-height: clamp(610px, calc(100dvh - 307px), 730px); }
[data-data-mode=sample] .header .network { display: none; }
@media (prefers-reduced-motion:no-preference) { .toggle-track i { transition: transform 120ms ease-out; } }
@container app-shell (max-width:1150px) { .sample-bar { margin-inline: 24px; } .header-end .network { display:none; } }
@container app-shell (max-width:680px) {
 .sample-bar { margin-inline: 16px; padding: 7px 10px; gap: 4px; }
 .sample-bar > div:first-child { flex-direction:column; align-items:flex-start; gap:2px; }
 .sample-bar > div:first-child span { font-size: .625rem; }
 .sample-toggle { min-height:40px; padding:7px 9px; font-size:.6875rem; }
 .sample-actions .text-button { min-height:36px; font-size: .6875rem; }
 .sample-actions .icon-button { min-height:36px; min-width:32px; }
}
/* Dialog lives outside #app: its own named container controls token density. */
@container token-picker (max-width:760px) {
 .ledger-token.rich-token { padding: 2px 8px 2px; }
 .ledger-token .rich-choice { min-height:44px; gap:7px; }
 .ledger-token .token-icon { width:28px; height:28px; }
 .ledger-data { padding-inline-start:0; min-height:32px; grid-template-columns:minmax(90px,1.4fr) minmax(60px,1fr) minmax(42px,.8fr) 32px; gap:5px; }
 .ledger-token .token-info { min-height:32px; width:32px; }
 .ledger-token .token-chart { height:32px; min-height:32px; }
 .ledger-token .token-name strong { font-size:.8125rem; max-width:100px; }
 .ledger-token .token-value strong { font-size:.8125rem; }
}
@media (forced-colors:active) {
 .sample-toggle,.sample-bar,.sample-review-note { border:1px solid CanvasText; color:CanvasText; background:Canvas; }
 .sample-toggle.active { border:2px solid Highlight; }
 .toggle-track,.mini-cooked { forced-color-adjust:auto; border:1px solid CanvasText; }
}
/* New sample switch cannot squeeze the tablet navigation off-screen. */
@container app-shell (min-width:681px) and (max-width:1000px) {
 .header { flex-wrap:wrap; row-gap:8px; padding-block:10px; }
 .header .brand { flex:1; }
 .header .navigation { order:3; flex-basis:100%; justify-content:center; height:auto; }
 .header .navigation a { flex:1; justify-content:center; }
}

/* Keep the sample disclosure visible even inside the modal top layer. */
.sample-dialog-badge { display:inline-block; vertical-align:middle; margin-inline-start:8px; padding:3px 6px; border:1px solid #52633e; border-radius:5px; background:#253020; color:#edffc9; font-size:.625rem; font-weight:500; white-space:nowrap; }