/* Records panels only; retain all desktop and business behavior. */
@media (max-width: 700px) {
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) {
    --muted:var(--dn-light-muted); --text:var(--dn-light-text); --line:var(--dn-light-line);
    background:var(--dn-light-page);color:var(--dn-light-text);
  }
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) :is(.panel,.table-wrap,table,tbody,tr,td,.rule,.panel-head,.stat,.empty) {
    background:#fff !important;color:var(--dn-light-text) !important;
    border-color:var(--dn-light-line) !important;box-shadow:none !important;
  }
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) :is(h1,h2,b,strong) {color:var(--dn-light-text) !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) :is(p,small,.stat > span) {color:var(--dn-light-muted) !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .view-head {margin:12px 0 !important;padding:12px !important;gap:8px !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .view-head:first-child {margin-top:0 !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .stat {min-width:0;min-height:0;padding:12px !important;border-radius:12px;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .stat::before,
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .stat::after {display:none !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .stat b {color:var(--dn-light-blue) !important;font-size:22px;line-height:1.3;overflow-wrap:anywhere;margin:6px 0;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .stat small {display:block;font-size:11px;line-height:1.5;}
  html body .view[data-panel="rewards"] .stat:last-child {background:#0b0d10 !important;border-color:#0b0d10 !important;box-shadow:0 8px 20px rgba(15,23,42,.16) !important;}
  html body .view[data-panel="rewards"] .stat:last-child b {color:#fff !important;}
  html body .view[data-panel="rewards"] .stat:last-child :is(span,small) {color:#aeb6c2 !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .table-wrap {border-radius:12px;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) tbody {gap:10px !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) tbody tr {padding:4px 10px !important;border-radius:12px;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) tbody td {padding:8px 4px !important;row-gap:4px !important;overflow-wrap:anywhere;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) tbody td::before {color:var(--dn-light-muted) !important;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) tbody td > :is(b,span,div) {grid-column:2;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) tbody td br {display:none;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) .status {width:auto;justify-self:start;max-width:100%;white-space:normal;}
  html body .view:is([data-panel="nodes"], [data-panel="rewards"]) td.empty {padding:20px 12px !important;color:var(--dn-light-muted) !important;}
  html body .view[data-panel="rewards"] #rewardRows td:nth-child(6) b,
  html body .view[data-panel="nodes"] #revenueRows td:nth-child(5) b {color:var(--dn-light-blue) !important;}
  html body .view[data-panel="nodes"] #refreshNodes {margin:0 !important;align-self:flex-start;width:auto;background:#fff !important;color:var(--dn-light-text) !important;border:1px solid var(--dn-light-line-strong) !important;box-shadow:none !important;}
  html body .view[data-panel="nodes"] .node-split {gap:12px;}
  html body .view[data-panel="nodes"] :is(.rule,.panel-head) {padding:12px !important;}
  html body .view[data-panel="nodes"] .rule p {margin-top:4px;line-height:1.6;}
  html body .view[data-panel="nodes"] .node-meter {background:var(--dn-light-line) !important;box-shadow:none !important;}
  html body .view[data-panel="nodes"] .node-meter i {background:var(--dn-light-blue) !important;box-shadow:none !important;}
  html body .view[data-panel="nodes"] :is(.dil,.dil-demand-step) {background:#fff !important;border:1px solid var(--dn-light-line) !important;border-radius:12px;box-shadow:none !important;}
  html body .view[data-panel="nodes"] .dil {padding:14px;margin-bottom:12px;}
  html body .view[data-panel="nodes"] .dil-demand-flow {gap:8px;}
  html body .view[data-panel="nodes"] .dil-demand-step {padding:10px;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:start;}
  html body .view[data-panel="nodes"] .dil-demand-step > small {position:static;grid-column:1;grid-row:1 / span 2;line-height:1.5;color:var(--dn-light-blue) !important;}
  html body .view[data-panel="nodes"] .dil-demand-step > b {grid-column:2;grid-row:1;margin:0;line-height:1.5;}
  html body .view[data-panel="nodes"] .dil-demand-step > p {grid-column:2;grid-row:2;margin:0;}
  html body .view[data-panel="nodes"] :is(.dil-power,.dil-kicker,.dil a) {color:var(--dn-light-blue) !important;}
  html body .view[data-panel="nodes"] :is(.dil-note,.dil-foot) {background:var(--dn-light-subtle) !important;color:var(--dn-light-muted) !important;border-color:var(--dn-light-line) !important;}
  html body .view[data-panel="nodes"] .dil-capability {background:var(--dn-light-subtle) !important;color:var(--dn-light-muted) !important;border-color:var(--dn-light-line) !important;}
  html body .view[data-panel="nodes"] .dil a.dil-cta {background:var(--dn-light-blue) !important;color:#fff !important;border-color:var(--dn-light-blue) !important;box-shadow:none !important;}
}