/* Baller · the team feed (feed.js, 11 Nov). Builds on design/feed.css: same thin-line posts and outline buttons. */
.tm-seg{display:flex;gap:4px;margin:4px 0 14px;padding:4px;border-radius:16px;background:#F1F1F4}
.tm-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border:0;border-radius:12px;background:none;font:900 15px Nunito,system-ui,sans-serif;color:#7A7A86;cursor:pointer}
.tm-seg button.on{background:#fff;color:#2E2E36;box-shadow:0 2px 0 #E3E3E8}
.tm-seg i{width:10px;height:10px;border-radius:50%;background:var(--tc)}
.tm-team{display:flex;align-items:center;gap:12px;padding:4px 0 10px}
.tm-crest{flex:none;display:grid;place-items:center;width:46px;height:52px;border-radius:12px 12px 22px 22px;background:var(--tc);color:#fff;font:900 22px Nunito,system-ui,sans-serif;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.tm-team b{display:block;font:900 17px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-team small{display:block;margin-top:2px;font:700 13.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.tm-new{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin:2px 0 6px;border:0;border-radius:16px;background:#F08A00;box-shadow:0 4px 0 #C26F00;color:#fff;font:900 16px Nunito,system-ui,sans-serif;cursor:pointer}
.tm-new svg{width:20px;height:20px}
.fd-vt.tmv{background:#FFEBD1;color:#C26F00}
/* next match */
.tm-fx{margin-top:12px;padding:16px;border-radius:18px;background:#0F2A1D;color:#fff;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 38px,transparent 38px 76px)}
.tm-fx small{display:block;font:900 12px/1 Nunito,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#7EE2A8}
.tm-fx>b{display:flex;align-items:center;gap:10px;margin:8px 0 12px;font:900 22px/1.15 Nunito,system-ui,sans-serif}
.tm-fx>b em{font-style:normal;font-size:15px;color:#7EE2A8}
.tm-fx ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.tm-fx li{display:flex;align-items:center;gap:8px;font:700 14.5px/1.3 Nunito,system-ui,sans-serif;color:#D8F3E3}
.tm-fx li b{color:#fff}.tm-fx svg{flex:none;width:18px;height:18px;color:#7EE2A8}
.tm-av{display:flex;gap:10px;margin-top:14px}
.tm-av button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border:2px solid #E3E3E8;border-radius:14px;background:#fff;box-shadow:0 3px 0 #E3E3E8;font:900 15px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-av button svg{width:18px;height:18px}
.tm-av .in.on{border-color:#3CB96B;background:#E9F8EF;box-shadow:0 3px 0 #3CB96B;color:#1E8A4A}
.tm-av .out.on{border-color:#F4A3A3;background:#FFF1F1;box-shadow:0 3px 0 #F4A3A3;color:#C23B3B}
.tm-av button:active,.tm-chips button:active,.tm-play:active{transform:translateY(3px);box-shadow:none}
.tm-said{display:flex;align-items:center;gap:8px;margin:12px 0 0;font:700 14px/1.3 Nunito,system-ui,sans-serif;color:#7A7A86}
.tm-said b{color:#2E2E36}
.tm-fs{display:flex;flex:none}.tm-fs img{width:26px;height:26px;margin-right:-8px;border-radius:50%;border:2px solid #fff;background:#F1F1F4;object-fit:cover}
.tm-fs+span{margin-left:8px}
.tm-play{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:10px 14px 10px 10px;border:2px solid #E3E3E8;border-radius:16px;background:#fff;box-shadow:0 3px 0 #E3E3E8;text-align:left;cursor:pointer}
.tm-play img{flex:none;width:56px;height:56px;border-radius:12px;object-fit:cover}
.tm-play span{flex:1}.tm-play small{display:block;font:900 11.5px Nunito,system-ui,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#16A34A}
.tm-play b{display:block;font:900 15.5px/1.25 Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-play>svg{flex:none;width:18px;height:18px;padding:9px;border-radius:50%;background:#16A34A;color:#fff;box-sizing:content-box}
/* Player of the Day */
.tm-pd{position:relative;overflow:hidden;margin-top:12px;padding:22px 18px 18px;border-radius:20px;background:linear-gradient(160deg,#FFB627,#F08A00);text-align:center;color:#fff}
.tm-rays{position:absolute;left:50%;top:70px;width:520px;height:520px;margin:-260px 0 0 -260px;background:repeating-conic-gradient(rgba(255,255,255,.16) 0 10deg,transparent 10deg 20deg);animation:tfSpin 30s linear infinite}
@keyframes tfSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tm-rays{animation:none}}
.tm-pdav{position:relative;display:block;margin:0 auto;width:104px;height:104px;border-radius:50%;border:5px solid #fff;box-shadow:0 6px 0 rgba(0,0,0,.14);object-fit:cover;background:#fff}
.tm-pd small{position:relative;display:block;margin-top:10px;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#FFF4D6}
.tm-pd b{position:relative;display:block;margin-top:2px;font:900 24px/1.15 Nunito,system-ui,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.tm-pd p{position:relative;margin:8px 0 0;font:700 15.5px/1.4 Nunito,system-ui,sans-serif;color:#fff}
/* result */
.tm-sc{margin-top:12px;padding:16px;border-radius:18px;background:#F1F1F4;text-align:center}
.tm-sc.win{background:#E9F8EF}.tm-sc.loss{background:#F4F4F7}
.tm-sc small{display:block;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#1E8A4A}.tm-sc.draw small,.tm-sc.loss small{color:#7A7A86}
.tm-sc>b{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:8px;font:900 16px/1.2 Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-sc>b span:first-child{text-align:right}.tm-sc>b span:last-child{text-align:left}
.tm-sc em{font-style:normal;font-size:32px;letter-spacing:1px}
.tm-sc p{margin:8px 0 0;font:700 14px Nunito,system-ui,sans-serif;color:#4B4B55}
/* drills */
.tm-dl{display:grid;gap:10px;margin-top:12px}
.tm-di{display:flex;gap:12px;padding:12px;border:2px solid #EFEFF2;border-radius:16px}
.tm-di.on{border-color:#BFE8CF;background:#F3FBF6}
.tm-tk{flex:none;display:grid;place-items:center;width:34px;height:34px;border:2.5px solid #D5D5DC;border-radius:50%;background:#fff;color:#fff;cursor:pointer}
.tm-di.on .tm-tk{border-color:#3CB96B;background:#3CB96B}.tm-tk svg{width:18px;height:18px}
.tm-di b{display:block;font:900 15.5px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-di small{display:block;margin-top:2px;font:600 14px/1.35 Nunito,system-ui,sans-serif;color:#5E5E68}
.tm-di em{display:block;margin-top:5px;font:800 12.5px Nunito,system-ui,sans-serif;font-style:normal;color:#1E8A4A}
/* tip, training change, birthday */
.tm-ban{background:#E6F0FF;cursor:default}
.fd-txt.tm-h{font-weight:900;color:#2E2E36}
.tm-note{margin-top:12px;padding:14px 16px;border-left:5px solid #F08A00;border-radius:6px 16px 16px 6px;background:#FFF6EA}
.tm-note b{display:block;font:900 16px/1.3 Nunito,system-ui,sans-serif;color:#2E2E36}.tm-note p{margin:5px 0 0;font:600 15px/1.4 Nunito,system-ui,sans-serif;color:#4B4B55}
.tm-bd{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px;border-radius:18px;background:#FFE9F3}
.tm-bd img{width:64px;height:64px;border-radius:50%;border:3px solid #fff;object-fit:cover}
.tm-bd span{flex:1}.tm-bd small{display:block;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#D0457E}
.tm-bd b{display:block;font:900 18px/1.2 Nunito,system-ui,sans-serif;color:#2E2E36}.tm-bd i{font-size:34px;font-style:normal}
/* ready-made replies */
.tm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tm-chips button{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;border:2px solid #E3E3E8;border-radius:18px;background:#fff;box-shadow:0 2px 0 #E3E3E8;font:800 14px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-chips button.on{border-color:#1CB0F6;background:#EAF7FE;box-shadow:0 2px 0 #1CB0F6;color:#0E86C2}.tm-chips svg{width:15px;height:15px}
/* coach view switch + composer */
.tm-cv{display:flex;align-items:center;gap:12px;width:100%;margin-top:18px;padding:14px 16px;border:2px dashed #D5D5DC;border-radius:16px;background:none;text-align:left;cursor:pointer}
.tm-cv span{flex:1}.tm-cv b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-cv small{display:block;margin-top:2px;font:700 13px Nunito,system-ui,sans-serif;color:#8A8A96}
.tm-cv i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2.5px solid #D5D5DC;color:#fff}
.tm-cv.on{border-style:solid;border-color:#F08A00;background:#FFF6EA}.tm-cv.on i{border-color:#F08A00;background:#F08A00}.tm-cv i svg{width:16px;height:16px}
.tm-cmp h3{margin:0 0 4px;font:900 22px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-cs{margin:0 0 14px;font:700 14.5px Nunito,system-ui,sans-serif;color:#7A7A86}
.tm-kg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tm-kg button{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid #E3E3E8;border-radius:16px;background:#fff;box-shadow:0 3px 0 #E3E3E8;text-align:left;cursor:pointer}
.tm-kg img{flex:none;width:44px;height:44px;border-radius:12px;object-fit:cover;background:#F1F1F4}
.tm-kg b{font:900 14.5px/1.2 Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-f{display:block;margin-top:12px}.tm-f span{display:block;margin-bottom:6px;font:900 14px Nunito,system-ui,sans-serif;color:#4B4B55}
.tm-f input,.tm-f textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #E3E3E8;border-radius:14px;background:#F7F7F9;font:700 16px Nunito,system-ui,sans-serif;color:#2E2E36;resize:none}
.tm-f input:focus,.tm-f textarea:focus{outline:0;border-color:#F08A00;background:#fff}
.tm-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tm-fl{margin:12px 0 6px;font:900 14px Nunito,system-ui,sans-serif;color:#4B4B55}
.tm-pk{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.tm-pk button{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;padding:6px 0;border:2px solid transparent;border-radius:14px;background:none;font:800 12.5px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-pk img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#F1F1F4}
.tm-pk button.on{border-color:#F08A00;background:#FFF6EA}
.tm-hm{display:flex;gap:8px;margin-top:12px}
.tm-hm button{flex:1;height:42px;border:2px solid #E3E3E8;border-radius:12px;background:#fff;font:900 14.5px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-hm button.on{border-color:#F08A00;background:#FFF6EA;color:#C26F00}
.tm-send{width:100%;height:52px;margin-top:18px;border:0;border-radius:16px;background:#F08A00;box-shadow:0 4px 0 #C26F00;color:#fff;font:900 17px Nunito,system-ui,sans-serif;cursor:pointer}
.tm-peek .fd-pk img{border-radius:50%}
/* rule card: the ref is a round face, not the tennis umpire's full-length art (feed.css scales that 1.5×) */
.fr-card{padding:14px 16px;gap:14px}
.fr-card img{transform:none;width:84px;height:84px;align-self:center;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.fr-card b{font-size:19px}
/* 12 Nov: the rest of a team's week (kit check, Player of the Match vote, match clip, lifts, photo, oranges, fees, tournament, training off, awards) */
.tm-bag{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:18px;background:#F4F7FB}
.tm-bag button{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid #E3E3E8;border-radius:14px;background:#fff;font:800 15.5px Nunito,system-ui,sans-serif;color:#2E2E36;text-align:left;cursor:pointer}
.tm-bag button i{flex:none;display:grid;place-items:center;width:28px;height:28px;border:2.5px solid #D5D5DC;border-radius:8px;color:#fff}
.tm-bag button.on{border-color:#BFE8CF;background:#F3FBF6}.tm-bag button.on i{border-color:#3CB96B;background:#3CB96B}.tm-bag button i svg{width:16px;height:16px}
.tm-bagp{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 0;font:900 14px Nunito,system-ui,sans-serif;color:#5E5E68}.tm-bag.done .tm-bagp{color:#1E8A4A}.tm-bagp svg{width:18px;height:18px}
.tm-vg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.tm-vg button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:2px solid #E3E3E8;border-radius:16px;background:#fff;box-shadow:0 3px 0 #E3E3E8;cursor:pointer}
.tm-vg button:active{transform:translateY(3px);box-shadow:none}
.tm-vg img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#F1F1F4}
.tm-vg b{font:900 15px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-vg small{font:700 12px Nunito,system-ui,sans-serif;color:#7A7A86}
.tm-vr{display:grid;gap:8px;margin-top:12px}
.tm-vr div{display:grid;grid-template-columns:34px 64px 1fr 26px;align-items:center;gap:8px}
.tm-vr img{width:34px;height:34px;border-radius:50%;object-fit:cover}.tm-vr b{font:800 15px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-vr i{height:12px;border-radius:6px;background:#EFEFF2;overflow:hidden}.tm-vr u{display:block;height:100%;border-radius:6px;background:#C9C9D2}
.tm-vr .top u{background:#F08A00}.tm-vr .mine b{color:#C46A00}.tm-vr em{font:900 14px Nunito,system-ui,sans-serif;font-style:normal;color:#4B4B55;text-align:right}
.tm-cl{position:relative;display:block;width:100%;margin-top:12px;padding:0;border:0;border-radius:18px;overflow:hidden;background:#123;aspect-ratio:1.6;cursor:pointer}
.tm-cl img{display:block;width:100%;height:100%;object-fit:cover}
.tm-cl svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:4.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.tm-cl svg *{vector-effect:non-scaling-stroke}.tm-cl svg marker path{stroke:none}
.tm-clp{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#fff;color:#F08A00;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.tm-clp svg{position:static;width:30px;height:30px;margin-left:4px}
.tm-cl small{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:99px;background:#1F2433;font:800 12.5px Nunito,system-ui,sans-serif;color:#fff}
.tm-lf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.tm-lf>div{padding:12px;border-radius:16px;background:#F4F7FB}
.tm-lf small{display:flex;align-items:center;gap:6px;margin-bottom:6px;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.4px;text-transform:uppercase;color:#4B4B55}.tm-lf small svg{width:18px;height:18px}
.tm-lf p{display:flex;align-items:center;gap:8px;margin:6px 0 0;font:800 14px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-lf p img{width:28px;height:28px;border-radius:50%;object-fit:cover}.tm-lf p em{margin-left:auto;font:800 12px Nunito,system-ui,sans-serif;font-style:normal;color:#1E8A4A}
.tm-lf p.none{color:#9A9AA6;font-weight:700}
.tm-seat{display:flex;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;border-radius:14px;background:#F3FBF6}
.tm-seat span{flex:1;font:800 15px Nunito,system-ui,sans-serif;color:#1E8A4A}
.tm-seat button{width:38px;height:38px;border:2px solid #BFE8CF;border-radius:50%;background:#fff;font:900 20px/1 Nunito,system-ui,sans-serif;color:#1E8A4A;cursor:pointer}
.tm-seat b{min-width:20px;text-align:center;font:900 18px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-ph{margin-top:12px}.tm-ph img{display:block;width:100%;border-radius:18px}
.tm-rota{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.tm-rota div{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;padding:10px 6px;border:2px solid #EFEFF2;border-radius:16px;text-align:center}
.tm-rota div:first-child{border-color:#FFD08A;background:#FFF6EA}.tm-rota div.mine{border-color:#F08A00;background:#FFE9CC}
.tm-rota small{font:900 11.5px Nunito,system-ui,sans-serif;color:#C46A00}.tm-rota img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.tm-rota b{font:800 12.5px/1.2 Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-fee{margin-top:12px;padding:16px;border-radius:18px;background:#F1F4FA;border:2px solid #DCE3F0}
.tm-lk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#1F2433;font:900 11.5px Nunito,system-ui,sans-serif;letter-spacing:.4px;text-transform:uppercase;color:#fff}.tm-lk svg{width:14px;height:14px}
.tm-fee>b{display:block;margin-top:10px;font:900 19px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-fee p{margin:6px 0 0;font:600 14.5px/1.4 Nunito,system-ui,sans-serif;color:#4B4B55}.tm-fee p b{color:#2E2E36}
.tm-fee button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:12px;border:2px solid #C9D3E6;border-radius:14px;background:#fff;box-shadow:0 3px 0 #C9D3E6;font:900 15px Nunito,system-ui,sans-serif;color:#2E2E36;cursor:pointer}
.tm-fee button.on{border-color:#3CB96B;background:#E9F8EF;box-shadow:0 3px 0 #3CB96B;color:#1E8A4A}.tm-fee button svg{width:18px;height:18px}
.tm-tn{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#1E3A6E,#2D5596);color:#fff}
.tm-tni{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#FFD66B;color:#1E3A6E}.tm-tni svg{width:26px;height:26px}
.tm-tn small{display:block;font:800 12.5px Nunito,system-ui,sans-serif;color:#C9D8F5}.tm-tn b{display:block;font:900 18px/1.2 Nunito,system-ui,sans-serif}
.tm-tl{margin:12px 0 0;padding:0;list-style:none}
.tm-tl li{position:relative;display:flex;gap:12px;padding:8px 0 8px 4px}
.tm-tl li:not(:last-child)::after{content:'';position:absolute;left:52px;top:30px;bottom:-8px;width:2px;background:#E3E3E8}
.tm-tl time{flex:none;width:40px;font:900 14px Nunito,system-ui,sans-serif;color:#7A7A86}
.tm-tl span{position:relative;padding-left:18px}.tm-tl span::before{content:'';position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:50%;background:#C9C9D2}
.tm-tl li.g span::before{background:#F08A00}
.tm-tl b{display:block;font:800 15px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-tl small{font:700 12.5px Nunito,system-ui,sans-serif;color:#7A7A86}
.tm-cx{display:flex;gap:14px;margin-top:12px;padding:14px 16px;border-radius:18px;background:#EEF3FB}
.tm-cx>span{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#3A6FD8}.tm-cx>span svg{width:28px;height:28px}
.tm-cx small{display:block;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#C23B3B}
.tm-cx b{display:block;font:900 17px/1.25 Nunito,system-ui,sans-serif;color:#2E2E36}.tm-cx p{margin:5px 0 0;font:600 14.5px/1.4 Nunito,system-ui,sans-serif;color:#4B4B55}
.tm-awme{position:relative;overflow:hidden;margin-top:12px;padding:18px;border-radius:20px;background:linear-gradient(160deg,#FFD66B,#F0A800);text-align:center;color:#3A2A00}
.tm-awme .tm-rays{top:56px}
.tm-awme img{position:relative;width:76px;height:76px;border-radius:50%;border:4px solid #fff;object-fit:cover}
.tm-awme small,.tm-awme b{position:relative;display:block}.tm-awme small{margin-top:6px;font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase}
.tm-awme b{font:900 22px Nunito,system-ui,sans-serif}
.tm-awg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.tm-awg div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:16px;background:#FFF8E6;text-align:center}
.tm-awg div.mine{background:#FFE9B0}
.tm-awg i{display:grid;place-items:center;width:30px;height:30px;color:#C48A00}.tm-awg i svg{width:24px;height:24px}
.tm-awg small{font:900 12px Nunito,system-ui,sans-serif;color:#8A6400}.tm-awg img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.tm-awg b{font:900 15px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-awg em{font:700 12px Nunito,system-ui,sans-serif;font-style:normal;color:#7A7A86}
.tm-tg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.tm-tg button{padding:9px 14px;border:2px solid #E3E3E8;border-radius:99px;background:#fff;font:800 14px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-tg button.on{border-color:#F08A00;background:#FFF6EA;color:#C46A00}
.tm-up{position:relative;display:grid;place-items:center;min-height:140px;margin-bottom:12px;border:2.5px dashed #E3E3E8;border-radius:18px;background:#F7F7F9;overflow:hidden;cursor:pointer}
.tm-up input{position:absolute;inset:0;opacity:0;cursor:pointer}.tm-up img{display:block;width:100%}
.tm-up span{display:flex;align-items:center;gap:8px;font:900 15px Nunito,system-ui,sans-serif;color:#C46A00}.tm-up span svg{width:22px;height:22px}
.tm-f select{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #E3E3E8;border-radius:14px;background:#F7F7F9;font:700 16px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-gl{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border:2px solid #FFD08A;border-radius:16px;background:#FFF6EA;text-align:left;cursor:pointer}
.tm-gl.on{border-color:#BFE8CF;background:#F3FBF6}
.tm-gli{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;font-size:20px;color:#3CB96B}.tm-gli svg{width:20px;height:20px}
.tm-gl>span:nth-child(2){flex:1}.tm-gl small{display:block;font:900 11.5px Nunito,system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#C46A00}.tm-gl.on small{color:#1E8A4A}
.tm-gl b{display:block;font:900 15px/1.25 Nunito,system-ui,sans-serif;color:#2E2E36}.tm-gl>svg{flex:none;width:20px;height:20px;color:#9A9AA6}
.tm-pkg{display:block;margin-top:2px;font:800 12.5px Nunito,system-ui,sans-serif;font-style:normal;color:#1E8A4A}
/* real teams: join, set up, the team panel (12 Nov) */
.tm-tset{flex:none;margin-left:auto;position:relative;height:36px;padding:0 14px;border:2px solid #E3E3E8;border-radius:12px;background:#fff;font:900 14px Nunito,system-ui,sans-serif;color:#2E2E36;cursor:pointer}
.tm-tset i{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#E5383B;color:#fff;font:900 12px/20px Nunito,system-ui,sans-serif;font-style:normal}
.tm-team>span:nth-child(2){flex:1;min-width:0}
.tm-wait{margin:8px 0;padding:22px 18px;border-radius:20px;background:#fff;box-shadow:0 2px 0 #ECECF0;text-align:center}
.tm-wait img{width:84px;height:84px;object-fit:contain}.tm-wait b{display:block;font:900 18px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-wait p{margin:6px 0 0;font:700 14.5px Nunito,system-ui,sans-serif;color:#7A7A86}.tm-wait p:empty{display:none}
.tm-wait button{margin-top:14px;height:44px;padding:0 22px;border:0;border-radius:14px;background:#F08A00;box-shadow:0 3px 0 #C26F00;color:#fff;font:900 15px Nunito,system-ui,sans-serif;cursor:pointer}
.tm-demo{margin-top:18px;padding:16px;border-radius:18px;background:#1F2433;color:#fff}
.tm-demo b{display:block;font:900 16px Nunito,system-ui,sans-serif}.tm-demo small{display:block;margin-top:3px;font:700 13.5px Nunito,system-ui,sans-serif;color:#C9CCD6}
.tm-demo div{display:flex;gap:8px;margin-top:12px}
.tm-demo button{flex:1;height:44px;border:0;border-radius:13px;background:#F08A00;box-shadow:0 3px 0 #C26F00;color:#fff;font:900 15px Nunito,system-ui,sans-serif;cursor:pointer}
.tm-demo button+button{background:#fff;box-shadow:0 3px 0 #B9BCC6;color:#1F2433}
.tm-js input:not([type]),.tm-js select{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #E3E3E8;border-radius:14px;background:#F7F7F9;font:700 16px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-js input:focus,.tm-js select:focus{outline:0;border-color:#F08A00;background:#fff}
.tm-js .tm-code{font:900 24px/1 ui-monospace,Menlo,monospace;letter-spacing:.3em;text-transform:uppercase;text-align:center}
.tm-ok{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font:700 14px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-ok input{flex:none;width:22px;height:22px;margin:0;accent-color:#F08A00}
.tm-cols{display:flex;gap:10px}.tm-cols button{width:40px;height:40px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 2px #E3E3E8;cursor:pointer}
.tm-cols button.on{box-shadow:0 0 0 3px #2E2E36}
.tm-qr{display:flex;gap:16px;align-items:center;padding:14px;border-radius:18px;background:#F7F7F9}
.tm-qr svg{flex:none;width:132px;height:132px;border-radius:10px;background:#fff}
.tm-qr span{flex:1;min-width:0}.tm-qr small{display:block;font:800 13px Nunito,system-ui,sans-serif;color:#7A7A86}
.tm-qr b{display:block;margin:2px 0 10px;font:900 26px/1.1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#2E2E36}
.tm-qr button{height:40px;padding:0 14px;border:0;border-radius:12px;background:#2E2E36;color:#fff;font:900 14px Nunito,system-ui,sans-serif;cursor:pointer}
.tm-mem{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F0F0F3}
.tm-mem img{width:38px;height:38px;border-radius:50%}.tm-mem span{flex:1;min-width:0}
.tm-mem b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-mem small{display:block;font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.tm-mem button{height:34px;padding:0 12px;border:2px solid #E3E3E8;border-radius:11px;background:#fff;font:900 13px Nunito,system-ui,sans-serif;color:#4B4B55;cursor:pointer}
.tm-mem button.ok{border-color:#1FA463;background:#1FA463;color:#fff}.tm-mem button.rm{color:#B3261E}
.tm-sm{margin-top:16px;font-size:13px}
.tm-leave{width:100%;height:46px;margin-top:8px;border:2px solid #F3C7C4;border-radius:14px;background:#fff;color:#B3261E;font:900 14.5px Nunito,system-ui,sans-serif;cursor:pointer}
.tm-del{flex:none;margin-left:auto;height:30px;padding:0 10px;border:0;border-radius:10px;background:#F4F4F7;color:#B3261E;font:900 12.5px Nunito,system-ui,sans-serif;cursor:pointer}
.fd-au>span{min-width:0}
/* Player of the Match: coach's pick + parents' vote (12 Nov) */
.pm{display:grid;gap:10px;margin-top:10px}
.pm-t{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:#F7F7F9}
.pm-t>img{flex:none;width:58px;height:58px;border-radius:50%;object-fit:cover;background:#fff}
.pm-t>span{flex:1;min-width:0}.pm-t small{display:block;font:900 11.5px Nunito,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#B26A00}
.pm-t b{display:block;margin-top:2px;font:900 17px Nunito,system-ui,sans-serif;color:#2E2E36}.pm-t em{display:block;margin-top:2px;font:700 14px Nunito,system-ui,sans-serif;font-style:normal;color:#5E5E6A}
.pm-t.pmme{background:linear-gradient(135deg,#FFE7A8,#FFC94A)}.pm-t.pmme small{color:#7A4A00}.pm-t.pmme em{color:#4B3A10}
.pm-t.wait{border:2px dashed #DCDCE2;background:none}.pm-t.wait b{color:#7A7A86;font-size:15px}
.pm-rw{display:inline-block;margin-top:8px;padding:5px 10px;border-radius:10px;background:#fff;font:800 13px Nunito,system-ui,sans-serif;color:#2E2E36}
.pm-claim{display:block;margin-top:10px;height:40px;padding:0 16px;border:0;border-radius:12px;background:#2E2E36;color:#fff;font:900 14px Nunito,system-ui,sans-serif;cursor:pointer}
.pm-got{display:flex;align-items:center;gap:6px;margin-top:8px;font:900 13px Nunito,system-ui,sans-serif;font-style:normal;color:#1C7A43}.pm-got svg{width:16px;height:16px}
.pm-co{padding:12px;border-radius:16px;border:2px solid #F0E2C8;background:#FFFBF3}.pm-co .tm-fl{margin-top:0}.pm-co .tm-fl small{font-weight:700;color:#9A9AA6}.pm-co .tm-send{margin-top:14px}
.pm-co .tm-send:disabled{opacity:.45}
.pm-in{display:flex;gap:8px;align-items:center;margin:0;padding:12px 14px;border-radius:14px;background:#EAF8F0;font:700 14.5px Nunito,system-ui,sans-serif;color:#1C5A36}.pm-in svg{flex:none;width:18px;height:18px;color:#1FA463}
.pm-rws button{text-align:left;justify-content:flex-start}
/* match details + the team calendar (12 Nov) */
.tm-pc{display:inline-block;padding:1px 7px;border-radius:7px;background:rgba(255,255,255,.16);font-weight:900;letter-spacing:.04em}
.tm-go{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tm-go a,.tm-go button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font:900 13.5px Nunito,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.tm-go svg{width:17px;height:17px}
.fd-p:not(.tm-fix) .tm-go a,.fd-p:not(.tm-fix) .tm-go button,.cl-sh .tm-go a,.cl-sh .tm-go button{background:#F1F1F4;color:#2E2E36}
.fd-p:not(.tm-fix) .tm-pc,.cl-sh .tm-pc{background:#2E2E36;color:#fff}
.tm-go.big a,.tm-go.big button{height:44px;padding:0 15px;font-size:14.5px}.cl-sh .tm-go a{background:#2F6BFF;color:#fff}
.cl-mo{margin:20px 0 8px;font:900 15px Nunito,system-ui,sans-serif;color:#7A7A86;text-transform:uppercase;letter-spacing:.06em}.cl-mo:first-of-type{margin-top:6px}
.cl-r{display:flex;align-items:center;gap:14px;width:100%;padding:12px 2px;border:0;border-bottom:1.5px solid #F1F1F4;border-radius:0;background:none;text-align:left;cursor:pointer}
.cl-d{flex:none;display:grid;place-items:center;align-content:center;gap:3px;width:48px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--ec) 9%,#fff);color:var(--ec)}
.cl-d small{font:900 11px/1 Nunito,system-ui,sans-serif;text-transform:uppercase;opacity:.85}.cl-d b{font:900 21px/1 Nunito,system-ui,sans-serif;color:#2E2E36}
.cl-t{flex:1;min-width:0}.cl-t i{font:900 11px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ec)}
.cl-t b{display:block;font:900 16px Nunito,system-ui,sans-serif;color:#2E2E36}.cl-t small{display:block;margin-top:1px;font:700 13px Nunito,system-ui,sans-serif;color:#7A7A86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-ok{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2E2E36;color:#fff;font:900 15px Nunito,system-ui,sans-serif}.cl-ok svg{width:16px;height:16px}.cl-ok.mb{background:#F0A400}
.cl-k{display:inline-block;padding:4px 10px;border-radius:9px;background:var(--ec);color:#fff;font:900 12px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.05em;text-transform:uppercase}
.cl-sh h3{margin-top:8px}.cl-when{margin:0 0 10px;font:800 15.5px Nunito,system-ui,sans-serif;color:#4B4B55}
.cl-li{margin:0;padding:0;list-style:none}.cl-li li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #F0F0F3;font:700 15px Nunito,system-ui,sans-serif;color:#2E2E36}
.cl-li svg{flex:none;width:20px;height:20px;margin-top:1px;color:#7A7A86}.cl-li .tm-pc{margin-top:4px}
.cl-cn{margin:10px 0 0;font:700 14px Nunito,system-ui,sans-serif;color:#5E5E6A}.cl-cn b{color:#2E2E36}
.cl-rs button{flex:1}
.tm-evc{display:flex;gap:12px;align-items:center;margin-top:8px;padding:12px;border-radius:16px;background:#F7F4FF}
.tm-evc>span:last-child b{display:block;font:900 18px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-evc>span:last-child small{display:block;margin-top:2px;font:700 13.5px Nunito,system-ui,sans-serif;color:#5E5E6A}
.tm-seg button{min-width:0;padding:0 6px;font-size:14.5px}
/* team helpers (12 Nov): a parent the coach lets post */
.tm-mem button.hp{color:#6B35D9}.tm-mem button.hp.on{border-color:#7B3FE4;background:#F3EDFF}
.tm-hb{display:inline-block;margin-right:4px;padding:1px 7px;border-radius:99px;background:#F0E9FF;color:#6B35D9;font:900 11px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.3px;vertical-align:1px}
.tm-hf{display:flex;gap:6px;flex:0 0 100%;margin-top:6px}.tm-hf input{flex:1;min-width:0;height:38px;padding:0 12px;border:2px solid #E3E3E8;border-radius:11px;font:800 14px Nunito,system-ui,sans-serif}
.tm-mem:has(.tm-hf){flex-wrap:wrap}
.fd-vt.tmv.hlp{background:#F0E9FF;color:#6B35D9}
/* 12 Nov, Joshua: the coach's club badge = the Team tab icon (and the crest at the top of Team). Cut-out badges sit bare; others come as a white circle */
html.va #app .tabs button .ti img.tlogo{width:34px!important;height:34px!important;object-fit:contain;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))!important}
.tm-crest.lg{background:none;box-shadow:none;border-radius:0}
.tm-crest img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
button.tm-crest{position:relative;border:0;padding:0;cursor:pointer}
.tm-lgplus{position:absolute;right:-6px;bottom:-4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2E2E36;border:2px solid #fff;color:#fff;font:900 15px/1 Nunito,system-ui,sans-serif;font-style:normal}
.tm-lgt{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#FDEBD7}
.tm-lgt img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.tm-lgt i{font:900 28px/1 Nunito,system-ui,sans-serif;font-style:normal;color:#C26F00}
.tm-lgrow{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 14px;padding:10px;border:2px solid #F0E2C8;border-radius:18px;background:#FFFBF3;text-align:left;cursor:pointer}
.tm-lgrow .tm-lgt{width:52px;height:52px;border-radius:14px}.tm-lgrow .tm-lgt img{width:38px;height:38px}
.tm-lgrow b{display:block;font:900 15.5px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-lgrow small{display:block;margin-top:2px;font:700 13px Nunito,system-ui,sans-serif;color:#8A8A96}
.tm-lgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}
.tm-lgo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border:2px solid #ECE7DE;border-radius:18px;background:#fff;cursor:pointer}
.tm-lgo.on{border-color:#F08A00;background:#FFF6EA;box-shadow:0 3px 0 #F3C99A}
.tm-lgo .tm-lgt{width:76px;height:76px;border-radius:20px}.tm-lgo .tm-lgt img{width:54px;height:54px}
.tm-lgo b{font:900 14.5px Nunito,system-ui,sans-serif;color:#2E2E36}.tm-lgo small{font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.tm-lgnow{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0 4px}.tm-lgnow small{font:800 13px Nunito,system-ui,sans-serif;color:#8A8A96}
.tm-lgup{display:grid;place-items:center;width:100%;height:52px;margin-top:16px;border-radius:16px;background:#F08A00;box-shadow:0 4px 0 #C26F00;color:#fff;font:900 17px Nunito,system-ui,sans-serif;cursor:pointer;box-sizing:border-box}
.tm-lgup.ghost{height:46px;margin-top:10px;background:#fff;box-shadow:none;border:2px solid #ECE7DE;color:#2E2E36;font-size:15px}

/* 12 Nov: the calendar, calmer. Next up as a big card, plain rows with hairlines (like the Baller feed), a quiet Add button */
.cl-nx{display:block;width:100%;margin:6px 0 4px;padding:18px 18px 16px;border:0;border-radius:22px;background:color-mix(in srgb,var(--ec) 9%,#fff);text-align:left;cursor:pointer}
.cl-nxt{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cl-nxt i{display:block;font:900 12px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:var(--ec)}
.cl-nxt em{display:block;margin-top:3px;font:800 15px Nunito,system-ui,sans-serif;font-style:normal;color:#4B4B55}
.cl-nxd{flex:none;display:grid;place-items:center;align-content:center;gap:2px;width:58px;height:62px;border-radius:16px;background:#fff;color:var(--ec)}.cl-nxd small{font:900 11.5px/1 Nunito,system-ui,sans-serif;text-transform:uppercase}.cl-nxd b{font:900 26px/1 Nunito,system-ui,sans-serif;color:#2E2E36}
.cl-nxh{display:block;margin:6px 0 10px;font:900 26px/1.15 Nunito,system-ui,sans-serif;color:#1D1D27}
.cl-nxl{display:flex;align-items:center;gap:8px;margin-top:5px;font:700 15px Nunito,system-ui,sans-serif;color:#4B4B55}.cl-nxl svg{flex:none;width:18px;height:18px;color:var(--ec)}
.cl-nxw{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1.5px solid color-mix(in srgb,var(--ec) 16%,#fff);font:700 14.5px Nunito,system-ui,sans-serif;color:#4B4B55}.cl-nxw b{color:#1D1D27}.cl-nxw svg{width:18px;height:18px;stroke:var(--ec);stroke-width:3}
.tm-new.cl-addb{height:46px;margin-bottom:6px;border:2px solid #E6E6EC;background:#fff;box-shadow:0 2px 0 #E6E6EC;color:#2E2E36;font-size:15px}.tm-new.cl-addb svg{color:#EE7F00}
.cl-nx + .cl-mo{margin-top:22px}
/* 12 Nov, Joshua: "the baller feed… is a lot cleaner… the team feed… quite intense". Calm pass: one soft pastel panel per post,
   plain rows with hairlines instead of bordered boxes, no red/green (training = kit blue, match = Baller orange). */
.tm-fx{background:#FFF4E8;background-image:none;color:#1D1D27}
.tm-fx small{color:#C25E00}.tm-fx>b em{color:#C25E00}
.tm-fx li{color:#4B4B55}.tm-fx li b{color:#1D1D27}.tm-fx svg{color:#EE7F00}
.tm-fix .tm-go a,.tm-fix .tm-go button{background:#fff;color:#2E2E36}.tm-fix .tm-pc{background:#fff;color:#2E2E36}
.tm-av button{height:42px;border-width:1.5px;box-shadow:0 2px 0 #E3E3E8;font-size:14.5px}
.tm-av .in.on{border-color:#2F6BFF;background:#EEF3FF;box-shadow:0 2px 0 #2F6BFF;color:#2F6BFF}
.tm-av .out.on{border-color:#D5D5DC;background:#F4F4F6;box-shadow:0 2px 0 #D5D5DC;color:#4B4B55}
.tm-gl,.tm-gl.on{margin-top:0;padding:12px 2px;border:0;border-top:1.5px solid #F1F1F4;border-radius:0;background:none}
.fd-p .tm-gl:first-of-type{margin-top:12px}
.tm-gli{background:#F4F5F8;color:#EE7F00}.tm-gl small,.tm-gl.on small{color:#8A8A96}
.tm-pd{background:#FFF4DA;color:#1D1D27}.tm-pd .tm-rays{background:repeating-conic-gradient(rgba(255,182,39,.16) 0 10deg,transparent 10deg 20deg)}
.tm-pd small{color:#C46A00}.tm-pd b{text-shadow:none}.tm-pd p{color:#4B4B55}
.tm-bag{gap:0;padding:4px 14px;background:#F6F7FA}
.tm-bag button{padding:12px 0;border:0;border-bottom:1.5px solid #ECEDF1;border-radius:0;background:none}
.tm-bag button.on{background:none;color:#7A7A86;text-decoration:line-through}.tm-bag button.on i{border-color:#2F6BFF;background:#2F6BFF}
.tm-bagp{margin:10px 0 8px}.tm-bag.done .tm-bagp{color:#2F6BFF}
.tm-inv{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tm-inv a,.tm-inv button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border:0;border-radius:16px;background:#F6F7FA;text-decoration:none;cursor:pointer}
.tm-inv svg{width:26px;height:26px;padding:10px;border-radius:50%;color:#fff;box-sizing:content-box}.tm-inv b{font:900 13px Nunito,system-ui,sans-serif;color:#2E2E36}
.tm-inv .wa svg{background:#25D366}.tm-inv .sms svg{background:#2F6BFF}.tm-inv .mail svg{background:#7B3FE4}.tm-inv .more svg{background:#56637A}
.tm-qr button{background:#fff;color:#2E2E36;border:1.5px solid #E3E3E8}
.tm-inv button{margin:0;height:auto;min-height:0;justify-content:flex-start;font:inherit}
.cl-nx + .cl-addb{margin-top:10px}
.cl-addb + .cl-mo{margin-top:22px}