/**
 * Family player/team profile — kill theme white/mint bleed.
 * Mock canvas only. Do not restyle mock components to match theme.
 * Loaded last on vball-pp-page only.
 */

/* Canvas + theme wrappers → mock dark */
html,
body.vball-pp-page,
body.vball-pp-page.scheme-light,
body.vball-pp-page.scheme-dark,
body.vball-pp-page #page,
body.vball-pp-page #content,
body.vball-pp-page .site,
body.vball-pp-page .site-content,
body.vball-pp-page .entry-content,
body.vball-pp-page article,
body.vball-pp-page .wp-site-blocks,
body.vball-pp-page main,
body.vball-pp-page .wp-block-group,
body.vball-pp-page .entry-header,
body.vball-pp-page .page-header,
body.vball-pp-page .site-main,
body.vball-pp-page .app-card,
body.vball-pp-page .app-stack,
body.vball-pp-page .vball-pp-main,
body.vball-pp-page .vball-pp-card,
body.vball-pp-page .vball-fp-bare,
body.vball-pp-page #primary {
  background: #0B1B33 !important;
  background-color: #0B1B33 !important;
  color: #eaf4fd !important;
  max-width: none !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kill mint / paper tokens the theme injects on family surfaces */
body.vball-pp-page {
  --vball-bg: #0B1B33 !important;
  --vball-card: rgba(10, 24, 40, 0.72) !important;
  --vball-text: #eaf4fd !important;
  --vball-ink: #eaf4fd !important;
  --vball-muted: #7fa3c0 !important;
  --vball-accent: #3ee0ff !important;
  --bg: #0B1B33 !important;
  --card: rgba(10, 24, 40, 0.72) !important;
  --text: #eaf4fd !important;
  --ink: #eaf4fd !important;
  --accent: #3ee0ff !important;
  color-scheme: dark !important;
}

/* Theme white cards / cells / panels inside the mock shell */
body.vball-pp-page .vball-pp-shell .card,
body.vball-pp-page .vball-pp-shell .cell,
body.vball-pp-page .vball-pp-shell .statbox,
body.vball-pp-page .vball-pp-shell .panel,
body.vball-pp-page .vball-pp-shell .hero-meta,
body.vball-pp-page .vball-pp-shell .topbar,
body.vball-pp-page .vball-pp-shell .stat-row,
body.vball-pp-page .vball-pp-shell .paper,
body.vball-pp-page .vball-pp-shell .info-grid > *,
body.vball-pp-page .vball-pp-shell .main {
  color: #eaf4fd !important;
}

body.vball-pp-page .vball-pp-shell .card,
body.vball-pp-page .vball-pp-shell .statbox,
body.vball-pp-page .vball-pp-shell .paper {
  background: rgba(10, 24, 40, 0.72) !important;
  color: #eaf4fd !important;
  border-color: #1b3a56 !important;
}

body.vball-pp-page .vball-pp-shell .cell,
body.vball-pp-page .vball-pp-shell .statbox {
  background: #0b1728 !important;
}

body.vball-pp-page .vball-pp-shell .stat-row .cell {
  background: #0b1728 !important;
  border-color: #1b3a56 !important;
  color: #eaf4fd !important;
}

body.vball-pp-page .vball-pp-shell .topbar {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Buttons — mock cyan / mint-cyan Initiate (beat theme light-blue) */
body.vball-pp-page .vball-pp-shell .btn,
body.vball-pp-page .vball-pp-shell a.btn {
  border: 1.5px solid #2a6a88 !important;
  background: rgba(6, 18, 30, 0.55) !important;
  color: #3ee0ff !important;
  box-shadow: none !important;
}

body.vball-pp-page .vball-pp-shell .btn:hover,
body.vball-pp-page .vball-pp-shell a.btn:hover {
  background: rgba(62, 224, 255, 0.12) !important;
  color: #3ee0ff !important;
}

body.vball-pp-page .vball-pp-shell .btn.solid,
body.vball-pp-page .vball-pp-shell a.btn.solid {
  background: linear-gradient(180deg, #1aa392, #0e7a70) !important;
  border-color: #2ee0c4 !important;
  color: #e9fffb !important;
}

body.vball-pp-page .vball-pp-shell .btn-initiate,
body.vball-pp-page .vball-pp-shell a.btn-initiate {
  border: 0 !important;
  color: #041018 !important;
  background: linear-gradient(90deg, #2ee6b0, #3ee0ff) !important;
  box-shadow: 0 0 0 1px rgba(62, 224, 255, 0.35), 0 10px 28px rgba(46, 230, 176, 0.28) !important;
}

/* Kill accidental theme whites / mint / pale blues outside photos */
body.vball-pp-page .vball-pp-shell [style*="background:#fff"],
body.vball-pp-page .vball-pp-shell [style*="background: #fff"],
body.vball-pp-page .vball-pp-shell [style*="background:#ffffff"],
body.vball-pp-page .vball-pp-shell [style*="background: #ffffff"],
body.vball-pp-page .vball-pp-shell [style*="background:#f6f7f7"],
body.vball-pp-page .vball-pp-shell [style*="background: #f6f7f7"] {
  background: #0b1728 !important;
  color: #eaf4fd !important;
}

body.vball-pp-page .site-main,
body.vball-pp-page .app-card,
body.vball-pp-page .vball-card,
body.vball-pp-page .wp-block-group,
body.vball-pp-page .entry-content > div {
  background-color: #0B1B33 !important;
}

/* Do not paint photos / media white */
body.vball-pp-page .vball-pp-shell img,
body.vball-pp-page .vball-pp-shell video,
body.vball-pp-page .vball-pp-shell .hero-bg,
body.vball-pp-page .vball-pp-shell .film,
body.vball-pp-page .vball-pp-shell .film-slab,
body.vball-pp-page .vball-pp-shell .thumb {
  /* leave media backgrounds alone except force dark film slab chrome */
}

body.vball-pp-page .vball-pp-shell .film,
body.vball-pp-page .vball-pp-shell .film-slab,
body.vball-pp-page .vball-pp-shell .gallery,
body.vball-pp-page .vball-pp-shell .media-grid,
body.vball-pp-page .vball-pp-shell .clip {
  background: rgba(10, 24, 40, 0.72) !important;
  border-color: #1b3a56 !important;
  color: #eaf4fd !important;
}

body.vball-pp-page .vball-pp-shell .stat-scroll th,
body.vball-pp-page .vball-pp-shell table th {
  background: #0b1728 !important;
  color: #7fa3c0 !important;
}

body.vball-pp-page .vball-pp-shell table td {
  color: #eaf4fd !important;
  border-color: #1b3a56 !important;
}

/* Muted labels */
body.vball-pp-page .vball-pp-shell .muted,
body.vball-pp-page .vball-pp-shell .k,
body.vball-pp-page .vball-pp-shell .crumb,
body.vball-pp-page .vball-pp-shell .dim {
  color: #7fa3c0 !important;
}


/* PROFILE FIT — never lock mock canvas wider than the window; hide leftover Reports chrome */
html:has(body.vball-pp-page),
body.vball-pp-page {
  overflow-x: clip !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  width: 100% !important;
}
body.vball-pp-page #page,
body.vball-pp-page .site,
body.vball-pp-page .vball-fp-bare,
body.vball-pp-page .vball-pp-shell,
body.vball-pp-page .vball-pp-shell .main {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
body.vball-pp-page .vball-pp-shell .main {
  flex: 1 1 0% !important;
  overflow-x: hidden !important;
}
body.vball-pp-page .entry-header,
body.vball-pp-page .page-header,
body.vball-pp-page .entry-title,
body.vball-pp-page .wp-block-post-title,
body.vball-pp-page .vball-director__head,
body.vball-pp-page .vball-ia-statusbar,
body.vball-pp-page .vball-ia-analytics-bar,
body.vball-pp-page .vball-reports-hub-sort,
body.vball-pp-page .vball-ia-parent-title {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   1.0.526 — Family player/team profile MOBILE + kill theme paper bleed
   Theme "Family light desk" sets body.is-family-app --bg/#f6f7f7 !important.
   Shell uses var(--bg); sidebar is hardcoded navy → navy rail + WHITE pane.
   Beat theme with higher specificity. Stack to one navy column under 900px.
   Do not rewrite locked Family chrome templates — override only.
   ========================================================================== */

/* Beat theme family light desk (equal !important needed higher specificity) */
html:has(body.vball-pp-page.is-family-app),
html:has(body.vball-pp-page),
body.vball-pp-page.is-family-app,
body.vball-pp-page.is-family-app.scheme-dark,
body.vball-pp-page.is-family-app.scheme-light,
body.vball-pp-page.is-hud.is-family-app {
  --vball-bg: #0B1B33 !important;
  --vball-card: rgba(10, 24, 40, 0.72) !important;
  --vball-text: #eaf4fd !important;
  --vball-ink: #eaf4fd !important;
  --vball-muted: #7fa3c0 !important;
  --vball-accent: #3ee0ff !important;
  --bg: #0B1B33 !important;
  --card: rgba(10, 24, 40, 0.72) !important;
  --text: #eaf4fd !important;
  --ink: #eaf4fd !important;
  --accent: #3ee0ff !important;
  --fp-bg: #0B1B33 !important;
  --fp-card: rgba(10, 24, 40, 0.72) !important;
  --fp-text: #eaf4fd !important;
  background: #0B1B33 !important;
  background-color: #0B1B33 !important;
  color: #eaf4fd !important;
  color-scheme: dark !important;
}

/* Explicit navy on shell + main (never inherit theme paper) */
body.vball-pp-page.is-family-app .vball-pp-shell,
body.vball-pp-page .vball-pp-shell,
body.vball-pp-page.is-family-app .vball-pp-shell .main,
body.vball-pp-page .vball-pp-shell .main,
body.vball-pp-page.is-family-app .site-main,
body.vball-pp-page.is-family-app .site-main.family-app,
body.vball-pp-page.is-family-app .app-stack,
body.vball-pp-page.is-family-app .app-card,
body.vball-pp-page.is-family-app .family-app,
body.vball-pp-page.is-family-app #primary,
body.vball-pp-page.is-family-app #content,
body.vball-pp-page.is-family-app #page,
body.vball-pp-page.is-family-app .site,
body.vball-pp-page.is-family-app .entry-content,
body.vball-pp-page.is-family-app .vball-fp-bare {
  background: #0B1B33 !important;
  background-color: #0B1B33 !important;
  color: #eaf4fd !important;
  box-shadow: none !important;
}

body.vball-pp-page .vball-pp-shell .main {
  background:
    radial-gradient(900px 480px at 80% -10%, rgba(46, 180, 220, 0.1), transparent 55%),
    #0B1B33 !important;
  color: #eaf4fd !important;
}

/* Topbar / crumb / role stay on navy — not a white WP admin strip */
body.vball-pp-page .vball-pp-shell .topbar,
body.vball-pp-page .vball-pp-shell .role,
body.vball-pp-page .vball-pp-shell .crumb,
body.vball-pp-page .vball-pp-shell .who,
body.vball-pp-page .vball-pp-shell .who strong {
  background: transparent !important;
  color: #eaf4fd !important;
}
body.vball-pp-page .vball-pp-shell .crumb,
body.vball-pp-page .vball-pp-shell .crumb a {
  color: #7fa3c0 !important;
}
body.vball-pp-page .vball-pp-shell .crumb b,
body.vball-pp-page .vball-pp-shell .crumb a:hover {
  color: #3ee0ff !important;
}
body.vball-pp-page .vball-pp-shell .who span,
body.vball-pp-page .vball-pp-shell #roleMode {
  color: #2ab8d4 !important;
}

/* Parent|Director stay 8px rectangles on navy when present (Family hides them) */
body.vball-pp-page .vball-pp-shell .desk-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 6px !important;
  padding: 0 !important;
}
body.vball-pp-page .vball-pp-shell .desk-toggle button {
  border-radius: 8px !important;
  border: 1px solid #1b3a56 !important;
  background: rgba(12, 30, 48, 0.75) !important;
  color: #7fa3c0 !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body.vball-pp-page .vball-pp-shell .desk-toggle button.on {
  background: #16344f !important;
  color: #fff !important;
  border-color: #3ee0ff !important;
}

/* --------------------------------------------------------------------------
   MOBILE <900px — ONE column, full navy. Desktop keeps rail + content.
   Nav = top stack (player chip + section buttons). Main full width under it.
   Drawer fallback via existing #menuBtn / .sidebar.open.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  html:has(body.vball-pp-page),
  body.vball-pp-page,
  body.vball-pp-page.is-family-app {
    overflow-x: clip !important;
  }

  body.vball-pp-page .vball-pp-shell,
  body.vball-pp-page.is-family-app .vball-pp-shell {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    background: #0B1B33 !important;
  }

  /* Top stack nav — not a side rail beside content */
  body.vball-pp-page .vball-pp-shell > .sidebar,
  body.vball-pp-page .vball-pp-shell aside.sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid #122036 !important;
    background: linear-gradient(180deg, #0B1B33 0%, #0B1B33 100%) !important;
    z-index: 6 !important;
    overflow: visible !important;
  }

  body.vball-pp-page .vball-pp-shell .sidebar .brand {
    padding: 12px 14px 4px !important;
  }
  body.vball-pp-page .vball-pp-shell .sidebar > .back {
    display: none !important; /* topbar-back covers this on mobile */
  }
  body.vball-pp-page .vball-pp-shell .player-chip {
    margin: 4px 12px 8px !important;
  }

  /* Section nav as horizontal wrap chips under player chip */
  body.vball-pp-page .vball-pp-shell nav.sections {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 0 10px 10px !important;
    flex: 0 0 auto !important;
  }
  body.vball-pp-page .vball-pp-shell nav.sections .nav-label {
    flex: 1 0 100% !important;
    padding: 4px 8px 2px !important;
  }
  body.vball-pp-page .vball-pp-shell nav.sections .nav-btn {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }
  body.vball-pp-page .vball-pp-shell nav.sections .nav-btn.active::before {
    display: none !important;
  }
  body.vball-pp-page .vball-pp-shell .side-foot {
    display: none !important;
  }

  /* Main content full width under nav — never beside rail */
  body.vball-pp-page .vball-pp-shell > .main,
  body.vball-pp-page .vball-pp-shell main.main {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px 14px 96px !important; /* room above demo banner */
    background: #0B1B33 !important;
    background-color: #0B1B33 !important;
    color: #eaf4fd !important;
    overflow-x: hidden !important;
  }

  body.vball-pp-page .vball-pp-shell .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 8px !important;
    border-radius: 8px !important;
  }

  /* Hero / photo usable full width; jersey # readable */
  body.vball-pp-page .vball-pp-shell .overview-layout,
  body.vball-pp-page .vball-pp-shell .hero,
  body.vball-pp-page .vball-pp-shell .portrait {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.vball-pp-page .vball-pp-shell .portrait {
    margin: 0 0 12px !important;
  }
  body.vball-pp-page .vball-pp-shell .portrait img,
  body.vball-pp-page .vball-pp-shell .hero-bg {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.vball-pp-page .vball-pp-shell .portrait .num,
  body.vball-pp-page .vball-pp-shell .hero .num,
  body.vball-pp-page .vball-pp-shell .num {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85) !important;
    font-size: clamp(42px, 14vw, 72px) !important;
    opacity: 1 !important;
  }
  body.vball-pp-page .vball-pp-shell .hero {
    min-height: 200px !important;
  }
  body.vball-pp-page .vball-pp-shell .hero h2 {
    font-size: clamp(36px, 12vw, 56px) !important;
    color: #eaf4fd !important;
  }

  body.vball-pp-page .vball-pp-shell .topbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  body.vball-pp-page .vball-pp-shell .role {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  body.vball-pp-page .vball-pp-shell .role .who {
    text-align: left !important;
  }

  /* Demo banner — do not cover primary photo/hero */
  body.vball-pp-page .vball-demo-site-banner,
  body.vball-pp-page.is-family-app .vball-demo-site-banner {
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    z-index: 25 !important;
  }
}

/* Very narrow phones — slightly tighter stack */
@media (max-width: 420px) {
  body.vball-pp-page .vball-pp-shell > .main,
  body.vball-pp-page .vball-pp-shell main.main {
    padding: 10px 10px 100px !important;
  }
  body.vball-pp-page .vball-pp-shell nav.sections .nav-btn svg {
    display: none !important;
  }
}

/* ==========================================================================
   1.0.529 — THEME UNIFORM (Family player tabs)
   Navy chrome #0B1B33 · Cyan #2EC4FF on ONE primary only · 8px rects.
   Cream #F3EBDD stays dead. Paper #fff / #f6f7f7 killed on shell surfaces.
   Mobile one-column from 1.0.526 kept. Soft-delete N/A here.
   Prefer override — do not rewrite locked Family chrome templates.
   ========================================================================== */

html:has(body.vball-pp-page),
html:has(body.vball-pp-page.is-family-app),
body.vball-pp-page,
body.vball-pp-page.is-family-app,
body.vball-pp-page.is-hud.is-family-app,
body.vball-pp-page.is-family-app.scheme-light,
body.vball-pp-page.is-family-app.scheme-dark {
  --vl-navy: #0B1B33 !important;
  --vl-navy-2: #0B1B33 !important;
  --vl-cyan: #2EC4FF !important;
  --vl-ink: #ffffff !important;
  --vl-muted: #c5d6e8 !important;
  --vl-radius: 8px !important;
  --vball-bg: #0B1B33 !important;
  --vball-card: #0B1B33 !important;
  --vball-paper: #0B1B33 !important;
  --vball-wash: #0B1B33 !important;
  --vball-text: #ffffff !important;
  --vball-ink: #ffffff !important;
  --vball-muted: #c5d6e8 !important;
  --vball-accent: #2EC4FF !important;
  --bg: #0B1B33 !important;
  --card: #0B1B33 !important;
  --text: #ffffff !important;
  --ink: #ffffff !important;
  --muted: #c5d6e8 !important;
  --cyan: #2EC4FF !important;
  --accent: #2EC4FF !important;
  --fp-bg: #0B1B33 !important;
  --fp-card: #0B1B33 !important;
  --fp-text: #ffffff !important;
  --fp-muted: #c5d6e8 !important;
  --fp-accent: #2EC4FF !important;
  background: #0B1B33 !important;
  background-color: #0B1B33 !important;
  color: #ffffff !important;
  color-scheme: dark !important;
}

/* Shell + all player tabs (Overview…Billing) stay navy — never cream/paper */
body.vball-pp-page .vball-pp-shell,
body.vball-pp-page .vball-pp-shell .main,
body.vball-pp-page .vball-pp-shell .sidebar,
body.vball-pp-page .vball-pp-shell .panel,
body.vball-pp-page .vball-pp-shell .panel.active,
body.vball-pp-page .vball-pp-shell .card,
body.vball-pp-page .vball-pp-shell .cell,
body.vball-pp-page .vball-pp-shell .statbox,
body.vball-pp-page .vball-pp-shell .paper,
body.vball-pp-page .vball-pp-shell .hero-meta,
body.vball-pp-page .vball-pp-shell .topbar,
body.vball-pp-page .vball-pp-shell .stat-row,
body.vball-pp-page .vball-pp-shell .info-grid > *,
body.vball-pp-page .vball-pp-shell .comply-item,
body.vball-pp-page .vball-pp-shell .tourney,
body.vball-pp-page .vball-pp-shell .school,
body.vball-pp-page .vball-pp-shell .film,
body.vball-pp-page .vball-pp-shell .film-slab,
body.vball-pp-page .vball-pp-shell .gallery,
body.vball-pp-page .vball-pp-shell .media-grid,
body.vball-pp-page .vball-pp-shell .clip,
body.vball-pp-page .vball-pp-shell .player-chip,
body.vball-pp-page .vball-pp-shell .empty {
  background-color: #0B1B33 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border-color: rgba(46, 196, 255, 0.28) !important;
}

body.vball-pp-page .vball-pp-shell .sidebar {
  background: linear-gradient(180deg, #0B1B33 0%, #081526 100%) !important;
  border-radius: 0 !important;
}

/* Explicit cream / paper token kill (aborted pass must not return) */
body.vball-pp-page .vball-pp-shell [style*="F3EBDD"],
body.vball-pp-page .vball-pp-shell [style*="f3ebdd"],
body.vball-pp-page .vball-pp-shell [style*="background:#fff"],
body.vball-pp-page .vball-pp-shell [style*="background: #fff"],
body.vball-pp-page .vball-pp-shell [style*="background:#ffffff"],
body.vball-pp-page .vball-pp-shell [style*="background: #ffffff"],
body.vball-pp-page .vball-pp-shell [style*="background:#f6f7f7"],
body.vball-pp-page .vball-pp-shell [style*="background: #f6f7f7"],
body.vball-pp-page .vball-pp-shell [style*="background:#F3EBDD"],
body.vball-pp-page .vball-pp-shell [style*="background: #F3EBDD"] {
  background: #0B1B33 !important;
  background-color: #0B1B33 !important;
  color: #ffffff !important;
}

/* Text on navy = white / cyan — no washed gray */
body.vball-pp-page .vball-pp-shell,
body.vball-pp-page .vball-pp-shell .main,
body.vball-pp-page .vball-pp-shell h1,
body.vball-pp-page .vball-pp-shell h2,
body.vball-pp-page .vball-pp-shell h3,
body.vball-pp-page .vball-pp-shell p,
body.vball-pp-page .vball-pp-shell td,
body.vball-pp-page .vball-pp-shell li,
body.vball-pp-page .vball-pp-shell label,
body.vball-pp-page .vball-pp-shell .name,
body.vball-pp-page .vball-pp-shell .v,
body.vball-pp-page .vball-pp-shell .who strong {
  color: #ffffff !important;
}
body.vball-pp-page .vball-pp-shell .muted,
body.vball-pp-page .vball-pp-shell .k,
body.vball-pp-page .vball-pp-shell .dim,
body.vball-pp-page .vball-pp-shell .crumb,
body.vball-pp-page .vball-pp-shell .nav-label,
body.vball-pp-page .vball-pp-shell .form-grid label {
  color: #c5d6e8 !important;
}
body.vball-pp-page .vball-pp-shell a,
body.vball-pp-page .vball-pp-shell .brand h1,
body.vball-pp-page .vball-pp-shell .back,
body.vball-pp-page .vball-pp-shell .nav-btn.active,
body.vball-pp-page .vball-pp-shell .chip.on {
  color: #2EC4FF !important;
}

/* Inputs / selects inside Family shell — never theme white paper */
body.vball-pp-page .vball-pp-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]),
body.vball-pp-page .vball-pp-shell select,
body.vball-pp-page .vball-pp-shell textarea,
body.vball-pp-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]),
body.vball-pp-page select,
body.vball-pp-page textarea {
  background: #081526 !important;
  background-color: #081526 !important;
  color: #ffffff !important;
  border: 1px solid rgba(46, 196, 255, 0.35) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* 8px rectangles — cards / chips / buttons / nav (no 12/14/999 pills) */
body.vball-pp-page .vball-pp-shell .card,
body.vball-pp-page .vball-pp-shell .cell,
body.vball-pp-page .vball-pp-shell .statbox,
body.vball-pp-page .vball-pp-shell .panel,
body.vball-pp-page .vball-pp-shell .player-chip,
body.vball-pp-page .vball-pp-shell .chip,
body.vball-pp-page .vball-pp-shell .btn,
body.vball-pp-page .vball-pp-shell a.btn,
body.vball-pp-page .vball-pp-shell .nav-btn,
body.vball-pp-page .vball-pp-shell .back,
body.vball-pp-page .vball-pp-shell .desk-toggle button,
body.vball-pp-page .vball-pp-shell .pill,
body.vball-pp-page .vball-pp-shell .t-pill,
body.vball-pp-page .vball-pp-shell .menu-toggle,
body.vball-pp-page .vball-pp-shell .comply-item,
body.vball-pp-page .vball-pp-shell .empty {
  border-radius: 8px !important;
}

/* ONE primary cyan action — Initiate / solid CTA only (not every chip) */
body.vball-pp-page .vball-pp-shell .btn,
body.vball-pp-page .vball-pp-shell a.btn {
  background: rgba(11, 27, 51, 0.85) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(46, 196, 255, 0.4) !important;
  box-shadow: none !important;
}
body.vball-pp-page .vball-pp-shell .btn.solid,
body.vball-pp-page .vball-pp-shell a.btn.solid,
body.vball-pp-page .vball-pp-shell .btn-initiate,
body.vball-pp-page .vball-pp-shell a.btn-initiate {
  background: #2EC4FF !important;
  border-color: #2EC4FF !important;
  color: #0B1B33 !important;
  -webkit-text-fill-color: #0B1B33 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

/* Ban gold pastel pills on Family */
body.vball-pp-page .vball-pp-shell .pill,
body.vball-pp-page .vball-pp-shell .t-pill,
body.vball-pp-page .vball-pp-shell [class*="gold"] {
  background: rgba(46, 196, 255, 0.12) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

/* Mobile one-column — keep 1.0.526 stack; paint #0B1B33 */
@media (max-width: 900px) {
  body.vball-pp-page .vball-pp-shell,
  body.vball-pp-page.is-family-app .vball-pp-shell,
  body.vball-pp-page .vball-pp-shell > .main,
  body.vball-pp-page .vball-pp-shell main.main,
  body.vball-pp-page .vball-pp-shell > .sidebar {
    background: #0B1B33 !important;
    background-color: #0B1B33 !important;
  }
  body.vball-pp-page .vball-pp-shell {
    flex-direction: column !important;
  }
}