/* A Web — seasons, transfers and player history */
.snc{margin-bottom:14px}
.trf{display:flex;align-items:center;gap:12px;margin:8px 0}
.trf .fa{border:0;padding:0;cursor:pointer;width:46px;height:46px}
.tra b{display:block}.tra small em{font-style:normal;font-weight:700;color:var(--ink)}
.hh{margin:22px 0 8px}
.tlh{position:relative;margin:6px 0 6px;padding-inline-start:22px;border-inline-start:2px solid var(--line)}
.tli{position:relative;padding:4px 0 12px}
.tli>i{position:absolute;inset-inline-start:-29px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px var(--bg)}
.tli.now>i{background:#38c172}
.tli b{display:block}.tli small{color:var(--mut)}
.mod .sxt{min-width:0;font-size:13px}
.mod .sxt th,.mod .sxt td{padding:8px 6px}
.mod .sxt tbody tr{animation:none}
.sxt tr.ttl td{font-weight:800;background:var(--soft)}
.sxt tr.sub td{color:var(--mut)}
.sxt tr.sub td:nth-child(2){padding-inline-start:14px}
.sxt tr.all td{border-top:2px solid var(--line)}

/* ---- chat list: scrollable, searchable, never squashed ---- */
.cx .rooms{display:flex;flex-direction:column;overflow:hidden;padding:0!important;min-height:0}
.cx .rooms .rsb{padding:10px;border-bottom:1px solid var(--line);flex:none}
.cx .rooms .rsb input{border-radius:99px;padding:10px 16px}
.cx .rooms .rlist{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px;display:flex;flex-direction:column;gap:2px}
.cx .rooms .rlist button{flex:none!important;min-height:52px}
@media(max-width:800px){.cx{height:auto}.cx .rooms{max-height:300px}.cx .rooms .rlist{flex-direction:column;overflow-x:hidden}.cx .rooms .rlist button{width:100%}}

/* ---- group stage / knockout ---- */
.sgh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0 10px;padding:10px 16px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--g) 24%,transparent),transparent);border:1px solid var(--line);font:800 18px Outfit,sans-serif}
.sgh small{font:600 12px Manrope,sans-serif}
.grh{margin:18px 0 8px}
.empty.sm{padding:16px}
.gbk .gh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.gbk .gh h3{margin:0}
.gpill{padding:4px 12px;border-radius:99px;background:var(--g);color:#fff;font-weight:800;font-size:12px}
.gbk .tstats{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.gbk .tstats b{font-size:22px}
.gbk .sxt{min-width:480px}.gbk .sxt td{vertical-align:middle}
.rkc{display:inline-block;padding:1px 7px;border-radius:99px;background:var(--soft);border:1px solid var(--line);font-weight:700}
.sxt em{font-style:normal;font-weight:800}.sxt em.up{color:#38c172}.sxt em.dn{color:#f4213a}
.gtab{margin-bottom:12px}.gtab .sxt tr.ours td{background:color-mix(in srgb,var(--g) 14%,transparent);font-weight:700}

/* ---- phone: show the user's name beside the profile picture ---- */
@media(max-width:800px){
 #top .av{margin-inline-start:auto}
 #top .un{display:block!important;max-width:120px;font-size:13px;margin-inline-start:8px}
}

/* hide grade/class badges (e.g. 9A1 Prep 3) */
.gb{display:none!important}

/* admin multi-select lists (Scored for us / Played in this match) — own class so the success checkmark style can't hit them */
.mchk{display:flex;flex-wrap:wrap;gap:6px 16px;max-height:240px;overflow:auto;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.mchk label{display:flex;align-items:center;gap:8px;margin:0;font-weight:500;white-space:nowrap;line-height:1.3;width:auto}
.mchk input{width:auto;margin:0;flex:none}