/* 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, ranked; no Alpha Stream, no Communities in the feed or the left rail ── */
html[data-ux="basic"] #feedTabsRow .feed-tab[data-hclick="1edge_social_160"],
html[data-ux="basic"] #feedTabsRow #globalSort,
html[data-ux="basic"] #feedTabsRow #mobTrendBtn,
html[data-ux="basic"] #nav-communities,
html[data-ux="basic"] #railCommsSec,
html[data-ux="basic"] #railDay { display: none !important; }
/* the Alpha Stream rail (desktop) and drawer (phone); a /social#trending link still opens it (html.iotrending) */
html[data-ux="basic"]:not(.iotrending) .social-app > .aside,
html[data-ux="basic"]:not(.iotrending) #asideScrim { display: none !important; }
/* 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; }
/* phones: "People" opens the drawer that holds Tags and People, without the Alpha Stream list (basic-p2.js peopleButton) */
html[data-ux="basic"] .bp2-people { display: none; }
@media (max-width: 640px) {
  html[data-ux="basic"] #feedTabsRow .bp2-people { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; align-self: stretch; margin-left: 8px; padding: 0 12px;
    border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: none; color: #c9cfc9; font: 700 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
}
html[data-ux="basic"].bp2-people #ioAsideContent > .aside-section:has(#trendingEl),
html[data-ux="basic"].bp2-people #asideTitleMark { display: none !important; }
/* 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, Trader DNA and the badge wall are Advanced's ── */
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="cabinet"],
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="cabinet"] .ptab[data-tab="cabinet"],
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; }