/* basic-p2.css — Basic view: people, social and help (lane BASICP2, 19 Oct 2026). Every rule is scoped to
   html[data-ux="basic"] (basic-nav.test.mjs checks the same of basic.css), so Advanced never matches one. Hide, never
   grey out. Companion of basic-p2.js. */

/* ── Social: Global / Following / Communities, ranked (no Top/New control); Communities stays in the left rail too
   (founder 22 Oct: "communities should be part of social, keep the key features") ── */
html[data-ux="basic"] #feedTabsRow #globalSort,
html[data-ux="basic"] #railDay { display: none !important; }
/* SOCIALBUILD, Layout A (founder 22 Oct: "we don't need it right, because it's in the menu?"): Social's own left rail
   folds into the side menu (Social feed + Communities rows; Messages and Notifications are menu rows already; Tags,
   People and Communities are the right column's Trending tab, social-cols.js). The feed keeps Advanced's own gaps: 24 px
   from the menu (or the hidden menu's rail) to the post, 24 px from the post to the right column, which sits 12 px from
   the edge from 1061 px and is the house drawer below ("the gap between the feed and the side panels is too big") */
@media (min-width: 641px) {
  html[data-ux="basic"] .social-app > .sidebar { display: none !important; }
  html[data-ux="basic"] .social-app > .main { margin-left: 12px; }
}
/* a saved "New" feed is held out of sight while Basic reloads it ranked (basic-p2.js forceTop) */
html[data-ux="basic"].bp2-feedwait #feedEl { visibility: hidden; }
/* call cards: the multiple says what it is; bonding progress is Advanced's */
html[data-ux="basic"] .callcard .cc-move.up,
html[data-ux="basic"] .callcard .cc-move.dn { text-transform: lowercase; }
html[data-ux="basic"] .callcard[data-cattop="1"] .cc-move.up::after,
html[data-ux="basic"] .callcard .cc-move.dn::after { content: " since the call"; }
html[data-ux="basic"] .callcard:not([data-cattop="1"]) .cc-move.up::after { content: " at its best"; }
html[data-ux="basic"] .callcard .cc-move::after { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.2; font-weight: 600; letter-spacing: 0; text-transform: none; opacity: .75; white-space: nowrap; }
html[data-ux="basic"] .callcard .cc-rbond { display: none !important; }

html[data-ux="basic"] #feedEl .empty .bp2-signin { display: block; margin: 14px auto 0; min-height: 44px; padding: 10px 22px; border-radius: 10px; border: 1px solid #4ade4a;
  background: #4ade4a; color: #041004; font: 700 12px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .06em; cursor: pointer; }

/* ── Help sheet ── */
html[data-ux="basic"] .bp2-sheet { max-height: 86vh; overflow-y: auto; }
html[data-ux="basic"] .bp2-sheet > p, html[data-ux="basic"] .bp2-sheet .bp2-qa p { font-family: Inter, system-ui, sans-serif; letter-spacing: 0; }
html[data-ux="basic"] .bp2-help-msg { display: flex; flex-direction: column; gap: 3px; width: 100%; text-align: left; padding: 13px 14px; margin: 4px 0 12px;
  border-radius: 12px; border: 1px solid #4ade4a; background: rgba(74,222,74,.08); color: #e8ece8; cursor: pointer; font: inherit; }
html[data-ux="basic"] .bp2-help-msg b { font: 700 14px 'JetBrains Mono', ui-monospace, monospace; color: #4ade4a; }
html[data-ux="basic"] .bp2-help-msg small { font-size: 12px; color: #9aa39a; line-height: 1.45; }
html[data-ux="basic"] .bp2-qa details { border-top: 1px solid #1f241f; }
html[data-ux="basic"] .bp2-qa details:last-child { border-bottom: 1px solid #1f241f; }
html[data-ux="basic"] .bp2-qa summary { list-style: none; cursor: pointer; padding: 13px 2px; min-height: 44px; box-sizing: border-box; color: #e8ece8;
  font: 600 13.5px Inter, system-ui, sans-serif; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html[data-ux="basic"] .bp2-qa summary::-webkit-details-marker { display: none; }
html[data-ux="basic"] .bp2-qa summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid #6b746b; border-bottom: 2px solid #6b746b; transform: rotate(45deg); flex: none; margin-top: -4px; }
html[data-ux="basic"] .bp2-qa details[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }
html[data-ux="basic"] .bp2-qa details p { margin: 0 2px 14px; font-size: 13px; line-height: 1.55; color: #b9c0b9; }
html[data-ux="basic"] .bp2-docs { display: block; margin: 14px 0 4px; padding: 12px; text-align: center; border-radius: 10px; border: 1px solid #2a2f2a; color: #e8ece8;
  text-decoration: none; font: 600 13px 'JetBrains Mono', ui-monospace, monospace; }

/* ── Notifications: the sentence carries it (no chips, eyebrows or share pills) ── */
html[data-ux="basic"] #pwNotifDropdown .pwg-chip,
html[data-ux="basic"] #pwNotifDropdown .pwg-share { display: none !important; }

/* ── Messages: one list; the requests row; the private-chat bar is one tap ── */
html[data-ux="basic"] #pwDMDropdown .pwg-tabs,
html[data-ux="basic"] #view-messages .dm-ftabs { display: none !important; }
html[data-ux="basic"] .bp2-dmreq { display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; min-height: 33px;
  padding: 8px 16px; border: 0; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(74,222,74,.05); color: #e8ece8; cursor: pointer;
  font: 600 12.5px Inter, system-ui, sans-serif; text-align: left; }
html[data-ux="basic"] .bp2-dmreq b { font: 700 11px 'JetBrains Mono', ui-monospace, monospace; color: #4ade4a; }
html[data-ux="basic"] .bp2-dmreq.bp2-dmback { background: none; color: #9aa39a; }
html[data-ux="basic"] .pwg-e2e.bp2-e2e { cursor: pointer; }
html[data-ux="basic"] .pwg-e2e .bp2-e2elink { background: none !important; border: 0 !important; color: #4ade4a !important; text-decoration: underline; text-underline-offset: 3px; padding: 0 !important; }

/* ── Profile: yours is who you are; the trading scorecard and Trader DNA are Advanced's (trophies stay: founder 22 Oct) ── */
html[data-ux="basic"] #pdna,
html[data-ux="basic"] #alertBell,
html[data-ux="basic"] #walletChip { display: none !important; }
html[data-ux="basic"] .ptab[data-tab="trades"],
html[data-ux="basic"] .ptab[data-tab="calls"] { display: none !important; }
/* a link that asked for one of them (/cabinet/*, /a/*, ?tab=calls) still shows it */
html[data-ux="basic"][data-bp2-tab="trades"] .ptab[data-tab="trades"],
html[data-ux="basic"][data-bp2-tab="calls"] .ptab[data-tab="calls"] { display: inline-flex !important; }
/* the eight cards: on your page Followers and Holdings; on someone else's Followers, Holdings, Win rate, Trades (no tier,
   grade, realised, volume) */
html[data-ux="basic"] .pmini .pms:has(#tierName),
html[data-ux="basic"] .pmini .pms:has(#kpiGrade),
html[data-ux="basic"] .pmini .pms:has(#kpiPnl),
html[data-ux="basic"] .pmini .pms:has(#kpiVolume) { display: none !important; }
html[data-ux="basic"][data-bp2-profile="own"] .pmini .pms:has(#kpiWinRate),
html[data-ux="basic"][data-bp2-profile="own"] .pmini .pms:has(#kpiTrades) { display: none !important; }
html[data-ux="basic"][data-bp2-profile] #metaChips > .meta-chip:has(#statRank),
html[data-ux="basic"][data-bp2-profile] #metaChips > .meta-chip:has(#statPoints),
html[data-ux="basic"][data-bp2-profile] #metaChips > .meta-chip:has(#statReferrals) { display: none !important; }
html[data-ux="basic"] .bp2-season { color: inherit; text-decoration: none; }
html[data-ux="basic"] .bp2-season::after { content: " ›"; color: #4ade4a; }
html[data-ux="basic"] .bp2-addbio { color: #4ade4a; text-decoration: none; font-size: 13px; }
html[data-ux="basic"] .bp2-edit { text-decoration: none; display: inline-flex; align-items: center; }

/* ── Invite landing line (home) ── */
html[data-ux="basic"] .bp2-invite { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: 12px; box-sizing: border-box;
  border: 1px solid rgba(74,222,74,.45); background: #0d140d; color: #e8ece8; font: 500 13.5px/1.45 Inter, system-ui, sans-serif; box-shadow: 0 10px 40px rgba(0,0,0,.6);
  position: fixed; z-index: 9990; left: 50%; transform: translateX(-50%); bottom: 24px; width: min(520px, calc(100vw - 24px)); }
@media (max-width: 640px) { html[data-ux="basic"] .bp2-invite { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); } }
html[data-ux="basic"] .bp2-invite .bp2-inv-t { flex: 1 1 220px; }
html[data-ux="basic"] .bp2-invite button { min-height: 40px; padding: 8px 14px; border-radius: 10px; cursor: pointer; font: 700 12px 'JetBrains Mono', ui-monospace, monospace; }
html[data-ux="basic"] .bp2-invite .bp2-inv-go { background: #4ade4a; border: 1px solid #4ade4a; color: #041004; }
html[data-ux="basic"] .bp2-invite .bp2-inv-x { background: none; border: 1px solid #2a2f2a; color: #9aa39a; }

/* ── Full-height sheets in this area sit over the labelled bar (basic-mode.js's #bxBar, z 10000): while one is open the
   bar steps aside, so Save / Post / Send are never under it (the edit-profile sheet's Save and the composer's Post were:
   Post sat at y 807 of 844 on a 390 phone, under the bar, so a Basic phone could not post) ── */
html[data-ux="basic"] body:has(#profileModal.open) #bxBar,
html[data-ux="basic"] body:has(#composeModal[style*="display: flex"]) #bxBar { display: none !important; }