:root{font-family:system-ui,-apple-system,sans-serif;color:#16231d;background:#f4f7f4}*{box-sizing:border-box}body{margin:0}.wrap{max-width:900px;margin:auto;padding:22px 16px 80px}header{display:flex;justify-content:space-between;align-items:center;gap:10px}h1{margin:4px 0;font-size:28px}h2{font-size:19px;margin:0 0 12px}small,.muted{color:#60736a}.card{background:white;border:1px solid #dce7df;border-radius:17px;padding:19px;margin:16px 0;box-shadow:0 3px 14px #143b2010}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#edf6ee;border-radius:12px;padding:12px;text-align:center}.stat b{display:block;font-size:25px;color:#167c42}.stat small{font-size:11px}label{display:block;font-size:13px;font-weight:650;margin:10px 0 5px}input,select{width:100%;padding:12px;border:1px solid #ccd9d0;border-radius:10px;font:inherit;background:white}button,.btn{border:0;background:#167c42;color:white;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer;font:inherit;text-align:center}button.secondary{background:#e8f2eb;color:#155f37}button.outline{background:white;border:1px solid #a9cbb5;color:#155f37}button.danger{background:#fff0f0;color:#a33030}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{display:inline-block;padding:5px 9px;background:#e7f5ea;color:#167c42;border-radius:30px;font-size:12px;font-weight:700}.person{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef1ee;padding:11px 0}.person:first-child{border-top:0}.person .right{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.person button{font-size:12px;padding:7px 9px}.tabs{display:flex;gap:7px;margin:18px 0}.tabs button{flex:1}.hidden{display:none!important}.note{background:#fff9e7;border:1px solid #f2df9c;padding:12px;border-radius:10px;font-size:13px}.progress{height:10px;background:#e5ece7;border-radius:20px;overflow:hidden;margin:10px 0}.progress div{height:100%;background:#167c42}.empty{color:#718078;font-size:14px;padding:10px 0}.banner{padding:12px;background:#eaf5ed;border-radius:12px;margin-top:12px}@media(max-width:550px){.grid{grid-template-columns:1fr}.wrap{padding:14px 12px 60px}.card{padding:15px}.person{align-items:flex-start;flex-direction:column}.person .right{justify-content:flex-start}h1{font-size:24px}}
.mode{display:flex;gap:10px;flex-wrap:wrap}.mode label{flex:1;min-width:180px;border:1px solid #d7e4d9;border-radius:12px;padding:12px;cursor:pointer;background:white}
.mode input{width:auto;margin-right:7px}.tag{display:inline-block;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;background:#e9f0ed}
.tag.ok{background:#d7f5e2;color:#16603c}.tag.warn{background:#fff0ca;color:#805500}.tag.wait{background:#e6ebff;color:#344b91}
.tag.alert{background:#ffe5d8;color:#8b3d23}.person{align-items:flex-start;flex-wrap:wrap;gap:10px}.person .right{flex-wrap:wrap}
.notice{border:1px solid #d9e6df;background:#f0f8f3;border-radius:12px;padding:13px;margin:12px 0;font-size:14px}
select{width:100%;padding:11px;border:1px solid #d0dbd3;border-radius:10px;background:white;color:#16231d}
textarea{width:100%;min-height:95px;padding:10px;border:1px solid #d0dbd3;border-radius:10px}
.rowgap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rowgap button{font-size:12px;padding:8px 10px}
.checkline{display:flex;align-items:center;gap:7px}.checkline input{width:auto}

body{background:#f5f8f5}.shell{max-width:860px;margin:auto;padding:22px 15px 45px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.brand{font-weight:900;font-size:24px}.kicker{color:#597066;font-size:13px}.hero{background:#153f2d;color:white;padding:25px;border-radius:20px;margin-bottom:17px}.hero h1{margin:8px 0}.hero small{color:#d5e9dd}.hero .pill{background:#c8f4d8;color:#185338}.box{background:white;border-radius:16px;padding:20px;margin:15px 0;border:1px solid #e0e8e2}.box h2{margin-top:0}.line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef1ed;flex-wrap:wrap}.line:last-child{border:0}.badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;background:#fdf0c8;color:#70520a}.badge.good{background:#d8f5e2;color:#185b38}.badge.wait{background:#e5eaff;color:#344c90}.badge.alert{background:#ffeadb;color:#8b431e}.btnrow{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.btnrow button{width:auto}.smallbtn{font-size:12px;padding:8px 10px}.fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fieldgrid label{display:block;margin-bottom:5px}.hint{font-size:13px;color:#617469}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.metric{background:#eff6f0;border-radius:12px;padding:13px;text-align:center}.metric b{display:block;font-size:23px}.metric small{font-size:11px;color:#587064}.callout{background:#edf6ef;border:1px solid #d9e7dc;border-radius:12px;padding:12px;margin:13px 0}.switches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switches label{border:1px solid #d9e5dc;border-radius:12px;padding:12px;cursor:pointer}.switches input{width:auto}.empty{color:#687b6e;padding:15px 0}.divider{border:0;border-top:1px solid #e3eae5;margin:20px 0}select,textarea{width:100%;padding:11px;border:1px solid #ccd9d0;border-radius:10px;background:white}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:520px){.fieldgrid{grid-template-columns:1fr}.shell{padding:14px 12px}.box{padding:15px}.summary{gap:5px}.metric{padding:9px 4px}.metric b{font-size:20px}}

.qr-config{margin:18px 0;padding:16px;border:1px dashed #a7bcb0;border-radius:16px;background:#f8fcf9}
.qr-config input[type=file]{width:100%;max-width:100%;box-sizing:border-box}
.qr-preview,.qr-player{margin:14px 0;text-align:center}
.qr-preview img,.qr-player img{display:block;width:min(100%,260px);height:auto;max-height:300px;object-fit:contain;margin:10px auto;border:1px solid #e0e8e1;border-radius:12px;background:white;padding:10px;box-sizing:border-box}
.qr-player small{display:block}.phone-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 0;padding:12px;background:white;border-radius:12px}
.phone-copy span{font-size:18px;font-weight:800;letter-spacing:.03em}

.match-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:16px}.match-card{border:1px solid #d9e8df;border-radius:12px;padding:14px;background:#f6faf7;text-align:left;color:#193329}.match-card.selected{outline:2px solid #289b5b}.match-card b,.match-card small{display:block;margin:5px 0}.receipt-preview img{display:block;max-width:260px;max-height:300px;object-fit:contain;border:1px solid #dce5df;border-radius:12px;margin:12px 0}.receipt-preview{margin:12px 0}.proof-btn{margin-top:8px}#matchSelect{flex:1;min-width:180px}#playerMatchSelect{max-width:100%}input[type=file]{max-width:100%;box-sizing:border-box}.receipt-modal{position:fixed;inset:0;background:#000a;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.receipt-modal .modal-inner{background:white;padding:20px;border-radius:18px;max-width:min(94vw,600px);max-height:94vh;overflow:auto}.receipt-modal img{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:12px auto}.hint{line-height:1.5}
.entry{border:1px solid #e0e8e2;border-radius:14px;padding:14px;margin:12px 0;background:#fbfdfb}.entry h3{margin:0 0 6px}.entry .line{padding-top:0}.guest-tag{font-weight:600;color:#617469;font-size:12px}

/* v0.6 · navegación, pasos y desplegables */
h1{font-size:24px}
button.block{display:block;width:100%;margin-top:12px;padding:14px;font-size:16px}
.linkbtn{background:none;color:#155f37;padding:8px 0;font-weight:700;border:0}
.btnrow .linkbtn{width:auto}
.hero-counts{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}.hero-counts span{font-size:13px;color:#d5e9dd}.hero-counts b{color:#fff;font-size:17px;margin-right:4px}
.hero.compact{padding:18px 20px}.hero.compact h1{margin:0 0 4px;font-size:22px}
.stepper{list-style:none;display:flex;gap:6px;padding:0;margin:4px 0 14px}
.stepper li{flex:1;text-align:center;font-size:11px;font-weight:700;color:#8a9a90}
.stepper li::before{content:attr(data-n);display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0 auto 5px;border-radius:50%;background:#e5ece7;color:#60736a;font-size:12px}
.stepper li.done{color:#167c42}.stepper li.done::before{content:'✓';background:#167c42;color:#fff}
.stepper li.current{color:#16231d}.stepper li.current::before{background:#153f2d;color:#fff;box-shadow:0 0 0 3px #c8f4d8}
.step h2{margin-bottom:6px}
.amount{display:flex;justify-content:space-between;align-items:baseline;background:#153f2d;color:#fff;border-radius:12px;padding:14px 16px;margin:12px 0}.amount small{color:#d5e9dd}.amount b{font-size:24px}
.payer{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0e8e2;border-radius:12px;margin:8px 0;font-weight:600}.payer input{width:22px;height:22px;margin:0}
.seg{display:flex;gap:8px}.seg label{flex:1;margin:0}.seg input{position:absolute;opacity:0}.seg span{display:block;text-align:center;padding:12px;border:1px solid #ccd9d0;border-radius:10px;font-weight:700;cursor:pointer}.seg input:checked+span{background:#e8f2eb;border-color:#167c42;color:#155f37}.seg input:focus-visible+span{outline:2px solid #289b5b}
.done{text-align:center}.done-icon{font-size:42px;line-height:1;margin:6px 0 8px}
.entry-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef1ed;flex-wrap:wrap}.entry-row:last-child{border:0}.entry-row small{display:block;color:#617469;font-weight:400;margin-top:2px}
.entry-actions{display:flex;align-items:center;gap:8px}.entry-actions .linkbtn{font-size:12px;color:#a33030}
details.fold>summary{cursor:pointer;font-weight:800;list-style:none;padding:4px 0;display:flex;justify-content:space-between;align-items:center}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:'▾';color:#60736a;transition:transform .2s}
details.fold[open]>summary::after{transform:rotate(180deg)}
details.fold[open]>summary{margin-bottom:10px}
.box details.fold{margin-top:12px;padding-top:12px;border-top:1px solid #eef1ed}
.box details.fold>summary{font-weight:700;color:#155f37}
.count{display:inline-block;min-width:20px;padding:2px 7px;border-radius:20px;background:#167c42;color:#fff;font-size:11px;text-align:center}
.navbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.section-head h1{margin:0}
.match-list{display:grid;gap:10px;margin:14px 0}
.match-item{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e0e8e2;border-radius:16px;padding:16px;color:#16231d}
.match-item b{display:block;font-size:17px;margin-bottom:3px}.match-item small{color:#60736a}
.match-item .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.match-item.past{opacity:.6}
.linkbox{word-break:break-all}
.player-line{padding:12px 0;border-bottom:1px solid #eef1ed}.player-line:last-child{border:0}
.player-line .top-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.player-line .btnrow{margin-top:8px}
button.google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #ccd9d0}
.g-icon{width:20px;height:20px;flex:none}
.or{display:flex;align-items:center;gap:10px;margin:16px 0 4px;color:#617469;font-size:12px}.or::before,.or::after{content:'';flex:1;border-top:1px solid #e0e8e2}
.account{margin-top:12px;padding:12px;border-radius:12px;background:#f3f7f4;font-size:13px}.account button{margin-top:8px}
.legal{max-width:720px;line-height:1.6}.legal .brand{display:inline-block;color:#16231d;text-decoration:none;margin-bottom:18px}
.legal h1{font-size:28px;margin:0 0 4px}.legal h2{font-size:19px;margin:28px 0 8px}.legal h3{font-size:15px;margin:16px 0 6px}
.legal ul{padding-left:20px}.legal li{margin:5px 0}.legal a{color:#167c42}
.legal-links,.footer-links{margin-top:28px;font-size:13px;color:#617469;text-align:center}.footer-links a,.legal-links a{color:#617469}

[hidden]{display:none!important}