/* Player profile, Security, Preferences example, account tab links, header betslip pill.
   Light palette like the rest of the workspace (tools/make-dark.mjs makes it black-and-red). */
.pf{display:grid;gap:18px;color:#0e1116;font-family:Manrope,system-ui,sans-serif}
.pf-card{padding:20px;border:1px solid #e2e5e9;border-radius:16px;background:#fff}
.pf-head{position:relative;border:1px solid #e2e5e9;border-radius:18px;overflow:hidden;background:#fff}
.pf-cover{height:150px;background:#0b0c0f;position:relative;overflow:hidden}
.pf-cover img{width:100%;height:100%;object-fit:cover;object-position:70% 45%;display:block;opacity:.85}
.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b0c0f00 40%,#0b0c0fcc)}
.pf-id{display:flex;align-items:flex-end;gap:16px;padding:0 22px;margin-top:-44px;position:relative;flex-wrap:wrap}
.ga.pf-avatar{width:92px;height:92px;font-size:38px;border:4px solid #fff;box-shadow:0 6px 18px #10182833}
.pf-names{flex:1;min-width:180px;padding-bottom:4px}
.pf-names h1{margin:0;font:900 clamp(24px,2.6vw,32px)/1.1 Manrope,sans-serif;color:#0e1116;text-transform:none;letter-spacing:-.01em}
.pf-names p{margin:4px 0 0;font:600 14px Manrope,sans-serif;color:#5b6470}
.pf-actions{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}
.pf-actions .primary,.pf-actions .secondary{min-height:40px;border-radius:10px;padding:0 16px}
.pf-bio{margin:14px 22px 0;font:600 15px/1.5 Manrope,sans-serif;color:#2f3742;max-width:62ch}
.pf-muted{color:#5b6470!important;font:600 13.5px/1.5 Manrope,sans-serif}
.pf-teams{list-style:none;margin:12px 22px 18px;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.pf-teams li{padding:5px 11px;border-radius:999px;background:#fff6e5;color:#8a5a00;font:800 12.5px Manrope,sans-serif;display:inline-flex;align-items:center;gap:6px}
.pf-teams li button{border:0;background:none;color:inherit;font-size:15px;cursor:pointer;padding:0 0 0 2px}
.pf-teams-empty{margin:12px 22px 18px}
.pf-banner{padding:12px 16px;border-radius:12px;background:#eef4ff;border:1px solid #c7d7fb;color:#1d3f8f;font:600 14px/1.5 Manrope,sans-serif}
.pf-sec{display:grid;gap:12px}
.pf-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.pf-sec-head h2{margin:0;font:900 21px Manrope,sans-serif;color:#0e1116}
.pf-sec-head p{margin:4px 0 0;font:600 13.5px Manrope,sans-serif;color:#5b6470}
.pf-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.pf-tabs,.pa-days{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#f1f3f5;border:1px solid #e2e5e9;flex-wrap:wrap}
.pf-tabs button,.pa-days button{border:0;background:transparent;padding:7px 13px;border-radius:999px;font:800 12.5px Manrope,sans-serif;color:#5b6470;cursor:pointer}
.pf-tabs button small{font:800 11px Manrope,sans-serif;color:#8a929c;margin-left:3px}
.pf-tabs button.is-active,.pa-days button.is-active{background:#fff;color:#0e1116;box-shadow:0 1px 3px #10182822}
.pf-fine{margin:0;font:600 12px Manrope,sans-serif;color:#8a929c}
.pf-h3{margin:8px 0 0;font:900 15px Manrope,sans-serif}
/* activity (private) */
.pa{display:grid;gap:14px}
.pa-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pa-col{padding:14px 16px;border:1px solid #e2e5e9;border-radius:12px;background:#f7f8fa}
.pa-col h3{margin:0 0 8px;display:flex;align-items:center;gap:8px;font:900 15px Manrope,sans-serif}
.pa-col dl{margin:0;display:grid;gap:6px}
.pa-col dl div{display:flex;justify-content:space-between;gap:10px;font:600 13.5px Manrope,sans-serif}
.pa-col dt{color:#5b6470}.pa-col dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums;color:#0e1116}
.pa-net{border-top:1px solid #e2e5e9;padding-top:6px}
.pa-net.up dd{color:#15803d}.pa-net.down dd{color:#b42318}
/* ticket cards */
.pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
.pt-card{display:grid;gap:8px;padding:14px;border:1px solid #e2e5e9;border-radius:14px;background:#fff;min-width:0}
.pt-card.is-pinned{border-color:#f2d59b;box-shadow:inset 0 3px #f59e0b}
.pt-pin{margin:0;font:900 11px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8a5a00}
.pt-head{display:flex;align-items:center;gap:8px}
.pt-type{flex:1;font:800 15px Manrope,sans-serif}
.pt-odds{font:900 20px Manrope,sans-serif;color:#0e1116}
.pt-sum{margin:0;font:600 12.5px Manrope,sans-serif;color:#5b6470}
.pt-legs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pt-leg{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:8px 10px;border-radius:10px;background:#f7f8fa}
.pt-mark{font-weight:900;color:#8a929c;text-align:center}
.pt-won .pt-mark{color:#15803d}.pt-lost .pt-mark{color:#b42318}.pt-live .pt-mark{color:#e5132f}
.pt-main{display:grid;gap:2px;min-width:0}
.pt-main b{font:800 13.5px/1.3 Manrope,sans-serif}
.pt-main small{font:600 11.5px/1.35 Manrope,sans-serif;color:#5b6470;overflow:hidden;text-overflow:ellipsis}
.pt-main .pt-need{color:#b4232f;font-weight:800}
.pt-more{font:700 12px Manrope,sans-serif;color:#5b6470;padding-left:10px}
.pt-money{margin:0;display:flex;justify-content:space-between;gap:10px;font:600 12.5px Manrope,sans-serif;color:#5b6470}
.pt-money b{color:#0e1116}
.pt-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #e2e5e9;padding-top:9px}
.pt-aud{flex:1;min-width:0;font:700 11.5px Manrope,sans-serif;color:#1d4ed8}
.pt-pinbtn{border:1px solid #d5d9df;background:#fff;border-radius:999px;padding:5px 11px;font:800 12px Manrope,sans-serif;color:#2f3742;cursor:pointer}
/* groups on the profile */
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.pg-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;align-items:center;padding:12px;border:1px solid #e2e5e9;border-radius:14px;background:#fff}
.pg-card img{width:64px;height:48px;object-fit:cover;object-position:70% 50%;border-radius:8px;grid-row:span 2}
.pg-card b{font:800 15px Manrope,sans-serif;display:block}
.pg-card small{font:600 12px Manrope,sans-serif;color:#5b6470}
.pg-card .secondary{min-height:34px;padding:0 12px;font-size:12.5px;justify-self:start}
.pg-show{grid-column:1/-1;display:flex;align-items:center;gap:8px;font:700 12.5px Manrope,sans-serif;color:#2f3742}
.pf-edit{max-width:600px}
.pf-edit textarea{width:100%;min-height:64px;resize:vertical;font:600 14px Manrope,sans-serif}
.pf-edit .grp-field small{font-weight:600;color:#8a929c;margin-left:6px}
.pf-teams-edit{margin:6px 0 8px}
.pf-toggle{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eef0f3}
.pf-toggle input{margin-top:3px}
.pf-toggle b{display:block;font:800 14px Manrope,sans-serif}
.pf-toggle small{font:600 12.5px Manrope,sans-serif;color:#5b6470}
.tc-owner{color:inherit;text-decoration:none}.tc-owner:hover b{text-decoration:underline}
.grp-members a{color:inherit;font-weight:800}
/* account: tab row links, security, odds example */
.acct-links{margin-left:auto;display:inline-flex;gap:14px;align-items:center;padding-left:12px}
.acct-link{font:700 13px Manrope,sans-serif;color:#5b6470;text-decoration:none;white-space:nowrap}
.acct-link:hover,.acct-link.is-active{color:#d9001b}
.sec-list{margin:0;display:grid;gap:10px}
.sec-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;font:600 14px Manrope,sans-serif}
.sec-list dt{color:#5b6470}.sec-list dd{margin:0}
.odds-example{margin-top:14px;padding:14px 16px;border:1px solid #e2e5e9;border-radius:12px;background:#f7f8fa;overflow-x:auto}
.odds-example p{margin:0 0 8px;font:600 13.5px/1.5 Manrope,sans-serif}
.odds-example table{width:100%;border-collapse:collapse;font:600 13px Manrope,sans-serif;min-width:420px}
.odds-example th,.odds-example td{text-align:left;padding:7px 8px;border-bottom:1px solid #e2e5e9}
.odds-example th{font-weight:800;color:#5b6470}
/* the big betslip steps aside on account pages; a compact header control keeps it one tap away */
.header-slip-pill{display:none}
body.acct-room .header-slip-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #2a2e35;background:#16181d;color:#fff;font:800 13px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
body.acct-room .header-slip-pill b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#e5132f;color:#fff;font-size:11px}
@media (min-width:1101px){
  body.acct-room .slip-rail:not(.open){display:none!important}
  body.acct-room #app>.layout,body.acct-room #app>.demo-strip,body.acct-room #app>.category-bar{margin-right:var(--side,16px)!important}
}
@media (max-width:1100px){body.acct-room .header-slip-pill{display:none}}

.pg-acts{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pg-acts .secondary{white-space:nowrap}
.pg-acts .text-link{font:800 12.5px Manrope,sans-serif}
/* My Bets card: one clear row per leg */
body .bc-sum{margin:0 0 8px;font:700 12.5px Manrope,sans-serif;color:#5b6470}
body .bc-legs2{list-style:none;margin:0;padding:0;display:grid;gap:6px}
body .bc2{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:start;padding:8px 9px;border-radius:10px;background:#f7f8fa;min-width:0}
body .bc2-mark{font:900 13px/1.4 Manrope,sans-serif;color:#8a929c;text-align:center}
body .bc2-won .bc2-mark{color:#15803d}body .bc2-lost .bc2-mark{color:#b42318}body .bc2-live .bc2-mark{color:#e5132f}
body .bc2-main{display:grid;gap:2px;min-width:0}
body .bc2-main b{font:800 13.5px/1.3 Manrope,sans-serif;color:#0e1116;overflow-wrap:anywhere}
body .bc2-main small{font:600 11.5px/1.3 Manrope,sans-serif;color:#5b6470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc2-now{display:flex;align-items:center;gap:6px;font:700 11.5px/1.3 Manrope,sans-serif;color:#5b6470;overflow-wrap:anywhere}
body .bc2-live .bc2-now{color:#b4232f;font-weight:800}
body .bc2-now i{width:6px;height:6px;border-radius:50%;background:#e5132f;flex:none;animation:gPulse 1.6s infinite}
body .bc2-won .bc2-now{color:#15803d;font-weight:800}body .bc2-lost .bc2-now{color:#b42318;font-weight:800}
body .bc2-odds{font:800 12.5px/1.4 Manrope,sans-serif;font-style:normal;color:#2f3742;white-space:nowrap}
body .bet-card .bc-more{margin:6px 0 0;font:600 11.5px Manrope,sans-serif;color:#5b6470}
body .bet-card .bc-progress{margin-top:8px}
body .bc-cashout.is-off small{display:block;overflow-wrap:anywhere;white-space:normal}
/* My Bets: fewer, roomier cards so every leg reads at a glance */
body.ticket-room .model-ticket-wall.bet-card-wall,body .bet-card-wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))!important}
.rg-art{top:auto;bottom:-6px;right:-36px;width:170px;height:220px;opacity:.22}
body .model-bets-search input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:38px}
/* account pages carry a Betslip pill in the header: tighten it and the search on mid-width screens so the avatar stays on screen */
@media (max-width:1320px){body.acct-room .hsearch:not(.open):not(:focus-within){width:120px}body.acct-room .header-slip-pill{font-size:0;gap:0;padding:0 10px}body.acct-room .header-slip-pill::before{content:"Slip";font-size:12px;margin-right:6px}}
/* VIP Rewards in the avatar menu: an ordinary menu row (a button, styled like the links beside it) */
.account-dropdown button.ad-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;background:none;color:var(--d-ink2)!important;text-align:left;font:700 14px Manrope,sans-serif;cursor:pointer}
.account-dropdown button.ad-item .icon{width:18px;height:18px;stroke:currentColor}
.account-dropdown button.ad-item:hover,.account-dropdown button.ad-item:focus-visible{background:var(--d-surface2);color:var(--d-ink)!important;outline:0}