/* App-only additions on top of the Player Hub styles */
/* page basics */
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;-webkit-text-size-adjust:100%}
img{max-width:100%}
[hidden]{display:none!important}
.masthead #signOut{margin-left:auto;align-self:flex-start}
.mh-text{min-width:0}
.auth{max-width:460px;margin:0 auto;display:grid;gap:16px}
.squadbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ink);color:var(--bg);border-radius:999px;padding:8px 10px 8px 18px;margin-bottom:16px}
.squadbar label{color:var(--gold);font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;display:block}
.squadbar select{flex:1;min-width:0;width:auto;background:var(--surface);border-color:var(--gold);border-radius:999px}
body:not(.is-coach) .coach-only{display:none!important}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.squad{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sq{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:2px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--bg)}
.sq.on{border-color:var(--gold);background:var(--gold-soft)}
.sq-txt{min-width:0}
.sq-txt .item-title,.sq-txt .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-av{width:46px;height:46px;border-radius:50%;border:2.5px solid var(--gold);background:var(--sunk);display:grid;place-items:center;overflow:hidden;font-family:var(--display);font-weight:800;color:var(--gold-deep)}
.sq-av img{width:100%;height:100%;object-fit:cover}
.confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--gold-soft);border-radius:12px;padding:10px 12px;font-weight:700}
#screen-loading p{padding-block:30px}
.next .sticker{justify-self:start}
/* Youth additions */
.squadbar #teamPick{flex:0 0 auto;width:auto;max-width:44%}
.rating10{gap:6px}
.rating10 label{width:40px;height:40px;font-size:1rem}
.seg-field{border:0;padding:0;margin:0;display:grid;gap:8px}
.seg-field legend{font-size:.85rem;font-weight:800;color:var(--muted);padding:0;margin-bottom:8px}
.score{font-weight:900;font-size:.85rem;padding:3px 10px;border-radius:999px;border:2px solid var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.score-W{background:var(--gold);color:var(--on-gold)}
.score-D{background:var(--surface);color:var(--ink)}
.score-L{background:var(--ink);color:var(--bg)}
.tag.met-yes{background:var(--gold);color:var(--on-gold)}
.tag.met-partly{background:var(--gold-soft);color:var(--ink)}
.tag.met-no{background:var(--sunk);color:var(--ink)}
.item.match .tag{justify-self:start}
.g:disabled{opacity:1}
.g:disabled:not([aria-pressed="true"]){opacity:.55}
.as-row.ro{grid-template-columns:140px 1fr}
.as-row.ro .pill{justify-self:start;font-size:.85rem;padding:4px 12px}
@media (max-width:560px){.as-row.ro{grid-template-columns:1fr auto;align-items:center}}
#caTable{min-width:0}
#caTable td,#caTable th{padding:7px 6px}
.as-row.ro .pill{justify-self:end}