/* PPK_VBANK_20260807 — Virtual bank $10,000 styles (Community P1). */
.ppk-vbank { display: block; }
.ppk-vbank__topline { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 4px 0 10px; flex-wrap: wrap; }
.ppk-vbank__balance { font-size: 1.35rem; font-weight: 800; letter-spacing: .2px; }
.ppk-vbank__balance small { display: block; font-size: .68rem; font-weight: 600; opacity: .6; text-transform: uppercase; letter-spacing: .6px; }
.ppk-vbank__actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; margin-bottom: 10px; }
.ppk-vbank__pick { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 8px; border-radius: 12px; border: 1px solid rgba(120,130,160,.28); background: rgba(130,140,170,.08); cursor: pointer; transition: .15s; font: inherit; color: inherit; }
.ppk-vbank__pick span { font-size: .8rem; opacity: .85; text-align: center; }
.ppk-vbank__pick strong { font-size: 1.1rem; }
.ppk-vbank__pick:hover { border-color: rgba(120,130,160,.5); }
.ppk-vbank__pick.is-selected { border-color: #4f8cff; background: rgba(79,140,255,.16); box-shadow: 0 0 0 2px rgba(79,140,255,.25); }
.ppk-vbank__pick--home.is-selected { border-color: #3fb27f; box-shadow: 0 0 0 2px rgba(63,178,127,.28); background: rgba(63,178,127,.16); }
.ppk-vbank__pick--away.is-selected { border-color: #e0603a; box-shadow: 0 0 0 2px rgba(224,96,58,.28); background: rgba(224,96,58,.16); }
.ppk-vbank__stakerow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.ppk-vbank__stakerow label { font-size: .78rem; opacity: .7; }
.ppk-vbank__stakerow input { width: 110px; padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(120,130,160,.35); background: rgba(255,255,255,.04); color: inherit; font: inherit; }
.ppk-vbank__place { width: 100%; padding: 11px; border-radius: 12px; border: 0; background: linear-gradient(135deg,#4f8cff,#7a5cff); color: #fff; font-weight: 700; cursor: pointer; font: inherit; font-weight: 700; }
.ppk-vbank__place:disabled { opacity: .5; cursor: not-allowed; }
.ppk-vbank__msg { font-size: .78rem; opacity: .8; min-height: 1.1em; margin-top: 6px; }
.ppk-vbank__state { margin-top: 8px; font-size: .82rem; padding: 8px 10px; border-radius: 10px; background: rgba(130,140,170,.1); }
.ppk-vbank__state.is-won { background: rgba(63,178,127,.16); }
.ppk-vbank__state.is-lost { background: rgba(224,96,58,.14); }
.ppk-vbank__foot { margin-top: 8px; font-size: .74rem; opacity: .6; }
.ppk-vbank__foot a { color: inherit; text-decoration: underline; }

/* Portfolio / leaderboard */
.ppk-vbank-port { display: block; }
.ppk-vbank-port__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; margin: 6px 0 18px; }
.ppk-vbank-port__card { padding: 14px; border-radius: 14px; border: 1px solid rgba(120,130,160,.22); background: rgba(130,140,170,.07); }
.ppk-vbank-port__card span { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .5px; opacity: .6; margin-bottom: 4px; }
.ppk-vbank-port__card strong { font-size: 1.3rem; }
.ppk-vbank-port__card strong.pos { color: #3fb27f; }
.ppk-vbank-port__card strong.neg { color: #e0603a; }
.ppk-vbank-port__id { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 20px; }
.ppk-vbank-port__id label { font-size: .78rem; opacity: .7; }
.ppk-vbank-port__id input { flex: 1 1 200px; min-width: 160px; padding: 9px 12px; border-radius: 10px; border: 1px solid rgba(120,130,160,.35); background: rgba(255,255,255,.04); color: inherit; font: inherit; }
.ppk-vbank-port__hint { font-size: .76rem; opacity: .8; flex-basis: 100%; }
.ppk-vbank-port__h { margin: 22px 0 10px; font-size: 1.05rem; }
.ppk-vbank-port__empty { opacity: .65; font-size: .9rem; }
.ppk-vbank-port__list { display: flex; flex-direction: column; gap: 8px; }
.ppk-vbank-port__row { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 11px 13px; border-radius: 12px; border: 1px solid rgba(120,130,160,.2); background: rgba(130,140,170,.06); align-items: center; }
.ppk-vbank-port__row-main { font-weight: 600; }
.ppk-vbank-port__row-main a { color: inherit; }
.ppk-vbank-port__row-main em { opacity: .6; font-style: normal; font-weight: 700; }
.ppk-vbank-port__row-meta { grid-column: 1; font-size: .8rem; opacity: .72; }
.ppk-vbank-port__row-tag { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-weight: 800; white-space: nowrap; }
.ppk-vbank-port__row-tag.is-won { color: #3fb27f; }
.ppk-vbank-port__row-tag.is-lost { color: #e0603a; }
.ppk-vbank-port__row-tag.is-open { opacity: .6; font-weight: 700; }
.ppk-vbank-lb { width: 100%; border-collapse: collapse; font-size: .9rem; }
.ppk-vbank-lb th, .ppk-vbank-lb td { text-align: left; padding: 9px 10px; border-bottom: 1px solid rgba(120,130,160,.16); }
.ppk-vbank-lb th { font-size: .72rem; text-transform: uppercase; letter-spacing: .5px; opacity: .6; }
.ppk-vbank-lb tr.is-me { background: rgba(79,140,255,.12); }
.ppk-vbank-lb__you { font-size: .68rem; background: #4f8cff; color: #fff; border-radius: 6px; padding: 1px 6px; margin-left: 6px; }

.ppk-vbank__intro { font-size:.82rem; opacity:.75; margin:0 0 12px; line-height:1.45; }