/* Presentation-only polish for the public BANDALYTICS research UI.
   Do not place model/scoring/evidence logic in this file. */
:root{--b-red:#ff3b4f;--b-bg:#070a0f;--b-panel:#0d1219;--b-panel2:#111720;--b-line:rgba(255,255,255,.075);--b-muted:#9aa4b2;--b-text:#f4f7fb}
html,body{background:var(--b-bg)!important}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;color:var(--b-text)!important}
.app{max-width:1500px!important;margin:0 auto!important;padding-left:14px!important;padding-right:14px!important}
.topbar,.header,.site-header{backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}
.hero{padding:18px 20px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(17,23,32,.96),rgba(10,14,20,.96))!important;border:1px solid var(--b-line)!important;box-shadow:none!important}
.hero .eyebrow{font-size:10px!important;letter-spacing:.16em!important}
.hero-title{font-size:clamp(25px,4vw,40px)!important;line-height:1!important;letter-spacing:-.035em!important;margin-top:7px!important}
.hero-copy{font-size:14px!important;line-height:1.42!important;max-width:780px!important;color:#b2bac6!important;margin-top:9px!important}
.panel,.card,.box,.section{border-radius:14px!important;border-color:var(--b-line)!important;box-shadow:none!important;background:linear-gradient(180deg,rgba(15,20,28,.98),rgba(10,14,20,.98))!important}
.panel{padding:14px!important;margin-top:10px!important}
.statusgrid{gap:7px!important;margin-top:8px!important}
.statusgrid>*,.statusgrid .card{min-height:68px!important;padding:10px!important;border-radius:12px!important}
.statusgrid .label,.statusgrid small{font-size:9px!important;letter-spacing:.1em!important;color:var(--b-muted)!important}
.statusgrid .value,.statusgrid strong{font-size:16px!important;line-height:1.05!important}
#tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:7px 2px 9px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;position:sticky!important;top:0!important;z-index:30!important;background:linear-gradient(180deg,rgba(7,10,15,.98),rgba(7,10,15,.92))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
#tabs::-webkit-scrollbar{display:none!important}
#tabs button{flex:0 0 auto!important;border-radius:9px!important;padding:8px 11px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.01em!important;border:1px solid var(--b-line)!important;background:#0d1219!important;box-shadow:none!important}
#tabs button.a,#tabs button.active{background:rgba(255,59,79,.12)!important;border-color:rgba(255,59,79,.42)!important;color:#fff!important}
#liveFeed{padding:12px 14px!important}
#v38ProjectedResearch{padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
button,input,select{font:inherit}

/* Once the combined hub has real slate data, make it the unmistakable public workspace.
   Legacy hooks remain in the DOM for compatibility but are visually removed. */
body.bandalytics-combined-live .app> :not(#v38ProjectedResearch){display:none!important}
body.bandalytics-combined-live .app{padding-top:12px!important}
body.bandalytics-combined-live #v38ProjectedResearch{display:block!important;margin-top:0!important}

/* Combined Option 2 + 3 research workspace */
.bd-shell{display:grid;gap:10px}.bd-shell-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:14px 16px;border:1px solid var(--b-line);border-radius:14px;background:linear-gradient(180deg,rgba(15,20,28,.98),rgba(10,14,20,.98))}.bd-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--b-red)}.bd-shell-head h1,.bd-game-head h2{margin:4px 0 0;letter-spacing:-.035em}.bd-shell-head h1{font-size:25px}.bd-shell-head p,.bd-game-head p{margin:5px 0 0;color:var(--b-muted);font-size:11px;line-height:1.4}.bd-stat-row{display:flex;gap:7px;flex-wrap:wrap}.bd-stat-row>span{min-width:82px;padding:9px 10px;border:1px solid var(--b-line);border-radius:10px;background:#0c1118;text-align:center}.bd-stat-row b{display:block;font-size:17px}.bd-stat-row small{display:block;color:var(--b-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.bd-workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:10px;align-items:start}.bd-left,.bd-right,.bd-main-card{border:1px solid var(--b-line);border-radius:14px;background:linear-gradient(180deg,rgba(14,19,27,.98),rgba(9,13,19,.98))}.bd-left,.bd-right{padding:10px}.bd-section-title{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#aeb6c2;margin-bottom:7px}.bd-game-list{display:grid;gap:6px;max-height:70vh;overflow:auto;padding-right:2px}.bd-game{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;padding:9px;border:1px solid var(--b-line);border-radius:10px;background:#0a0f15;color:var(--b-text);cursor:pointer}.bd-game:hover,.bd-game.active{border-color:rgba(255,59,79,.5);background:rgba(255,59,79,.07)}.bd-game b{display:block;font-size:11px}.bd-game small{display:block;color:var(--b-muted);font-size:8.5px;margin-top:2px}.bd-depth{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 6px;font-size:7.5px;font-weight:900;letter-spacing:.04em;white-space:nowrap;border:1px solid var(--b-line)}.bd-depth.deep{color:#7ee787;border-color:rgba(126,231,135,.35)}.bd-depth.mid{color:#72b7ff;border-color:rgba(114,183,255,.35)}.bd-depth.light{color:#a8b0bc}.bd-main-card{overflow:hidden}.bd-game-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px}.bd-game-head h2{font-size:21px}.bd-subtabs{display:flex;gap:18px;overflow-x:auto;padding:0 16px;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line);scrollbar-width:none}.bd-subtabs::-webkit-scrollbar{display:none}.bd-subtabs span{padding:10px 0;font-size:9.5px;color:var(--b-muted);white-space:nowrap;border-bottom:2px solid transparent}.bd-subtabs span.active{color:#fff;border-bottom-color:var(--b-red)}.bd-lineups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.bd-lineup{border:1px solid var(--b-line);border-radius:11px;background:rgba(255,255,255,.018);padding:9px}.bd-lineup-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;margin-bottom:3px;border-bottom:1px solid var(--b-line)}.bd-lineup-head b{font-size:11px}.bd-lineup-head span{font-size:7.5px;color:#f0b44c;font-weight:900}.bd-line{display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.035);font-size:9.5px}.bd-line:last-child{border-bottom:0}.bd-line>span{color:#6f7987}.bd-line em{font-style:normal;font-size:8px;font-weight:900;color:#f0b44c}.bd-line em.six{color:#7ee787}.bd-early{padding:10px;border-top:1px solid var(--b-line)}.bd-look{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}.bd-look:last-child{border-bottom:0}.bd-look .rank{font-size:8px;color:#6f7987}.bd-look b{display:block;font-size:10.5px}.bd-look small{display:block;color:var(--b-muted);font-size:8.5px;margin-top:2px}.bd-look strong{font-size:8.5px;color:#f0b44c}.bd-look strong.six{color:#7ee787}.bd-side-card{border:1px solid var(--b-line);border-radius:11px;background:rgba(255,255,255,.018);padding:10px;margin-bottom:8px}.bd-side-card:last-child{margin-bottom:0}.bd-pitcher,.bd-context{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9.5px}.bd-pitcher:last-child,.bd-context:last-child{border-bottom:0}.bd-pitcher span,.bd-context span{color:var(--b-muted)}.bd-context b{font-size:8.5px;color:#aeb6c2}.bd-note,.bd-empty{font-size:9px;line-height:1.45;color:var(--b-muted)}

@media(max-width:1050px){.bd-workspace{grid-template-columns:210px minmax(0,1fr)}.bd-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bd-side-card{margin:0}}
@media(max-width:760px){.app{padding-left:10px!important;padding-right:10px!important}.hero{padding:15px!important;border-radius:14px!important}.hero-title{font-size:28px!important}.hero-copy{font-size:12.5px!important}.panel{padding:11px!important;border-radius:13px!important}.statusgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.statusgrid>*,.statusgrid .card{min-height:64px!important;padding:9px!important}#tabs{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}.bd-shell-head{display:grid;gap:10px;padding:12px}.bd-shell-head h1{font-size:22px}.bd-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.bd-stat-row>span{min-width:0;padding:7px 4px}.bd-stat-row b{font-size:15px}.bd-workspace{display:block}.bd-left{margin-bottom:8px;padding:8px}.bd-game-list{display:flex;overflow-x:auto;max-height:none;gap:6px;padding-bottom:2px;scrollbar-width:none}.bd-game-list::-webkit-scrollbar{display:none}.bd-game{min-width:175px;flex:0 0 175px}.bd-main-card{margin-bottom:8px}.bd-game-head{padding:12px}.bd-game-head h2{font-size:19px}.bd-lineups{grid-template-columns:1fr;gap:7px;padding:8px}.bd-subtabs{padding:0 12px;gap:15px}.bd-right{display:grid;grid-template-columns:1fr;gap:7px;padding:8px}.bd-side-card{margin:0}.bd-look small{max-width:210px}.bd-section-title{font-size:8.5px}}
