/* Baller · Club fees (clubfees.js). Builds on the teamday.css screen look (td-bar, td-b1, td-seg, td-chips, td-pk), same Nunito + chunky edges. */
.fz{z-index:72}
.fz .td-sc{background:#fff}
.fz-wait{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 0;font:800 15px Nunito,system-ui,sans-serif;color:#9A9AA6}
.fz-wait i{width:18px;height:18px;border-radius:50%;border:3px solid #E3E3E8;border-top-color:#F08A00;animation:fzSpin .8s linear infinite}
@keyframes fzSpin{to{transform:rotate(360deg)}}
.fz-err{margin:30px 0 4px;text-align:center;font:800 15px/1.4 Nunito,system-ui,sans-serif;color:#C2410C}
.fz-none{margin:4px 0 8px;font:700 14.5px/1.4 Nunito,system-ui,sans-serif;color:#9A9AA6}
.fz-small{margin:12px 2px 0;font:700 13px/1.45 Nunito,system-ui,sans-serif;color:#8A8A96}.fz-small.c{text-align:center}
.fz-demo{margin:12px 0 0;padding:9px 12px;border-radius:12px;background:#FFF4D6;font:800 13px/1.4 Nunito,system-ui,sans-serif;color:#8A5A00}
.td-fl small{font-weight:700;color:#9A9AA6}

/* the month so far */
.fz-hero{position:relative;margin-top:4px;padding:18px 18px 14px;border-radius:22px;background:linear-gradient(150deg,#1FA463,#11804A);color:#fff;box-shadow:0 5px 0 #0E6B3E;overflow:hidden}
.fz-hero::after{content:"";position:absolute;right:-30px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}
.fz-hero small{display:block;font:800 13px Nunito,system-ui,sans-serif;opacity:.85}
.fz-hero>b{display:block;margin-top:2px;font:900 40px/1.05 Nunito,system-ui,sans-serif;letter-spacing:-.5px}
.fz-hero>span{display:block;margin-top:4px;font:700 13px/1.35 Nunito,system-ui,sans-serif;opacity:.9}
.fz-cnt{display:flex;gap:6px;margin-top:14px}
.fz-cnt span{flex:1;padding:8px 6px;border-radius:14px;background:rgba(255,255,255,.16);text-align:center;font:800 12px/1.2 Nunito,system-ui,sans-serif}
.fz-cnt b{display:block;font:900 22px/1.1 Nunito,system-ui,sans-serif}
.fz-cnt .due b{color:#FFE08A}.fz-cnt .bad b{color:#FFC2C2}

/* fee cards */
.fz-fee{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:14px;border:2px solid #E9E9EE;border-radius:18px;background:#fff;box-shadow:0 3px 0 #E9E9EE;text-align:left;cursor:pointer;color:#2E2E36}
.fz-fee:active{transform:translateY(3px);box-shadow:none}
.fz-fee>svg{flex:none;width:20px;height:20px;color:#B5B5BE}.fz-fee.off{opacity:.6}
.fz-fi{flex:1;min-width:0;display:block}
.fz-fi em{display:inline-block;margin-bottom:5px;padding:2px 8px;border-radius:8px;background:#E8F7EE;font:900 11px Nunito,system-ui,sans-serif;font-style:normal;letter-spacing:.4px;text-transform:uppercase;color:#15814C}
.fz-fi em.o{background:#EEF2FF;color:#4054B2}
.fz-fi b{display:block;font:900 17px/1.2 Nunito,system-ui,sans-serif}
.fz-fi small{display:block;margin-top:3px;font:700 13.5px/1.35 Nunito,system-ui,sans-serif;color:#7A7A86}
.fz-fi small.nt{color:#9A9AA6;font-size:12.5px}
.fz-bar{display:block;height:8px;margin-top:10px;border-radius:6px;background:#F1F1F4;overflow:hidden}
.fz-bar u{display:block;height:100%;border-radius:6px;background:#1FA463}
.fz-fi .fz-n b{display:inline;font:inherit;font-weight:900;color:#C26F00}

.fz-tools{margin-top:22px;border:2px solid #F1F1F4;border-radius:18px;overflow:hidden}
.fz-tools>*{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:#fff;text-align:left;text-decoration:none;color:#2E2E36;cursor:pointer}
.fz-tools>*+*{border-top:2px solid #F1F1F4}
.fz-tools>*>svg:first-child{flex:none;width:36px;height:36px;padding:8px;border-radius:12px;background:#F1F1F4;color:#4B4B55}
.fz-tools>*>svg:last-child{flex:none;width:18px;height:18px;color:#B5B5BE}
.fz-tools span{flex:1}.fz-tools b{display:block;font:900 15px Nunito,system-ui,sans-serif}.fz-tools small{display:block;font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}

/* one fee */
.fz-fh{padding:14px;border-radius:18px;background:#F6F6F8}
.fz-fh b{display:block;font:900 18px Nunito,system-ui,sans-serif}
.fz-fh small{display:block;margin-top:4px;font:700 13px/1.4 Nunito,system-ui,sans-serif;color:#7A7A86}
.fz-fh p{margin:8px 0 0;font:700 14px/1.4 Nunito,system-ui,sans-serif;color:#4B4B55}
.fz-pls{border:2px solid #F1F1F4;border-radius:18px;overflow:hidden}
.fz-pl{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:#fff;text-align:left;cursor:pointer;color:#2E2E36}
.fz-pl+.fz-pl{border-top:2px solid #F1F1F4}.fz-pl:active{background:#F7F7FA}
.fz-pl img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;background:#F1F1F4}
.fz-pl span{flex:1;min-width:0}.fz-pl b{display:block;font:900 15px Nunito,system-ui,sans-serif}
.fz-pl small{display:block;font:700 12px Nunito,system-ui,sans-serif;color:#9A9AA6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-st{flex:none;padding:4px 9px;border-radius:10px;font:900 12px Nunito,system-ui,sans-serif;font-style:normal;white-space:nowrap}
.fz-st.ok{background:#E8F7EE;color:#15814C}.fz-st.due{background:#FFF1DC;color:#B45F00}.fz-st.bad{background:#FDE8E8;color:#C0262D}
.fz-st.wait{background:#EAF2FF;color:#2F5DB8}.fz-st.off{background:#F1F1F4;color:#7A7A86}

/* pickers */
.fz-pst{margin:0 0 10px;font:700 14px/1.45 Nunito,system-ui,sans-serif;color:#5A5A66}
.fz-pk .fz-op{display:block;width:100%;margin-bottom:8px;padding:12px 14px;border:2px solid #E9E9EE;border-radius:14px;background:#fff;text-align:left;cursor:pointer;color:#2E2E36}
.fz-pk .fz-op:active{background:#F7F7FA}.fz-pk .fz-op b{display:block;font:900 15.5px Nunito,system-ui,sans-serif}.fz-pk .fz-op small{display:block;margin-top:2px;font:700 12.5px/1.35 Nunito,system-ui,sans-serif;color:#8A8A96}

.fz-pk .td-pkl{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.fz-pk .td-b2{justify-content:center;padding:0;border:2px solid #E3E3E8;background:#fff;text-align:center}
.fz-pk .fz-tog small{color:#8A8A96}.fz-pk .fz-money span{flex:none}.fz-money input{text-align:left}.fz-pk .fz-tog span{flex:1}

/* forms */
.fz-seg{margin:6px 0 0}
.fz-in{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #E3E3E8;border-radius:14px;background:#fff;font:800 16px Nunito,system-ui,sans-serif;color:#2E2E36;outline:none;resize:none}
.fz-in:focus,.fz-money:focus-within{border-color:#F08A00}
.fz-money{display:flex;align-items:center;gap:6px;padding:0 14px;border:2px solid #E3E3E8;border-radius:14px;background:#fff}
.fz-money span{font:900 20px Nunito,system-ui,sans-serif;color:#7A7A86}
.fz-money input{flex:1;min-width:0;height:50px;border:0;outline:none;background:none;font:900 20px Nunito,system-ui,sans-serif;color:#2E2E36}
.fz-money em{flex:none;font:700 13.5px Nunito,system-ui,sans-serif;font-style:normal;color:#9A9AA6}

/* set up + grown-up check */
.fz-set{padding-top:10px}
.fz-sic{display:grid;place-items:center;width:64px;height:64px;margin:6px 0 12px;border-radius:20px;background:#E8F7EE;color:#15814C}.fz-sic svg{width:34px;height:34px}
.fz-set h2{margin:0;font:900 26px/1.15 Nunito,system-ui,sans-serif;color:#2E2E36}
.fz-set>p{margin:8px 0 0;font:700 15px/1.5 Nunito,system-ui,sans-serif;color:#5A5A66}
.fz-ul{margin:16px 0 4px;padding:0;list-style:none}
.fz-ul li{display:flex;gap:10px;padding:8px 0;font:700 14.5px/1.45 Nunito,system-ui,sans-serif;color:#4B4B55}
.fz-ul svg{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:#1FA463;color:#fff}
.fz-ul b{color:#2E2E36}

/* the pretend Stripe pages */
.fz-stripe .fz-demo{margin-top:4px}
.fz-sbox{margin-top:14px;padding:16px;border-radius:18px;border:2px solid #E3E3E8;background:#FAFAFC}
.fz-sbox>b{display:block;font:900 18px Nunito,system-ui,sans-serif}.fz-sbox>small{display:block;font:700 13px Nunito,system-ui,sans-serif;color:#7A7A86}
.fz-sbox b.tot{margin:4px 0 10px;font-size:34px}.fz-sbox b.tot em{font:800 15px Nunito,system-ui,sans-serif;font-style:normal;color:#7A7A86}
.fz-sbox .ln{display:flex;justify-content:space-between;gap:10px;margin:0;padding:8px 0;border-top:1px solid #E9E9EE;font:700 14px Nunito,system-ui,sans-serif;color:#4B4B55}
.fz-sbox label{display:block;margin-top:12px;font:800 12.5px Nunito,system-ui,sans-serif;color:#7A7A86}
.fz-sbox input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px 12px;border:1px solid #DADAE0;border-radius:10px;background:#fff;font:700 15px ui-monospace,Menlo,monospace;color:#2E2E36}

/* the grown-up's own fees */
.fz-mh{display:flex;align-items:center;gap:12px;margin:4px 0 2px}
.fz-mh img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#F1F1F4}
.fz-mh small{display:block;font:800 13px Nunito,system-ui,sans-serif;color:#7A7A86}.fz-mh b{display:block;font:900 22px Nunito,system-ui,sans-serif}
.fz-my{margin-bottom:12px;padding:14px;border:2px solid #E9E9EE;border-radius:18px;background:#fff;box-shadow:0 3px 0 #E9E9EE}
.fz-my.due,.fz-my.bad{border-color:#FFD9A8;box-shadow:0 3px 0 #FFD9A8}.fz-my.bad{border-color:#F7C3C5;box-shadow:0 3px 0 #F7C3C5}
.fz-myb{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px}
.fz-myb .td-b1{margin-top:6px}.fz-myb>small{font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.fz-nud{display:flex;align-items:center;gap:6px;margin:0 0 8px;font:900 13px Nunito,system-ui,sans-serif;color:#B45F00}.fz-nud svg{width:16px;height:16px}
.fz-link{margin-top:4px;padding:0;border:0;background:none;font:800 13.5px Nunito,system-ui,sans-serif;color:#9A9AA6;text-decoration:underline;cursor:pointer}
.fz-all{display:flex;flex-direction:column;align-items:center;gap:2px;margin:12px 0;padding:22px;border-radius:18px;background:#E8F7EE;color:#15814C;text-align:center}
.fz-all svg{width:34px;height:34px;padding:6px;border-radius:50%;background:#1FA463;color:#fff}
.fz-all b{font:900 18px Nunito,system-ui,sans-serif}.fz-all small{font:700 13.5px Nunito,system-ui,sans-serif;color:#3C7A55}
.fz-sib{display:flex;align-items:center;gap:6px;margin:0 0 10px;font:800 13.5px Nunito,system-ui,sans-serif;color:#15814C}.fz-sib svg{width:18px;height:18px}
.fz-tog{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:2px solid #E9E9EE;border-radius:14px;cursor:pointer}
.fz-tog input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#1FA463}
.fz-tog b{display:block;font:900 15px Nunito,system-ui,sans-serif;color:#2E2E36}.fz-tog small{display:block;margin-top:2px;font:700 12.5px/1.35 Nunito,system-ui,sans-serif;color:#8A8A96}

/* ••• More row */
.mo-sh .fz-mi{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#1FA463;color:#fff;box-shadow:0 3px 0 #15814C}
.mo-sh .fz-mi svg{width:28px;height:28px}
.mo-sh em.fz-mn{min-width:12px;justify-content:center;background:#E5484D;color:#fff}

/* club layer: team filter, join requests, club code, team tags */
.fz-tf{margin:2px -16px 12px!important}
.fz-fi em{margin-right:5px}
.fz-fi em.c{background:#FFF1DC;color:#B45F00}.fz-fi em.t{background:#F1F1F4;color:#4B4B55}
.fz-ask{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;border:2px solid #FFD9A8;border-radius:18px;background:#FFFAF2}
.fz-ask>span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#FFF1DC;color:#B45F00}.fz-ask>span svg{width:22px;height:22px}
.fz-ask p{flex:1;min-width:0;margin:0}.fz-ask p b{display:block;font:900 15.5px Nunito,system-ui,sans-serif}.fz-ask p small{display:block;font:700 12.5px/1.35 Nunito,system-ui,sans-serif;color:#7A7A86}
.fz-ask>div{display:flex;gap:8px;width:100%}.fz-ask .td-b1,.fz-ask .td-b2{flex:1;height:42px;margin:0;font-size:14.5px}.fz-ask .td-b2{flex:.6}
.fz-pl .fz-crest,.fz-crest{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#E8F7EE;color:#15814C}.fz-crest svg{width:22px;height:22px}
.fz-tg{display:flex;align-items:baseline;justify-content:space-between;margin:14px 2px 6px}.fz-tg b{font:900 14.5px Nunito,system-ui,sans-serif}.fz-tg small{font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.fz-code{margin-top:22px;padding:16px;border-radius:18px;background:#2E2E36;color:#fff}
.fz-code small{display:block;font:800 12.5px Nunito,system-ui,sans-serif;letter-spacing:.5px;text-transform:uppercase;opacity:.7}
.fz-code>b{display:block;margin:2px 0 6px;font:900 34px/1.1 ui-monospace,Menlo,monospace;letter-spacing:4px}
.fz-code p{margin:0 0 4px;font:700 13px/1.45 Nunito,system-ui,sans-serif;opacity:.85}
.fz-code .td-b2{height:44px;margin-top:8px;background:#fff;border-color:#fff;box-shadow:none;color:#2E2E36;font-size:14.5px}
.fz-join{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 4px;padding:14px;border:2px solid #E3E3E8;border-radius:18px;background:#fff;box-shadow:0 3px 0 #E3E3E8;text-align:left;cursor:pointer;color:#2E2E36}
.fz-join>svg:first-child{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:#E8F7EE;color:#15814C}.fz-join>svg:last-child{flex:none;width:18px;height:18px;color:#B5B5BE}
.fz-join span{flex:1}.fz-join b{display:block;font:900 16px Nunito,system-ui,sans-serif}.fz-join small{display:block;font:700 12.5px Nunito,system-ui,sans-serif;color:#8A8A96}
.fz-codein{font:900 24px ui-monospace,Menlo,monospace!important;letter-spacing:4px;text-transform:uppercase;text-align:center}
.fz-link.c{display:block;margin:14px auto 0}
.mo-sh .fz-mi.tr{background:#2E2E36;box-shadow:0 3px 0 #111}