/* GridIron Lite — the viewer version. Everything a viewer must not touch is hidden here;
   lite.js additionally turns the write paths into no-ops and the lite server refuses them. */

/* tabs & header: only Film Room, Highlights, Stats, Wristband + the squad switch */
.lite .tabs button[data-tab="designer"],.lite .tabs button[data-tab="viewer"],.lite .tabs button[data-tab="playbook"],
.lite #settingsBtn,
/* game row: pick a season/game only */
.lite #newGame,.lite #loadFilm,.lite #markPlays,.lite #scoutIngest,.lite #newScoutGame,.lite #renameGame,.lite #delGame,
.lite #bkNudge,.lite #storeInfo,
/* film room: media player only — no charting, lessons, AI, imports, deletes */
.lite #tagNow,.lite #lessonAdd,.lite #qcBar,.lite #ddBar,.lite #lessonCard,.lite .cdel,
.lite #autoBreakdown,.lite #importFilm,.lite #exportFilm,.lite #autoStatus,
.lite .card:has(#playDiagram),.lite .card:has(#breakdownGrid),.lite #filmSummaryCard,.lite #tendCard,.lite .card:has(#tendencies),
/* film room bottom cards: heat-map/verify, formation scout cards, tagging matrix · playlist tags · AI breakdown (Kevin, 2026-09-04) */
.lite .col:has(#fsHeatWrap),.lite .col:has(#fsCardsWrap),.lite .col:has(.filmside3),.lite .col:has(#breakdownGrid),.lite .col:has(#tendencies),
/* highlights: watch + star, never edit rosters / credit impact / build server MP4s */
.lite #hlReelMp4,.lite #hlBatchBtn,.lite #hlRosterBtn,.lite #hlSuggest,.lite .hlimpact,.lite .hlTagPill,.lite #hlOrgBtn,
/* stats: Totowa only, no org editing */
.lite #stOrgBtn,
/* wristband: blank editor, the coach's playbook never comes along */
.lite .wbImportBtn,.lite .wbLibCol,
.lite .roadpill{display:none!important}

/* viewer identity pill in the header + the Highlight popover */
.lite header .liteWho{margin-left:8px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.lite header .liteWho:hover{background:rgba(255,255,255,.2)}
#liteStar.on{background:linear-gradient(180deg,#f2c230,#d19a00);border-color:#b07f00;color:#231a00}
.liteModal{position:fixed;inset:0;z-index:900;background:rgba(6,10,16,.72);display:grid;place-items:center;padding:16px}
.liteModal .box{background:#fff;color:#111;border-radius:14px;padding:22px 22px 18px;width:min(94vw,380px);box-shadow:0 12px 40px rgba(0,0,0,.45);font-size:15px}
.liteModal h3{margin:0 0 4px;font-size:20px}
.liteModal p{margin:0 0 14px;color:#556;font-size:13.5px;line-height:1.45}
.liteModal label{display:block;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#667;margin:10px 0 4px}
.liteModal input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #c9d0da;border-radius:9px;font-size:16px}
.liteModal .row{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.liteModal .btn{padding:10px 16px}
.liteStarsBy{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.liteToast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:950;background:#13202f;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:0 6px 24px rgba(0,0,0,.4);opacity:0;transition:opacity .2s}
.liteToast.show{opacity:1}
@media(max-width:760px){.lite header .liteWho{position:fixed;right:10px;bottom:64px;z-index:60;margin:0;padding:6px 11px;font-size:12px;background:#13202f;border-color:#2a4160;box-shadow:0 4px 14px rgba(0,0,0,.4);max-width:48vw;overflow:hidden;text-overflow:ellipsis}}