/* basic.css — Basic view (BASICDEV direction A, BASICONE N1, BASICLOOK 20 Oct: Advanced's own look, minus). Every
   rule is scoped to html[data-ux="basic"] (ux-mode.js sets it before first paint), so in Advanced nothing here matches and
   the page is today's page. Basic HIDES, it never greys out. Hide by stable id/class, never by position.
   BASICLOOK (founder 20 Oct: "it looks OK but in comparison to the main build, it looks poor"): what basic-mode.js and
   basic-earn.js add is drawn with Advanced's own parts. Each rule below says whose values it copies: the dashboard
   sidebar (.sb-btn, .sb-section, .sidebar), the top bar's seats (topbar-nav.js #ioburger, .pw-notif-bell), the burger's
   rows (wallet.js .pw-dd-pass, .pw-dd-uxback, .pw-dd-foot-btn, .pw-dd-legal), the slim line (.pw-sopt-bar), the
   dashboard's claim block (.dclaim) and buttons (.btn). Inter for reading text, JetBrains Mono only where Advanced
   uses it (section labels, numbers, tickers, button words). Never in a hide rule here (EASYTRADE §6): #mobPosBar
   .msell, #sellBtn, the trust / protection / team-lock rows, trade limits, #capNote, the geo gate, the trade flash #fl. */

/* ── shared chrome ─────────────────────────────────────────────────────────────── */
html[data-ux="basic"] #edgeDeckInfo,
html[data-ux="basic"] #boardPause { display: none !important; }

/* N1: the menu is the navigation. The top bar stays Advanced's bar.
   DESKTOP (641 px and up, where #pwTrigger sits in the bar in Advanced): Advanced's bar UNCHANGED, every item (founder
   20 Oct 16:25: "I don't think we need to change the top bar for desktop at all"): EXPLORE / DASHBOARD, the chain marks
   and prices, the account seat, bell, messages, burger grid, LAUNCH. Nothing here touches it; the menu is pinned on the
   left, where the dashboard's sidebar sits.
   PHONE: #pwTrigger (the bottom bar) is hidden; its seats stay in the DOM so the bell, messages and sign-in keep every
   behaviour (the menu rows press them); the burger mark sits top left, Advanced's account seat (or its door) top right;
   the chain marks give way to the seat (Basic is Solana). Pages that keep room for the bottom bar get it back. */
html[data-ux="basic"].bx-n1 { --mob-sheet-bottom: 0px !important; --mob-botbar-h: 0px !important; }
@media (max-width: 640px) {
  html[data-ux="basic"] .nav-stat,
  html[data-ux="basic"] .chain-stack,
  html[data-ux="basic"] .chain-seg,
  html[data-ux="basic"] .chain-menu,
  html[data-ux="basic"].bx-n1 #pwGetPass,
  html[data-ux="basic"].bx-n1 .nav-center,
  html[data-ux="basic"].bx-n1 #pwTrigger,
  html[data-ux="basic"].bx-n1 .nav-right > .launch-btn { display: none !important; }
  html[data-ux="basic"].bx-n1 .nav-right { margin-left: 0; flex: none; }
  html[data-ux="basic"].bx-n1 .gs-wrap { flex: 1 1 auto; min-width: 0; width: auto !important; max-width: none !important; margin-left: 4px !important; }
}
/* phones up to 520 px: Advanced's own search icon (search.js: its 28 px pill, tap to open across the bar; its tap handler
   opens it at 520 px and under, its icon rules sit commented out in search.js, copied here). The box's words need 187 px
   and beside the account seat a 430 px phone has 156, so the box would be cut at every phone width; the icon keeps search
   at one tap (the tap opens it and puts the cursor in). */
@media (max-width: 520px) {
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) { flex: none; margin-left: auto !important; margin-right: 2px !important; }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-pill { padding: 0; width: 28px; overflow: hidden; cursor: pointer; }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-mag { left: 50%; transform: translate(-50%,-50%); }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-input { width: 0; min-width: 0; flex: 0 0 0; padding: 0; opacity: 0; }
  html[data-ux="basic"].bx-n1 .gs-wrap:not(.gs-expanded) .gs-clear { display: none !important; }
  html[data-ux="basic"].bx-n1 .gs-wrap.gs-expanded { position: absolute; top: 10px; left: 12px; right: 12px; z-index: 600; margin: 0 !important; background: #000; border-radius: 6px; }
  html[data-ux="basic"].bx-n1 .gs-wrap.gs-expanded .gs-pill { padding: 0 10px 0 30px; width: 100%; }
  html[data-ux="basic"].bx-n1 .gs-wrap.gs-expanded .gs-mag { left: 10px; transform: translateY(-50%); }
}
@media (min-width: 641px) {
  /* the pinned menu takes the dashboard sidebar's column (240 px) on every page; the bar keeps its full width */
  html[data-ux="basic"].bx-n1:not(.bx-unpinned):not(.bx-dashpg) body { padding-left: 240px !important; }
  html[data-ux="basic"].bx-n1:not(.bx-unpinned):not(.bx-dashpg) .bx-flow { margin-left: -240px !important; }
  html[data-ux="basic"].bx-n1:not(.bx-unpinned) aside.sidebar { left: 250px !important; }
  html[data-ux="basic"].bx-n1:not(.bx-unpinned) #ocaBar { left: 240px !important; }
}

/* ── home ──────────────────────────────────────────────────────────────────────── */
html[data-ux="basic"] .type-pills,
html[data-ux="basic"] .main .search-wrap,
html[data-ux="basic"] #advTog,
html[data-ux="basic"] #advDrawer,
html[data-ux="basic"] .dens-tog,
html[data-ux="basic"] #stageRail,
html[data-ux="basic"] .grid-count,
html[data-ux="basic"] .sdd-opt[data-sort="flow"],
html[data-ux="basic"] .sdd-opt[data-sort="heat"],
html[data-ux="basic"] .sdd-opt[data-sort="movers"],
html[data-ux="basic"] .sdd-opt[data-sort="trade"] { display: none !important; }

/* ── token page: today's page in Basic too (founder 20 Oct 11:08); only the menu around it is Basic ── */

/* ── launch: Your token → First buy → Review (launch-fx.js seq() drops Chain, Mode and Where in Basic) ── */
html[data-ux="basic"] #screen2 .lx-pane[data-pane="rules"] > .section:has(#poolSettingsAccent),
html[data-ux="basic"] #screen1 .btn-row .btn-ghost,
html[data-ux="basic"] #screen2 .lx-sum,
html[data-ux="basic"] #lxDock .lxd-bond { display: none !important; }

/* ── dashboard: the menu takes the sidebar's place (desktop: pinned in its column); Wallet opens first ── */
/* desktop: the pinned menu sits exactly where the sidebar card sits (its column, its margins); phone: as Advanced */
html[data-ux="basic"].bx-n1 .shell > .sidebar { visibility: hidden !important; }
html[data-ux="basic"] #panel-overview #ovDnaPanel,
html[data-ux="basic"] #panel-wallet .pnl-actions { display: none !important; }

/* ── the wallet (sheet and dashboard panel): no terminals link, no search, no footnote, no Bridge ── */
html[data-ux="basic"] .ew .ew-uselink,
html[data-ux="basic"] .ew .ew-search,
html[data-ux="basic"] .ew .ew-foot,
html[data-ux="basic"] .ew .ew-act[data-ew="bridge"] { display: none !important; }
html[data-ux="basic"] .ew .ew-acts.ew-acts5 { grid-template-columns: repeat(4, 1fr) !important; }

/* ── seasons: no Friday show, no wire, no rival box, one headline tile ── */
html[data-ux="basic"] #showBox,
html[data-ux="basic"] #wireBox,
html[data-ux="basic"] #wire,
html[data-ux="basic"] #rivalBox,
html[data-ux="basic"] .tiles > div:has(#tSeats),
html[data-ux="basic"] .tiles > div:has(#tQual) { display: none !important; }
html[data-ux="basic"] .tiles:has(#tTop) { grid-template-columns: 1fr !important; }

/* ══ Basic-only elements (they exist only when basic-mode.js / basic-earn.js run) ═════════════════════════════════ */
/* bottom sheet (phone) / small card (desktop): reuses .pwg-handle and _pwMakeSwipeable; the dashboard card's surface
   (--card-grad, --border, --r-card), its panel title (mono, spaced, upper) and its .btn / LAUNCH buttons */
.bx-scrim { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.6); }
.bx-sheet { position: fixed; z-index: 100001; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(420px, calc(100vw - 32px)); box-sizing: border-box;
  background: linear-gradient(168deg,#131318,#0b0b0e 64%); border: 1px solid rgba(255,255,255,.07); border-radius: 13px; padding: 18px 18px 16px; color: #e8e8e8;
  box-shadow: 0 26px 54px -16px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06); font: 400 13px/1.5 'Inter', system-ui, sans-serif; }
.bx-sheet .pwg-handle { display: none; }
.bx-sheet h3 { margin: 0 0 10px; font: 500 13px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: #fff; }
.bx-sheet p { margin: 0 0 10px; color: #a7b0a9; }
.bx-sheet ul { margin: 0 0 12px; padding-left: 18px; color: #a7b0a9; }
.bx-sheet .bx-acts { display: flex; gap: 10px; margin-top: 16px; }
.bx-sheet .bx-acts button { flex: 1; min-height: 44px; padding: 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,.12); background: none; color: #ccc;
  font: 600 11px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.bx-sheet .bx-acts button.go { background: linear-gradient(180deg,#5be35b,#3ccd3c); border-color: #4ade4a; color: #041004; }
@media (max-width: 640px) {
  .bx-sheet { left: 0; right: 0; top: auto; bottom: 0; transform: none; width: auto; border-radius: 16px 16px 0 0; border-width: 1px 0 0;
    padding: 6px 18px calc(18px + env(safe-area-inset-bottom, 0px)); max-height: 88vh; overflow: auto; }
  .bx-sheet .pwg-handle { display: flex; }
}

/* Wallet: Holding · Saved · History (one place for what you hold): the dashboard's mono labels, the sidebar's green */
.bx-tabs { display: flex; gap: 22px; border-bottom: 1px solid rgba(255,255,255,.07); margin: 4px 0 12px; }
.bx-tabs a { color: #777; text-decoration: none; font: 500 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase;
  padding: 10px 0; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.bx-tabs a:hover { color: #ccc; }
.bx-tabs a.on { color: #fff; border-bottom-color: #4ade4a; }
.ew-bxsell { margin-left: 8px; padding: 6px 12px; border-radius: 8px; border: 1px solid rgba(255,107,0,.4); background: rgba(255,107,0,.08); color: #ff8a3a;
  font: 600 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
html[data-ux="basic"] .ew-row .ew-right { display: flex; align-items: center; }
.ew-bxnav { display: flex; gap: 20px; padding: 6px 6px 10px; }
.ew-bxnav a { color: #777; font: 500 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; padding: 6px 0;
  border-bottom: 2px solid transparent; }
.ew-bxnav a.on { color: #fff; border-bottom-color: #4ade4a; }

/* "This is part of Advanced view": Advanced's slim line (.pw-sopt-bar), neutral */
.bx-advline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px; background: rgba(255,255,255,.04); color: #e8e8e8; font: 500 12.5px/1.35 'Inter', system-ui, sans-serif; }
.bx-advline button { flex: none; background: none; border: 0; color: #4ade4a; font: 700 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em;
  text-transform: uppercase; cursor: pointer; white-space: nowrap; padding: 6px 0; }

/* launch: the one safety line: Advanced's slim line, green */
.bx-safety { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; margin: 4px 0 16px; border: 1px solid rgba(74,222,74,.32);
  background: linear-gradient(135deg,rgba(74,222,74,.14),rgba(74,222,74,.06)); border-radius: 10px; font: 500 12.5px/1.35 'Inter', system-ui, sans-serif; color: #e8e8e8; }
.bx-safety b { color: #4ade4a; font-weight: 700; }
.bx-safety button { background: none; border: 0; color: #a7b0a9; font: 700 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }

/* ══ the phone top bar's two Basic seats, cut from Advanced's own: the burger mark (#ioburger: 44 px seat on a phone, its
   nine blocks, white / green / blue) and the account seat (#pwTrigger > a: .pw-avatar 30 px + .pw-info, name 12 px Inter
   600, balance 9 px mono, in the bar's 44 px seat; wallet.js's own rules draw the copy). Signed out the seat is Advanced's
   door (.bi-signin). Both are phone only: on a desktop the bar is Advanced's, unchanged. ══ */
.bx-burger, .bx-wseat { display: none; }
@media (max-width: 640px) {
html[data-ux="basic"].bx-n1 .bx-burger { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: 0 2px 0 -6px; padding: 0;
  background: none; border: 0; border-radius: 9px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .15s; }
html[data-ux="basic"].bx-n1 .bx-wseat { position: relative; display: flex; align-items: center; justify-content: center; flex: none; min-width: 44px; height: 44px; padding: 0; margin: 0 -6px 0 2px;
  background: none; border: 0; border-radius: 9px; color: #f0f0f0; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .15s; }
/* the account seat: Advanced's avatar, then its name / balance block, as the desktop pill lays them out (gap 8, left-aligned) */
html[data-ux="basic"].bx-n1 .bx-wseat.bx-acct { gap: 8px; padding: 0 6px; margin: 0 -6px 0 4px; justify-content: flex-start; text-align: left; }
.bx-wseat.bx-acct .pw-info { min-width: 0; }
/* founder 16:20: "the users icon. With his balances showing": on a phone the avatar and the balance line; the name is
   the menu head's (one tap away), the bar has no room for both and a readable search */
.bx-wseat.bx-acct .pw-name { display: none; }
.bx-wseat.bx-acct .pw-addr { white-space: nowrap; margin-top: 0; font-size: 11px; }
.bx-wseat.bx-acct .pw-pill-bal img { width: 10px; height: 10px; }
}
.bx-burger:hover, .bx-wseat:hover { background: rgba(255,255,255,.06); }
.bx-burger:focus-visible, .bx-wseat:focus-visible { outline: 2px solid #4ade4a; outline-offset: 2px; }
.bx-burger .bi-menu { width: 20px; height: 20px; display: block; }
.bx-burger .bi-menu rect { fill: #f0f0f0; }
.bx-burger .bi-menu rect.g { fill: #7ED956; }
.bx-burger .bi-menu rect.o { fill: #568FD9; }
/* the count bubble, as #pwNotifCount: orange is the counts */
.bx-burger .bx-dot { position: absolute; top: 5px; left: calc(50% + 11px); width: 9px; height: 9px; border-radius: 2px; display: none;
  background: linear-gradient(180deg,#ffa04d,#f26a00); box-shadow: 0 0 0 1px #000, 0 0 0 1.75px rgba(255,255,255,.08), inset 0 .5px 0 rgba(255,255,255,.55); }
.bx-burger .bx-dot.on { display: block; }
.bx-wseat.bx-signin svg { width: 20px; height: 20px; display: block; }

/* ══ N1, the menu: phone, a side drawer; desktop, pinned in the dashboard sidebar's column. The surface is the
   sidebar's card (--card-grad, --border, --r-card 13, --card-lift); the rows are .sb-btn; the group labels .sb-section;
   the phone drawer opens with the burger's own head (.pw-dd-head, cloned) and its pass row (.pw-dd-pass). ══ */
.bx-mscrim, .bx-menu { display: none; }
html[data-ux="basic"] .bx-menu { display: flex; flex-direction: column; position: fixed; z-index: 100003; top: 0; bottom: 0; left: 0; width: min(86vw, 320px); box-sizing: border-box;
  background: #000; border-right: 1px solid rgba(255,255,255,.07); color: #e8e8e8; font-family: 'Inter', system-ui, sans-serif;
  transform: translateX(-102%); transition: transform .2s ease; }
html[data-ux="basic"].bx-open .bx-menu { transform: none; box-shadow: 20px 0 60px rgba(0,0,0,.6); }
html[data-ux="basic"] .bx-mscrim { display: block; position: fixed; inset: 0; z-index: 100002; background: rgba(0,0,0,.6); opacity: 0; pointer-events: none; transition: opacity .2s; }
html[data-ux="basic"].bx-open .bx-mscrim { opacity: 1; pointer-events: auto; }
html[data-ux="basic"].bx-open body { overflow: hidden; }
.bx-mtop { flex: none; display: flex; align-items: center; height: 54px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.96); }
.bx-mlogo { background: none; border: 0; padding: 0; cursor: pointer; }
.bx-mlogo img { height: 20px; width: auto; display: block; }
.bx-mcard { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; background: linear-gradient(168deg,#131318,#0b0b0e 64%); }
.bx-mscroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 0 8px; }
.bx-menu .pw-dd-head { margin-bottom: 4px; }
/* the burger's banner is a backdrop for its sheet; in a side drawer under the bar it is dead space: the plate alone */
.bx-menu .pw-dd-banner { display: none; }
.bx-menu .pw-dd-idrow { margin: 12px 10px 10px; }
@media (max-width: 640px) {
  /* the drawer scrolls as one: the foot follows the rows (the phone is short) */
  html[data-ux="basic"] .bx-mcard { overflow-y: auto; overscroll-behavior: contain; }
  html[data-ux="basic"] .bx-mscroll { flex: none; overflow: visible; }
}
.bx-menu .pw-dd-head a, .bx-menu .pw-dd-head button { cursor: pointer; }
.bx-menu .bx-mpass { width: calc(100% - 20px); margin: 12px 10px 4px; }
.bx-mgrp { padding: 0 10px; }
.bx-mgh { font: 400 8px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .2em; color: #666; text-transform: uppercase; padding: 12px 8px 5px; margin-top: 4px; }
.bx-mrow { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 9px 10px; margin: 0 0 1px; box-sizing: border-box;
  background: none; border: 0; border-radius: 8px; cursor: pointer; text-align: left; transition: background .15s; -webkit-tap-highlight-color: transparent; }
.bx-mrow:hover { background: rgba(255,255,255,.04); }
.bx-mrow.on { background: linear-gradient(100deg,rgba(74,222,74,.12),rgba(226,232,240,.04) 70%); box-shadow: inset 2px 0 0 #4ade4a; }
.bx-mic { flex: none; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #777; }
.bx-mic svg, .bx-mic img { width: 16px; height: 16px; display: block; }
.bx-mic .ionavIcon { color: #9a9a9a; }
.bx-mrow.on .bx-mic { color: #4ade4a; }
.bx-ml { flex: 1; min-width: 0; font: 500 13px 'Inter', system-ui, sans-serif; color: #ccc; }
.bx-mrow.on .bx-ml { color: #fff; font-weight: 600; }
.bx-count { flex: none; font-style: normal; min-width: 18px; height: 16px; box-sizing: border-box; padding: 0 6px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg,#ffa04d,#f26a00); color: #000; font: 700 9px 'JetBrains Mono', ui-monospace, monospace; }
/* the foot: the burger's "Switch to Basic view" row turned round (.pw-dd-uxback), its Disconnect button (.pw-dd-foot-btn
   / .sb-foot-btn), its legal line (.pw-dd-legal) */
.bx-mfoot { flex: none; padding: 10px 10px 4px; border-top: 1px solid rgba(255,255,255,.045); display: flex; flex-direction: column; gap: 8px; }
.bx-uxrow { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; text-align: left; box-sizing: border-box; background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.16); border-radius: 11px; color: #e8e8e8; cursor: pointer; font-family: 'Inter', system-ui, sans-serif; transition: background .15s, border-color .15s; }
.bx-uxrow:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); }
.bx-uxrow-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.bx-uxrow-t { font-size: 13.5px; font-weight: 700; color: #fff; line-height: 1.2; }
.bx-uxrow-s { font-size: 11.5px; line-height: 1.35; color: #a7b0a9; }
.bx-uxrow .pw-dd-pass-go { color: #fff; }
.bx-signout { width: 100%; min-height: 36px; padding: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; background: none; cursor: pointer; color: #555;
  font: 400 9px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; transition: color .15s, border-color .15s; }
.bx-signout:hover { color: #f04444; border-color: #f04444; }
.bx-menu .bx-mlegal { flex: none; padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 641px) {
  /* pinned: the sidebar card, at the sidebar's place (column 240, margin 10 / 0 / 10 / 10, under the 54 px bar) */
  html[data-ux="basic"]:not(.bx-unpinned) .bx-menu { top: 64px; left: 10px; bottom: 10px; width: 230px; z-index: 900; transform: none; background: none; border: 0; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-mtop,
  html[data-ux="basic"]:not(.bx-unpinned) .bx-menu .pw-dd-head { display: none; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-mcard { border: 1px solid rgba(255,255,255,.07); border-radius: 13px; overflow: hidden;
    box-shadow: 0 12px 30px -12px rgba(0,0,0,.72), 0 3px 8px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06); }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-mscroll { padding-top: 6px; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-mgh { font-size: 7px; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-mrow { min-height: 34px; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-ml { font-size: 12px; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-uxrow { padding: 9px 12px; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-uxrow-s { display: none; }
  html[data-ux="basic"]:not(.bx-unpinned) .bx-mscrim { display: none; }
  html[data-ux="basic"]:not(.bx-unpinned).bx-open body { overflow: visible; }
  html[data-ux="basic"].bx-n1.bx-unpinned body { padding-left: 0 !important; }
}

/* ══ Home: one slim line when there is money to claim: Advanced's .pw-sopt-bar (the Seasons opt-in line), in the green
   of its pass row (.pw-dd-pass). Wallet's line to Rewards is the same line. ══ */
.bx-claimbar.pw-sopt-bar { background: linear-gradient(135deg,rgba(74,222,74,.14),rgba(74,222,74,.06)); border-color: rgba(74,222,74,.32); color: #e8e8e8; cursor: pointer; }
.bx-claimbar.pw-sopt-bar:hover { background: linear-gradient(135deg,rgba(74,222,74,.2),rgba(74,222,74,.09)); border-color: rgba(74,222,74,.5); }
.bx-claimbar.pw-sopt-bar svg { color: #4ade4a; }
.bx-claimbar.pw-sopt-bar b { color: #4ade4a; }
.bx-claimbar.pw-sopt-bar .go { background: #4ade4a; }
html[data-ux="basic"] #bxClaimLine { margin: 4px 16px 18px; }
@media (min-width: 641px) { html[data-ux="basic"] #bxClaimLine { margin: 0 24px 22px; } }

/* ══ BASICONE: plainer screens (founder 20 Oct: "the rest of the app needs to be… idk"): fewer things, one main action ══ */
/* the menu is the way around: the panels' own back arrows and the wallet's address line go */
html[data-ux="basic"].bx-n1 .panel .ioback,
html[data-ux="basic"] #walletPnlSub,
html[data-ux="basic"] #panel-launches .pnl-head .btn,
html[data-ux="basic"] #panel-history .pnl-head .btn { display: none !important; }
/* Wallet: Add money first and green (the one thing a newcomer with $0 has to do) */
html[data-ux="basic"] #panel-wallet .ew-act[data-ew="buy"] { order: -1; background: #4ade4a !important; border-color: #4ade4a !important; color: #041004 !important; }
html[data-ux="basic"] #panel-wallet .ew-act[data-ew="buy"] svg { filter: brightness(0); }
/* History: the list and All / Buys / Sells / Launches; the chain and period chips, the token filter, the two views and the
   totals card are Advanced */
html[data-ux="basic"] #histApp .eh-fil > .eh-row:first-child,
html[data-ux="basic"] #histApp .eh-q,
html[data-ux="basic"] #histApp .eh-seg,
html[data-ux="basic"] #histApp .eh-sumhd,
html[data-ux="basic"] #histApp .eh-sum { display: none !important; }
/* Pass rebates: your pass, how to get more back, the claim; the per-chain pass list is Advanced (Basic is Solana) */
html[data-ux="basic"] #tr-panel-body .rw > .chains,
html[data-ux="basic"] #tr-panel-body .rw > .lbl:has(+ .chains) { display: none !important; }
/* Launch: the top bar says "Launch a coin"; the big title, breadcrumb and "deploy your bonding pool" go */
html[data-ux="basic"].bx-n1 .page > .breadcrumb,
html[data-ux="basic"].bx-n1 .page > .page-title,
html[data-ux="basic"].bx-n1 .page > .page-subtitle { display: none !important; }
html[data-ux="basic"].bx-n1 .page > .steps { margin-top: 18px; }
/* a page Basic does not list (Earn, Boosts): its Advanced line clears the sticky top bar */
html[data-ux="basic"].bx-n1 .bx-advline { scroll-margin-top: 70px; }
@media (max-width: 640px) {
  /* /earn starts its content under the top bar on a phone (in Advanced too): the Advanced line clears it */
  html[data-ux="basic"].bx-earnpg .bx-advline { margin-top: 64px; }
}

/* ── the way back, ADVANCED only (founder 20 Oct: nobody gets stuck in Advanced). basic-mode.js adds one row under the
   burger's tiles; the neutral twin of wallet.js's pass row (.pw-dd-pass), so it reads as a setting, not an offer. ── */
html:not([data-ux="basic"]) .pw-dd-uxback{display:flex;align-items:center;gap:12px;width:calc(100% - 20px);margin:4px 10px 10px;padding:11px 12px;text-align:left;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#e8e8e8;cursor:pointer;
  font-family:'Inter',system-ui,sans-serif;box-sizing:border-box;transition:background .15s,border-color .15s}
html:not([data-ux="basic"]) .pw-dd-uxback:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
html:not([data-ux="basic"]) .pw-dd-uxback:focus-visible{outline:2px solid #fff;outline-offset:2px}
html:not([data-ux="basic"]) .pw-dd-uxback-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
html:not([data-ux="basic"]) .pw-dd-uxback-t{font-size:13.5px;font-weight:700;color:#fff;line-height:1.2}
html:not([data-ux="basic"]) .pw-dd-uxback-s{font-size:11.5px;line-height:1.35;color:#a7b0a9}
html:not([data-ux="basic"]) .pw-dd-uxback-go{flex:0 0 auto;width:16px;height:16px;color:#fff}
html[data-ux="basic"] .pw-dd-uxback{display:none}

/* ══ Rewards (/dashboard#earnings, basic-earn.js): the dashboard's own claim block (.dclaim), coin rows (.card.cf-row:
   renderCreatorFees' row, its inline styles moved here), buttons (.btn.btn-primary) and EdgeRewards' .rw block. These
   rules only lay out what basic-earn.js draws; the look is the dashboard's. Section labels are .rw .lbl's. ══ */
.bxr-sec { margin: 0 0 24px; }
.bxr-h { font: 400 9.5px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; color: #777; margin: 2px 0 10px; }
.bxr-sec .dclaim { margin-bottom: 10px; }
.bxr-sec .rw.bxr-none { margin-bottom: 10px; }
.bxr-row { display: flex; align-items: center; gap: 14px; padding: 12px 16px; margin-bottom: 8px; border-radius: 10px; }
.bxr-coin { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; text-decoration: none; color: inherit; }
.bxr-txt { min-width: 0; flex: 1; }
.bxr-name { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; flex-wrap: wrap; }
.bxr-name b { font: 600 13px 'Inter', system-ui, sans-serif; color: #e8e8e8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bxr-name span { font: 400 10px 'JetBrains Mono', ui-monospace, monospace; color: #777; }
.bxr-name i { font: 400 8.5px 'JetBrains Mono', ui-monospace, monospace; font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: #777;
  border: 1px solid rgba(255,255,255,.1); border-radius: 4px; padding: 1px 5px; }
.bxr-stats { font: 400 10px 'JetBrains Mono', ui-monospace, monospace; color: #777; display: flex; gap: 6px 14px; flex-wrap: wrap; }
.bxr-v { color: #e8e8e8; }
.bxr-go { color: #4ade4a; }
.bxr-tek, .bxr-sec.bxr-tek .bxr-h { color: #2E86FF; }
.bxr-row .btn, .bxr-sec .dclaim-a .btn { white-space: nowrap; }
.bxr-cell { flex: none; }
/* Tek's claim block wears Tek blue when there is something to claim (renderTekFees' own inline colours) */
.bxr-sec.bxr-tek .dclaim:not(.idle) { border-color: rgba(46,134,255,.3); background: linear-gradient(100deg,rgba(46,134,255,.075),transparent 68%), linear-gradient(168deg,#131318,#0b0b0e 64%); }
.bxr-sec.bxr-tek .dclaim:not(.idle) .dclaim-val { color: #2E86FF; }
.bxr-empty { font: 400 12px 'JetBrains Mono', ui-monospace, monospace; color: #777; padding: 14px 2px; }
.bxr-more { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.bxr-way { display: block; width: 100%; text-align: left; padding: 12px 14px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; cursor: pointer;
  background: linear-gradient(168deg,#131318,#0b0b0e 64%); color: #e8e8e8; font-family: 'Inter', system-ui, sans-serif; transition: border-color .15s; }
.bxr-way:hover { border-color: rgba(255,255,255,.18); }
.bxr-way b { display: block; font-size: 13px; font-weight: 600; color: #fff; }
.bxr-way small { display: block; font-size: 11.5px; color: #a7b0a9; margin-top: 2px; }
html[data-ux="basic"] #bxEarnLine { margin: 0 0 12px; }
@media (max-width: 640px) {
  .bxr-row { padding: 12px; gap: 10px; }
  .bxr-coin { gap: 10px; }
}