/* 3.45.58 navigation-only UI. All rules are scoped to the new hub to preserve approved scoring screens. */
body.scoutHubOpen{--hub-gold:#f1c45d;--hub-bg:#081d31;--hub-panel:#12334c;--hub-panel2:#173f5d;--hub-edge:#42677d;--hub-muted:#b9cfdf;}
body.scoutHubOpen #phoneContextBar{display:none!important}
body.scoutHubOpen #scoutMainPage{position:fixed!important;inset:20px 0 58px 0!important;padding:0!important;background:radial-gradient(ellipse at 80% 8%,#17405a,#0c253b 55%,#071827)!important;color:#eff7fc!important;overflow:auto!important;overscroll-behavior:contain;z-index:10025!important;box-sizing:border-box}
body.scoutHubOpen #scoutMainNav{z-index:10030!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;height:calc(58px + env(safe-area-inset-bottom,0px))!important;padding:4px 3px max(4px,env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;background:#0a2439!important;border-top:1px solid #44657a!important;border-bottom:0!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important}
body.scoutHubOpen #scoutMainNav button{display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font:700 clamp(9px,2.5vw,12px)/1.1 system-ui!important;min-width:0!important;min-height:0!important;height:100%!important;padding:2px 0!important;margin:0!important;color:#bacfdc!important;background:none!important;border:0!important;border-radius:9px!important;white-space:nowrap!important}
body.scoutHubOpen #scoutMainNav button::before{content:'◈';font-size:19px;line-height:21px;display:block;color:#c1d5e3}
body.scoutHubOpen #scoutMainNav button[data-nav="Home"]::before{content:'⌂'}
body.scoutHubOpen #scoutMainNav button[data-nav="Game Day"]::before{content:'▦'}
body.scoutHubOpen #scoutMainNav button[data-nav="Scouting"]::before{content:'◎'}
body.scoutHubOpen #scoutMainNav button[data-nav="Tournaments"]::before{content:'🏆';font-size:16px}
body.scoutHubOpen #scoutMainNav button[data-nav="Stats"]::before{content:'▥'}
body.scoutHubOpen #scoutMainNav button[data-nav="Team"]::before{content:'♟'}
body.scoutHubOpen #scoutMainNav button.selected{color:#ffdb77!important;background:#1c405a!important}
body.scoutHubOpen #scoutMainNav button.selected::before{color:#ffdb77!important}
#scoutMainPage .scoutHome,#scoutMainPage .scoutDashboard{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;max-width:1270px;margin:auto;padding:18px 16px 32px;color:#eef6fc}
#scoutMainPage .scoutHome * ,#scoutMainPage .scoutDashboard *{box-sizing:border-box}
#scoutMainPage .scoutHome h1,#scoutMainPage .scoutDashboard h1{color:#f7f9fe;font-size:clamp(26px,3vw,39px);letter-spacing:-.7px;margin:1px 0 4px}
#scoutMainPage .scoutHome h2,#scoutMainPage .scoutDashboard h2{font-size:clamp(17px,2vw,22px);color:#f6f9fb;margin:0}
#scoutMainPage .scoutHome p,#scoutMainPage .scoutDashboard p{max-width:none;margin:5px 0 10px;line-height:1.4;font-size:14px;color:#b9cede}
#scoutMainPage .scoutEyebrow{display:block;color:var(--hub-gold,#f0c56d);letter-spacing:1.6px;font-size:11px;font-weight:800;text-transform:uppercase}
#scoutMainPage .scoutHeading{margin:4px 0 16px}
#scoutMainPage .scoutHeading p{margin:0;font-size:14px}
#scoutMainPage .scoutTeamPicker{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#153d58,#0b2942);border:1px solid #b99453;border-radius:14px;padding:12px 13px;margin:9px 0 16px;box-shadow:0 3px 16px #00132266}
#scoutMainPage .scoutEmblem{display:grid;place-items:center;width:45px;height:45px;border:2px solid #e9b963;border-radius:11px;color:#ffcf7c;font-size:22px;font-weight:950;letter-spacing:-1px;flex:none}
#scoutMainPage .scoutTeamIdentity{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
#scoutMainPage .scoutTeamIdentity small{font-size:9px;letter-spacing:1.2px;color:#8ed4f1;font-weight:800}
#scoutMainPage .scoutTeamIdentity strong{font-size:17px;color:#fff;overflow-wrap:anywhere}
#scoutMainPage .scoutTeamIdentity span{font-size:12px;color:#bbd0e0}
#scoutMainPage .scoutTeamSelect,#scoutMainPage .scoutEventSelect{max-width:100%;min-width:0;font:700 13px system-ui;background:#092c43;color:white;border:1px solid #739ab1;border-radius:9px;padding:8px 7px;min-height:42px}
#scoutMainPage .scoutTeamSelect{width:168px;flex:0 1 168px}
#scoutMainPage .scoutTeam-banshees{--hub-gold:#e2a7e9;--hub-panel:#322045;--hub-panel2:#4c2863;--hub-edge:#93629b}
#scoutMainPage .scoutTeam-banshees .scoutTeamPicker{background:linear-gradient(135deg,#40214d,#23152d);border-color:#c68dd0}
#scoutMainPage .scoutTeam-banshees .scoutEmblem{border-color:#e0b4ed;color:#e0b4ed}
#scoutMainPage .scoutHero{background:linear-gradient(95deg,rgba(10,36,55,.9),rgba(10,34,54,.4)),url('field_optimized.webp') center 70% /cover;border:1px solid #527a92;border-radius:17px;padding:23px 20px;min-height:174px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;margin-bottom:18px;box-shadow:inset 0 0 40px #09213388}
#scoutMainPage .scoutHero h2{font-size:25px;margin:4px 0}
#scoutMainPage .scoutHero p{color:#e0edf5;max-width:560px}
#scoutMainPage .scoutSectionTitle{font-size:20px;font-weight:800;margin:5px 0 11px}
#scoutMainPage .scoutTileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#scoutMainPage button.scoutTile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;text-align:left;margin:0!important;min-height:128px;border-radius:13px;border:1px solid #2f6d97;background:linear-gradient(138deg,#153d5b,#092a44);padding:15px 13px;color:white;box-shadow:none;cursor:pointer}
#scoutMainPage button.scoutTile.featured{border-color:#d7b052;background:linear-gradient(140deg,#6b5426,#293a48)}
#scoutMainPage button.scoutTile:focus-visible,#scoutMainPage button.scoutBtn:focus-visible,#scoutMainPage button.scoutRow:focus-visible{outline:3px solid #ffe38f;outline-offset:2px}
#scoutMainPage .scoutTileIcon{font-size:25px;color:#ffd270;line-height:31px}
#scoutMainPage .scoutTileTitle{font-size:16px;font-weight:850;color:white}
#scoutMainPage .scoutTileSub{font-size:11px;color:#c8dce9;line-height:1.35;max-width:94%}
#scoutMainPage .scoutTileArrow{position:absolute;right:12px;top:12px;color:#f3ce77;font-size:23px;line-height:1}
#scoutMainPage button.scoutBtn{display:inline-flex!important;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;margin:6px 0!important;background:#1c4c6d;color:#eaf7fe;border:1px solid #7899b2;border-radius:9px;font:800 13px system-ui;box-shadow:none;cursor:pointer}
#scoutMainPage button.scoutBtnGold{background:linear-gradient(#ffdb77,#e4ad35)!important;color:#1a2c37!important;border-color:#efc766!important}
#scoutMainPage button.scoutBtnOutline{background:transparent!important;border-color:#7692a5!important;color:#f3f8ff!important}
#scoutMainPage button.scoutBtnBack{background:transparent!important;border-color:#b99c68!important;white-space:nowrap;min-height:40px!important}
#scoutMainPage .scoutActivity,#scoutMainPage .scoutCard{background:linear-gradient(140deg,var(--hub-panel,#143650),#0a2a44);border:1px solid var(--hub-edge,#3c657a);border-radius:15px;padding:15px;margin-top:13px}
#scoutMainPage .scoutActivity{margin-top:20px}
#scoutMainPage .scoutActivity h2{margin-bottom:10px}
#scoutMainPage button.scoutRow{display:flex;flex-direction:row;align-items:center;gap:11px;text-align:left;margin:3px 0!important;padding:11px 5px;min-height:57px;border:0;border-bottom:1px solid #45637a;background:transparent;color:white;border-radius:0;width:100%;box-shadow:none}
#scoutMainPage .scoutRowIcon{display:grid;place-items:center;width:30px;height:30px;color:var(--hub-gold,#f2c762);font-size:20px;flex:none}
#scoutMainPage .scoutRowText{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
#scoutMainPage .scoutRowText strong{font-size:14px;color:white}
#scoutMainPage .scoutRowText small{font-size:11px;color:#bdd1e0;line-height:1.3}
#scoutMainPage .scoutChevron{color:#f2c762;font-size:22px}
#scoutMainPage .scoutFootnote{font-size:11px!important;color:#91b3c8!important;margin:16px 0 4px!important;max-width:900px!important}
#scoutMainPage .scoutDashboardTop{display:flex;align-items:center;gap:15px}
#scoutMainPage .scoutDashboardTop .scoutHeading{margin:0;flex:1}
#scoutMainPage .scoutEventCard{background:linear-gradient(125deg,#17405a,#0d2944);border:1px solid #537991;border-radius:14px;padding:15px;margin:12px 0;display:flex;flex-wrap:wrap;gap:5px 16px;align-items:center}
#scoutMainPage .scoutEventCard .scoutEyebrow{flex:0 0 100%}
#scoutMainPage .scoutEventCard h2{flex:1;min-width:200px;font-size:18px}
#scoutMainPage .scoutEventCard p{flex:0 0 100%;order:3;margin:0;color:#b7cede}
#scoutMainPage .scoutEventSelect{margin-left:auto;max-width:min(310px,100%);min-width:170px}
#scoutMainPage .scoutDashTabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 9px}
#scoutMainPage .scoutDashTabs button{margin:0!important;min-height:43px!important;padding:9px 14px!important;border:1px solid #66869b!important;border-radius:9px!important;white-space:nowrap!important;flex:0 0 auto!important;background:#123a55!important;color:#edf7fc!important;font:700 13px system-ui!important}
#scoutMainPage .scoutDashTabs button.active{background:#efc65f!important;color:#132d3e!important;border-color:#f2c65c!important}
#scoutMainPage .scoutOverviewGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;align-items:start}
#scoutMainPage .scoutCard h2{margin-bottom:9px}
#scoutMainPage .scoutNextGame{border-color:#d4b25e}
#scoutMainPage .scoutNextGame h2{font-size:22px;margin:12px 0 7px}
#scoutMainPage .scoutMuted{color:#a9c3d5;font-size:13px;max-width:none}
#scoutMainPage .scoutScheduleRow{display:flex;align-items:center;gap:10px;padding:11px 5px;border-bottom:1px solid #4b6d80;flex-wrap:wrap;font-size:13px}
#scoutMainPage .scoutScheduleRow strong{min-width:110px;font-size:12px;color:#f4cf7e}
#scoutMainPage .scoutScheduleRow span{flex:1;min-width:140px}
#scoutMainPage .scoutScheduleRow small{color:#c1d5e0}
#scoutMainPage .scoutEmpty{background:#0b293e;border:1px dashed #6b8595;border-radius:10px;padding:16px;margin:10px 0}
#scoutMainPage .scoutEmpty strong{color:#f9d37b}
#scoutMainPage .scoutEmpty p{color:#bdd0df}
#scoutMainPage .scoutRosterRow{border-bottom:1px solid #4b6577;padding:10px 0;font-size:13px}
#scoutMainPage .scoutTeamIntro{padding:4px 14px}
@media(min-width:900px){body.scoutHubOpen #scoutMainNav{top:20px!important;right:auto!important;bottom:0!important;left:0!important;width:220px!important;height:auto!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:76px 10px 20px!important;border-right:1px solid #2b5872!important;border-top:0!important;gap:6px!important}
 body.scoutHubOpen #scoutMainNav:before{content:'FASTPITCH SCOUT';position:absolute;top:21px;left:18px;font-size:17px;font-weight:950;color:#ffcf68;letter-spacing:1px}
 body.scoutHubOpen #scoutMainNav button{height:49px!important;min-height:49px!important;flex:0 0 auto!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;padding:8px 15px!important;font-size:15px!important}
 body.scoutHubOpen #scoutMainNav button::before{font-size:22px!important;width:25px;text-align:center}
 body.scoutHubOpen #scoutMainPage{left:220px!important;bottom:0!important}
 #scoutMainPage .scoutTileGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #scoutMainPage .scoutHome,#scoutMainPage .scoutDashboard{padding:26px 28px 32px}
 #scoutMainPage button.scoutTile{min-height:150px}
}
@media(max-width:680px){#scoutMainPage .scoutTeamPicker{flex-wrap:wrap;gap:9px}#scoutMainPage .scoutTeamSelect{width:100%;flex:1 1 100%}#scoutMainPage .scoutHero{min-height:167px;padding:18px}#scoutMainPage .scoutOverviewGrid{grid-template-columns:1fr}#scoutMainPage .scoutDashboardTop{gap:7px}#scoutMainPage .scoutDashTabs button{padding:9px 11px!important}#scoutMainPage .scoutEventSelect{width:100%;max-width:100%;margin:8px 0 0}#scoutMainPage .scoutEventCard h2{width:100%}#scoutMainPage .scoutHome,#scoutMainPage .scoutDashboard{padding:16px 13px 24px}#scoutMainPage button.scoutTile{min-height:125px}}
@media(max-width:370px){body.scoutHubOpen #scoutMainNav button{font-size:9px!important}#scoutMainPage .scoutTileSub{font-size:10px}}