/* SQUAD · BOARDS, FRIENDS, PEOPLE (2026-11-02, the value update's slice 6
   -- HANDOFF_sq_v2, screens/boards.js). The kit's rows, avatars and badges
   are squad.css's; these are the boards' chips and filters, the friends'
   lists, a player's profile (a sheet since 2026-11-09) and the sheets. The app's colours only; nothing
   red (call 8). */

/* ───────────────────────── 2026-11-09: the 1c look (the Rankings handoff
   v1, boards R1-R13; `onec.css` is the rule -- raised = tap it, solid
   blue = chosen, the bright blue = the one action). Sizes read off the
   reference boards. */

/* the scope chips (Squad · Friends · Country · Global) */
.sqb-chips { display: flex; gap: 8px; }
.sqb-chip.c1-chip { height: 44px; padding: 0; font-size: 15.5px; }
.sqb-chip.c1-chip, .sqb-type.c1-chip, .sqb-fchip.c1-chip {
  text-align: center; }

/* Players / Squads, then Filters and its count (WAS the pills under it) */
.sqb-ctl { display: flex; align-items: center; gap: 8px; }
.sqb-type.c1-chip { flex: none; width: 96px; height: 44px; padding: 0;
  font-size: 15.5px; }
.sqb-fbtn.c1-chip { flex: none; width: auto; height: 44px; margin-left: auto;
  padding: 0 14px; display: inline-flex; align-items: center; gap: 8px;
  font-size: 15.5px; }
.sqb-fbtn svg { width: 18px; height: 18px; fill: none; stroke: var(--c1-icon);
  stroke-width: 2.2; stroke-linecap: round; }
.sqb-count { min-width: 22px; height: 22px; padding: 0 6px;
  box-sizing: border-box; border-radius: 11px; display: inline-flex;
  align-items: center; justify-content: center; background: var(--c1-icon);
  color: var(--c1-sheet); font-size: 13px; font-weight: 800; }

/* the first visit's line (R1) and R11's line under the card */
.sqb-landed, .sqb-also { margin: 0 4px; font-size: 13.5px; line-height: 1.45;
  color: #9aa6b6; }

/* THE BOARD: one card */
.sqb-card { padding: 16px 12px 14px; border-radius: 22px;
  background: var(--c1-card); border: 1px solid var(--c1-card-line); }
.sqb-title { margin: 0; padding: 0 4px; font-size: 18px; font-weight: 800;
  line-height: 1.25; }
.sqb-sub { margin: 3px 0 0; padding: 0 4px; font-size: 14px; color: #9aa6b6; }
.sqb-sub + .sqb-sub { margin-top: 2px; font-size: 13px; }
.sqb-card .sq-list { padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; }
.sqb-card .sq-head { margin-top: 14px; }
.sqb-card .sq-head + .sq-row, .sqb-card .sq-head + .sq-srow {
  border-top: 1px solid #22324a; }
.sqb-shead .sq-nm { padding-left: 40px; }
.sqb-more { padding: 6px 0 4px; text-align: center; font-size: 18px;
  letter-spacing: .3em; color: var(--c1-hint);
  border-top: 1px solid #22324a; }
/* your row pinned under the "···": in the card, not floating */
.sqb-card .sq-row.pin, .sqb-card .sq-srow.pin { position: static;
  box-shadow: var(--c1-on-lift); }
.sqb-cap { margin: 12px 6px 0; font-size: 13.5px; line-height: 1.45;
  color: #9aa6b6; }
.sqb-cap + .sqb-cap { margin-top: 6px; }
/* R10: the board is short of players */
.sqb-short { margin-top: 14px; padding: 14px 4px 2px;
  border-top: 1px solid #22324a; }
.sqb-short .sq-h3 { font-size: 18px; }
.sqb-short .sqb-sub { padding: 0; }
/* R11: no squad yet */
.sqb-none { display: flex; flex-direction: column; gap: 10px;
  padding: 22px 18px 20px; }
.sqb-nicon { width: 52px; height: 52px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: #1b2a42; color: var(--c1-icon); }
.sqb-nicon svg { width: 26px; height: 26px; fill: none; stroke: currentColor;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sqb-none .sq-h3 { margin-top: 6px; }
.sqb-none .sqb-sub { padding: 0; font-size: 15px; line-height: 1.45;
  color: var(--c1-sub); }
.sqb-none .sqb-pri { margin-top: 10px; }

/* Gain | T on You's Totals keeps the old switch (`totals.js`) */
.sqb-seg { display: flex; padding: 3px; border-radius: 14px;
  background: var(--sunk); border: 1px solid var(--grid); }
.sqb-segb { width: auto; min-height: 34px; margin: 0; padding: 0 14px;
  border: 0; border-radius: 11px; background: transparent;
  color: var(--quiet); font: inherit; font-size: 14px; font-weight: 700;
  cursor: pointer; }
.sqb-segb.on { background: #1c2b40; color: #fff; }
.sqb-wait { display: flex; flex-direction: column; gap: 12px; padding: 18px 16px;
  border-radius: 22px; background: var(--c1-card);
  border: 1px solid var(--c1-card-line); }
.sqb-wait i { display: block; height: 14px; border-radius: 7px;
  background: rgba(255, 255, 255, .05); }
.sqb-wait i:nth-child(2) { width: 80%; }
.sqb-wait i:nth-child(3) { width: 60%; }

/* ───────────────────────── the sheets */
.sqb-layer .sheet { gap: 16px; }
.sqb-ftop { display: flex; align-items: center; justify-content: space-between; }
.sqb-fg .c-label { margin: 0 0 8px; color: var(--c1-lab);
  letter-spacing: .12em; }
.sqb-fchips { display: flex; flex-wrap: wrap; gap: 8px; }
/* R8, R9: the 1c chips (2026-11-09) */
.sqb-fchip.c1-chip { flex: none; width: auto; min-width: 62px; height: 44px;
  padding: 0 16px; font-size: 16px; }
.sqb-reset.c1-tile { width: auto; min-height: 44px; padding: 0 16px; }
.sqb-note { margin: 0; font-size: 14px; line-height: 1.45; color: #9aa6b6; }
.sqb-fsheet .sqb-pri { margin-top: 8px; }
.sqb-code { display: flex; align-items: center; gap: 12px; padding: 16px 18px;
  border-radius: 20px; background: var(--card-fill);
  border: 1px solid rgba(140, 160, 245, .40); }
.sqb-cm { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sqb-ceye { font-size: 11px; font-weight: 800; letter-spacing: .1em;
  color: var(--accent-soft); }
.sqb-cm b { font-size: 30px; font-weight: 800; letter-spacing: .06em;
  overflow-wrap: anywhere; }
.sqb-foot { margin: 0; text-align: center; font-size: 13px; color: var(--quiet); }
.sqb-reasons { display: flex; flex-direction: column; gap: 10px; }

/* ───────────────────────── friends */
.sqb-req { display: flex; align-items: center; gap: 12px; width: 100%;
  margin: 0; padding: 14px 16px; box-sizing: border-box; border-radius: 20px;
  border: 1px solid var(--line); background: var(--card-fill); color: var(--ink);
  font: inherit; text-align: left; cursor: pointer; }
.sqb-pm { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sqb-pm b { font-size: 15.5px; font-weight: 700; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.sqb-pm span { font-size: 13.5px; color: var(--quiet); }
.sqb-prow { display: flex; align-items: center; gap: 12px; min-height: 58px;
  border-top: 1px solid var(--grid); }
.sq-list > .sqb-prow:first-child { border-top: 0; }
.sqb-prow.off { opacity: .55; }
.sqb-rcard { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 6px 16px; border-radius: 20px; background: var(--card-fill);
  border: 1px solid var(--line); }
.sqb-rcard .sqb-prow { flex: 1 1 160px; border-top: 0; }
.sqb-rbtns { display: flex; gap: 8px; }
.sqb-rbtns > button { width: auto; min-height: 38px; margin: 0; padding: 0 14px; }

/* ───────────────────────── a player's profile (PP1-PP6, E7-E9)
   2026-11-09 (the Rankings handoff v1 §4): WAS a page (P1's ring and
   parts, P3's lock) -> NOW a sheet over the board in the 1c look; sizes
   read off the reference boards 025-032. Red only on Block (E11). */
.sqb-player .sheet.c-sheet { position: relative; max-height: 92vh;
  overflow-y: auto; gap: 0; background: var(--c1-sheet);
  border-top: 1px solid var(--c1-sheet-line);
  border-radius: 28px 28px 0 0; }
.sqb-player .c-grab i { background: #3d5170; }
.sqb-player .c-sheet > .c-sheethead { position: absolute; top: 26px;
  right: 12px; z-index: 1; min-height: 0; margin: 0; }
.sqb-player button.c-back.c-close { padding: 12px; background: #17233a;
  border: 1px solid #2f4262; color: #c3cddb; }
.sqb-dots.c1-tile { position: absolute; top: 26px; right: 64px; z-index: 1;
  width: 44px; min-height: 44px; height: 44px; padding: 10px;
  justify-content: center; border-radius: 50%; }
.sqb-dots svg { width: 20px; height: 20px; fill: currentColor; }
.sqb-phead { padding: 0 4px; }
.sqb-peye { margin: 8px 116px 0 0; font-size: 12.5px; font-weight: 800;
  letter-spacing: .12em; text-transform: uppercase; color: var(--c1-icon); }
.sqb-pname { display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
  margin: 6px 116px 0 0; font-size: 24px; font-weight: 800;
  line-height: 1.2; }
.sqb-ftag { padding: 3px 10px; border-radius: 10px; background: #172536;
  border: 1px solid #2a3c58; font-size: 13px; font-weight: 800;
  color: var(--c1-icon); }
.sqb-prow2 { display: flex; align-items: flex-start; gap: 14px;
  margin-top: 12px; }
.sqb-pt { flex: none; min-width: 84px; font-size: 46px; font-weight: 800;
  letter-spacing: -.03em; line-height: 1; color: #fff; }
.sqb-pside { flex: 1; min-width: 0; padding-top: 2px; }
.sqb-pside p { margin: 0; }
.sqb-pstrong { font-size: 16px; font-weight: 800; line-height: 1.3;
  color: var(--c1-ink); }
.sqb-prise { margin-top: 3px !important; font-size: 15px; font-weight: 800;
  color: #6fcf97; }
.sqb-pline { margin-top: 3px !important; font-size: 13.5px; line-height: 1.4;
  color: #9aa6b6; }
.sqb-pill { display: inline-block; margin-bottom: 6px; padding: 3px 10px;
  border-radius: 10px; background: #172536; border: 1px solid #2a3c58;
  font-size: 13px; font-weight: 800; color: #c9d3e0; }
/* PP4: you hid some stats -- the note, then the one bright button */
.sqb-only.c1-card { display: block; margin-top: 14px; padding: 14px 16px;
  background: #0f1826; border-color: #22324a; }
.sqb-only p { margin: 0; font-size: 14.5px; line-height: 1.45;
  color: var(--c1-sub); }
.sqb-only b { color: var(--c1-ink); }
.sqb-pri.c1-pri { margin-top: 14px; }
/* the quality chips, the line, the scales */
.sqb-pchips { display: flex; gap: 8px; margin-top: 14px; padding-bottom: 4px;
  overflow-x: auto; }
.sqb-pchip.c1-chip { flex: none; height: 38px; padding: 0 13px;
  border-radius: 12px; display: flex; align-items: center; gap: 7px;
  font-size: 14px; white-space: nowrap; }
.sqb-pchip i { display: block; width: 9px; height: 9px; border-radius: 50%; }
.sqb-graph { margin-top: 10px; }
.sqb-graph .pg-svg { cursor: pointer; }
.sqb-pscales { display: flex; gap: 8px; margin-top: 14px; }
.sqb-pscale.c1-chip { height: 40px; padding: 0; border-radius: 12px;
  font-size: 13.5px; }
.sqb-pscale[aria-disabled="true"] { background: #0f1826; border-color: #22324a;
  box-shadow: none; color: #5d6e86; }
.sqb-ppick { margin: 10px 4px 0; font-size: 14px; font-weight: 700;
  color: var(--c1-ink); }
/* Moved at the last update */
.sqb-player .c1-lab { margin: 22px 4px 10px; }
.sqb-moves.c1-card { gap: 0; padding: 2px 14px; border-radius: 18px; }
.sqb-mrow { display: flex; align-items: center; gap: 10px; min-height: 54px;
  border-top: 1px solid #22324a; }
.sqb-mrow:first-child { border-top: 0; }
.sqb-mb { flex: 1; min-width: 0; font-size: 14.5px; line-height: 1.3;
  color: #c9d3e0; }
.sqb-mp { flex: none; font-size: 16px; font-weight: 800; }
.sqb-mrow .sq-mv { flex: none; width: 78px; justify-content: flex-end;
  text-align: right; }
/* the stats */
.sqb-lifts.c1-card, .sqb-recs.c1-card { gap: 0; margin-top: 14px;
  padding: 14px 16px; border-radius: 18px; }
.sqb-recs.c1-card { padding: 2px 16px; }
.sqb-lifts .c1-lab { margin: 0 0 4px; }
.sqb-lift, .sqb-rec { display: flex; align-items: center; gap: 12px;
  min-height: 56px; border-top: 1px solid #22324a; }
.sqb-lifts .c1-lab + .sqb-lift, .sqb-rec:first-child { border-top: 0; }
.sqb-ln, .sqb-rm { flex: 1; min-width: 0; font-size: 15.5px; font-weight: 700;
  color: var(--c1-ink); }
.sqb-rm > span { display: block; margin-top: 2px; font-size: 13px;
  font-weight: 400; color: #9aa6b6; }
.sqb-spark { flex: none; width: 72px; height: 26px; }
.sqb-spark polyline { fill: none; stroke: var(--c1-icon); stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round; }
.sqb-lk, .sqb-rn { flex: none; text-align: right; font-size: 17px;
  font-weight: 800; }
.sqb-lk em, .sqb-rn > span { display: block; margin-top: 1px;
  font-style: normal; font-size: 13px; font-weight: 700; }
.sqb-lk em { color: #6fcf97; }
.sqb-rn > span { color: #9aa6b6; font-weight: 600; }
.sqb-pair { display: flex; gap: 12px; margin-top: 14px; }
.sqb-tile.c1-card { flex: 1; min-width: 0; gap: 0; padding: 14px;
  border-radius: 18px; }
.sqb-tile .c1-lab { margin: 0; color: var(--c1-icon); letter-spacing: .09em; }
.sqb-big { margin: 8px 0 0; font-size: 30px; font-weight: 800; line-height: 1; }
.sqb-big span { font-size: 14px; font-weight: 600; color: #9aa6b6; }
.sqb-band { margin: 5px 0 0; font-size: 13.5px; font-weight: 700;
  color: #6fcf97; }
.sqb-tile .sqb-pline { margin: 5px 0 0 !important; color: var(--c1-sub); }
/* a stat hidden because you do not share yours, and PP5/PP6's line */
.sqb-hid.c1-card { flex-direction: row; align-items: center; gap: 10px;
  margin-top: 14px; padding: 14px 16px; border-radius: 18px;
  background: #0f1826; border-color: #22324a; }
.sqb-hid p { margin: 0; font-size: 14.5px; line-height: 1.4;
  color: var(--c1-sub); }
.sqb-hid b, .sqb-keeps b { color: var(--c1-ink); }
.sqb-lockic { flex: none; width: 18px; height: 18px; }
.sqb-lockic svg { width: 100%; height: 100%; fill: none; stroke: #8f9bad;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sqb-keeps { margin: 14px 0 0; padding: 14px 16px; border-radius: 18px;
  background: #0f1826; border: 1px solid #22324a; font-size: 14.5px;
  line-height: 1.45; color: var(--c1-sub); }
/* E7-E8: Add friend (bright, or raised beside "Open My profile"),
   Request sent */
.sqb-add, .sqb-sent { margin-top: 18px; justify-content: center; }
.sqb-sent.c1-tile[disabled] { opacity: .6; }
/* E11: Block is red text (§1), Report the app's ink */
.sqb-block .c-rowt { color: var(--c1-red); }