:root {
  --ink: #070806;
  --panel: #0d100c;
  --panel-2: #131710;
  --paper: #ecece1;
  --muted: #b3b9ae;
  --line: rgba(236,236,225,.15);
  --acid: #a8ff62;
  --orange: #ff653d;
  --mono: 'DM Mono', monospace;
  --sans: Inter, Arial, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
}

* { box-sizing: border-box; }
html { background: var(--ink); color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--ink); color: var(--paper); font-family: var(--sans); }
button,a,input { color: inherit; font: inherit; }
button,a { -webkit-tap-highlight-color: rgba(168,255,98,.2); }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
a { text-decoration: none; }
button:focus-visible,a:focus-visible,input:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 11px 15px; background: var(--acid); color: var(--ink); transform: translateY(-150%); transition: transform .2s ease; }
.skip-link:focus { transform: none; }
.dash-noise { position: fixed; z-index: 50; inset: 0; opacity: .045; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

.dashboard-topbar { position: fixed; z-index: 40; inset: 0 0 auto 0; height: 76px; display: flex; align-items: center; gap: 28px; padding: 0 26px; border-bottom: 1px solid var(--line); background: rgba(7,8,6,.9); backdrop-filter: blur(20px); }
.dashboard-brand { margin-right: auto; font-size: 17px; font-weight: 600; letter-spacing: -.055em; }
.dashboard-brand span { margin-left: 7px; color: var(--acid); font-size: 12px; vertical-align: top; }
.network-pill { display: flex; align-items: center; gap: 10px; font: 12px var(--mono); color: #b7bcb1; }
.network-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px var(--acid); }
.network-pill b { color: var(--acid); font-weight: 400; }
.back-link { padding: 11px 0; font: 12px var(--mono); color: #c9cdc3; }
.back-link:hover { color: var(--acid); }
.dashboard-x-link { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border: 1px solid var(--line); color: #c9cdc3; }
.dashboard-x-link:hover { border-color: var(--acid); color: var(--acid); }
.dashboard-x-link svg { width: 17px; height: 17px; fill: currentColor; }
.wallet-button,.machine-empty button { min-height: 44px; border: 1px solid var(--acid); padding: 0 20px; background: var(--acid); color: #080a07; font: 500 12px var(--mono); letter-spacing: .04em; }
.wallet-button:hover,.machine-empty button:hover { background: var(--paper); border-color: var(--paper); }

.dashboard-sidebar { position: fixed; z-index: 30; top: 76px; bottom: 0; left: 0; width: 226px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #090b08; }
.sidebar-index { height: 108px; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 0 25px; border-bottom: 1px solid var(--line); }
.sidebar-index span { font: 34px/1 var(--serif); color: var(--acid); }
.sidebar-index b { font: 12px var(--mono); letter-spacing: .12em; }
.dashboard-sidebar nav { display: flex; flex-direction: column; padding-top: 14px; }
.dashboard-sidebar nav button { position: relative; min-height: 64px; display: grid; grid-template-columns: 34px 1fr; align-items: center; text-align: left; border: 0; border-bottom: 1px solid rgba(255,255,255,.06); padding: 0 20px; background: transparent; color: #777d73; font: 12px var(--mono); }
.dashboard-sidebar nav button::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent; }
.dashboard-sidebar nav button i { font-style: normal; color: #555b52; }
.dashboard-sidebar nav button:hover,.dashboard-sidebar nav button.is-active { background: #11150f; color: var(--paper); }
.dashboard-sidebar nav button.is-active::before { background: var(--acid); box-shadow: 0 0 16px rgba(168,255,98,.65); }
.dashboard-sidebar nav button.is-active i { color: var(--acid); }
.sidebar-foot { margin-top: auto; min-height: 112px; padding: 20px 24px; display: grid; grid-template-columns: 10px 1fr; gap: 7px 9px; align-content: center; border-top: 1px solid var(--line); font: 11px/1.45 var(--mono); color: var(--muted); }
.sidebar-foot i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--acid); }
.sidebar-foot b { grid-column: 2; font-weight: 400; color: #656b62; }

#dashboard-main { min-height: 100vh; margin-left: 226px; padding-top: 76px; background: radial-gradient(circle at 88% 12%,rgba(168,255,98,.075),transparent 27%),linear-gradient(135deg,#090b08,#050604 60%); }
.dashboard-titlebar { min-height: 280px; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding: 74px clamp(28px,5vw,82px) 42px; border-bottom: 1px solid var(--line); }
.dashboard-titlebar > div > span,.panel-heading > span,.panel-heading > div > span { font: 12px var(--mono); letter-spacing: .13em; color: var(--muted); }
.dashboard-titlebar h1 { margin: 17px 0 0; font-size: clamp(58px,6vw,110px); line-height: .79; letter-spacing: -.075em; font-weight: 500; }
.dashboard-titlebar h1 em,.machine-copy em,.machine-empty em { color: var(--acid); font-family: var(--serif); font-weight: 400; }
.dashboard-titlebar > p { width: 330px; margin: 0 0 4px; color: #9aa095; font-size: 14px; line-height: 1.65; }

.dashboard-panel { min-height: calc(100vh - 76px); padding: 46px clamp(28px,5vw,82px) 72px; }
.dashboard-panel[hidden] { display: none; }
.dashboard-panel.is-active { animation: panel-in .45s cubic-bezier(.16,1,.3,1); }
@keyframes panel-in { from { opacity: 0; transform: translateY(18px); } }
.panel-heading { display: grid; grid-template-columns: minmax(180px,.7fr) 1fr 1fr; align-items: end; gap: 30px; margin-bottom: 30px; }
.panel-heading h2 { margin: 0; font: 400 clamp(34px,4vw,64px)/.9 var(--sans); letter-spacing: -.065em; }
.panel-heading p { max-width: 460px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

.overview-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(240px,.65fr); gap: 18px; }
.shift-card,.metric-card,.work-order,.order-summary,.machine-empty,.claim-card,.claim-note { border: 1px solid var(--line); background: rgba(14,17,12,.82); }
.shift-card { min-height: 480px; display: flex; flex-direction: column; padding: 21px; overflow: hidden; }
.card-topline,.work-order__head,.claim-card__top { display: flex; justify-content: space-between; align-items: center; font: 11px var(--mono); letter-spacing: .09em; color: var(--muted); }
.card-topline b { color: #878c82; font-weight: 400; }
.card-topline b i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #656a61; }
.shift-machine { flex: 1; display: grid; grid-template-columns: minmax(240px,42%) 1fr; align-items: center; gap: clamp(24px,4vw,64px); padding: 24px 3%; }
.machine-frame { position: relative; aspect-ratio: 1; padding: 9px; border: 1px solid rgba(168,255,98,.35); background: #080a07; }
.machine-frame::before,.machine-frame::after { content: ''; position: absolute; width: 24px; height: 24px; border-color: var(--acid); }
.machine-frame::before { left: -1px; top: -1px; border-left: 2px solid; border-top: 2px solid; }
.machine-frame::after { right: -1px; bottom: -1px; border-right: 2px solid; border-bottom: 2px solid; }
.machine-frame img { display: block; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; filter: saturate(.78) contrast(1.08); }
.machine-copy > span,.machine-empty > div > span { font: 11px var(--mono); color: var(--acid); letter-spacing: .12em; }
.machine-copy h3,.machine-empty h3 { margin: 18px 0; font-size: clamp(38px,4vw,70px); line-height: .83; letter-spacing: -.065em; font-weight: 500; }
.machine-copy p,.machine-empty p { max-width: 350px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.shift-actions { display: flex; gap: 10px; }
.shift-actions button { min-height: 46px; border: 1px solid var(--acid); padding: 0 17px; background: var(--acid); color: var(--ink); font: 12px var(--mono); }
.shift-actions button span { margin-left: 30px; }
.shift-actions .button-ghost { background: transparent; color: var(--paper); border-color: var(--line); }
.metric-stack { display: grid; grid-template-rows: repeat(3,1fr); gap: 18px; }
.metric-card { min-height: 140px; display: flex; flex-direction: column; justify-content: center; padding: 22px; }
.metric-card span { color: var(--muted); font: 11px var(--mono); letter-spacing: .1em; }
.metric-card strong { margin: 14px 0 9px; font: 400 clamp(27px,2.4vw,42px)/1 var(--mono); }
.metric-card small { color: #686e65; font: 11px var(--mono); }
.metric-card--acid { background: var(--acid); color: var(--ink); }
.metric-card--acid span,.metric-card--acid small { color: rgba(7,8,6,.62); }
.index-strip { margin-top: 18px; display: grid; grid-template-columns: 1.15fr repeat(3,1fr); border: 1px solid var(--line); background: #0b0d0a; }
.index-strip > div { position: relative; min-height: 132px; padding: 21px; display: grid; grid-template-columns: 1fr auto; align-content: space-between; border-left: 1px solid var(--line); overflow: hidden; }
.index-strip > div:first-child { border-left: 0; }
.index-strip__intro { display: flex !important; flex-direction: column; justify-content: space-between; }
.index-strip__intro span,.index-strip span,.index-strip small { font: 11px var(--mono); color: var(--muted); }
.index-strip__intro b { font-size: 17px; }
.index-strip strong { font: 400 28px var(--mono); }
.index-strip small { grid-column: 1 / -1; }
.index-strip i { position: absolute; left: 0; bottom: 0; width: var(--weight); height: 3px; background: var(--acid); box-shadow: 0 0 12px var(--acid); }
.protocol-stats { margin-top: 18px; display: grid; grid-template-columns: 1.2fr repeat(4,1fr); border: 1px solid var(--line); background: #0a0d09; }
.protocol-stats > div { min-height: 138px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border-left: 1px solid var(--line); }
.protocol-stats > div:first-child { border-left: 0; }
.protocol-stats span,.protocol-stats small { color: var(--muted); font: 11px var(--mono); letter-spacing: .06em; }
.protocol-stats strong { font: 400 clamp(24px,2.2vw,38px) var(--mono); }
.protocol-stats__head h3 { margin: 0; font-size: 18px; }
.protocol-stats__head small { color: var(--acid); }
.system-trust { margin-top: 18px; display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(30px,6vw,90px); border: 1px solid var(--line); padding: clamp(25px,4vw,50px); background: radial-gradient(circle at 12% 30%,rgba(168,255,98,.08),transparent 34%),#090b08; }
.system-trust > div > span { color: var(--acid); font: 11px var(--mono); letter-spacing: .1em; }
.system-trust h3 { margin: 16px 0; font-size: clamp(32px,4vw,62px); letter-spacing: -.06em; }
.system-trust p { max-width: 440px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.system-trust dl { margin: 0; }
.system-trust dl > div { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.system-trust dt,.system-trust dd { margin: 0; font: 11px var(--mono); }
.system-trust dt { color: var(--muted); }.system-trust dd { color: var(--acid); text-align: right; }

.clock-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: 18px; align-items: start; }
.work-order { padding: 24px; }
.work-order__head { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.work-order__head b { color: var(--acid); font-weight: 400; }
.owned-picker { padding: 24px 0; border-bottom: 1px solid var(--line); }
.owned-picker__head { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 14px; font: 12px var(--mono); color: #b9beb3; letter-spacing: .08em; }
.owned-picker__head b { color: var(--acid); font-weight: 400; text-align: right; }
.owned-machines { min-height: 126px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.owned-empty { grid-column: 1 / -1; min-height: 126px; display: flex; flex-direction: column; justify-content: center; gap: 9px; padding: 18px; border: 1px dashed #343a31; background: #090b08; }
.owned-empty span { color: #666c63; font: 11px var(--mono); letter-spacing: .1em; }
.owned-empty b { max-width: 390px; color: #a4aa9f; font-size: 13px; font-weight: 400; line-height: 1.45; }
.owned-empty__action { align-self: flex-start; min-height: 42px; margin-top: 6px; border: 1px solid var(--acid); padding: 0 16px; background: var(--acid); color: var(--ink); font: 500 12px var(--mono); letter-spacing: .04em; cursor: pointer; }
.owned-empty__action:hover { background: #c0ff8e; }
.owned-empty__action:focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }
.owned-empty__action:disabled { border-color: #596052; background: #30352c; color: #aeb5a9; cursor: wait; }
.owned-machine { position: relative; min-height: 154px; display: grid; grid-template-columns: 82px 1fr; align-items: center; gap: 12px; border: 1px solid var(--line); padding: 9px; background: #0a0c09; text-align: left; overflow: hidden; }
.owned-machine:hover { border-color: rgba(168,255,98,.65); }
.owned-machine.is-selected { border-color: var(--acid); background: #151b11; box-shadow: inset 0 -3px var(--acid); }
.owned-machine img { width: 82px; height: 104px; object-fit: cover; image-rendering: pixelated; background: #050604; }
.owned-machine span { display: block; color: var(--muted); font: 11px var(--mono); }
.owned-machine b { display: block; margin: 9px 0; color: var(--paper); font: 500 16px var(--mono); }
.owned-machine small { color: var(--acid); font: 11px var(--mono); }
.owned-picker > small { display: block; margin-top: 11px; color: #666c63; font: 11px/1.45 var(--mono); }
.tier-fieldset legend { font: 12px var(--mono); color: #b9beb3; letter-spacing: .08em; }
.tier-fieldset { margin: 0; padding: 24px 0 0; border: 0; }
.tier-fieldset legend { margin-bottom: 15px; padding: 0; }
.tier-grid { display: grid; gap: 8px; }
.tier-option { min-height: 68px; display: grid; grid-template-columns: 38px minmax(150px,1fr) 68px 140px; align-items: center; gap: 12px; border: 1px solid var(--line); padding: 0 16px; text-align: left; background: #0a0c09; color: #878d83; }
.tier-option span,.tier-option small { font: 11px var(--mono); }
.tier-option b { font-size: 13px; font-weight: 500; }
.tier-option em { font: normal 20px var(--mono); text-align: right; }
.tier-option small { text-align: right; }
.tier-option:hover { border-color: rgba(168,255,98,.6); color: var(--paper); }
.tier-option.is-selected { border-color: var(--acid); background: var(--acid); color: var(--ink); }
.order-summary { position: sticky; top: 98px; padding: 18px; }
.order-summary__visual { position: relative; aspect-ratio: 16/10; margin-bottom: 8px; overflow: hidden; background: #080a07; }
.order-summary__visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8)); }
.order-summary__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; image-rendering: pixelated; }
.order-summary__visual > span { position: absolute; z-index: 2; left: 14px; bottom: 13px; font: 11px var(--mono); letter-spacing: .1em; }
.summary-line { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.summary-line span { color: var(--muted); font: 11px var(--mono); }
.summary-line b { font: 500 12px var(--mono); }
.summary-line--cost { min-height: 82px; }
.summary-line strong { font: 400 clamp(24px,2vw,34px) var(--mono); color: var(--acid); }
.summary-line strong small { font-size: 11px; color: var(--muted); }
.transaction-steps { display: flex; justify-content: space-between; gap: 7px; padding: 17px 0; }
.transaction-steps span { display: flex; align-items: center; gap: 6px; font: 11px var(--mono); color: #737970; }
.transaction-steps i { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid #343a31; border-radius: 50%; font-style: normal; }
.primary-action,.claim-all { width: 100%; min-height: 50px; border: 1px solid #343a31; background: #242820; color: #72776e; font: 500 12px var(--mono); }
.action-status { margin: 12px 0 0; color: #6f756c; text-align: center; font: 11px/1.5 var(--mono); }
.tx-status { min-height: 46px; display: grid; grid-template-columns: 1fr auto 8px; align-items: center; gap: 10px; margin-top: 10px; border: 1px solid var(--line); padding: 0 11px; }
.tx-status span,.tx-status b { font: 11px var(--mono); }.tx-status span { color: var(--muted); }.tx-status b { color: #b2b8ad; font-weight: 400; }.tx-status i { width: 7px; height: 7px; border-radius: 50%; background: #62685f; }

.machine-list-head { display: grid; grid-template-columns: 1fr repeat(3,.5fr); gap: 16px; padding: 0 18px 13px; color: var(--muted); font: 11px var(--mono); }
.machine-empty { min-height: 440px; display: grid; grid-template-columns: minmax(260px,.75fr) 1fr; align-items: center; gap: clamp(30px,6vw,90px); padding: clamp(24px,4vw,52px); }
.machine-empty__art { position: relative; aspect-ratio: 1; padding: 8px; border: 1px solid var(--line); }
.machine-empty__art::after { content: 'NO WALLET SIGNAL'; position: absolute; inset: auto 8px 8px; padding: 9px; background: rgba(7,8,6,.78); color: var(--acid); font: 11px var(--mono); }
.machine-empty__art img { display: block; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; filter: grayscale(.65) brightness(.55); }
.machine-empty button { margin-top: 24px; }
.transfer-warning { min-height: 94px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 16px; margin-top: 18px; border: 1px solid rgba(255,101,61,.38); padding: 18px 22px; background: rgba(255,101,61,.055); }
.transfer-warning > i { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--orange); border-radius: 50%; color: var(--orange); font: normal 18px var(--mono); }
.transfer-warning b { color: #ff9a7f; font: 12px var(--mono); }.transfer-warning p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.upgrade-machine { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px,6vw,90px); align-items: center; border: 1px solid var(--line); padding: clamp(25px,4vw,50px); background: #0b0e0a; }
.upgrade-machine > div > span { color: var(--acid); font: 11px var(--mono); letter-spacing: .1em; }
.upgrade-machine h3 { margin: 15px 0; font-size: clamp(36px,4vw,60px); letter-spacing: -.06em; }
.upgrade-machine p { max-width: 500px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.upgrade-preview { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; }
.upgrade-preview span { color: var(--muted) !important; }.upgrade-preview strong { font: 400 24px var(--mono); }.upgrade-preview > i { grid-row: 1 / 3; grid-column: 2; color: var(--acid); font: normal 24px var(--mono); }.upgrade-preview button { grid-column: 1 / -1; min-height: 50px; border: 1px solid #343a31; background: #242820; color: #72776e; font: 12px var(--mono); }

.panel-heading--claims { display: block; }
.panel-heading--claims > div { display: grid; grid-template-columns: minmax(180px,.7fr) 1fr 1fr; align-items: end; gap: 30px; }
.claim-batch { min-height: 292px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 40px; align-items: center; margin-bottom: 18px; padding: clamp(24px,4vw,52px); border: 1px solid rgba(168,255,98,.42); background: radial-gradient(circle at 82% 50%,rgba(168,255,98,.13),transparent 30%),#0d110b; }
.claim-batch > div > span,.claim-batch__action > span { color: var(--acid); font: 11px var(--mono); letter-spacing: .11em; }
.claim-batch h3 { margin: 15px 0; font-size: clamp(44px,5vw,78px); line-height: .82; letter-spacing: -.07em; }
.claim-batch h3 em { color: var(--acid); font-family: var(--serif); font-weight: 400; }
.claim-batch p { max-width: 570px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.claim-batch__action { padding-left: 28px; border-left: 1px solid var(--line); }
.claim-breakdown { margin: 14px 0 20px; border-top: 1px solid var(--line); }
.claim-breakdown > div { min-height: 52px; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }
.claim-breakdown b { font: 500 12px var(--mono); }
.claim-breakdown strong { text-align: right; font: 400 22px var(--mono); color: var(--paper); }
.claim-breakdown small { color: var(--muted); font: 11px var(--mono); }
.claim-all { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; }
.claim-all i { font-style: normal; }
.pool-reserves { display: grid; grid-template-columns: 1.2fr repeat(3,1fr); margin-bottom: 18px; border: 1px solid var(--line); background: #090c08; }
.pool-reserves > div { min-height: 136px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border-left: 1px solid var(--line); }
.pool-reserves > div:first-child { border-left: 0; }
.pool-reserves__intro span,.pool-reserves__intro small,.pool-reserve span,.pool-reserve small { color: var(--muted); font: 11px var(--mono); letter-spacing: .07em; }
.pool-reserves__intro h3 { margin: 0; font-size: 18px; letter-spacing: -.035em; }
.pool-reserves__intro small { color: var(--acid); }
.pool-reserve strong { font: 400 clamp(24px,2.5vw,40px)/1 var(--mono); }
.pool-reserve span { color: var(--acid); }
.claim-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.claim-card { position: relative; min-height: 330px; display: flex; flex-direction: column; padding: 22px; overflow: hidden; }
.claim-card::before { content: ''; position: absolute; width: 260px; height: 260px; right: -120px; top: 20px; border: 1px solid rgba(168,255,98,.17); border-radius: 50%; box-shadow: 0 0 80px rgba(168,255,98,.05) inset; }
.claim-card__top b { color: var(--acid); font-weight: 400; }
.claim-card h3 { position: relative; margin: 55px 0 5px; font: 400 clamp(52px,5vw,84px)/.85 var(--mono); letter-spacing: -.08em; }
.claim-card > p { position: relative; margin: 0; color: var(--muted); font: 11px var(--mono); letter-spacing: .08em; }
.claim-value { position: relative; margin-top: auto; display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 22px 0 18px; border-top: 1px solid var(--line); }
.claim-value span { grid-column: 1 / -1; margin-bottom: 9px; color: var(--muted); font: 11px var(--mono); }
.claim-value strong { font: 400 34px var(--mono); }
.claim-value small { color: var(--muted); font: 12px var(--mono); }
.claim-card--intc::before { border-radius: 0; transform: rotate(25deg); }
.claim-card--tsla::before { border-style: dashed; }
.claim-note { margin-top: 18px; min-height: 100px; display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 18px; padding: 20px 24px; }
.claim-note > i { width: 8px; height: 8px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px var(--acid); }
.claim-note b { font: 12px var(--mono); }
.claim-note p { max-width: 680px; margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.claim-note > span { color: #71766d; font: 11px var(--mono); }
.claim-recovery { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border: 1px solid rgba(255,101,61,.42); padding: 24px; background: rgba(255,101,61,.06); }
.claim-recovery[hidden] { display: none; }
.claim-recovery span { color: var(--orange); font: 11px var(--mono); }.claim-recovery h3 { margin: 11px 0; font-size: 24px; }.claim-recovery p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.recovery-actions { display: grid; gap: 7px; }.recovery-actions button { min-height: 42px; border: 1px solid rgba(255,101,61,.25); background: #23120d; color: #8d6559; font: 11px var(--mono); }
.swap-layout { display: grid; grid-template-columns: minmax(360px,.8fr) 1.2fr; gap: 18px; }
.swap-card,.swap-copy { border: 1px solid var(--line); background: #0c0f0b; padding: clamp(20px,3vw,34px); }
.swap-card__top { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); font: 11px var(--mono); color: var(--muted); }.swap-card__top b { color: var(--acid); font-weight: 400; }
.swap-token { min-height: 116px; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 15px; border-bottom: 1px solid var(--line); }
.swap-token > i { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font: normal 24px var(--serif); }.swap-token div { display: flex; flex-direction: column; gap: 7px; }.swap-token span { color: var(--muted); font: 11px var(--mono); }.swap-token strong { font-size: 22px; }.swap-token em { font: normal 30px var(--mono); }
.swap-token--robo > i { border-color: var(--acid); color: var(--acid); }.swap-token--robo strong { color: var(--acid); }
.swap-route { min-height: 46px; display: flex; align-items: center; gap: 10px; color: var(--muted); font: 11px var(--mono); }.swap-route i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); }.swap-route b { margin-left: auto; color: var(--acid); font-weight: 400; }
.swap-card > button { width: 100%; min-height: 54px; border: 1px solid var(--acid); background: var(--acid); color: var(--ink); font: 500 12px var(--mono); }.swap-card > p { margin: 12px 0 0; color: var(--muted); text-align: center; font: 11px/1.5 var(--mono); }
.swap-copy { min-height: 520px; display: flex; flex-direction: column; justify-content: center; padding-inline: clamp(28px,6vw,90px); background: radial-gradient(circle at 70% 25%,rgba(168,255,98,.11),transparent 35%),#090b08; }
.swap-copy > span { color: var(--acid); font: 11px var(--mono); }.swap-copy h3 { margin: 20px 0; font-size: clamp(54px,6vw,100px); line-height: .8; letter-spacing: -.075em; }.swap-copy h3 em { color: var(--acid); font-family: var(--serif); font-weight: 400; }.swap-copy > p { max-width: 500px; color: var(--muted); font-size: 13px; line-height: 1.65; }.swap-copy dl { max-width: 600px; margin: 24px 0 0; }.swap-copy dl > div { min-height: 52px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); }.swap-copy dt,.swap-copy dd { margin: 0; font: 11px var(--mono); }.swap-copy dt { color: var(--muted); }.swap-copy dd { color: #c8cdc2; text-align: right; }
.dashboard-footer { min-height: 64px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 clamp(28px,5vw,82px); border-top: 1px solid var(--line); color: #676d63; font: 11px var(--mono); }
.dashboard-footer b { color: var(--acid); font-weight: 400; }

/* Readability pass: operational microcopy must stay legible on the dark UI. */
.card-topline,
.work-order__head,
.claim-card__top,
.machine-copy > span,
.machine-empty > div > span,
.metric-card span,
.metric-card small,
.index-strip__intro span,
.index-strip span,
.index-strip small,
.protocol-stats span,
.protocol-stats small,
.system-trust > div > span,
.owned-empty span,
.owned-machine span,
.owned-machine small,
.owned-picker > small,
.summary-line span,
.summary-line strong small,
.transaction-steps span,
.action-status,
.tx-status span,
.tx-status b,
.machine-list-head,
.machine-empty__art::after,
.upgrade-machine > div > span,
.claim-batch > div > span,
.claim-batch__action > span,
.claim-breakdown small,
.pool-reserves__intro span,
.pool-reserves__intro small,
.pool-reserve span,
.pool-reserve small,
.claim-card > p,
.claim-value span,
.claim-value small,
.claim-note > span,
.claim-recovery span,
.recovery-actions button,
.swap-card__top,
.swap-token span,
.swap-route,
.swap-card > p,
.swap-copy > span,
.swap-copy dt,
.swap-copy dd,
.dashboard-footer {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .045em;
}

.owned-picker > small,
.owned-empty span,
.metric-card small,
.action-status,
.claim-note > span,
.dashboard-footer {
  color: #aeb5a9;
}

@media (max-width: 1050px) {
  .dashboard-sidebar { width: 82px; }
  .sidebar-index { padding-inline: 20px; }
  .sidebar-index b,.dashboard-sidebar nav button span,.sidebar-foot span,.sidebar-foot b { display: none; }
  .dashboard-sidebar nav button { display: grid; grid-template-columns: 1fr; place-items: center; padding: 0; }
  .sidebar-foot { grid-template-columns: 1fr; place-items: center; padding: 0; }
  #dashboard-main { margin-left: 82px; }
  .overview-grid,.clock-layout { grid-template-columns: 1fr; }
  .metric-stack { grid-template-columns: repeat(3,1fr); grid-template-rows: none; }
  .order-summary { position: static; }
  .index-strip { grid-template-columns: repeat(3,1fr); }
  .index-strip__intro { grid-column: 1 / -1; min-height: 80px !important; }
  .protocol-stats { grid-template-columns: repeat(2,1fr); }.protocol-stats__head { grid-column: 1 / -1; }
  .system-trust,.upgrade-machine,.swap-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .dashboard-topbar { height: 66px; gap: 12px; padding: 0 14px; }
  .dashboard-brand { font-size: 14px; }
  .network-pill,.back-link { display: none; }
  .wallet-button { min-height: 40px; padding-inline: 13px; font-size: 11px; }
  .dashboard-sidebar { position: fixed; z-index: 45; top: auto; left: 0; right: 0; bottom: 0; width: auto; height: calc(68px + env(safe-area-inset-bottom)); display: block; padding-bottom: env(safe-area-inset-bottom); border: 1px solid var(--line); background: rgba(8,10,7,.96); backdrop-filter: blur(18px); }
  .sidebar-index,.sidebar-foot { display: none; }
  .dashboard-sidebar nav { height: 68px; display: grid; grid-template-columns: repeat(5,1fr); padding: 0; }
  .dashboard-sidebar nav button { min-height: 68px; display: flex; flex-direction: column; justify-content: center; gap: 5px; border: 0; border-right: 1px solid rgba(255,255,255,.06); padding: 0; text-align: center; font-size: 11px; }
  .dashboard-sidebar nav button span { display: block; font-size: 11px; }
  .dashboard-sidebar nav button::before { inset: auto 0 0; width: auto; height: 3px; }
  #dashboard-main { margin-left: 0; padding-top: 66px; padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
  .dashboard-titlebar { min-height: 248px; display: block; padding: 55px 18px 28px; }
  .dashboard-titlebar h1 { font-size: clamp(50px,15vw,72px); }
  .dashboard-titlebar > p { width: auto; margin-top: 28px; font-size: 13px; }
  .dashboard-panel { min-height: 0; padding: 30px 16px 52px; }
  .panel-heading,.panel-heading--claims > div { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
  .panel-heading { margin-bottom: 22px; }
  .panel-heading h2 { font-size: 42px; }
  .claim-batch { min-height: 0; grid-template-columns: 1fr; gap: 28px; padding: 24px 18px; }
  .claim-batch__action { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .pool-reserves { grid-template-columns: 1fr; }
  .pool-reserves > div { min-height: 112px; border-left: 0; border-top: 1px solid var(--line); }
  .pool-reserves > div:first-child { border-top: 0; }
  .shift-card { min-height: 0; }
  .shift-machine { grid-template-columns: 1fr; padding: 28px 0; }
  .machine-frame { width: min(100%,330px); }
  .shift-actions { flex-direction: column; }
  .shift-actions button { width: 100%; }
  .metric-stack { grid-template-columns: 1fr; }
  .metric-card { min-height: 128px; }
  .index-strip { grid-template-columns: 1fr; }
  .index-strip > div { min-height: 112px; border-left: 0; border-top: 1px solid var(--line); }
  .index-strip__intro { grid-column: auto; }
  .protocol-stats { grid-template-columns: 1fr; }.protocol-stats__head { grid-column: auto; }
  .protocol-stats > div { min-height: 112px; border-left: 0; border-top: 1px solid var(--line); }.protocol-stats > div:first-child { border-top: 0; }
  .system-trust { padding: 24px 18px; }.system-trust dl > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; }.system-trust dd { text-align: left; }
  .work-order,.order-summary { padding: 16px; }
  .owned-picker__head { flex-direction: column; }
  .owned-picker__head b { text-align: left; }
  .owned-machines { grid-template-columns: 1fr; }
  .owned-machine { min-height: 122px; }
  .tier-grid { grid-template-columns: 1fr; }
  .tier-option { min-height: 86px; grid-template-columns: 30px 1fr auto; gap: 8px; padding: 12px; }
  .tier-option em { grid-column: 3; grid-row: 1; }
  .tier-option small { grid-column: 2 / -1; text-align: left; color: currentColor; opacity: .72; }
  .transaction-steps { flex-direction: column; }
  .machine-list-head { display: none; }
  .machine-empty { min-height: 0; grid-template-columns: 1fr; padding: 18px; }
  .upgrade-machine { padding: 24px 18px; }.upgrade-preview { grid-template-columns: 1fr auto 1fr; }
  .claim-grid { grid-template-columns: 1fr; }
  .claim-card { min-height: 330px; }
  .claim-note { grid-template-columns: 10px 1fr; }
  .claim-note > span { grid-column: 2; }
  .claim-recovery { grid-template-columns: 1fr; }
  .swap-card,.swap-copy { padding: 18px; }.swap-copy { min-height: 430px; }.swap-copy h3 { font-size: 16vw; }
  .dashboard-footer { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}