:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#123047;background:#eef3f7}*{box-sizing:border-box}body{margin:0}main{max-width:780px;min-height:100vh;margin:auto;background:#fff;padding:24px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:30px}h1 span{color:#008a70}nav{display:flex;gap:7px;overflow:auto;margin:22px 0}button{border:0;border-radius:9px;padding:11px 14px;cursor:pointer;background:#e5edf2;color:#123047;font:inherit}button.primary{background:#008a70;color:#fff}button:disabled{opacity:.5;cursor:default}nav button.active{background:#123047;color:#fff}section{border:1px solid #dbe5ec;border-radius:14px;padding:18px;margin:12px 0}.muted,small{color:#617589}input,select,textarea{display:block;width:100%;padding:11px;margin:5px 0 14px;border:1px solid #b9cbd6;border-radius:8px;font:inherit}label{font-weight:600;font-size:14px}.pill{display:inline-block;padding:5px 9px;border-radius:50px;background:#e1f6ee;color:#00765e;font-size:12px;font-weight:700}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice{background:#fff7df;padding:12px;border-radius:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips label{font-weight:400;padding:7px 10px;border:1px solid #dbe5ec;border-radius:10px}.chips input{display:inline;width:auto;margin:0 5px 0 0}footer{margin-top:30px;font-size:12px;color:#617589}@media(max-width:560px){main{padding:15px}.grid{grid-template-columns:1fr}header small{font-size:11px}}

.form-section{background:#fff;margin:14px 0 18px}.form-section h3{margin:0 0 15px}.summary{background:#e5f7f0;color:#075f4b;padding:12px;border-radius:10px;font-weight:600}.inline-check{display:flex;align-items:center;gap:8px;margin:8px 0}.inline-check input{display:inline;width:auto;margin:0}#refereeFee[hidden],#repeatHint[hidden],.inline-check[hidden]{display:none}button.primary{font-weight:650}
.keeper{display:inline-block;padding:7px 11px;border-radius:8px;background:#fff2d7;color:#795000;font-weight:750;font-size:14px}

.rolebar{display:flex;align-items:center;gap:12px;background:#eef5f8;padding:8px 12px;border-radius:10px}.rolebar select{width:auto;margin:0}.location-box{background:#f2f7fa;padding:13px;border-radius:10px;margin:15px 0}.location-box p{margin:8px 0}.status{display:inline-block;background:#e4edf8;color:#18456e;padding:7px 10px;border-radius:8px;font-weight:700}.request{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #e1eaf0}.request button{padding:8px 10px}a{color:#007d69}
.tabbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tabbar button.selected{background:#123047;color:white}.pricegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.pricegrid section{margin:0}.pricegrid h2{font-size:22px}.pricegrid h3{font-size:16px}nav{flex-wrap:wrap}nav button{font-size:13px;padding:9px 11px}section input[style]{margin-bottom:0}

/* Welcome screen v0.7 */
[hidden]{display:none!important}body:has(.welcome:not([hidden])){background:#061019;margin:0}
.welcome{min-height:100dvh;background:#061019;color:#fff;display:flex;justify-content:center;align-items:center;padding:0}
.welcome-card{width:min(100%,480px);min-height:100dvh;background:#07141d;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.welcome-photo{position:absolute;inset:0 0 42% 0;background:linear-gradient(180deg,rgba(3,12,18,.08),rgba(3,12,18,.12) 50%,#07141d 100%),url('sports-hero.jpg') center top/cover no-repeat}
.welcome-content{position:relative;z-index:1;padding:28px 26px 34px;text-align:center;margin-top:245px;background:linear-gradient(180deg,transparent,#07141d 18%)}
.welcome-mark h1{font-size:clamp(45px,10vw,66px);margin:0;letter-spacing:-2.5px;color:white;line-height:1.1}.welcome-mark h1 span{color:#a2ef75}.brand-icon{display:block;color:#a2ef75;font-size:38px;font-weight:900;line-height:1.2}
.welcome-content h2{font-size:clamp(23px,6vw,31px);margin:18px 0 8px;color:white}.welcome-content>p{color:#c4cbd0;line-height:1.5;font-size:15px;margin:0 0 23px}
.sport-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 28px}.sport-chips span{border:1px solid #52616b;background:#13252eaa;border-radius:22px;padding:7px 11px;font-size:12px;color:#e7f0f2}
.welcome button{width:100%;min-height:55px;border-radius:15px;font-size:17px;font-weight:800;cursor:pointer;margin:0 0 12px}.welcome-primary{background:#a2ef75;color:#07141d;border:0}.welcome-primary span{float:right;margin-right:12px}.welcome-secondary{background:transparent;border:2px solid #d4dde1;color:#fff}
.welcome-note{display:block;color:#94a3ad;line-height:1.5;margin-top:12px;font-size:11px}.welcome-form{border:1px solid #344750;border-radius:14px;background:#10232c;padding:15px;margin:9px 0 15px;text-align:left}.welcome-form h3{margin:0 0 12px;color:white}.welcome-form label{display:block;margin-bottom:7px;font-size:13px}.welcome-form input{box-sizing:border-box;width:100%;padding:13px;background:#fff;border-radius:9px;border:0;font-size:16px;margin-bottom:12px}.welcome-form p{font-size:12px;color:#b7c6ce;line-height:1.4}
@media(min-width:700px){.welcome{padding:30px}.welcome-card{min-height:760px;border-radius:26px;box-shadow:0 20px 80px #0009}.welcome-content{margin-top:250px}}

.authbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;color:#415e69}.authbar button{padding:7px 12px}.welcome-form .auth-link{background:transparent;border:0;min-height:auto;width:auto;color:#a2ef75;font-size:13px;padding:0;margin:0;text-decoration:underline}.welcome-form button:disabled{opacity:.5}.welcome-form #authMessage{min-height:18px}

/* v0.10: original approved multi-sport welcome artwork. Buttons are real accessible HTML controls. */
.welcome{align-items:center;min-height:100dvh;background:#02090d}
.welcome-card{width:min(100%,480px);min-height:0;display:block;background:#061019;overflow:hidden;position:relative}
.welcome-art{position:relative;width:100%;line-height:0}
.welcome-art img{display:block;width:100%;height:auto}
.welcome .art-action{position:absolute;z-index:3;left:10.6%;width:78.8%;border:0;background:transparent;min-height:0;height:7%;padding:0;margin:0;border-radius:18px;cursor:pointer}
.welcome .art-action:focus-visible{outline:3px solid white;outline-offset:3px}
.welcome .art-register{top:73.1%}
.welcome .art-login{top:81.5%}
.auth-screen{padding:28px 24px 38px;min-height:640px;background:linear-gradient(150deg,#152a31,#061019 65%);color:#fff}
.auth-screen .back-to-welcome{width:auto;min-height:0;font-size:15px;font-weight:600;padding:8px 0;margin:0 0 45px;color:#c5d1d6;background:transparent;border:0}
.auth-brand{text-align:center;font-size:54px;letter-spacing:-2px;font-weight:900;color:#fff;line-height:1.1}
.auth-brand span{color:#a2ef75}
.auth-tagline{text-align:center;font-size:20px;font-weight:700;margin:12px 0 34px}
.auth-screen .welcome-form{margin:0;background:#10232c;border:1px solid #344750}
.auth-screen .welcome-form button{width:100%}
@media(min-width:700px){.welcome{padding:20px}.welcome-card{min-height:0;border-radius:24px}.welcome-art{width:100%}}

/* v0.11: Supabase onboarding */
.onboarding{min-height:100dvh;background:#061019;padding:24px 14px;color:#eaf4f1}
.onboard-card{max-width:700px;margin:auto;background:#11252e;border:1px solid #2d4750;border-radius:22px;padding:28px}
.onboard-brand{text-align:center;font-size:36px;font-weight:900}.onboard-brand span{color:#a2ef75}
.onboard-subtitle{text-align:center;font-size:24px;font-weight:800;margin:12px 0}.onboard-hint{color:#afc3c9;font-size:13px;line-height:1.5}
.onboard-card h3{color:white;margin:28px 0 12px}.onboard-card label{color:#eaf4f1}.onboard-card input,.onboard-card select{background:white;color:#10252b}
.onboard-roles{display:flex;flex-wrap:wrap;gap:10px}.onboard-roles label{border:1px solid #45636b;padding:12px;border-radius:10px;cursor:pointer}
.onboard-roles input,.sport-choice input{width:auto;display:inline;margin:0 7px 0 0}
.sport-choice{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #28404a}
.sport-choice select{margin:0}.sport-choice select:disabled{opacity:.45}
.completion-label{margin-top:24px}.completion-track{background:#354d54;border-radius:99px;height:10px;margin:10px 0;overflow:hidden}.completion-track>div{background:#a2ef75;height:100%}
.onboard-submit{width:100%;background:#a2ef75;color:#07141d;font-weight:800;margin-top:12px}.onboard-cancel{width:100%;background:transparent;color:white;border:1px solid #73858b;margin-top:8px}
#onboardMessage{color:#ffc0b5;font-size:13px}
@media(max-width:500px){.onboard-card{padding:17px}.sport-choice{grid-template-columns:1fr}.onboard-roles{flex-direction:column}}

/* MatchUP v0.12 — dark dashboard */
:root{color-scheme:dark;--bg:#041720;--panel:#092531;--border:#244550;--accent:#83e969;--text:#eff9fb;--muted:#a6bdc7}
body{background:radial-gradient(ellipse at 16% 4%,#0c3940 0,transparent 43%),#04131b;color:var(--text)}
main{max-width:1440px;background:transparent;padding:0 32px 35px;min-height:100vh}
header{padding:22px 0 15px;border-bottom:1px solid #29414a}header h1{font-size:38px;letter-spacing:-1.6px;color:white}header h1 span{color:var(--accent)}header small{color:#b2c5cc}
.main-nav{display:flex;align-items:center;gap:12px;margin:0;padding:12px 0 17px;overflow:visible;flex-wrap:wrap;border-bottom:1px solid #29414a}
.main-nav>button{border:1px solid #183d48;background:#08232e;color:#f1f9fa;padding:15px 25px;font-weight:750;font-size:15px;border-radius:35px}
.main-nav>button.active{background:#153d42;color:var(--accent);border-color:#346259}
.profile-wrap{margin-left:auto;position:relative}.main-nav .profile-toggle{display:flex;align-items:center;gap:12px;background:transparent;color:white;font-weight:650;padding:5px 12px;border:0;text-align:left}.profile-avatar{width:43px;height:43px;border:1px solid #4b7477;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#174049;font-size:26px}.chevron{font-size:20px}.profile-menu{position:absolute;right:0;top:100%;min-width:235px;z-index:20;background:#102d36;border:1px solid #41636a;border-radius:14px;padding:8px;box-shadow:0 15px 40px #0008}.profile-menu button{display:block;width:100%;text-align:left;background:transparent;color:#f2f8f8;padding:13px}.profile-menu button:hover{background:#24464d}
#app{padding-top:24px}#app h2{font-size:clamp(28px,4vw,45px);letter-spacing:-1px;color:white;margin:6px 0 12px}#app h3{color:white}#app>p.muted{font-size:17px}
section{background:linear-gradient(135deg,#0a2b35,#061d29);border:1px solid var(--border);border-radius:19px;padding:20px;margin:14px 0;color:var(--text)}
button{background:#173844;color:#f4fafa;border-radius:12px}button.primary,.search-submit{background:var(--accent);color:#08202a;font-weight:800}nav button.active{background:#153c41;color:var(--accent)}
input,select,textarea{background:#0b2b37;border:1px solid #315361;color:#f4fbfc;border-radius:11px;padding:13px}input::placeholder{color:#a5bbc3}select option{background:#0b2b37;color:white}label{color:#e1eff2}.muted,small,footer{color:var(--muted)}.pill{background:#153f39;color:var(--accent)}.status{background:#244750;color:#a3efcc}.notice{background:#263c38;color:#f2f5e7}.summary{background:#183d36;color:#a8ef9c}.form-section{background:#0a2733}.location-box{background:#173742}.keeper{background:#4b3821;color:#ffe2a7}.tabbar button.selected{background:#31585a;color:#a2ef75}.chips label{border-color:#345562}
.dashboard-hero{position:relative;overflow:hidden;border-radius:24px;min-height:150px;padding:28px 30px;background:linear-gradient(90deg,#062530 10%,#062530dd 47%,#06253044 100%),url('sports-hero.jpg') center 40%/cover no-repeat}.dashboard-hero h2{margin:0!important}.dashboard-hero h2 em{color:var(--accent);font-style:normal}.dashboard-hero p{color:#b7cdd3;font-size:17px}
.search-panel{padding:25px 28px;background:#06232fef;border:1px solid #2b4e57;border-radius:20px;margin-top:-5px;position:relative;box-shadow:0 10px 35px #0003}.search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.search-grid .wide{grid-column:span 2}.search-grid label{display:block;margin-bottom:8px}.search-grid input,.search-grid select{margin:0}.radius-box{grid-column:span 2}.radius-box .radius-title{display:flex;justify-content:space-between;align-items:center}.radius-title label{display:flex;gap:10px;align-items:center;font-weight:500}.radius-title input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.radius-box input[type=range]{accent-color:var(--accent);width:100%;margin:15px 0 4px;padding:0;height:6px;cursor:pointer}.radius-scale{display:flex;justify-content:space-between;color:#a5bfc8;font-size:12px}.search-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.search-submit{min-width:220px;padding:16px 30px}.search-extra{margin-top:16px}.results-head{display:flex;align-items:center;gap:18px;margin-top:30px}.results-head h2{font-size:28px!important}.results-count{background:#0e3340;border-radius:12px;padding:8px 14px;color:#b4c9d0}.results-list section{margin:10px 0;padding:22px}.results-list section h3{font-size:20px}.results-list section button{background:var(--accent);color:#08202a;font-weight:800}.results-list section p{color:#c5d5dc}.demo-disclaimer{font-size:13px;color:#b0c5cb;margin:10px 0}.radius-note{color:#9cbac2;font-size:12px}
@media(max-width:900px){main{padding:0 18px 24px}.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-grid .wide,.radius-box{grid-column:span 2}.main-nav>button{padding:12px 14px}}
@media(max-width:550px){main{padding:0 12px 20px}header h1{font-size:30px}.main-nav{gap:6px}.main-nav>button{font-size:12px;padding:11px 9px}.profile-wrap{margin-left:0;width:100%}.main-nav .profile-toggle{padding:4px 0}.search-panel{padding:16px}.search-grid{grid-template-columns:1fr}.search-grid .wide,.radius-box{grid-column:span 1}.dashboard-hero{padding:25px 18px}.search-actions{flex-direction:column;align-items:stretch}.search-submit{width:100%}}
/* Auth and onboarding preserve their established dark theme */
.welcome,.onboarding{color-scheme:light}.onboard-card{color-scheme:light}

/* v0.13: auth input readability */
.welcome-form input,.welcome-form input:focus,.welcome-form input:-webkit-autofill,.welcome-form input:-webkit-autofill:focus{color:#10252b!important;-webkit-text-fill-color:#10252b!important;caret-color:#10252b!important;background-color:#fff!important}
.welcome-form input::placeholder{color:#8b9fa9!important;opacity:1}
.mu-team-actions{border-top:1px solid #315361;margin-top:16px;padding-top:12px}
.mu-team-actions .row{margin:9px 0}
.mu-team-actions .row input{flex:1;min-width:160px;margin:0}
.mu-keeper-field{margin-top:18px}
.mu-keeper-field[hidden],#muKarting[hidden]{display:none}

/* v0.14 */
.main-nav>button[hidden]{display:none!important}
.mu14-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.mu14-stats section{margin:0;background:#122d3b;border:1px solid #285060;padding:18px;border-radius:14px}
.mu14-stats section h2{font-size:2rem;margin:8px 0;color:#b8f07d}
.mu14-stats section small{color:#b5c9d1}
.mu14-football{margin-top:18px;padding:16px;border:1px solid #335463;border-radius:12px}
.mu14-football[hidden]{display:none!important}
.mu14-tags{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:720px){.mu14-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.15 */
.mu15-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.mu15-choice{display:flex;flex-direction:column;gap:6px;border:1px solid #45616d;background:#17303d;border-radius:12px;padding:12px;color:#f3f9fb;cursor:pointer}
.mu15-choice input{width:18px;height:18px;accent-color:#b5eb79}
.mu15-choice small{color:#b4c7cf;font-size:12px;line-height:1.4}
.mu15-paywall{border:1px solid #a5c06a;background:#1c3037}
.mu15-mode{border:1px solid #a7e779!important;color:#b5eb79!important}
@media(max-width:560px){.mu15-choices{grid-template-columns:1fr}}

/* v0.15.1: single coherent navigation + clear safe demo switch */
.main-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.main-nav > button{white-space:nowrap}
.mu151-switch{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #305161;border-radius:30px;margin-left:auto;background:#092431}
.mu151-switch span{font-size:11px;color:#9db5c2;padding:0 5px}
.mu151-switch button{padding:9px 12px;border-radius:25px;border:0;background:transparent;color:#bed1d8;font-weight:700;font-size:12px;cursor:pointer}
.mu151-switch button.chosen{background:#a1ed70;color:#082130}
.mu151-banner{padding:15px 18px;margin-bottom:20px;border:1px solid #47706d;border-radius:14px;background:#123a3a;display:flex;flex-direction:column;gap:5px}
.mu151-banner b{color:#b5ed88;font-size:13px;letter-spacing:.5px}
.mu151-banner span{color:#c5d8dc;font-size:13px}
.main-nav .profile-wrap{margin-left:0}
@media(max-width:700px){.mu151-switch{order:2;margin:0;width:100%;justify-content:center}.main-nav .profile-wrap{margin-left:auto}}
/* MatchUP v0.16 */
.mu16-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.mu16-plans section{margin:0;min-width:0}.mu16-plans h2{font-size:25px;overflow-wrap:anywhere}.mu16-plans small{font-size:13px}.mu16-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mu16-stats section{display:flex;flex-direction:column;gap:8px}.mu16-stats b{font-size:25px}.mu16-stats small{font-size:12px;color:#a6b9bf}.mu16-scroll{overflow-x:auto;margin:16px 0}.mu16-calendar{display:grid;grid-template-columns:64px repeat(7,minmax(85px,1fr));gap:5px;min-width:695px;text-align:center}.mu16-calendar>b{padding:9px}.mu16-hour{font-size:12px;padding:15px 2px;color:#a6b9bf}.mu16-cell{border:1px solid #355663;border-radius:8px;min-height:53px;font-size:11px;background:#17343d;color:white;cursor:pointer}.mu16-cell.busy,.mu16-cell.confirmed{background:#176650}.mu16-cell.listed{background:#7b5c20}.mu16-cell.pending{background:#805123}.mu16-cell.free{background:#102c37}.mu16-cell:hover{outline:2px solid #35d2b1}@media(max-width:650px){.mu16-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v0.17 integrated team and rating styles */
.mu17-teamhead{display:flex;align-items:center;gap:16px}.mu17-crest{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:3px solid;border-radius:18px;font-size:30px;background:#0b2632}.mu17-team .row{flex-wrap:wrap;gap:8px}.mu17-reputation{margin-top:16px;padding:14px;border-radius:12px;background:#102f3b}.mu17-rating-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;flex-wrap:wrap}.mu17-stars{display:flex;gap:5px}.mu17-star{background:transparent;border:0;color:#a1afbb;font-size:35px;line-height:1;cursor:pointer;padding:2px}.mu17-star.on{color:#ffce58}.mu17-challenge{padding:12px;margin:10px 0;border:1px solid #285060;border-radius:12px}.mu17-challenge button{margin:4px}

/* v0.17.1: pricing typography and three clear groups */
.mu171-pricing{display:flex;flex-direction:column;gap:22px;margin:18px 0}
.mu171-group>h3{margin:0 0 12px;font-size:19px}
.mu171-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mu171-plan{min-width:0;margin:0;padding:18px;display:flex;flex-direction:column;gap:10px}
.mu171-plan h4{margin:0;font-size:16px;line-height:1.35}
.mu171-price{display:flex;align-items:baseline;flex-wrap:nowrap;gap:5px;white-space:nowrap;max-width:100%}
.mu171-price strong{font-size:clamp(21px,2.5vw,32px);line-height:1.2;letter-spacing:-.03em}
.mu171-price span{font-size:13px;white-space:nowrap;flex-shrink:0}
.mu171-year{margin:0;font-size:14px}
.mu171-desc{margin:0;font-size:14px;line-height:1.5}
@media(max-width:680px){.mu171-plan-grid{grid-template-columns:1fr}.mu171-plan{padding:16px}.mu171-price strong{font-size:27px}}
@media(min-width:681px) and (max-width:900px){.mu171-plan{padding:12px}.mu171-price strong{font-size:22px}.mu171-price span{font-size:11px}}
/* v0.17.2 */
.mu172-selectors,.mu172-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0}.mu172-selectors label{min-width:190px;flex:1}.mu172-controls label{min-width:170px}.mu172-summary,.mu172-income{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.mu172-income{grid-template-columns:repeat(2,minmax(0,1fr))}.mu172-summary section,.mu172-income section{margin:0;min-width:0}.mu172-summary h2,.mu172-income h2{font-size:clamp(20px,2.8vw,31px);margin:8px 0}.mu172-summary small,.mu172-income small{color:#b6cdd1}.mu172-progress{height:11px;border-radius:12px;background:#14313a;overflow:hidden}.mu172-progress span{display:block;height:100%;background:#70e96c}.mu172-period{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.mu172-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.mu172-month>b{text-align:center;padding:10px}.mu172-month button{min-height:68px;border:1px solid #2e5260;background:#102e39;color:white;border-radius:8px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.mu172-month button.other{opacity:.4}.mu172-month small{font-size:11px;color:#bdd5d8}.mu172-closed{display:grid;place-items:center;background:#071b24;border-radius:8px;color:#516873}.mu172-court-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #274b55}.mu172-hours-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end;padding:9px 0;border-bottom:1px solid #23424c}.mu172-hours-row input[type=checkbox]{width:auto}.mu172-upload-box{margin:18px 0;padding:15px;border:1px solid #345861;border-radius:12px}.mu172-upload-box input[type=file]{max-width:100%}.mu172-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-avatar{overflow:hidden}.mu17-crest{overflow:hidden}@media(max-width:650px){.mu172-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mu172-income{grid-template-columns:1fr}.mu172-hours-row{grid-template-columns:1fr 1fr}.mu172-hours-row>label:first-child{grid-column:span 2}.mu172-month button{min-height:55px}.mu172-month small{font-size:9px}}

/* MatchUP v18 – uredne registracijske kartice i sudačka uloga */
.mu18-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.mu18-account-card{display:flex;align-items:flex-start;gap:10px;min-width:0;border:1px solid #45616d;border-radius:13px;padding:14px 12px;background:#17303d;cursor:pointer;line-height:1.45}
.mu18-account-card:has(input:checked){border-color:#a5ed79;background:#1b3b3c}
.mu18-account-card input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;accent-color:#a5ed79}
.mu18-account-copy{display:flex;flex-direction:column;gap:7px;min-width:0;overflow-wrap:anywhere}
.mu18-account-copy strong{font-size:15px;line-height:1.25;color:#fff}
.mu18-account-copy>span{font-size:12px;color:#d3e2e7}
.mu18-account-copy .mu18-note{color:#b6e5c7;font-size:11px}
.mu18-ref-card{display:flex;align-items:flex-start;gap:12px;border:1px solid #45616d;border-radius:12px;padding:16px;background:#15313d}
.mu18-ref-card input{width:20px;height:20px;flex:0 0 20px;accent-color:#a5ed79;margin:2px 0 0}
.mu18-ref-card span{display:flex;flex-direction:column;gap:6px}
.mu18-ref-card small{font-size:12px;color:#c4d9e1;line-height:1.5}
#mu18-ref-status{color:#b6e5c7}
@media(max-width:560px){.mu18-account-grid{grid-template-columns:1fr}}
/* MatchUP v19 */
.mu19-upload{margin:18px 0;padding:18px;border:1px solid #365964;border-radius:14px;background:#0b2a34}.mu19-image-row,.mu19-profile-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.mu19-preview{width:100px;height:100px;flex:0 0 100px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:2px solid #4a7c83;background:#153642;font-size:44px}.mu19-team-preview{border-radius:16px}.mu19-img{width:100%;height:100%;object-fit:cover;display:block}.mu19-file-label{display:block;font-weight:700;margin-bottom:8px}.mu19-upload input[type=file]{display:block;max-width:100%;margin-bottom:10px}.mu19-upload .row{display:flex;gap:8px;flex-wrap:wrap}.mu19-tabs{display:flex;gap:10px;margin:18px 0}.mu19-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.mu19-stats>div{background:#153642;border:1px solid #345561;padding:16px;border-radius:12px;display:grid;gap:8px}.mu19-stats strong{font-size:27px}.mu19-stats small{color:#b3d2d7}.mu151-switch[hidden]{display:none!important}.profile-avatar .mu19-img,.mu17-crest .mu19-img{width:100%;height:100%;object-fit:cover}

/* v20: right-aligned clickable profile pill; organizer demo switch remains hidden normally */
.main-nav .profile-wrap{margin-left:auto;flex:0 0 auto}
.main-nav .profile-toggle{display:flex;align-items:center;gap:12px;padding:7px 15px;border:1px solid #346259;border-radius:999px;background:#153d42;color:#f1f9fa;min-height:51px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.main-nav .profile-toggle:hover,.main-nav .profile-toggle:focus-visible{background:#1a4b4d;border-color:#83e969;box-shadow:0 0 0 2px #83e96922;outline:none}
.main-nav .profile-toggle .profile-avatar{flex:0 0 40px;width:40px;height:40px}
.main-nav .profile-toggle #authWho{white-space:nowrap}
.main-nav .profile-toggle .chevron{line-height:1}
@media(max-width:700px){.main-nav .profile-wrap{margin-left:auto;width:auto;order:initial}.main-nav .profile-toggle{padding:5px 10px;gap:7px}}

/* MatchUP v21 */
.main-nav>button[data-mu21]{transition:background .15s,border-color .15s,box-shadow .15s}
.main-nav>button[data-mu21]:hover,.main-nav>button[data-mu21]:focus-visible{background:#194b42;border-color:#8ae978;box-shadow:0 0 0 2px #83e96922;outline:none}
.main-nav>button[data-mu21].active{background:#1a4840;border-color:#6bcf75;color:#9ef378}
.mu21-subtabs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 24px;padding:10px;border:1px solid #2c5055;border-radius:16px;background:#0d2931}
.mu21-subtabs button{border:1px solid #31555a;border-radius:24px;padding:10px 17px;background:#102e38;color:#e5f4f5;font-weight:700;cursor:pointer}
.mu21-subtabs button:hover,.mu21-subtabs button:focus-visible{background:#1d5043;border-color:#8ae978}
.mu21-subtabs button.active{background:#a1ed70;color:#0a292e;border-color:#a1ed70}
.mu21-success{text-align:center;display:grid;gap:12px;padding:15px 0}.mu21-success h2{font-size:22px}.mu21-success strong{overflow-wrap:anywhere;color:#a1ed70}.mu21-mail{width:66px;height:66px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#1b4c42;color:#a1ed70;font-size:35px}.mu21-resend{background:transparent;border:1px solid #446a70;color:#d9efef;border-radius:12px;padding:12px;cursor:pointer}.mu21-resend:disabled{opacity:.5}.mu21-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.mu21-role-grid>div{background:#153741;border:1px solid #31575c;padding:16px;border-radius:12px}.mu21-role-grid p{color:#b6d1d7}

/* v22 format warning and profile placement */
.mu22-warning{padding:12px 15px;border:1px solid #e5a15e;border-radius:10px;color:#ffe1b8;background:#4b3322}
.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.main-nav>.profile-wrap{margin-left:auto;flex-shrink:0}
.main-nav .profile-toggle{border:1px solid #497e69;border-radius:999px;padding:9px 14px;transition:background .15s,border-color .15s,box-shadow .15s}
.main-nav .profile-toggle:hover,.main-nav .profile-toggle:focus-visible{background:#1b4a40;border-color:#a1ed70;box-shadow:0 0 0 2px #a1ed7022}
.main-nav>button[data-mu21]:hover{background:#1d5043;border-color:#a1ed70;color:#baff9c}

/* v23: calendar first, statistics below; quick date jump in weekly heading */
.mu23-stats{margin-top:30px;}
.mu23-stats>h3{margin:0 0 14px;}
.mu23-jump{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center;cursor:pointer;}
.mu23-jump span{font-size:14px;}
.mu23-jump input[type=date]{max-width:170px;min-width:145px;cursor:pointer;border:1px solid rgba(137,230,130,.55);border-radius:10px;background:#112d39;color:#fff;padding:10px;}
.mu23-jump input[type=date]:hover,.mu23-jump input[type=date]:focus{border-color:#9dec75;box-shadow:0 0 0 2px rgba(157,236,117,.13);}
@media(max-width:680px){.mu172-period{gap:8px;flex-wrap:wrap;}.mu23-jump{order:-1;width:100%;}}

/* v24: jednostavnija tražilica i upozorenje uz broj igrača */
.search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mu24-radius{margin-top:18px;grid-column:auto}
.mu24-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.mu24-extra-grid label{display:block;margin-bottom:8px}
.mu24-extra-grid input,.mu24-extra-grid select{width:100%}
@media(max-width:760px){.search-grid,.mu24-extra-grid{grid-template-columns:1fr}.mu24-radius{grid-column:auto}}

/* MatchUP v25 */
.main-nav>button:not(:disabled):hover,.main-nav>button:not(:disabled):focus-visible{background:#194b42!important;border-color:#8ae978!important;color:#baff9c!important;box-shadow:0 0 0 2px #83e96922;outline:none}
.main-nav>button.active{background:#1a4840!important;border-color:#6bcf75!important;color:#9ef378!important}
.mu25-myteams{margin:12px 0 22px}
.mu25-create-details>summary{cursor:pointer;padding:16px;border:1px solid #346259;border-radius:12px;font-weight:750;color:#a1ed70;list-style:none}
.mu25-create-details>summary:hover{background:#1a4840}
.mu25-color-line{display:flex;align-items:center;gap:12px;margin:8px 0}
.mu25-color-line input[type=color]{display:block;width:74px;height:48px;min-width:74px;padding:4px;margin:0;cursor:pointer;border-radius:10px}
.mu25-color-line span{font-size:14px;font-weight:650}
.mu25-disabled{opacity:.45}
.mu25-optional{display:flex;align-items:center;gap:8px;font-size:12px}
.mu25-optional input{width:auto;margin:0}
.mu25-team-info{font-size:13px;line-height:1.7}
.mu25-swatch{display:inline-block;width:19px;height:19px;border:1px solid #9baeb3;border-radius:5px;vertical-align:middle;margin-left:5px}

/* MatchUP v26 */
.main-nav > button.active,.main-nav > button.active:hover{background:#1a4840!important;border-color:#80eb74!important;color:#b5ffa5!important}
.main-nav > button:not(.active):hover{background:#153c37!important;border-color:#78e975!important;color:#b5ffa5!important}
.mu26-photo-upload{margin:18px 0;padding:16px;border:1px solid #365961;border-radius:12px}
.mu26-photo-upload .mu19-file-label{cursor:pointer}
.mu26-team-facts{display:flex;gap:34px;align-items:center;flex-wrap:wrap;margin:12px 0 14px 0;padding:11px 0;border-top:1px solid #294b51;border-bottom:1px solid #294b51}
.mu26-team-facts>div{display:flex;flex-direction:column;gap:5px}
.mu26-team-facts small{font-size:12px;color:#a4bac2;font-weight:400}
.mu26-team-facts strong{font-size:14px;font-weight:650}
.mu26-colors{display:flex;gap:8px;min-height:22px;align-items:center}
.mu26-colors .mu25-swatch{width:23px;height:23px;margin:0;border:1px solid #81979d}
.mu171-plan.mu26-hover-card{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;cursor:default}
.mu171-plan.mu26-hover-card:hover{background:#183e39!important;border-color:#83ea74!important;box-shadow:0 0 0 1px #83ea7466;transform:translateY(-2px)}

.mu171-plan:hover{background:#183e39!important;border-color:#83ea74!important;box-shadow:0 0 0 1px #83ea7466;transform:translateY(-2px)}

/* v27 team card facts: a clean row, never inside the title or subtitle */
.mu17-team .mu27-team-facts{display:flex;align-items:center;gap:44px;flex-wrap:wrap;padding:12px 0;margin:10px 0 13px;border-top:1px solid #294b51;border-bottom:1px solid #294b51}
.mu27-fact{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:125px}
.mu27-fact>span{font-size:12px;font-weight:400;color:#a6bfc5}
.mu27-fact strong{font-size:14px;font-weight:650;color:#f2fbfa}
.mu27-swatches{display:flex;align-items:center;gap:8px;min-height:22px}
.mu27-swatch{display:block;width:22px;height:22px;border:1px solid #82969b;border-radius:5px}

/* v28 */
.mu28-danger{border:1px solid #a94c4c!important;color:#ffb5b5!important;background:#3a2027!important}
.mu28-danger:hover{background:#66272f!important}
.mu28-booking{border:1px solid #35525d;border-radius:12px;padding:16px;margin:16px 0;display:grid;gap:12px}
.mu28-booking label{display:block}.mu28-booking input,.mu28-booking textarea{width:100%;margin-top:6px}
.mu28-business-profile{max-width:850px}.mu28-business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:22px 0}.mu28-business-grid>div{display:flex;flex-direction:column;gap:6px}.mu28-business-grid small{color:#b0c4cb}

/* MatchUP v29 */
#mu172-editor{scroll-margin-top:20px;border:1px solid #4c806c;border-radius:12px;padding:18px;margin:18px 0;background:#102c34}
.mu28-booking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #345b61;border-radius:10px;margin:16px 0;padding:16px}
.mu28-booking legend{padding:0 8px;font-weight:700}
.mu28-booking label{display:flex;flex-direction:column;gap:6px}
.mu28-booking label:has(textarea),.mu28-booking button,.mu28-booking .muted{grid-column:1/-1}
.mu29-price{border-top:1px solid #335b60;padding-top:12px;margin-top:14px}
.mu29-price-tag{color:#a1f28e;font-weight:650}
@media(max-width:600px){.mu28-booking{grid-template-columns:1fr}}

/* v30 compact calendar editor */
.mu30-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,10,17,.75);display:flex;align-items:center;justify-content:center;padding:18px}
.mu30-modal{width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#142b39;border:1px solid #40606a;border-radius:16px;padding:18px;box-shadow:0 18px 65px #0009;color:#f0f7f8}
.mu30-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.mu30-head h3{margin:0}.mu30-head p{margin:5px 0 12px}
.mu30-close{font-size:25px;line-height:1;min-width:36px}.mu30-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 14px}.mu30-actions button{font-size:12px;padding:9px 5px}
.mu30-disclosure{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin:0 0 8px}
#mu30-notes[hidden]{display:none!important}#mu30-notes{display:grid;gap:9px;padding:8px 0 12px}#mu30-notes label,.mu30-offer label{display:grid;gap:5px;font-size:13px}#mu30-notes input,#mu30-notes textarea,.mu30-offer input,.mu30-offer select{width:100%;box-sizing:border-box}
.mu30-offer{border-top:1px solid #34505b;padding:12px 0}.mu30-offer summary{cursor:pointer}.mu30-offer label{margin:10px 0}.mu30-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.mu30-hint{font-size:11px;opacity:.65;margin:10px 0 0}.mu30-delete-section{margin-top:24px;border-top:1px solid #52616a;padding-top:16px}
@media(max-width:460px){.mu30-modal{padding:14px}.mu30-actions{grid-template-columns:1fr 1fr}.mu30-actions button:last-child{grid-column:1/-1}}

.mu-request-notice{margin:14px 0;padding:14px;border:2px solid var(--accent,#83e969);border-radius:12px;background:#153d42}.mu-request-notice strong{display:block;margin-bottom:10px}.tabbar{display:flex;gap:8px;flex-wrap:wrap}.mu-request-count{margin-left:6px;font-weight:800}

.mu-unread{display:inline-block;min-width:22px;padding:3px 7px;border-radius:999px;background:#d92d42;color:#fff;font-size:13px;font-weight:800;text-align:center}.mu-notification-new{border-left:4px solid #ef4055}#mu-notification-button{display:inline-flex;gap:8px;align-items:center}#mu-notification-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}

.mu-notification{border-left:4px solid var(--notification-color,#74969d)}.mu-notification-positive{--notification-color:var(--accent,#83e969)}.mu-notification-negative{--notification-color:#ef4055}.mu-notification .mu-unread{background:var(--notification-color,#74969d);color:#071e27}.mu-notification-negative .mu-unread{color:#fff}.mu-notification:not(.mu-notification-new){border-left-width:2px}