/* AJS Kids Open Badminton — page, registration sheet and host login (31 Oct 2026) */
:root{--bd-navy:#0B1A3A;--bd-blue:#1B4FD8;--bd-blue2:#2F7DF6;--bd-yel:#FFC51F;--bd-pink:#E8358E}
.bd-hero{padding:0;background:var(--bd-navy);color:#fff;overflow:hidden}
.bd-hero picture,.bd-hero img.bd-banner{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:center}
.bd-hero .wrap{padding-top:22px;padding-bottom:34px}
.bd-hero h1{font-family:Unbounded,Figtree,sans-serif;font-size:clamp(1.7rem,4.6vw,2.8rem);line-height:1.1;margin:10px 0 8px;color:#fff}
.bd-hero h1 span{color:var(--bd-yel)}
.bd-hero .lead{color:#C9D6F5;font-size:1.08rem;max-width:40em;margin:0 0 18px}
.bd-kick{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-weight:800;font-size:.88rem}
.bd-kick i{width:9px;height:9px;border-radius:50%;background:#2BD67B;box-shadow:0 0 0 0 rgba(43,214,123,.6);animation:bdping 1.8s infinite}
.bd-kick i.off{background:#FF6B6B;animation:none}
@keyframes bdping{70%{box-shadow:0 0 0 9px rgba(43,214,123,0)}100%{box-shadow:0 0 0 0 rgba(43,214,123,0)}}
.bd-cta{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 6px}
.bd-hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}
.bd-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0 0}
@media(min-width:760px){.bd-facts{grid-template-columns:repeat(4,1fr)}}
.bd-facts div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 14px}
.bd-facts small{display:block;color:#9FB3E3;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.bd-facts b{display:block;font-size:1.05rem;color:var(--bd-yel);margin-top:2px}
.bd-facts em{font-style:normal;color:#C9D6F5;font-size:.82rem}
.bd-count{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.bd-count>span{font-weight:700;color:#C9D6F5;margin-right:4px}
.bd-count div{min-width:58px;text-align:center;background:#fff;color:var(--bd-navy);border-radius:12px;padding:6px 8px}
.bd-count div b{display:block;font-size:1.25rem;line-height:1.1}
.bd-count div small{font-size:.7rem;font-weight:700;color:#5b6a8f}
/* categories */
.bd-cats{display:grid;gap:16px}
@media(min-width:860px){.bd-cats{grid-template-columns:1fr 1fr}}
.bd-catcol{border-radius:var(--r);padding:18px;color:#fff}
.bd-catcol.boys{background:linear-gradient(135deg,#0E2A6B,#1B4FD8)}
.bd-catcol.girls{background:linear-gradient(135deg,#5A0F3C,#C42A79)}
.bd-catcol h3{margin:0 0 10px;font-size:1.2rem}
.bd-cat{background:rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;margin-top:8px}
.bd-cat-t{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.bd-cat small{display:block;color:rgba(255,255,255,.8);margin-top:4px}
.bd-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.2);margin-top:8px;overflow:hidden}
.bd-bar i{display:block;height:100%;background:var(--bd-yel);border-radius:99px;transition:width .6s}
.bd-pill{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:800;background:#FFF1C7;color:#7A4B00;white-space:nowrap}
.bd-pill.ok{background:#D6F5E3;color:#0E6B3A}
/* prizes, rules, venue */
.bd-prizes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.bd-prize{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.bd-prize .m{font-size:2rem}
.bd-prize b{display:block;font-size:1.1rem;margin:4px 0}
.bd-prize p{margin:0;color:var(--muted)}
.bd-rules{counter-reset:r;list-style:none;padding:0;margin:0;display:grid;gap:10px}
@media(min-width:860px){.bd-rules{grid-template-columns:1fr 1fr}}
.bd-rules li{counter-increment:r;display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.bd-rules li:before{content:counter(r);flex:none;width:28px;height:28px;border-radius:50%;background:var(--bd-navy);color:#fff;font-weight:800;display:grid;place-items:center}
.bd-warn{margin-top:14px;background:#FFF4C2;border:1px solid #F2C94C;border-radius:16px;padding:14px 16px}
.bd-warn b{display:block}
.bd-two-col{display:grid;gap:16px}
@media(min-width:860px){.bd-two-col{grid-template-columns:1fr 1fr}}
.bd-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}
.bd-box h3{margin-top:0}
.bd-contacts{display:grid;gap:10px}
.bd-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px}
.bd-contact b{flex:1 1 140px}
.bd-contact a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:99px;font-weight:700;background:var(--surface2);border:1px solid var(--line2);text-decoration:none;color:var(--ink)}
.bd-logos{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:12px}
.bd-logos img{height:56px;width:auto;border-radius:10px}
.bd-logos small{display:block;color:var(--muted);font-weight:700}
.bd-chk{display:flex;gap:8px;flex-wrap:wrap}
.bd-chk input{flex:1 1 200px;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);font:inherit;background:var(--surface)}
.bd-mine{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.bd-mine li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.bd-id{font:800 .82rem ui-monospace,Menlo,Consolas,monospace;background:var(--bd-navy);color:#fff;padding:3px 8px;border-radius:8px}
.st-paid{color:#0E7A41;font-style:normal;font-weight:800}.st-unpaid{color:#A15C00;font-style:normal;font-weight:800}.st-cancelled{color:#B42318;font-style:normal;font-weight:800}.st-awaiting{color:#5E5646;font-style:normal;font-weight:800}
.bd-hostlink{text-align:center;color:var(--muted);font-size:.9rem;margin:6px 0 0}
/* sheet */
.bd-noscroll{overflow:hidden}
.bd-sh{position:fixed;inset:0;z-index:200;background:rgba(8,14,30,.6);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.bd-sh.on{opacity:1}
@media(min-width:720px){.bd-sh{align-items:center;padding:20px}}
.bd-card{position:relative;width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--surface);color:var(--ink);border-radius:24px 24px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(30px);transition:transform .25s}
@media(min-width:720px){.bd-card{border-radius:24px}}
.bd-sh.on .bd-card{transform:none}
.bd-card h2{margin:4px 0 12px;font-size:1.35rem}
.bd-card h3{margin:16px 0 8px;font-size:1.05rem}
.bd-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:var(--surface2);font-size:1.6rem;cursor:pointer;color:var(--ink)}
.bd-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 48px 6px 0}
.bd-steps li{flex:1;font-size:.78rem;font-weight:800;color:var(--muted);border-top:4px solid var(--line2);padding-top:6px}
.bd-steps li.on{color:var(--bd-blue);border-color:var(--bd-blue)}.bd-steps li.done{color:#0E7A41;border-color:#16A35A}
.bd-f{margin:0 0 12px}
.bd-f label,.bd-f .lbl{display:block;font-weight:700;font-size:.9rem;margin:0 0 5px}
.bd-f small{color:var(--muted);font-weight:600}
.bd-f input,.bd-f select,#hPanel textarea{width:100%;min-height:46px;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);font:inherit;background:var(--surface);color:var(--ink)}
.bd-f input:focus,.bd-f select:focus{outline:2px solid var(--bd-blue2);outline-offset:1px}
.bd-two{display:grid;gap:0 12px}
@media(min-width:520px){.bd-two{grid-template-columns:1fr 1fr}}
.bd-seg{display:flex;gap:8px}
.bd-seg button{flex:1;min-height:46px;border-radius:12px;border:1.5px solid var(--line2);background:var(--surface);font:700 1rem inherit;cursor:pointer;color:var(--ink)}
.bd-seg button[aria-checked="true"]{border-color:var(--bd-blue);background:#EAF1FF;color:var(--bd-blue)}
.bd-go,.bd-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;font:800 1rem Figtree,system-ui,sans-serif;cursor:pointer;text-decoration:none}
.bd-go{border:0;background:linear-gradient(135deg,var(--bd-blue2),var(--bd-blue));color:#fff;box-shadow:0 10px 22px -12px rgba(27,79,216,.9)}
.bd-go[disabled]{opacity:.5;cursor:not-allowed}
.bd-back{border:1.5px solid var(--line2);background:var(--surface);color:var(--ink)}
.bd-back.sm{min-height:40px;padding:0 14px;font-size:.9rem}
.bd-card .bd-go{width:100%}
.bd-row{display:flex;gap:10px}.bd-row .bd-back{flex:0 0 auto}.bd-row .bd-go{flex:1}
.bd-err{color:#B42318;font-weight:700;margin:4px 0 10px}
.bd-note{background:#EAF1FF;border-radius:12px;padding:10px 12px;color:#1B2B55}
.bd-small{font-size:.86rem;color:var(--muted)}
.bd-opts{display:grid;gap:10px;margin:0 0 12px}
.bd-opt{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--line2);border-radius:16px;cursor:pointer}
.bd-opt:has(input:checked){border-color:var(--bd-blue);background:#F2F6FF}
.bd-opt input{width:22px;height:22px;flex:none;accent-color:var(--bd-blue)}
.bd-opt span{flex:1}.bd-opt small{display:block;color:var(--muted)}
.bd-opt em{font-style:normal;font-weight:800}
.bd-sum{margin:0 0 12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bd-sum div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:9px 12px;border-top:1px solid var(--line)}
.bd-sum div:first-child{border-top:0}
.bd-sum dt{color:var(--muted);font-weight:700;font-size:.88rem}.bd-sum dd{margin:0;display:flex;justify-content:space-between;gap:8px}
.bd-checks{display:grid;gap:8px;margin:0 0 12px}
.bd-checks label{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;cursor:pointer}
.bd-checks input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--bd-blue)}
.bd-total{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:var(--bd-navy);color:#fff;margin:0 0 8px}
.bd-total b{font-size:1.4rem;color:var(--bd-yel)}
.bd-done{text-align:center}
.bd-tick{width:68px;height:68px;margin:6px auto 8px;border-radius:50%;background:#16A35A;color:#fff;font-size:2.2rem;display:grid;place-items:center;animation:bdpop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes bdpop{0%{transform:scale(.2)}100%{transform:scale(1)}}
.bd-conf{text-align:left;border:1.5px dashed var(--line2);border-radius:16px;padding:14px;margin:12px 0}
.bd-conf-h{display:flex;gap:12px;align-items:center;margin-bottom:8px}.bd-conf-h img{border-radius:8px;height:46px;width:auto}
.bd-conf-h small{display:block;color:var(--muted)}
.bd-conf-r{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.bd-conf-r span:nth-child(2){flex:1}
.bd-acts{display:grid;gap:10px}
@media(min-width:620px){#hPanel .bd-acts{display:flex;flex-wrap:wrap}}
.bd-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;z-index:300;background:#111;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;transition:all .25s;max-width:90vw;text-align:center}
.bd-toast.on{opacity:1;transform:translate(-50%,0)}
/* host */
#bdHost{max-width:980px;margin:0 auto}
.bd-login{max-width:440px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.bd-login h2{margin-top:0}.bd-login .bd-go{width:100%}
.bd-hhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.bd-hhead>div{flex:1 1 200px}.bd-hhead small{display:block;color:var(--muted)}
.bd-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}
.bd-tabs button{flex:none;min-height:42px;padding:0 16px;border-radius:99px;border:1px solid var(--line2);background:var(--surface);font:700 .95rem Figtree,system-ui,sans-serif;cursor:pointer;color:var(--ink)}
.bd-tabs button[aria-selected="true"]{background:var(--bd-navy);color:#fff;border-color:var(--bd-navy)}
.bd-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.bd-panel h3{margin-top:0}
.bd-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
@media(min-width:700px){.bd-kpis{grid-template-columns:repeat(4,1fr)}}
.bd-kpis div{background:var(--surface2);border-radius:14px;padding:12px}
.bd-kpis b{display:block;font-size:1.4rem}.bd-kpis small{color:var(--muted);font-weight:700}
.bd-tbl{width:100%;border-collapse:collapse;margin:6px 0}
.bd-tbl th,.bd-tbl td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);font-size:.93rem}
.bd-tbl th{color:var(--muted);font-size:.8rem;text-transform:uppercase}
.bd-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.bd-filters select,.bd-filters input{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);font:inherit;background:var(--surface);color:var(--ink);flex:1 1 170px}
.bd-list{display:grid;gap:8px}
.bd-ent{border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.bd-ent-t{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.bd-ent-t b{flex:1 1 140px}
.bd-ent small{display:block;color:var(--muted);margin-top:3px}
.bd-ent-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bd-ent-a a,.bd-ent-a button{min-height:40px;padding:0 12px;border-radius:99px;border:1px solid var(--line2);background:var(--surface2);font:700 .88rem Figtree,system-ui,sans-serif;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;text-decoration:none}
.bd-ent-a .warn{color:#B42318;border-color:#F3B8B2;background:#FFF5F4}
.bd-link{border:0;background:none;color:var(--bd-blue);font:inherit;font-weight:800;cursor:pointer;padding:0;text-decoration:underline;min-height:0}
#hPanel textarea{min-height:160px;font-family:ui-monospace,Menlo,Consolas,monospace}
/* print: only the confirmation */
@media print{
  body.bd-printing>*:not(#bdSheet){display:none!important}
  body.bd-printing #bdSheet{position:static;background:none;display:block;opacity:1}
  body.bd-printing .bd-card{max-height:none;box-shadow:none;transform:none;border-radius:0}
  body.bd-printing .bd-acts,body.bd-printing .bd-x,body.bd-printing .bd-tick{display:none!important}
}
/* parent account (31 Oct) */
.bd-acc-h{display:flex;gap:14px;align-items:center;margin-bottom:12px}.bd-acc-h img{width:60px;height:auto;flex:none}.bd-acc-h h2{margin:0 0 2px}
.bd-acc-t{margin:6px 0 14px}.bd-acc-f{margin-top:12px}
.bd-ro{background:rgba(0,0,0,.04)!important;color:inherit;opacity:.85}
.bd-who{margin:-4px 0 12px}
/* master money dashboard (31 Oct) */
.bd-kpis.k6{grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.bd-kpis.k6{grid-template-columns:repeat(2,1fr)}}
.bd-kpis .hl{background:linear-gradient(135deg,#1b4fd8,#0b1f5c)!important;color:#fff}.bd-kpis .hl small{color:rgba(255,255,255,.8)}
.bd-kpis .tt{background:#fff4cc!important;border-color:#ffc21f!important}
.bd-kpis .due b{color:#c2410c}
.bd-stmt td:last-child{text-align:right;font-weight:800;white-space:nowrap}
.bd-stmt td small{display:block;font-weight:500;opacity:.7}
.bd-stmt .neg{color:#b42318}
.bd-stmt tr.sum td{border-top:2px solid rgba(0,0,0,.12)}
.bd-stmt tr.big td{font-size:1.12rem;background:#eef4ff}
.bd-stmt tr.muted td{opacity:.75;font-weight:500}
.bd-ent.void{opacity:.55}.bd-ent.void b{text-decoration:line-through}
.bd-mini{flex:1;min-width:140px;min-height:38px;padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.15);font:inherit}
.bd-tbl code{font-size:.82rem;word-break:break-all}
.bd-tbl tfoot td{font-weight:800;border-top:2px solid rgba(0,0,0,.12)}
.bd-panel h3 small{font-weight:500}
@media(max-width:640px){.bd-tbl{display:block;overflow-x:auto}}