/* Only the two Compute operations panels; no desktop or contribution selectors. */
@media (max-width: 700px) {
  html body .view:is([data-panel="withdraw"], [data-panel="orders"]) {
    --muted: var(--dn-light-muted);
    --text: var(--dn-light-text);
    --line: var(--dn-light-line);
    --blue: var(--dn-light-blue);
    color: var(--dn-light-text);
    background: var(--dn-light-page);
  }
  html body .view:is([data-panel="withdraw"], [data-panel="orders"]) :is(.panel,.table-wrap,table,tbody,tr,.order-main-row,.order-progress-row,.order-progress,.panel-head,.empty,td) {
    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="withdraw"], [data-panel="orders"]) :is(h1,h2,b,strong,label) {color:var(--dn-light-text) !important;}
  html body .view:is([data-panel="withdraw"], [data-panel="orders"]) :is(p,small,.meta,.progress-copy,.progress-percent span,.stage-meta) {color:var(--dn-light-muted) !important;}
  html body .view:is([data-panel="withdraw"], [data-panel="orders"]) .view-head {gap:8px;margin-bottom:12px;}
  html body .view:is([data-panel="withdraw"], [data-panel="orders"]) .btn {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="withdraw"] .withdraw-layout {gap:12px;}
  html body .view[data-panel="withdraw"] .withdraw-layout > .panel:first-child {background:transparent !important;border:0;overflow:visible;}
  html body .view[data-panel="withdraw"] .balance {background:#0b0d10 !important;border:0;border-radius:12px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.16);}
  html body .view[data-panel="withdraw"] .balance :is(span,small) {color:#aeb6c2 !important;}
  html body .view[data-panel="withdraw"] .balance strong {color:#fff !important;font-size:28px;overflow-wrap:anywhere;margin:6px 0;}
  html body .view[data-panel="withdraw"] .withdraw-form {background:#fff !important;border:1px solid var(--dn-light-line);border-radius:12px;margin-top:12px;padding:14px;gap:12px;}
  html body .view[data-panel="withdraw"] .field {background:transparent !important;padding:0;border:0;min-width:0;}
  html body .view[data-panel="withdraw"] label {background:transparent !important;padding:0;}
  html body .view[data-panel="withdraw"] .input {background:#fff !important;color:var(--dn-light-text) !important;border:1px solid var(--dn-light-line-strong) !important;min-width:0;width:100%;height:42px;box-shadow:none !important;color-scheme:light;}
  html body .view[data-panel="withdraw"] .input::placeholder {color:var(--dn-light-tertiary);}
  html body .view[data-panel="withdraw"] .input:focus {outline:2px solid var(--dn-light-blue);outline-offset:1px;}
  html body .view[data-panel="withdraw"] .field:first-child {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;}
  html body .view[data-panel="withdraw"] .field:first-child label {grid-column:1;grid-row:1;}
  html body .view[data-panel="withdraw"] #withdrawAll {grid-column:2;grid-row:1;background:transparent !important;color:var(--dn-light-blue) !important;border:0 !important;padding:4px;min-height:28px;width:auto;}
  html body .view[data-panel="withdraw"] #withdrawAmount {grid-column:1 / -1;grid-row:2;}
  html body .view[data-panel="withdraw"] #withdrawSubmit,
  html body .view[data-panel="orders"] [data-proof] {background:var(--dn-light-blue) !important;color:#fff !important;border-color:var(--dn-light-blue) !important;}
  html body .view[data-panel="withdraw"] button:disabled {opacity:.45;box-shadow:none !important;}
  html body .view[data-panel="withdraw"] .panel-head {padding:14px;}
  html body .view[data-panel="withdraw"] .empty {padding:18px 12px;}
  html body .view[data-panel="withdraw"] #withdrawRows .mono {color:var(--dn-light-blue) !important;overflow-wrap:anywhere;}
  html body .view[data-panel="orders"] .order-main-row td {padding:8px 12px !important;overflow-wrap:anywhere;}
  html body .view[data-panel="orders"] #refreshOrders {margin-top:0 !important;width:auto;align-self:flex-start;}
  html body .view[data-panel="orders"] .order-main-row .status {justify-self:start;width:auto;}
  html body .view[data-panel="orders"] .order-main-row td br {display:none;}
  html body .view[data-panel="orders"] .order-main-row td > :is(b,span,.actions) {grid-column:2;}
  html body .view[data-panel="orders"] .order-main-row td {row-gap:4px !important;}
  html body .view[data-panel="orders"] .order-progress-row td {padding:0 10px 12px !important;}
  html body .view[data-panel="orders"] .order-progress {padding:12px;border:1px solid var(--dn-light-line);border-radius:12px;}
  html body .view[data-panel="orders"] :is(.progress-head,.progress-copy,.progress-title) {background:transparent !important;}
  html body .view[data-panel="orders"] .progress-head {gap:8px;padding:0 0 10px;}
  html body .view[data-panel="orders"] .progress-title {flex-wrap:wrap;gap:6px;}
  html body .view[data-panel="orders"] .progress-percent b {color:var(--dn-light-blue) !important;}
  html body .view[data-panel="orders"] :is(.mode-badge,.reward-plan) {background:var(--dn-light-subtle) !important;color:var(--dn-light-muted) !important;border-color:var(--dn-light-line) !important;box-shadow:none !important;}
  html body .view[data-panel="orders"] .reward-plan {padding:6px;border-radius:6px;}
  html body .view[data-panel="orders"] .actions {gap:6px;flex-wrap:wrap;}
  html body .view[data-panel="orders"] .order-more-menu {background:#fff;border-color:var(--dn-light-line);}
  html body .view[data-panel="orders"] .order-more-menu button {background:#fff;color:var(--dn-light-text);}
  html body .view[data-panel="orders"] .order-more-menu .delete-action {color:#e5484d;}
  html body .view[data-panel="orders"] .contribution-progress {margin:12px 0 0;}
  html body .view[data-panel="orders"] .contribution-stage {padding-bottom:12px;}
  html body .view[data-panel="orders"] .contribution-stage::before {background:var(--dn-light-line) !important;}
  html body .view[data-panel="orders"] .stage-marker {background:#fff !important;border-color:var(--dn-light-line-strong) !important;color:var(--dn-light-muted) !important;}
  html body .view[data-panel="orders"] :is(.current,.completed) .stage-marker {background:var(--dn-light-blue) !important;border-color:var(--dn-light-blue) !important;color:#fff !important;}
  html body .view[data-panel="orders"] .stage-heading {gap:6px;flex-wrap:wrap;}
  html body .view[data-panel="orders"] .stage-copy p {margin-top:4px;}
  html body .view[data-panel="orders"] .history-item {background:var(--dn-light-subtle);color:var(--dn-light-muted);border-color:var(--dn-light-line);}
}