body { background:#f6f7fb; color:#172536; margin:0 }
.nba-header { height:auto; min-height:76px; gap:16px }
.nba-header .app-nav { display:flex; align-items:center; gap:0; margin-left:auto; align-self:stretch }
.nba-header .app-nav a { display:flex; align-items:center; height:100%; padding:0 12px; border-bottom:3px solid transparent; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; white-space:nowrap }
.nba-account { color:#d5e4f5; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap }
.nba-main { max-width:1120px; margin:auto; padding:2rem 1.5rem 5rem }.nba-title-row { display:flex; align-items:end; justify-content:space-between; gap:1rem; flex-wrap:wrap }
.nba-title-row select { max-width:min(100%, 340px) }
.nba-title-row h1 { margin:.1rem 0 1rem; font-size:2.25rem }.nba-eyebrow { color:#427b78; font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin:0 }
.nba-main h1 { color:#172536 }
.nba-title-row label { display:grid; gap:.4rem; font-size:.8rem; font-weight:700; min-width:min(100%,310px) } select,input,button { font:inherit }
.nba-title-row select,.nba-filters select,.nba-filters input,.nba-draft-select { padding:.65rem .75rem; border:1px solid #cbd5df; border-radius:8px; background:white; color:#172536 }
.nba-tabs { overflow:auto }
.nba-notice { background:#e9f3f6; border:1px solid #c6dbe0; padding:.8rem 1rem; border-radius:9px; margin-bottom:1rem; font-size:.9rem }.nba-notice:empty { display:none }
.nba-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr); gap:1rem }.nba-card { background:white; border:1px solid #dce3e9; border-radius:12px; padding:1.25rem; margin-bottom:1rem; box-shadow:0 4px 14px #18304708 }
.nba-card h2 { margin:0 0 .8rem; font-size:1.15rem }.nba-card h3 { margin:.3rem 0; font-size:1.6rem }.nba-main-number { font-size:1.75rem; font-weight:800; color:#086b5c }.nba-muted { color:#5e6d78; font-size:.86rem }.nba-warning { color:#8a4c10 }.nba-pill { display:inline-block; background:#eef3f7; padding:.22rem .5rem; border-radius:6px; margin-right:.3rem; font-size:.76rem; font-weight:700 }
.nba-team { background:#e8f4f0; color:#086b5c }
.nba-player-link { color:inherit; text-decoration:none }.nba-player-link:hover,.nba-player-link:focus-visible,.nba-player-link[aria-current="true"] { color:#086b5c; text-decoration:underline }
.nba-draft-analysis .nba-season-cards { gap:.35rem }.nba-draft-analysis .nba-season-cards>div { padding:.55rem .4rem }.nba-draft-analysis .nba-season-cards strong { font-size:1.3rem }.nba-draft-analysis .nba-season-cards small { font-size:.7rem }.nba-draft-analysis details { margin-top:1rem }
.nba-list { list-style:none; padding:0; margin:0 }.nba-list li { border-top:1px solid #edf0f3; padding:.75rem 0; display:flex; justify-content:space-between; gap:1rem; align-items:center }.nba-list li:first-child { border-top:0 }.nba-list small { display:block; color:#657482 }.nba-list button,.nba-refresh { border:1px solid #a8c8c4; border-radius:7px; background:#edfaf7; color:#075c50; padding:.4rem .65rem; cursor:pointer }
.nba-roster-list { list-style:none; padding:0; margin:0 0 1rem }.nba-roster-list li { display:grid; grid-template-columns:3.5rem minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.6rem 0; border-bottom:1px solid #edf0f3; font-size:.9rem }.nba-roster-list li:last-child { border-bottom:0 }.nba-roster-list strong { white-space:nowrap; font-size:.82rem }.nba-roster-slot { color:#086b5c; font-size:.78rem; font-weight:800 }.nba-roster-name { min-width:0 }.nba-roster-open,.nba-roster-empty { color:#71808b }.nba-roster-list .nba-roster-empty { display:block }
.nba-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.7rem }.nba-filters input { flex:1; min-width:180px }.nba-filters select { width:130px }.nba-card details { margin-top:.8rem; color:#526676 }.nba-card summary { cursor:pointer; color:#245f6b }.nba-topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; flex-wrap:wrap }
.nba-mock-connect { background:#fff; border:1px solid #dce3e9; border-radius:10px; padding:1rem; margin-bottom:1rem }.nba-mock-connect label { display:block; font-weight:750; font-size:.9rem; margin-bottom:.5rem }.nba-mock-connect div { display:flex; gap:.5rem; flex-wrap:wrap }.nba-mock-connect input { flex:1; min-width:220px; padding:.65rem .75rem; border:1px solid #cbd5df; border-radius:8px }.nba-mock-connect button,.nba-live-status button { border:1px solid #a8c8c4; border-radius:7px; background:#edfaf7; color:#075c50; padding:.55rem .75rem; cursor:pointer }.nba-live-status { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; background:#e8f4f0; border:1px solid #b5d9d1; border-radius:9px; padding:.75rem 1rem; margin-bottom:1rem; font-size:.88rem }.nba-live-status strong { color:#075c50 }
.nba-player-layout { display:grid; grid-template-columns:minmax(240px,320px) minmax(0,1fr); align-items:start; gap:1rem }.nba-player-layout input { width:100%; padding:.65rem .75rem; border:1px solid #cbd5df; border-radius:8px }.nba-player-results { list-style:none; margin:1rem 0 0; padding:0; max-height:70vh; overflow:auto }.nba-player-results li { border-bottom:1px solid #edf0f3 }.nba-player-results button { width:100%; border:0; background:transparent; padding:.7rem .45rem; color:#172536; display:flex; justify-content:space-between; align-items:center; gap:.6rem; text-align:left; cursor:pointer }.nba-player-results button:hover,.nba-player-results button[aria-current="true"] { background:#e8f4f0 }.nba-player-results small { display:block; color:#5e6d78; margin-top:.2rem }.nba-player-results button>span:last-child { font-size:.76rem; white-space:nowrap; font-weight:700 }.nba-player-title { font-size:1.8rem!important; margin:.3rem 0 .8rem!important }.nba-season-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; margin:1.2rem 0 }.nba-season-cards>div { background:#f2f5f7; border-radius:9px; padding:.8rem }.nba-season-cards .nba-season-projected { background:#e8f4f0 }.nba-season-cards span,.nba-season-cards small { display:block; color:#526676; font-size:.77rem }.nba-season-cards strong { display:block; color:#172536; font-size:1.7rem; margin:.2rem 0 }.nba-trends { color:#086b5c; font-weight:700; font-size:.9rem }.nba-trends p { margin:.3rem 0 }.nba-table-wrap { overflow-x:auto }.nba-history-table { width:100%; border-collapse:collapse; font-size:.82rem; white-space:nowrap }.nba-history-table th,.nba-history-table td { padding:.65rem .45rem; border-bottom:1px solid #edf0f3; text-align:right }.nba-history-table th:first-child,.nba-history-table td:first-child { text-align:left }
.nba-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:.2rem 0 1rem }
.nba-summary div { background:#f4f7f8; border-radius:10px; padding:.85rem .9rem }
.nba-summary span, .nba-trade-lead span, .nba-trade-metrics dt, .nba-signal span { display:block; color:#5e6d78; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase }
.nba-summary strong { display:block; margin-top:.25rem; font-size:1.35rem }
.nba-insights { margin:.2rem 0 0; padding-left:1.1rem } .nba-insights li { margin:.35rem 0 }
.nba-signal { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.75rem 0; border-top:1px solid #edf0f3 }
.nba-signal a { color:#075c50; font-weight:800; white-space:nowrap }
.nba-groups { width:100%; border-collapse:collapse } .nba-groups td { padding:.7rem .35rem; border-bottom:1px solid #edf0f3; vertical-align:top }
.nba-groups td:nth-child(2), .nba-groups td:nth-child(3) { font-weight:800; white-space:nowrap }
.nba-groups ul { margin:.35rem 0 0; padding-left:1rem }
.nba-roster-compact li { grid-template-columns:3.2rem minmax(0,1fr) auto auto }
.nba-roster-meta { color:#71808b; font-size:.78rem; white-space:nowrap }
.nba-trade-build { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:.75rem; align-items:end }
.nba-trade-build label { display:grid; gap:.35rem; font-size:.8rem; font-weight:700 }
.nba-trade-build select, .nba-trade-build button { width:100%; padding:.65rem .75rem; border:1px solid #cbd5df; border-radius:8px; background:white; color:#172536 }
.nba-trade-build button, .nba-trade-card button, .nba-card button[data-send] { border:1px solid #a8c8c4; background:#edfaf7; color:#075c50; font-weight:800; cursor:pointer }
.nba-trade-lead, .nba-trade-sides { display:grid; grid-template-columns:1fr 1fr; gap:1rem }
.nba-trade-lead strong { display:block; margin-top:.2rem; font-size:1.25rem }
.nba-trade-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:1rem 0 }
.nba-trade-metrics dd { margin:.2rem 0 0; font-size:1.2rem; font-weight:800 }
@media(max-width:900px) { .nba-grid { grid-template-columns:1fr } .nba-header { flex-wrap:wrap; padding-top:12px; padding-bottom:12px } .nba-header .app-nav { order:3; width:100%; margin-left:0 } .nba-summary { grid-template-columns:1fr 1fr } .nba-trade-build, .nba-trade-metrics, .nba-trade-lead, .nba-trade-sides { grid-template-columns:1fr } }
@media(max-width:760px) { .nba-player-layout { grid-template-columns:1fr }.nba-player-results { max-height:220px } }