/* Baller · Team chat (chat.js, 13 Nov 2026): a WhatsApp-style thread for grown-ups. Full screen over the app, inside the phone. */
.ch{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;background:#EFEAE2;transform:translateX(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);color:#111B21}
.ch.on{transform:none}
.ch button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ch svg{display:block;width:100%;height:100%}

/* header */
.ch-top{flex:none;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px 4px;background:#fff;border-bottom:1px solid #E6E2DA}
.ch-bk{width:38px;height:38px;padding:7px;color:#111B21}
.ch-cr{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ECEAE6}
.ch-cr img{width:100%;height:100%;object-fit:contain}
.ch-tt{min-width:0;flex:1;display:flex;flex-direction:column}
.ch-tt b{font-size:16.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-tt small{font-size:12.5px;font-weight:600;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.ch-info{flex:none;width:38px;height:38px;padding:9px;border-radius:50%;color:#667781}

/* thread */
.ch-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 10px 6px;-webkit-overflow-scrolling:touch;
  background-color:#EFEAE2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23D9D0C3' stroke-width='1.6' opacity='.55'%3E%3Ccircle cx='22' cy='24' r='9'/%3E%3Cpath d='M22 15v4M14 27l4-1M30 27l-4-1M18 32l2-4M26 32l-2-4'/%3E%3Cpath d='M84 18l3 6 6 1-4.5 4 1 6-5.5-3-5.5 3 1-6L75 25l6-1z'/%3E%3Cpath d='M70 82h26v14H70zM70 82l-6 14M96 82l6 14'/%3E%3Cpath d='M18 88c6-8 14-8 20 0'/%3E%3C/g%3E%3C/svg%3E")}
.ch-sys{margin:4px auto 10px;max-width:300px;display:flex;gap:6px;align-items:flex-start;padding:7px 11px;border-radius:9px;background:#FFF5C4;color:#54656F;font-size:12px;font-weight:600;line-height:1.4;text-align:left}
.ch-sys svg{flex:none;width:13px;height:13px;margin-top:2px}
.ch-day{display:flex;justify-content:center;margin:10px 0 8px;position:sticky;top:0;z-index:2}
.ch-day span{padding:5px 11px;border-radius:9px;background:#fff;color:#54656F;font-size:12px;font-weight:700;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.ch-unr{margin:10px -10px;padding:5px 0;background:rgba(255,255,255,.55);text-align:center}
.ch-unr span{display:inline-block;padding:4px 12px;border-radius:9px;background:#fff;color:#54656F;font-size:12px;font-weight:700}
.ch-empty{display:flex;flex-direction:column;align-items:center;gap:4px;margin:60px 24px;text-align:center;color:#54656F}
.ch-empty b{font-size:17px;color:#111B21}.ch-empty span{font-size:14px;font-weight:600}

/* messages */
.ch-m{display:flex;align-items:flex-start;gap:6px;margin-top:2px}
.ch-m.first{margin-top:8px}
.ch-m.mine{justify-content:flex-end}
.ch-m.hasrx{margin-bottom:30px}
.ch-m.hasrx+.ch-m{margin-top:10px}   /* 13 Nov, Joshua: the 👍 chip sat on the next message */
.ch-av{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover;background:#DDE8FB}
span.ch-av{background:none}
.ch-b{position:relative;max-width:78%;padding:6px 8px 7px 9px;border-radius:9px;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:15px;line-height:1.38;font-weight:500;word-wrap:break-word;overflow-wrap:anywhere;cursor:pointer;transition:filter .15s}
.ch-m.mine .ch-b{background:#D9FDD3}
.ch-m.their.first .ch-b{border-top-left-radius:0}
.ch-m.mine.first .ch-b{border-top-right-radius:0}
.ch-m.their.first .ch-b::before,.ch-m.mine.first .ch-b::before{content:"";position:absolute;top:0;width:8px;height:13px;background:inherit}
.ch-m.their.first .ch-b::before{left:-7px;clip-path:polygon(0 0,100% 0,100% 100%)}
.ch-m.mine.first .ch-b::before{right:-7px;clip-path:polygon(0 0,100% 0,0 100%)}
.ch-b.sel{filter:brightness(.92)}
.ch-n{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:800;margin-bottom:1px;white-space:nowrap}
.ch-n em{font-style:normal;font-weight:600;color:#8696A0;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.ch-n em.ch-co{flex:none;padding:0 6px;border-radius:6px;background:#FFF1E0;color:#B25E00;font-size:10.5px;font-weight:800;line-height:17px}
.ch-x{display:block;position:relative}
.ch-sp{display:inline-block;width:52px;height:1px}
.ch-m.mine .ch-sp{width:68px}
.ch-tm{position:absolute;right:0;bottom:-3px;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#667781;line-height:15px;white-space:nowrap}
.ch-tk{display:inline-block;width:17px;height:11px;color:#53BDEB}
.ch-del{font-style:italic;color:#8696A0}
.ch-b.pic{padding:3px 3px 4px;max-width:72%}
.ch-b.pic .ch-n{padding:3px 6px 2px}
.ch-b.pic .ch-x{padding:5px 6px 3px}
.ch-b.pic .ch-q{margin:0 0 3px}
.ch-img{display:block;width:100%;min-width:200px;max-height:320px;object-fit:cover;border-radius:7px}
.ch-xo{height:0;padding:0!important}
.ch-xo .ch-tm{bottom:6px;right:7px;padding:1px 6px;border-radius:8px;background:rgba(0,0,0,.35);color:#fff}
.ch-xo .ch-tk{color:#fff}
.ch-q{display:flex;flex-direction:column;margin:2px 0 5px;padding:5px 9px;border-radius:7px;background:rgba(11,20,26,.05);border-left:4px solid var(--qc);font-size:13px;line-height:1.3}
.ch-q b{color:var(--qc);font-weight:800;font-size:12.5px}
.ch-q span{color:#54656F;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-rx{position:absolute;top:calc(100% - 6px);display:flex;align-items:center;gap:1px;padding:1px 6px;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(11,20,26,.18);font-size:13.5px;line-height:22px;border:1.5px solid #EFEAE2}
.ch-rx{left:8px}
.ch-rx b{margin-left:3px;font-size:12px;font-weight:700;color:#54656F}

/* composer */
.ch-bot{flex:none;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#EFEAE2}
.ch-row{display:flex;align-items:flex-end;gap:6px}
.ch-cmp{flex:1;min-width:0;display:flex;align-items:flex-end;gap:2px;padding:3px 4px;border-radius:24px;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.ch-ib{flex:none;width:40px;height:40px;padding:9px;color:#54656F;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ch-kb{font-size:14px;font-weight:800}
.ch-in{flex:1;min-width:0;border:0;outline:0;resize:none;padding:9px 2px;font:500 16px/1.35 inherit;font-family:inherit;color:#111B21;background:none;max-height:120px}
.ch-in::placeholder{color:#8696A0}
.ch-go{flex:none;width:48px;height:48px;padding:13px 12px 13px 14px;border-radius:50%;background:#B9C3C9!important;color:#fff!important;transition:background .15s,transform .15s}
.ch-go.on{background:#22A45D!important}
.ch-go:active{transform:scale(.92)}
.ch-rp,.ch-att{display:flex;align-items:center;gap:8px;margin:0 54px 6px 0;padding:6px 6px 6px 10px;border-radius:12px;background:#fff}
.ch-rp>span{flex:1;min-width:0;display:flex;flex-direction:column;padding-left:8px;border-left:4px solid var(--qc);font-size:13px}
.ch-rp b{color:var(--qc);font-weight:800}.ch-rp>span>span{color:#54656F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-rp button,.ch-att button{flex:none;width:30px;height:30px;padding:7px;color:#8696A0}
.ch-att img{width:46px;height:46px;border-radius:8px;object-fit:cover}
.ch-att span{flex:1;font-size:13.5px;font-weight:700;color:#54656F}
.ch-emo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-top:6px;padding:8px;border-radius:16px;background:#fff}
.ch-emo button{height:40px;font-size:24px;border-radius:10px}
.ch-emo button:active{background:#F0F2F5}

/* tap menu */
.ch-veil{position:absolute;inset:0;z-index:5;background:rgba(11,20,26,.12);opacity:0;pointer-events:none;transition:opacity .15s}
.ch.popon .ch-veil{opacity:1;pointer-events:auto}
.ch.popon .ch-b.sel{position:relative;z-index:6}
.ch-pop{position:absolute;z-index:7;width:252px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(11,20,26,.22);overflow:hidden;animation:chp .16s ease-out}
@keyframes chp{from{opacity:0;transform:scale(.94)}}
.ch-rxs{display:flex;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #F0F2F5}
.ch-rxs button{width:36px;height:36px;border-radius:50%;font-size:22px;line-height:36px;transition:transform .12s}
.ch-rxs button:active{transform:scale(1.25)}
.ch-rxs button.on{background:#E7F3EC}
.ch-rw{display:flex;flex-wrap:wrap;gap:4px 10px;padding:8px 14px;border-bottom:1px solid #F0F2F5;font-size:12.5px;font-weight:600;color:#54656F}
.ch-acts button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:700;text-align:left}
.ch-acts button svg{width:20px;height:20px;color:#54656F}
.ch-acts button.red,.ch-acts button.red svg{color:#D92D20}
.ch-acts button+button{border-top:1px solid #F0F2F5}

/* the entry row (Team tab, parent News) */
.ch-ent{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:11px 12px;border:1px solid #ECEEF3;border-radius:18px;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(20,24,40,.04)}
.ch-ei{flex:none;width:46px;height:46px;padding:11px;border-radius:50%;background:#22A45D;color:#fff}
.ch-ei svg{display:block;width:100%;height:100%}
.ch-eb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ch-eb b{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:16px;font-weight:800}
.ch-eb b em{font-style:normal;font-size:12px;font-weight:700;color:#8A8A96}
.ch-eb b em.on{color:#22A45D}
.ch-eb small{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:600;color:#6B6B76}
.ch-eb small>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-eb small i{font-style:normal;font-weight:700;color:#3C3C46}
.ch-en{flex:none;min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:#22A45D;color:#fff!important;font:800 12px/21px inherit;font-family:inherit;text-align:center}
.ch-lk{flex:none;display:flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#9A9AA6}
.ch-lk svg{width:12px;height:12px}

/* a team post shared into the chat (poll = the feed's own poll, synced) */
.ch-m.ref .ch-b{width:78%;padding:8px 10px 8px}
.ch-rt{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12.5px;font-weight:800;color:#54656F}
.ch-rt em{margin-left:auto;font-style:normal;font-weight:700;font-size:11.5px;color:#8696A0}
.ch-pq{display:block;font-size:16px;font-weight:800;line-height:1.3}
.ch-ps{display:block;margin:2px 0 6px;font-size:12.5px;font-weight:600;color:#667781}
.ch-pl .pl{margin:0}
.ch-pl .pl-r{background:transparent}
.ch-xr{height:14px}
/* the "Post to" row in the post form */
.ch-dsts{margin:14px 0 4px}
.ch-dsts p{margin:0 0 8px;font-size:14px;font-weight:800;color:#4B4B55}
.ch-dsts>div{display:flex;gap:6px}
.ch-dst{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;height:44px;padding:0 6px;border:1.5px solid #E4E5EA;border-radius:14px;background:#fff;font:inherit;font-size:13.5px;font-weight:800;color:#4B4B55;white-space:nowrap;cursor:pointer}
.ch-dst i{flex:none;width:18px;height:18px;border-radius:6px;border:2px solid #CFD1D9;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900;color:#fff}
.ch-dst.on{border-color:#22A45D;background:#F1FAF4;color:#1D1D27}
.ch-dst.on i{background:#22A45D;border-color:#22A45D}
.ch-wah{display:none;margin:8px 2px 0;font-size:12.5px;font-weight:700;line-height:1.35;color:#6B6B76}
.ch-dsts:has(.ch-dst[data-v="wa"].on) .ch-wah{display:block}
.ch-pl .pl{padding:4px 0 0!important;gap:2px}
.ch-pl .pl-r{padding:6px 2px!important}