/* PRIVATE VISUAL PROTOTYPE: Unified First Inning Edge member shell.
   Loads only on preview/unified-fie-member-shell. Presentation/navigation only.
   Sport-specific stadium assets, MLB content, NFL public data and authority unchanged. */
html.fie-unified-preview{
  --fie-shell-top:80px;
  --fie-shell-rail:184px;
  --fie-shell-gold:#eac879;
  --fie-shell-line:#3f4439;
  --fie-shell-panel:#121a1a;
}
html.fie-unified-preview body{--top:var(--fie-shell-top)!important;--nav:var(--fie-shell-rail)!important}
html.fie-unified-preview body .topbar,
html.fie-unified-preview body[data-sport="nfl"] .topbar{
  position:sticky!important;top:0!important;height:var(--fie-shell-top)!important;
  min-height:var(--fie-shell-top)!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:19px!important;
  padding:0 23px!important;border-bottom:1px solid #534529!important;
  background:linear-gradient(105deg,rgba(6,9,10,.99),rgba(12,16,16,.985))!important;
  box-shadow:0 2px 19px rgba(0,0,0,.48)!important;z-index:130!important
}
html.fie-unified-preview body .topbar .brand,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 167px!important;min-width:167px!important;width:167px!important;height:100%!important;
  padding:2px 0!important;gap:0!important
}
html.fie-unified-preview body .topbar .brand-mark,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
  display:block!important;width:163px!important;height:69px!important;flex:0 0 163px!important;
  border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important;
  background:transparent url("branding/fie-logo-master.png") center / contain no-repeat!important;
  box-shadow:none!important
}
html.fie-unified-preview body .topbar .brand-mark img,
html.fie-unified-preview body .topbar .brand-copy,
html.fie-unified-preview body .nfl-v6-global-wordmark,
html.fie-unified-preview body .nfl-v6-global-links,
html.fie-unified-preview body .nfl-v6-global-search,
html.fie-unified-preview body .nfl-v6-profile,
html.fie-unified-preview body .top-nav,
html.fie-unified-preview body .nfl-top-nav{display:none!important}
html.fie-unified-preview body .sport-switcher,
html.fie-unified-preview body[data-sport="nfl"] .sport-switcher{
  position:static!important;left:auto!important;top:auto!important;transform:none!important;
  display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:5px!important;
  margin:0!important;padding:4px!important;border-radius:7px!important;
  border:1px solid #514630!important;background:#111714!important;box-shadow:none!important
}
html.fie-unified-preview body .sport-switcher button,
html.fie-unified-preview body[data-sport="nfl"] .sport-switcher button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:63px!important;height:35px!important;padding:0 11px!important;border-radius:4px!important;
  border:1px solid transparent!important;background:transparent!important;
  color:#b8c1bc!important;font-size:12px!important;font-weight:950!important;
  letter-spacing:.6px!important;box-shadow:none!important
}
html.fie-unified-preview body .sport-switcher button.active,
html.fie-unified-preview body .sport-switcher button[aria-selected="true"]{
  border-color:#bd9751!important;background:linear-gradient(#43351d,#221d15)!important;
  box-shadow:inset 0 -2px 0 #eac879!important;color:#fff1cc!important
}
html.fie-unified-preview body .sport-switcher button span{display:none!important}
html.fie-unified-preview .fie-shared-links{
  display:flex;align-items:center;gap:5px;min-width:0;margin-left:13px;height:100%
}
html.fie-unified-preview .fie-shared-links button{
  height:39px;min-width:94px;padding:0 14px;border:1px solid transparent;
  border-radius:5px;background:transparent;color:#d5dbd5;font-size:11px;
  letter-spacing:.6px;font-weight:900
}
html.fie-unified-preview .fie-shared-links button:hover{color:#f1d18c;background:#242b26}
html.fie-unified-preview .fie-shared-links button.active{
  background:#28291f;border-color:#988050;color:#f7d48d
}
html.fie-unified-preview .fie-shared-spacer{flex:1;min-width:10px}
html.fie-unified-preview .fie-shared-search{
  display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;
  background:transparent;border:1px solid transparent;border-radius:6px;color:#e9eae3;
  font-size:27px;line-height:1;cursor:pointer
}
html.fie-unified-preview .fie-shared-search:hover{border-color:#81683b;color:#efd18b;background:#202721}
html.fie-unified-preview .fie-shared-profile{
  display:block;position:relative;width:38px;height:38px;flex:0 0 38px;
  border:1px solid #e9c879;border-radius:50%;background:linear-gradient(140deg,#876b3a,#262018);
  box-shadow:0 0 0 2px #161b18;overflow:hidden
}
html.fie-unified-preview .fie-shared-profile:before{
  content:"";position:absolute;top:7px;left:12px;width:13px;height:13px;border-radius:50%;background:#f6dfaa
}
html.fie-unified-preview .fie-shared-profile:after{
  content:"";position:absolute;bottom:3px;left:7px;width:24px;height:14px;border-radius:65% 65% 30% 30%;background:#f6dfaa
}
html.fie-unified-preview body .top-actions{display:none!important}
html.fie-unified-preview.fie-search-active body[data-sport="mlb"] .top-actions{
  display:flex!important;position:absolute!important;right:75px!important;top:calc(var(--fie-shell-top) - 5px)!important;
  z-index:160!important;margin:0!important;padding:9px!important;background:#111917!important;
  border:1px solid #987b46!important;border-radius:7px!important;box-shadow:0 12px 30px #000b!important
}
html.fie-unified-preview.fie-search-active body[data-sport="mlb"] .global-search{
  display:flex!important;width:min(340px,calc(100vw - 30px))!important
}
html.fie-unified-preview.fie-search-active body[data-sport="mlb"] .top-actions .pikkit-top,
html.fie-unified-preview.fie-search-active body[data-sport="mlb"] .top-actions .member-pill{display:none!important}
/* Both sports use one left-side navigation position, row height, and active styling. */
@media(min-width:981px){
 html.fie-unified-preview body[data-sport="mlb"] .side-nav{
   display:flex!important;left:0!important;right:auto!important;top:var(--fie-shell-top)!important;
   bottom:0!important;width:var(--fie-shell-rail)!important;padding:13px 8px!important;
   background:linear-gradient(#0c1313f5,#0e1514f0 57%,#101411ed)!important;
   border-right:1px solid #35423d!important;border-left:0!important;box-shadow:none!important;
   gap:3px!important;z-index:88!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .side-nav button,
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button{
   display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;
   width:100%!important;min-height:44px!important;height:44px!important;gap:12px!important;
   padding:0 13px!important;border:1px solid transparent!important;border-radius:6px!important;
   border-left:1px solid transparent!important;background:transparent!important;color:#d4ded7!important;
   font-family:Inter,Segoe UI,Arial,sans-serif!important;text-align:left!important;box-shadow:none!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .side-nav button span{
   font-size:18px!important;flex:0 0 19px;text-align:center!important;color:#d1d7d1!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .side-nav button b{
   font-size:11px!important;font-weight:850!important;letter-spacing:.3px!important;text-transform:uppercase!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .side-nav button.active,
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button.active{
   background:linear-gradient(95deg,#2e2a1e,#1b211d)!important;border-color:#e2bd71!important;
   color:#fff7df!important;box-shadow:inset 2px 0 0 #e9c879!important
 }
 html.fie-unified-preview body[data-sport="mlb"] main{
   margin-left:var(--fie-shell-rail)!important;width:calc(100% - var(--fie-shell-rail))!important;
   max-width:none!important;padding:24px 26px 98px!important
 }
 html.fie-unified-preview body[data-sport="mlb"] #dashboard,
 html.fie-unified-preview body[data-sport="mlb"] .page{
   width:100%!important;max-width:none!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .live-slate-rail{
   left:auto!important;right:0!important;border-left:1px solid #594411!important;border-right:0!important;
   transform:translateX(100%)!important;box-shadow:-14px 0 38px #0009!important
 }
 html.fie-unified-preview body[data-sport="mlb"].live-rail-open .live-slate-rail{transform:translateX(0)!important}
 html.fie-unified-preview body[data-sport="mlb"] .live-slate-toggle{
   left:auto!important;right:0!important;transform:none!important;
   border-right:0!important;border-left:1px solid #594411!important
 }
 html.fie-unified-preview body[data-sport="mlb"].live-rail-open .live-slate-toggle{right:var(--live-rail)!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-module{
   width:100%!important;min-height:calc(100vh - var(--fie-shell-top))!important;
   padding:0 0 98px!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-shell{
   width:100%!important;max-width:none!important;
   grid-template-columns:var(--fie-shell-rail) minmax(0,1fr)!important;
   column-gap:24px!important;row-gap:12px!important;padding-right:26px!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs{
   position:sticky!important;top:var(--fie-shell-top)!important;grid-column:1!important;
   align-self:start!important;min-height:calc(100vh - var(--fie-shell-top))!important;
   padding:13px 8px!important;background:linear-gradient(#0c1313f5,#0e1514f0 57%,#101411ed)!important;
   border-right:1px solid #35423d!important;border-radius:0!important;border-left:0!important;
   gap:3px!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button .nfl-v5-nav-icon{
   width:19px!important;flex:0 0 19px!important;color:#d1d7d1!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button{font-size:11px!important;font-weight:850!important;letter-spacing:.3px!important}
 html.fie-unified-preview body[data-sport="mlb"] #dashboard .summary-card,
 html.fie-unified-preview body[data-sport="mlb"] #dashboard .game-card{
   border-radius:9px!important;border-color:#37443e!important
 }
}
/* On phone, retain each sport's proven working page tabs; unify header branding and gutters. */
@media(max-width:980px){
 html.fie-unified-preview{--fie-shell-top:65px;--fie-shell-rail:0px}
 html.fie-unified-preview body .topbar,
 html.fie-unified-preview body[data-sport="nfl"] .topbar{
   height:65px!important;min-height:65px!important;padding:0 10px!important;gap:8px!important
 }
 html.fie-unified-preview body .topbar .brand,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
   flex:0 0 120px!important;width:120px!important;min-width:120px!important;max-width:120px!important
 }
 html.fie-unified-preview body .topbar .brand-mark,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
   width:117px!important;height:53px!important;flex:0 0 117px!important
 }
 html.fie-unified-preview body .sport-switcher,
 html.fie-unified-preview body[data-sport="nfl"] .sport-switcher{margin-left:auto!important;gap:2px!important;padding:3px!important}
 html.fie-unified-preview body .sport-switcher button,
 html.fie-unified-preview body[data-sport="nfl"] .sport-switcher button{
   min-width:45px!important;height:34px!important;padding:0 5px!important;font-size:10px!important
 }
 html.fie-unified-preview .fie-shared-links{display:none!important}
 html.fie-unified-preview .fie-shared-spacer{display:none!important}
 html.fie-unified-preview .fie-shared-search{width:30px;height:34px;flex-basis:30px;font-size:24px}
 html.fie-unified-preview .fie-shared-profile{width:30px;height:30px;flex-basis:30px}
 html.fie-unified-preview .fie-shared-profile:before{top:5px;left:10px;width:10px;height:10px}
 html.fie-unified-preview .fie-shared-profile:after{left:5px;width:20px;height:12px}
 html.fie-unified-preview body[data-sport="mlb"] main{margin-left:0!important;width:100%!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-module{width:100%!important}
}
@media(max-width:360px){
 html.fie-unified-preview body .topbar .brand,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{flex-basis:102px!important;width:102px!important;min-width:102px!important}
 html.fie-unified-preview body .topbar .brand-mark,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{width:100px!important;height:45px!important;flex-basis:100px!important}
 html.fie-unified-preview .fie-shared-search{display:none}
}

/* MLB's fixed approved baseball stadium moves with its navigation gutter. */
@media(min-width:981px){
 html.fie-unified-preview body[data-sport="mlb"][data-page="dashboard"]::before{
   left:var(--fie-shell-rail)!important;right:0!important
 }
}


/* Logo composition refinement after side-by-side visual QA:
   the approved master is a square emblem, not a wide banner.
   Pair it with the existing real FIE name rather than shrinking it in a strip. */
html.fie-unified-preview body .topbar .brand,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
  flex:0 0 235px!important;min-width:235px!important;width:235px!important;
  gap:10px!important
}
html.fie-unified-preview body .topbar .brand-mark,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
  display:block!important;width:65px!important;height:65px!important;flex:0 0 65px!important;
  background-size:contain!important
}
html.fie-unified-preview body .topbar .brand-copy,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy{
  display:block!important;min-width:0!important;width:155px!important;max-width:155px!important
}
html.fie-unified-preview body .topbar .brand-copy strong{
  display:block!important;white-space:normal!important;overflow:visible!important;
  text-overflow:clip!important;font-size:16px!important;line-height:1.12!important;
  letter-spacing:.7px!important;color:#f0d28d!important;font-weight:1000!important
}
html.fie-unified-preview body .topbar .brand-copy span{
  display:block!important;margin-top:5px!important;color:#b9c1b8!important;
  font-size:8px!important;line-height:1.2!important;letter-spacing:.65px!important;
  text-transform:uppercase!important
}
@media(max-width:980px){
 html.fie-unified-preview body .topbar .brand,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
   flex:0 0 148px!important;min-width:148px!important;width:148px!important;
   max-width:148px!important;gap:5px!important
 }
 html.fie-unified-preview body .topbar .brand-mark,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
   width:49px!important;height:49px!important;flex:0 0 49px!important
 }
 html.fie-unified-preview body .topbar .brand-copy,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy{
   display:block!important;width:93px!important;max-width:93px!important
 }
 html.fie-unified-preview body .topbar .brand-copy strong{
   font-size:10px!important;line-height:1.13!important;letter-spacing:.25px!important
 }
 html.fie-unified-preview body .topbar .brand-copy span{display:none!important}
}
@media(max-width:360px){
 html.fie-unified-preview body .topbar .brand,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
   flex-basis:129px!important;min-width:129px!important;width:129px!important;gap:4px!important
 }
 html.fie-unified-preview body .topbar .brand-mark,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
   width:42px!important;height:42px!important;flex-basis:42px!important
 }
 html.fie-unified-preview body .topbar .brand-copy,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy{width:82px!important;max-width:82px!important}
 html.fie-unified-preview body .topbar .brand-copy strong{font-size:9px!important}
}


/* V2 — true horizontal brand lock-up. Exact approved FIE artwork, not a faux
   CSS wordmark; readable platform name alongside it on both sports. */
html.fie-unified-preview body .topbar .brand,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
  flex:0 0 235px!important;min-width:235px!important;width:235px!important;
  gap:9px!important;overflow:visible!important
}
html.fie-unified-preview body .topbar .brand-mark,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
  width:70px!important;height:70px!important;flex:0 0 70px!important;
  background-size:contain!important
}
html.fie-unified-preview body .topbar .brand-copy,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  gap:5px!important;width:150px!important;min-width:0!important;overflow:visible!important
}
html.fie-unified-preview body .topbar .brand-copy strong,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy strong{
  display:block!important;font-size:14px!important;line-height:1.13!important;
  font-weight:1000!important;letter-spacing:.45px!important;white-space:normal!important;
  text-overflow:clip!important;overflow:visible!important;color:#f6e4b4!important
}
html.fie-unified-preview body .topbar .brand-copy span,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy span{
  display:block!important;font-size:8px!important;font-weight:850!important;
  line-height:1.2!important;letter-spacing:1.3px!important;white-space:normal!important;
  color:#adb7ad!important
}
/* MLB secondary market navigation aligns with the exact same content gutter
   as the NFL hero; this does not alter the navigation implementation. */
@media(min-width:981px){
 html.fie-unified-preview body[data-sport="mlb"] .mlb-market-nav{
   margin-left:var(--fie-shell-rail)!important;width:calc(100% - var(--fie-shell-rail))!important;
   justify-content:flex-start!important;padding-left:26px!important;gap:10px!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .mlb-market-nav button{
   color:#c4cdc2!important;border-radius:5px!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .mlb-market-nav button.active{
   color:#ffe3a1!important;border-color:#ae8946!important;background:#262316!important
 }
}
/* Phone: the exact same two-line header and primary 3-tab strip on both
   sports. Existing sport-specific controls remain functional underneath. */
@media(max-width:980px){
 html.fie-unified-preview{--fie-shell-top:106px!important}
 html.fie-unified-preview body .topbar,
 html.fie-unified-preview body[data-sport="nfl"] .topbar{
   flex-wrap:wrap!important;align-content:stretch!important;
   justify-content:flex-start!important;align-items:center!important;
   height:106px!important;min-height:106px!important;max-height:106px!important;
   column-gap:8px!important;row-gap:0!important;padding:0 10px!important
 }
 html.fie-unified-preview body .topbar .brand,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
   order:1!important;flex:0 0 160px!important;width:160px!important;
   min-width:160px!important;max-width:160px!important;height:63px!important;gap:5px!important
 }
 html.fie-unified-preview body .topbar .brand-mark,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
   width:55px!important;height:55px!important;flex:0 0 55px!important
 }
 html.fie-unified-preview body .topbar .brand-copy,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy{
   width:99px!important;gap:3px!important;min-width:0!important
 }
 html.fie-unified-preview body .topbar .brand-copy strong,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy strong{
   font-size:11px!important;line-height:1.1!important;letter-spacing:.13px!important
 }
 html.fie-unified-preview body .topbar .brand-copy span,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy span{
   font-size:6px!important;letter-spacing:.4px!important
 }
 html.fie-unified-preview body .sport-switcher,
 html.fie-unified-preview body[data-sport="nfl"] .sport-switcher{
   order:2!important;flex:0 0 auto!important;margin:0 0 0 auto!important
 }
 html.fie-unified-preview .fie-shared-spacer{order:3!important;display:none!important}
 html.fie-unified-preview .fie-shared-search{order:4!important;width:27px;height:34px;flex:0 0 27px;font-size:23px}
 html.fie-unified-preview .fie-shared-profile{order:5!important;width:29px;height:29px;flex:0 0 29px}
 html.fie-unified-preview .fie-shared-links{
   order:6!important;flex:0 0 100%!important;display:flex!important;
   align-self:flex-end!important;width:100%!important;height:42px!important;
   min-height:42px!important;margin:0!important;padding:4px 0!important;gap:5px!important;
   border-top:1px solid #303c34!important;justify-content:stretch!important
 }
 html.fie-unified-preview .fie-shared-links button{
   flex:1 1 0!important;min-width:0!important;height:32px!important;
   font-size:10px!important;letter-spacing:.6px!important;padding:0 7px!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .mlb-market-nav{
   top:106px!important;min-height:43px!important;max-height:43px!important;
   padding:4px 9px!important;gap:4px!important;border-color:#37433b!important;
   background:#101816fa!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .mlb-market-nav button{
   min-height:33px!important;border-radius:5px!important;
   color:#bbc7bd!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;
   padding:6px!important;min-height:0!important;background:#101816ef!important;
   border-color:#37433b!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button[data-nfl-view="OVERVIEW"],
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button[data-nfl-view="MATCHUPS"],
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button[data-nfl-view="RESULTS"]{display:none!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button{
   min-height:33px!important;height:33px!important;padding:4px 3px!important;
   font-size:10px!important;justify-content:center!important
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs button .nfl-v5-nav-icon{
   font-size:13px!important;width:15px!important;flex-basis:15px!important
 }
}
@media(max-width:360px){
 html.fie-unified-preview body .topbar .brand,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand{
   flex-basis:129px!important;width:129px!important;min-width:129px!important;max-width:129px!important;gap:4px!important
 }
 html.fie-unified-preview body .topbar .brand-mark,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
   width:44px!important;height:44px!important;flex-basis:44px!important
 }
 html.fie-unified-preview body .topbar .brand-copy,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy{width:81px!important}
 html.fie-unified-preview body .topbar .brand-copy strong,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy strong{font-size:9px!important}
 html.fie-unified-preview body .sport-switcher button,
 html.fie-unified-preview body[data-sport="nfl"] .sport-switcher button{
   min-width:37px!important;padding:0 3px!important;font-size:9px!important
 }
 html.fie-unified-preview .fie-shared-search{display:grid!important;width:22px!important;flex-basis:22px!important;font-size:20px!important}
 html.fie-unified-preview .fie-shared-profile{width:26px!important;height:26px!important;flex-basis:26px!important}
}


/* V3 finishing pass: readable, single-line subtitle and unobtrusive
   existing MLB Slate toggle. The toggle behavior itself is unchanged. */
html.fie-unified-preview body .topbar .brand-copy span,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy span{
  white-space:nowrap!important;overflow:visible!important;letter-spacing:.65px!important
}
@media(max-width:980px){
 html.fie-unified-preview body .topbar .brand-copy span,
 html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-copy span{
   font-size:7px!important;letter-spacing:.25px!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .live-slate-toggle{
   left:10px!important;right:auto!important;bottom:77px!important;top:auto!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex-direction:row!important;gap:6px!important;transform:none!important;
   width:92px!important;height:36px!important;min-width:0!important;min-height:0!important;
   border:1px solid #8c6e32!important;border-radius:999px!important;
   background:linear-gradient(100deg,#151a13,#27200f)!important;
   box-shadow:0 7px 20px #000a!important;padding:0 10px!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .live-slate-toggle span{
   font-size:15px!important;line-height:1!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .live-slate-toggle b{
   font-size:9px!important;line-height:1!important;letter-spacing:.5px!important;
   writing-mode:horizontal-tb!important;transform:none!important
 }
 html.fie-unified-preview body[data-sport="mlb"] .live-slate-toggle i{
   font-size:13px!important;font-style:normal!important
 }
 html.fie-unified-preview body[data-sport="mlb"].live-rail-open .live-slate-toggle{
   left:10px!important;bottom:calc(72vh + 77px)!important
 }
}


/* FINISHING PASS: shared touch/focus affordances, contrast, and proportions.
   Retain the real master emblem and readable word lockup; no faux or zoomed logo. */
html.fie-unified-preview body .topbar .brand-mark,
html.fie-unified-preview body[data-sport="nfl"] .topbar .brand-mark{
  background-size:contain!important;background-position:center!important;
  mix-blend-mode:normal!important
}
html.fie-unified-preview body .sport-switcher button:focus-visible,
html.fie-unified-preview .fie-shared-links button:focus-visible,
html.fie-unified-preview .fie-shared-search:focus-visible,
html.fie-unified-preview body .side-nav button:focus-visible,
html.fie-unified-preview body .nfl-v4-tabs button:focus-visible{
  outline:2px solid #f0d48f!important;outline-offset:2px!important
}
html.fie-unified-preview .fie-shared-links button.active{
  background:linear-gradient(180deg,#302b1d,#171d1a)!important;
  border-color:#a98b50!important;color:#ffdf9a!important;
  box-shadow:inset 0 -2px 0 #e5bd73!important
}
html.fie-unified-preview body .topbar .brand-copy strong{
  text-shadow:0 1px 5px #000b!important
}
@media(min-width:981px){
 html.fie-unified-preview body[data-sport="mlb"] .side-nav,
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs{padding-top:15px!important}
 html.fie-unified-preview body[data-sport="mlb"] main{padding-top:22px!important}
}
@media(max-width:980px){
 html.fie-unified-preview .fie-shared-links button{
   min-height:37px!important;font-size:11px!important;letter-spacing:.55px!important
 }
 html.fie-unified-preview body .sport-switcher button{min-height:34px!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs{
   display:grid!important
 }
}

/* VISUAL UNIFICATION V4 — one platform-wide color/lighting system.
   Preview only. Preserve the exact approved MLB/NFL stadium image URLs,
   data rendering, per-sport navigation and all Research publication boundaries.
   NFL previously used blue-grey surfaces and billboard typography; bring its
   actual content treatment into the existing MLB charcoal/black/gold family. */
html.fie-unified-preview{
  --fie-surface:#080d0a;
  --fie-surface-raised:#101713;
  --fie-surface-highlight:#1b211a;
  --fie-outline:#42452f;
  --fie-outline-gold:#816636;
  --fie-gold-text:#eac879;
  --fie-ink:#f4f1e8;
  --fie-muted:#bdc5b9;
}
/* Existing baseball dashboard receives only shared edging and typography;
   it keeps its layout, cards, photo, team colors and factual/research states. */
html.fie-unified-preview body[data-sport="mlb"] #dashboard .summary-card,
html.fie-unified-preview body[data-sport="mlb"] #dashboard .game-card{
  border-color:var(--fie-outline)!important;
  box-shadow:0 9px 23px #0009!important;
}
html.fie-unified-preview body[data-sport="mlb"] #dashboard .dashboard-toolbar .eyebrow,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-market-title,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-market-empty span{
  color:var(--fie-gold-text)!important;
}
/* The NFL hero remains the same football-stadium photograph, but becomes a
   compact sport identity banner instead of a separate branded landing page. */
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero{
  min-height:118px!important;
  padding:15px 19px!important;
  border:1px solid #56482c!important;
  border-radius:8px!important;
  box-shadow:0 8px 24px #0008!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero:before{
  background:linear-gradient(90deg,rgba(3,7,5,.55) 0%,rgba(4,8,6,.25) 45%,rgba(4,8,6,.13) 100%)!important;
  opacity:1!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero h1{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-style:normal!important;
  font-size:clamp(37px,3vw,47px)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-1.3px!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v5-hero-brand{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:1.15px!important;
  color:var(--fie-gold-text)!important;
  margin-top:5px!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v5-hero-tagline{
  color:#d3d9cc!important;
  font-size:9px!important;
  letter-spacing:.4px!important;
  margin:5px 0 0!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week{
  top:25px!important;
  height:61px!important;
  border-color:var(--fie-outline-gold)!important;
  background:linear-gradient(140deg,#111710ef,#090d0aef)!important;
  box-shadow:0 7px 16px #0009!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week strong{
  font-size:16px!important;
  color:var(--fie-ink)!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week small{color:var(--fie-muted)!important}
/* Shared summary-card language, replacing the NFL blue-grey/steel styling. */
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-stats>div,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-stats>div{
  min-height:72px!important;
  border:1px solid var(--fie-outline)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,rgba(9,13,9,.97),rgba(5,9,7,.95))!important;
  box-shadow:0 9px 23px #0009!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-stats strong,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-stats strong{color:var(--fie-gold-text)!important}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-stats span,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-stats small{color:var(--fie-muted)!important}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v5-stat-icon{color:var(--fie-gold-text)!important}
/* Research availability is factual status, not a new editorial call.
   Present it as the same quiet gold-accent information treatment as MLB. */
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-publication-notice{
  border-color:var(--fie-outline-gold)!important;
  border-radius:8px!important;
  background:linear-gradient(105deg,rgba(26,25,15,.96),rgba(10,16,12,.96) 58%,rgba(7,12,9,.96))!important;
  box-shadow:inset 3px 0 0 var(--fie-gold-text),0 8px 23px #0007!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-publication-notice p{color:var(--fie-muted)!important}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-day-buttons button,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-search{
  border-color:var(--fie-outline)!important;
  border-radius:6px!important;
  background:linear-gradient(#111813f7,#080d0af7)!important;
  color:var(--fie-ink)!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-day-buttons button.active{
  border-color:#d6ae61!important;
  background:linear-gradient(#e8c77e,#c8a052)!important;
  color:#17170e!important;
}
/* Actual NFL game and schedule sections use the same black-green card body,
   warm edge, dividers and compact heading treatment as MLB scoreboard. */
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-day-section{
  border:1px solid var(--fie-outline)!important;
  border-radius:9px!important;
  background:rgba(7,11,8,.96)!important;
  box-shadow:0 10px 25px #0009!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-day-title{
  min-height:42px!important;
  border-color:var(--fie-outline)!important;
  background:linear-gradient(100deg,rgba(20,26,18,.98),rgba(9,15,11,.98))!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-day-title h3{
  font-size:16px!important;
  letter-spacing:.15px!important;
  color:var(--fie-ink)!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-matchup,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-game,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-game:nth-child(even){
  border-bottom-color:#30372a!important;
  background:linear-gradient(110deg,rgba(9,13,9,.97),rgba(6,11,8,.97))!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-kickoff,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-teams,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-kickoff,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-venue{border-color:#323a2c!important}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-matchup.awaiting .nfl-v6-kickoff,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-matchup.awaiting .nfl-v4-teams,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-market-row,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-market,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-market-empty,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-matchup.awaiting .nfl-v6-market-empty,
html.fie-unified-preview body[data-sport="nfl"] .nfl-schedule-section .nfl-v6-day-body{
  background:rgba(8,13,9,.97)!important;
  border-color:#323a2c!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-team-label small,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-kickoff small,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-market-empty small{
  color:var(--fie-muted)!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-row-toggle,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-no-pick{
  border-color:#323a2c!important;
  background:#0a110c!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-firewall,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-empty,
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-detail{
  border-color:var(--fie-outline)!important;
  background:linear-gradient(145deg,#101713,#080d0a)!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-detail-block{border-color:#343e30!important}
/* Keep identical responsive lighting and rhythm, not separate phone designs. */
@media(max-width:980px){
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero{
    min-height:152px!important;
    padding:11px 13px!important;
    border-radius:7px!important;
  }
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero h1{font-size:43px!important}
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v5-hero-brand{font-size:12px!important}
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week{
    top:auto!important;bottom:9px!important;left:11px!important;right:auto!important;
    width:190px!important;max-width:65%!important;height:37px!important;
    padding:2px 8px!important;
  }
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week strong{font-size:11px!important}
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-stats>div{min-height:66px!important}
  html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-day-title h3{font-size:14px!important}
}

/* Mobile banner collision guard: the generic platform tagline is redundant
   next to the common header. Keep the week control legible and in-flow visually. */
@media(max-width:980px){
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v5-hero-tagline{display:none!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero{min-height:137px!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week{bottom:9px!important}
}

/* The week badge sits to the right of the mobile sport heading, rather than
   covering the subheading on small devices. Same sport background retained. */
@media(max-width:980px){
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week{
   left:auto!important;right:10px!important;bottom:10px!important;
   width:178px!important;max-width:47%!important;
 }
}

/* Align compact weekly badge to the top-right on both phone widths,
   clear of the separate sport heading and subtitle. */
@media(max-width:980px){
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v6-week{
   top:10px!important;bottom:auto!important;left:auto!important;right:10px!important;
 }
}

/* NFL SECONDARY NAV — mirror MLB's approved sport/market subheader.
   Preview-only presentation. Buttons delegate to the canonical NFL board
   rather than making new navigation, research or publication logic. */
html.fie-unified-preview .fie-nfl-market-nav{
  position:sticky;
  top:var(--fie-shell-top);
  z-index:89;
  display:none;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:52px;
  width:calc(100% - var(--fie-shell-rail));
  margin-left:var(--fie-shell-rail);
  padding:7px 26px;
  border-bottom:1px solid rgba(89,72,21,.55);
  background:rgba(4,7,5,.96);
  backdrop-filter:blur(12px);
  box-sizing:border-box;
}
html.fie-unified-preview body[data-sport="nfl"] .fie-nfl-market-nav{display:flex!important}
html.fie-unified-preview .fie-nfl-market-label{
  flex:0 0 auto;
  margin-right:8px;
  padding:7px 10px;
  border:1px solid #5e4b15;
  border-radius:6px;
  color:#f2c230;
  background:#171204;
  font-size:9.5px;
  line-height:1.3;
  font-weight:950;
  letter-spacing:.8px;
}
html.fie-unified-preview .fie-nfl-market-nav button{
  flex:0 0 auto;
  min-height:36px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#c4cdc2;
  font-size:10px;
  font-weight:950;
  letter-spacing:.65px;
  white-space:nowrap;
}
html.fie-unified-preview .fie-nfl-market-nav button:hover{
  color:#d8d1c4;
  background:#0c0f0c;
}
html.fie-unified-preview .fie-nfl-market-nav button.active{
  color:#ffe3a1;
  border-color:#ae8946;
  background:#262316;
  box-shadow:inset 0 -2px #d6aa2e;
}
html.fie-unified-preview .fie-nfl-market-nav button:focus-visible{
  outline:2px solid #f0d48f;
  outline-offset:2px;
}
/* The rail still begins immediately beneath the common top header, just
   as MLB's does. Only the NFL content now follows the second-level bar. */
@media(min-width:981px){
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs{
   margin-top:-52px!important;
 }
}
/* On tablet/phone this is the one existing-view market navigation surface.
   Avoid duplicating the old three-tile NFL strip beneath the stadium hero. */
@media(max-width:980px){
 html.fie-unified-preview .fie-nfl-market-nav{
   top:var(--fie-shell-top);
   width:100%;
   margin-left:0;
   min-height:43px;
   height:43px;
   padding:4px 9px;
   gap:4px;
   overflow-x:auto;
   overflow-y:hidden;
   scrollbar-width:none;
   overscroll-behavior-x:contain;
   -webkit-overflow-scrolling:touch;
   background:#101816fa;
   border-color:#37433b;
 }
 html.fie-unified-preview .fie-nfl-market-nav::-webkit-scrollbar{display:none}
 html.fie-unified-preview .fie-nfl-market-nav button{
   min-height:33px;
   height:33px;
   padding:0 12px;
   font-size:9.5px;
 }
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-tabs{display:none!important}
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-hero,
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-stats,
 html.fie-unified-preview body[data-sport="nfl"] .nfl-v4-toolbar{grid-row:auto!important}
}

/* NFL Players preview: same approved empty-state surface, no synthetic directory
   or inferred player statistics until an approved public feed is connected. */
html.fie-unified-preview body[data-sport="nfl"] .nfl-players-empty{
  min-height:260px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 24px!important;
  border-color:var(--fie-outline-gold)!important;
  background:linear-gradient(145deg,rgba(12,18,13,.96),rgba(5,10,7,.97))!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-players-empty h2{
  font-size:clamp(23px,2.3vw,31px)!important;
  color:var(--fie-ink)!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-players-empty p{
  max-width:590px;
  color:var(--fie-muted)!important;
  line-height:1.55!important;
}

html.fie-unified-preview body[data-sport="nfl"] .nfl-players-empty + .nfl-v4-firewall{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
html.fie-unified-preview body[data-sport="nfl"] .nfl-players-empty + .nfl-v4-firewall b{
  margin-right:0!important;
}
