/* wallet-dash.ordinal.io: page content on top of Command's stylesheets (header, wallet menu, popups).
   Command palette; status colours reserved for health. */
body.wallet-dash {
	--wd-gold: #f7c948;
	--wd-gold-deep: #f0962f;
	--wd-gold-gradient: linear-gradient(180deg, #fff27a 0%, #f7c948 45%, #f0962f 100%);
	--wd-card: #0b0c0e;
	--wd-card-hover: #121315;
	--wd-text: #ededed;
	--wd-red: #ff6b6b;
	--wd-amber: #f7c948;
	--wd-indexer1: #ef5f12;   /* series colours, validated on #0b0c0e (dataviz validator, all checks pass) */
	--wd-new: #4c8dff;
	--wd-green: #5acc77;
	background: #000;
}
body.wallet-dash .wd-logo { display: flex; align-items: center; justify-content: center; width: 30px; height: 60px; }
body.wallet-dash .wd-logo img { display: block; width: 30px; height: 30px; border-radius: 6px; }
body.wallet-dash > header .command-top-tabs :is(.command-top-tab.is-active, #og-active-tab) { color: #fff; }

/* Secondary bar: title + page actions. */
body.wallet-dash .sub .menu { justify-content: space-between; gap: 10px; }
body.wallet-dash .wd-title { min-width: 0; }
body.wallet-dash .wd-title-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.wallet-dash .wd-sub-actions { display: flex; flex: none; gap: 10px; }
body.wallet-dash .wd-pill {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; box-sizing: border-box;
	border: 1px solid var(--command-border); border-radius: 9999px; background: #000; color: var(--wd-text);
	font-size: var(--font-md); cursor: pointer;
}
body.wallet-dash .wd-pill:hover { border-color: #3a3c3f; color: #fff; }
body.wallet-dash .wd-pill:disabled { opacity: .5; cursor: default; }
body.wallet-dash .wd-pill-gold { border-color: rgba(247, 201, 72, .45); color: var(--wd-gold); }
body.wallet-dash .wd-pill-gold:hover { border-color: var(--wd-gold); color: #fff27a; }

body.wallet-dash .site .main > .holder { padding-top: 10px; padding-bottom: 60px; }
body.wallet-dash .wd-page { display: flex; flex-direction: column; gap: 20px; max-width: 1100px; margin: 0 auto; color: var(--wd-text); }

/* Sign-in gate */
body.wallet-dash .wd-gate { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 12vh 20px 0; text-align: center; }
body.wallet-dash .wd-gate-logo { border-radius: 20px; }
body.wallet-dash .wd-gate-title { font-size: var(--font-xl); font-weight: 500; }
body.wallet-dash .wd-gate-text { max-width: 420px; margin: 0; color: var(--command-grey); line-height: 1.45; }
body.wallet-dash .action.wd-primary { background: #5acc77; color: #000; font-weight: 500; }
body.wallet-dash .action.wd-primary:hover { background: #76df91; color: #000; }
body.wallet-dash .action.wd-primary:disabled { opacity: .55; cursor: default; }
body.wallet-dash .action.wd-danger { background: #2a1415; color: var(--wd-red); }
body.wallet-dash .action.wd-danger:hover { background: #3a1a1c; color: #ff8a8a; }
body.wallet-dash .wd-gate .action { height: 40px; padding: 0 24px; }

/* Cards and stats */
body.wallet-dash .wd-card { border: 1px solid var(--command-border); border-radius: 12px; background: var(--wd-card); overflow: hidden; }
body.wallet-dash .wd-card-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 60px; padding: 0 20px; border-bottom: 1px solid var(--command-border); }
body.wallet-dash .wd-card-title { font-size: var(--font-lg); font-weight: 500; }
body.wallet-dash .wd-card-body { display: flex; flex-direction: column; gap: 14px; padding: 20px; }
body.wallet-dash .wd-help { margin: 0; color: var(--command-grey); line-height: 1.5; font-size: var(--font-md); }
body.wallet-dash .wd-help b { color: var(--wd-text); font-weight: 500; }
body.wallet-dash .wd-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body.wallet-dash .wd-stat { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 16px 18px; border: 1px solid var(--command-border); border-radius: 12px; background: var(--wd-card); }
body.wallet-dash .wd-stats-compact .wd-stat { background: #000; }
body.wallet-dash .wd-stat-label { color: var(--command-grey); font-size: var(--font-sm); }
body.wallet-dash .wd-stat-value { font-size: 26px; font-weight: 500; line-height: 1.25; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-stat-note { color: var(--command-grey); font-size: var(--font-xs); line-height: 1.4; }
body.wallet-dash .wd-unit { margin-left: 5px; font-size: .62em; font-weight: 400; color: var(--command-grey); -webkit-text-fill-color: var(--command-grey); }

/* Toolbar: search + segmented sort */
body.wallet-dash .wd-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
body.wallet-dash .wd-search { display: flex; flex: 1 1 320px; align-items: center; gap: 10px; height: 40px; padding: 0 14px; box-sizing: border-box; border: 1px solid var(--command-border); border-radius: 9999px; background: #000; color: var(--command-grey); }
body.wallet-dash .wd-search:focus-within { border-color: #3a3c3f; }
body.wallet-dash .wd-search input { flex: 1; min-width: 0; height: 38px; border: 0; outline: 0; background: transparent; color: #fff; font-size: 16px; }
body.wallet-dash .wd-search input::-webkit-search-cancel-button { filter: invert(1) opacity(.5); }
body.wallet-dash .wd-segment { display: inline-flex; flex: none; padding: 3px; gap: 2px; border: 1px solid var(--command-border); border-radius: 9999px; background: #000; }
body.wallet-dash .wd-segment button { height: 32px; padding: 0 12px; border: 0; border-radius: 9999px; background: transparent; color: var(--command-grey); font-size: var(--font-sm); cursor: pointer; white-space: nowrap; }
body.wallet-dash .wd-segment button:hover { color: #fff; }
body.wallet-dash .wd-segment button.is-active { background: #202020; color: #fff; }
body.wallet-dash .wd-list-summary { margin: -6px 0 -10px 4px; color: var(--command-grey); font-size: var(--font-sm); }

/* Rows */
body.wallet-dash .wd-list { display: flex; flex-direction: column; border: 1px solid var(--command-border); border-radius: 12px; background: var(--wd-card); overflow: hidden; }
body.wallet-dash .wd-card .wd-list { background: #000; }
body.wallet-dash .wd-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 10px 16px; box-sizing: border-box; border: 0; border-top: 1px solid #1b1c1e; background: transparent; color: inherit; font: inherit; text-align: left; }
body.wallet-dash .wd-row:first-child { border-top: 0; }
body.wallet-dash button.wd-row { cursor: pointer; }
body.wallet-dash button.wd-row:hover { background: var(--wd-card-hover); }
body.wallet-dash .wd-rank { flex: 0 0 34px; color: #4b4e51; font-size: var(--font-sm); text-align: right; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-avatar { position: relative; display: flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; height: 40px; box-sizing: border-box; overflow: hidden; border: 1px solid #262626; border-radius: 50%; background: #0b0c0e; color: var(--command-grey); }
body.wallet-dash .wd-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.wallet-dash .wd-avatar-square { border-radius: 10px; }
body.wallet-dash .wd-avatar-lg { flex-basis: 56px; width: 56px; height: 56px; }
body.wallet-dash .wd-row-main { display: flex; flex: 1 1 auto; flex-direction: column; gap: 3px; min-width: 0; }
body.wallet-dash .wd-row-title { overflow: hidden; font-size: var(--font-md); text-overflow: ellipsis; white-space: nowrap; }
body.wallet-dash .wd-row-sub { overflow: hidden; color: var(--command-grey); font-size: var(--font-sm); text-overflow: ellipsis; white-space: nowrap; }
body.wallet-dash .wd-row-sub a { color: inherit; }
body.wallet-dash .wd-amount { flex: none; margin-left: auto; color: var(--wd-gold); font-size: var(--font-md); font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.wallet-dash .wd-amount.is-negative { color: var(--wd-red); }
body.wallet-dash .wd-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em; }
body.wallet-dash .wd-dim { color: #4b4e51; font-style: normal; }
body.wallet-dash .wd-empty, body.wallet-dash .wd-loading { padding: 24px 16px; color: var(--command-grey); text-align: center; }
body.wallet-dash .wd-error { padding: 10px 14px; border-radius: 10px; background: #2a1415; color: var(--wd-red); font-size: var(--font-sm); }
body.wallet-dash .wd-more { min-height: 40px; color: var(--command-grey); text-align: center; line-height: 40px; }
body.wallet-dash .wd-section-title { margin: 6px 0 -8px 4px; color: var(--command-grey); font-size: var(--font-sm); text-transform: uppercase; letter-spacing: .06em; }
body.wallet-dash .wd-card .wd-section-title { margin: 4px 0 -6px; }

/* Controls */
body.wallet-dash .wd-toggle { flex: none; height: 32px; padding: 0 14px; border: 1px solid var(--command-border); border-radius: 9999px; background: #000; color: var(--command-grey); font-size: var(--font-sm); cursor: pointer; }
body.wallet-dash .wd-toggle.is-on { border-color: rgba(90, 204, 119, .5); color: var(--wd-green); }
body.wallet-dash .wd-icon-button { flex: none; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--command-grey); cursor: pointer; }
body.wallet-dash .wd-icon-button:hover { background: #2a1415; color: var(--wd-red); }
body.wallet-dash .wd-remove:hover { border-color: #5a2a2c; color: var(--wd-red); }
body.wallet-dash .wd-rate { display: flex; flex: none; align-items: center; gap: 8px; color: var(--command-grey); font-size: var(--font-xs); }
body.wallet-dash .wd-rate input, body.wallet-dash .wd-field input, body.wallet-dash .wd-adjust :is(input, select) {
	height: 36px; box-sizing: border-box; padding: 0 12px; border: 1px solid var(--command-border); border-radius: 10px; background: #000; color: #fff; font-size: 16px; font-variant-numeric: tabular-nums; outline: 0;
}
body.wallet-dash .wd-rate input { width: 90px; text-align: right; }
body.wallet-dash :is(.wd-rate, .wd-field, .wd-adjust) :is(input, select):focus { border-color: var(--wd-gold); }
body.wallet-dash .wd-collection-row.is-disabled :is(.wd-row-main, .wd-avatar) { opacity: .45; }
body.wallet-dash .wd-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
body.wallet-dash .wd-field { display: flex; flex-direction: column; gap: 6px; color: var(--command-grey); font-size: var(--font-sm); }
body.wallet-dash .wd-field input { width: 200px; }
body.wallet-dash .wd-form .action, body.wallet-dash .wd-form .wd-toggle { height: 36px; }
body.wallet-dash .wd-chips, body.wallet-dash .wd-examples { display: flex; flex-wrap: wrap; gap: 8px; }
body.wallet-dash .wd-chip { display: inline-flex; gap: 8px; align-items: center; height: 30px; padding: 0 12px; border: 1px solid var(--command-border); border-radius: 9999px; color: var(--wd-text); font-size: var(--font-sm); font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-chip span { color: var(--command-grey); }
body.wallet-dash .wd-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.wallet-dash .wd-actions .action { height: 36px; padding: 0 18px; }

/* Status pills (daily runs) */
body.wallet-dash .wd-status { flex: none; height: 24px; padding: 0 10px; border-radius: 9999px; font-size: var(--font-xs); line-height: 24px; }
body.wallet-dash .wd-status.is-done { background: rgba(90, 204, 119, .12); color: var(--wd-green); }
body.wallet-dash .wd-status.is-running { background: rgba(247, 201, 72, .12); color: var(--wd-gold); }
body.wallet-dash .wd-status.is-failed { background: #2a1415; color: var(--wd-red); }
body.wallet-dash .wd-job-row .wd-amount { min-width: 90px; text-align: right; }

/* Tables (Planets preview) */
body.wallet-dash .wd-table { display: flex; flex-direction: column; border: 1px solid var(--command-border); border-radius: 12px; overflow: hidden; background: #000; }
body.wallet-dash :is(.wd-table-head, .wd-table-row) { display: grid; grid-template-columns: minmax(0, 2fr) 90px minmax(0, 1.4fr) 90px; gap: 12px; align-items: center; padding: 10px 16px; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-table-head { color: var(--command-grey); font-size: var(--font-xs); text-transform: uppercase; letter-spacing: .06em; }
body.wallet-dash .wd-table-row { border-top: 1px solid #1b1c1e; font-size: var(--font-sm); }
body.wallet-dash :is(.wd-table-head, .wd-table-row) > :last-child { text-align: right; }

/* Ledger rows */
body.wallet-dash .wd-history { display: flex; flex-direction: column; }
body.wallet-dash .wd-ledger-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #1b1c1e; }
body.wallet-dash .wd-ledger-row:first-child { border-top: 0; }
body.wallet-dash .wd-ledger-day { flex: 0 0 86px; color: var(--command-grey); font-size: var(--font-sm); font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-ledger-main { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }

/* User popup */
body.wallet-dash .wd-popup .popup-content { max-width: 640px; }
body.wallet-dash .wd-popup .popup-body { display: flex; flex-direction: column; gap: 14px; color: var(--wd-text); }
body.wallet-dash .wd-popup .popup-body > * { flex-shrink: 0; }
body.wallet-dash .wd-popup-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
body.wallet-dash .wd-popup-identity .wd-popup-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.wallet-dash .wd-popup-identity .dashboard-header-code a { color: inherit; text-decoration: none; }
body.wallet-dash .wd-popup-identity .dashboard-header-code a:hover { color: var(--wd-text); }
body.wallet-dash .wd-user-total { display: flex; flex-direction: column; gap: 4px; }
body.wallet-dash .wd-popup-identity .wd-avatar { flex-basis: 40px; }
body.wallet-dash .wd-user-total-value { display: block; padding-top: 2px; background: var(--wd-gold-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 28px; font-weight: 500; line-height: 1.25; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-addresses { display: flex; flex-direction: column; border: 1px solid var(--command-border); border-radius: 12px; overflow: hidden; }
body.wallet-dash .wd-address { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid #1b1c1e; }
body.wallet-dash .wd-address:first-child { border-top: 0; }
body.wallet-dash .wd-address-id { flex: 1; min-width: 0; overflow: hidden; color: var(--wd-text); font-size: var(--font-md); text-overflow: ellipsis; white-space: nowrap; }
body.wallet-dash .wd-address-og { flex: none; color: var(--wd-gold); font-size: var(--font-md); font-weight: 500; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-adjust { display: grid; grid-template-columns: minmax(0, 1.3fr) 120px minmax(0, 1fr); gap: 10px; }
body.wallet-dash .wd-adjust select { width: 100%; }
body.wallet-dash .wd-adjust-actions { display: flex; grid-column: 1 / -1; gap: 10px; }
body.wallet-dash .wd-adjust-actions .action { height: 36px; padding: 0 18px; }
body.wallet-dash .wd-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(247, 201, 72, .35); border-radius: 12px; background: rgba(247, 201, 72, .06); }
body.wallet-dash .wd-confirm span { flex: 1 1 200px; }
body.wallet-dash .wd-catalog { display: flex; flex-direction: column; max-height: 60vh; overflow-y: auto; margin: 0 -10px; }
body.wallet-dash .wd-catalog-row { border-radius: 10px; }
body.wallet-dash .wd-popup .wd-search { flex: none; }
body.wallet-dash .wd-catalog-row .action { height: 32px; }

/* Toast */
.wd-notice { position: fixed; left: 50%; bottom: 24px; z-index: 10000; max-width: min(560px, calc(100vw - 32px)); padding: 12px 18px; box-sizing: border-box; border: 1px solid var(--command-border, #252729); border-radius: 12px; background: #111214; color: #ededed; font-size: 14px; line-height: 1.4; opacity: 0; transform: translate(-50%, 12px); transition: opacity .2s, transform .2s; pointer-events: none; }
.wd-notice.is-visible { opacity: 1; transform: translate(-50%, 0); }
.wd-notice.is-error { border-color: #5a2a2c; color: #ff8a8a; }

@media (max-width: 800px) {
	body.wallet-dash .wd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.wallet-dash .wd-stat-value { font-size: 20px; }
	body.wallet-dash > header .command-top-tabs { overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
	body.wallet-dash > header .command-top-tabs .command-top-tab { padding: 0 8px; }
	body.wallet-dash .wd-rank { display: none; }
	body.wallet-dash .wd-row { padding: 10px 12px; }
	body.wallet-dash .wd-collection-row { flex-wrap: wrap; }
	body.wallet-dash .wd-collection-row .wd-row-main { flex-basis: calc(100% - 52px); }
	body.wallet-dash .wd-collection-row .wd-rate { margin-left: 52px; }
	body.wallet-dash :is(.wd-table-head, .wd-table-row) { grid-template-columns: minmax(0, 1.4fr) 60px minmax(0, 1fr) 64px; padding: 10px 12px; gap: 8px; }
	body.wallet-dash .wd-adjust { grid-template-columns: 1fr 1fr; }
	body.wallet-dash .wd-adjust select { grid-column: 1 / -1; }
	body.wallet-dash .wd-segment { max-width: 100%; overflow-x: auto; }
	body.wallet-dash .wd-sub-actions .wd-pill { padding: 0 12px; }
	body.wallet-dash .wd-card-header { padding: 0 14px; flex-wrap: wrap; }
	body.wallet-dash .wd-card-body { padding: 14px; }
	body.wallet-dash .wd-catalog-row { flex-wrap: wrap; }
	body.wallet-dash .wd-catalog-row .wd-row-main { flex-basis: calc(100% - 52px); }
	body.wallet-dash .wd-catalog-row .wd-rate { margin-left: 52px; }
}

/* ---------- Dashboard ---------- */
body.wallet-dash .wd-page { max-width: 1240px; }
body.wallet-dash .wd-logo { display: flex; align-items: center; justify-content: center; width: 30px; height: 60px; }
body.wallet-dash .wd-logo img { display: block; width: 26px; height: 26px; }

/* Health cards */
body.wallet-dash .wd-health { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.wallet-dash .wd-health-card { display: flex; flex-direction: column; gap: 16px; padding: 18px 20px; border: 1px solid var(--command-border); border-radius: 12px; background: var(--wd-card); }
body.wallet-dash .wd-health-card.is-down { border-color: rgba(255, 107, 107, .45); }
body.wallet-dash .wd-health-card.is-behind { border-color: rgba(247, 201, 72, .45); }
body.wallet-dash .wd-health-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.wallet-dash .wd-health-name { display: flex; align-items: center; gap: 10px; font-size: var(--font-lg); font-weight: 500; }
body.wallet-dash .wd-swatch { flex: none; width: 10px; height: 10px; border-radius: 3px; }
body.wallet-dash .wd-swatch.is-indexer1 { background: var(--wd-indexer1); }
body.wallet-dash .wd-swatch.is-new { background: var(--wd-new); }
body.wallet-dash .wd-state { display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 12px; border-radius: 9999px; font-size: var(--font-sm); font-weight: 500; white-space: nowrap; }
body.wallet-dash .wd-state i { font-size: 13px; }
body.wallet-dash .wd-state.is-up { background: rgba(90, 204, 119, .12); color: var(--wd-green); }
body.wallet-dash .wd-state.is-behind { background: rgba(247, 201, 72, .12); color: var(--wd-amber); }
body.wallet-dash .wd-state.is-down { background: #2a1415; color: var(--wd-red); }
body.wallet-dash .wd-state.is-unknown { background: #1b1c1e; color: var(--command-grey); }
body.wallet-dash .wd-health-figures { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body.wallet-dash .wd-figure { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.wallet-dash .wd-figure-label { color: var(--command-grey); font-size: var(--font-xs); }
body.wallet-dash .wd-figure-value { font-size: 20px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.wallet-dash .wd-health-note { margin: -4px 0 0; color: var(--command-grey); font-size: var(--font-sm); }
body.wallet-dash .wd-health-note.is-bad { color: var(--wd-red); }

/* Stat values that carry a state */
body.wallet-dash .wd-good { color: var(--wd-green); }
body.wallet-dash .wd-warn { color: var(--wd-amber); }
body.wallet-dash .wd-bad { color: var(--wd-red); }

/* Charts */
body.wallet-dash .wd-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.wallet-dash .wd-chart { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px 18px; border: 1px solid var(--command-border); border-radius: 12px; background: var(--wd-card); }
body.wallet-dash .wd-chart.is-wide { grid-column: 1 / -1; }
body.wallet-dash .wd-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
body.wallet-dash .wd-chart-title { font-size: var(--font-md); font-weight: 500; }
body.wallet-dash .wd-legend { display: flex; flex-wrap: wrap; gap: 14px; color: var(--command-grey); font-size: var(--font-xs); }
body.wallet-dash .wd-legend span { display: inline-flex; align-items: center; gap: 6px; }
body.wallet-dash .wd-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
body.wallet-dash .wd-plot { position: relative; }
body.wallet-dash .wd-plot svg { display: block; width: 100%; height: auto; overflow: visible; }
body.wallet-dash .wd-plot .grid { stroke: #1b1c1e; stroke-width: 1; }
body.wallet-dash .wd-plot .axis { fill: #4b4e51; font-size: 11px; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-plot .cross { stroke: #3a3c3f; stroke-width: 1; }
body.wallet-dash .wd-tip { position: absolute; z-index: 5; min-width: 150px; padding: 10px 12px; border: 1px solid var(--command-border); border-radius: 10px; background: #111214; color: var(--wd-text); font-size: var(--font-xs); line-height: 1.6; pointer-events: none; white-space: nowrap; box-shadow: 0 8px 24px rgba(0, 0, 0, .5); }
body.wallet-dash .wd-tip b { display: block; margin-bottom: 2px; color: var(--command-grey); font-weight: 400; }
body.wallet-dash .wd-tip span { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
body.wallet-dash .wd-tip i { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 2px; }
body.wallet-dash .wd-strip-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 12px; }
body.wallet-dash .wd-strip-label { display: flex; align-items: center; gap: 8px; color: var(--wd-text); font-size: var(--font-sm); }
body.wallet-dash .wd-strip { display: flex; gap: 2px; height: 28px; }
body.wallet-dash .wd-strip b { flex: 1 1 0; min-width: 2px; border-radius: 3px; background: #1b1c1e; }
body.wallet-dash .wd-strip b.is-up { background: var(--wd-green); }
body.wallet-dash .wd-strip b.is-behind { background: var(--wd-amber); }
body.wallet-dash .wd-strip b.is-down { background: var(--wd-red); }
body.wallet-dash .wd-strip b.is-mixed { background: linear-gradient(180deg, var(--wd-green) 0 50%, var(--wd-red) 50% 100%); }
body.wallet-dash .wd-strip-axis { display: flex; justify-content: space-between; margin-left: 108px; color: #4b4e51; font-size: 11px; font-variant-numeric: tabular-nums; }

/* Situations */
body.wallet-dash .wd-situation { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 60px; padding: 10px 16px; box-sizing: border-box; border: 0; border-top: 1px solid #1b1c1e; background: transparent; color: inherit; font: inherit; text-align: left; }
body.wallet-dash .wd-situation:first-child { border-top: 0; }
body.wallet-dash button.wd-situation { cursor: pointer; }
body.wallet-dash button.wd-situation:hover { background: var(--wd-card-hover); }
body.wallet-dash .wd-situation-icon { display: flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font-size: 15px; }
body.wallet-dash .wd-situation-icon.is-down, body.wallet-dash .wd-situation-icon.is-fault { background: #2a1415; color: var(--wd-red); }
body.wallet-dash .wd-situation-icon.is-behind { background: rgba(247, 201, 72, .12); color: var(--wd-amber); }
body.wallet-dash .wd-situation-icon.is-cleared { background: #1b1c1e; color: var(--command-grey); }
body.wallet-dash .wd-when { flex: none; margin-left: auto; color: var(--command-grey); font-size: var(--font-sm); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Pills on rows */
body.wallet-dash .wd-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 9999px; font-size: var(--font-xs); white-space: nowrap; }
body.wallet-dash .wd-tag.is-open, body.wallet-dash .wd-tag.is-different, body.wallet-dash .wd-tag.is-error { background: #2a1415; color: var(--wd-red); }
body.wallet-dash .wd-tag.is-cleared, body.wallet-dash .wd-tag.is-same { background: rgba(90, 204, 119, .12); color: var(--wd-green); }
body.wallet-dash .wd-tag.is-skipped, body.wallet-dash .wd-tag.is-unknown, body.wallet-dash .wd-tag.is-plain { background: #1b1c1e; color: var(--command-grey); }
body.wallet-dash .wd-tag.is-verdict { background: rgba(247, 201, 72, .12); color: var(--wd-amber); }
body.wallet-dash .wd-tags { display: flex; flex: none; gap: 6px; margin-left: auto; }

/* Selects in the toolbar */
body.wallet-dash .wd-select { height: 40px; padding: 0 34px 0 14px; border: 1px solid var(--command-border); border-radius: 9999px; background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23727578' fill='none' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center; color: var(--wd-text); font-size: var(--font-sm); appearance: none; cursor: pointer; }

/* Tables */
body.wallet-dash .wd-table { display: flex; flex-direction: column; border: 1px solid var(--command-border); border-radius: 12px; overflow: hidden; background: var(--wd-card); }
body.wallet-dash .wd-tr { display: grid; grid-template-columns: var(--cols); gap: 12px; align-items: center; min-height: 48px; padding: 6px 16px; border-top: 1px solid #1b1c1e; font-size: var(--font-sm); font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-tr:first-child { border-top: 0; }
body.wallet-dash .wd-tr.is-head { min-height: 40px; color: var(--command-grey); font-size: var(--font-xs); text-transform: uppercase; letter-spacing: .06em; }
body.wallet-dash .wd-tr > :not(:first-child) { text-align: right; }
body.wallet-dash button.wd-tr { width: 100%; border-left: 0; border-right: 0; border-bottom: 0; background: transparent; color: inherit; font: inherit; font-size: var(--font-sm); text-align: left; cursor: pointer; }
body.wallet-dash button.wd-tr:hover { background: var(--wd-card-hover); }

/* Fault detail */
body.wallet-dash .wd-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.wallet-dash .wd-answer { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px; border: 1px solid var(--command-border); border-radius: 12px; }
body.wallet-dash .wd-answer-who { display: flex; align-items: center; gap: 8px; color: var(--command-grey); font-size: var(--font-sm); }
body.wallet-dash .wd-answer-value { overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; line-height: 1.5; }
body.wallet-dash .wd-answer-big { font-size: 26px; font-weight: 500; font-variant-numeric: tabular-nums; }
body.wallet-dash .wd-answer-sub { color: var(--command-grey); font-size: var(--font-sm); }
body.wallet-dash .wd-facts { display: flex; flex-direction: column; border: 1px solid var(--command-border); border-radius: 12px; }
body.wallet-dash .wd-fact { display: flex; gap: 12px; padding: 10px 14px; border-top: 1px solid #1b1c1e; font-size: var(--font-sm); }
body.wallet-dash .wd-fact:first-child { border-top: 0; }
body.wallet-dash .wd-fact > span:first-child { flex: 0 0 110px; color: var(--command-grey); }
body.wallet-dash .wd-fact > span:last-child { min-width: 0; overflow-wrap: anywhere; }
body.wallet-dash .wd-fact a { color: var(--wd-text); }
body.wallet-dash .wd-note { width: 100%; min-height: 70px; padding: 10px 12px; box-sizing: border-box; border: 1px solid var(--command-border); border-radius: 10px; background: #000; color: #fff; font: inherit; font-size: 16px; resize: vertical; outline: 0; }
body.wallet-dash .wd-note:focus { border-color: #3a3c3f; }

@media (max-width: 900px) {
	body.wallet-dash .wd-health, body.wallet-dash .wd-charts, body.wallet-dash .wd-compare { grid-template-columns: minmax(0, 1fr); }
	body.wallet-dash .wd-health-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.wallet-dash .wd-strip-row { grid-template-columns: 76px minmax(0, 1fr); }
	body.wallet-dash .wd-strip-axis { margin-left: 88px; }
	body.wallet-dash .wd-tr { grid-template-columns: var(--cols-sm, var(--cols)); gap: 8px; padding: 6px 12px; }
	body.wallet-dash .wd-tr .wd-hide-sm { display: none; }
	body.wallet-dash .wd-situation { padding: 10px 12px; }
}