/* DARTAVA 2 - APPROVED WEBSITE / ROOT APP LIGHT DESIGN
   Shared visual DNA with R3 web, phone and installed Android. Games and camera remain dark. */
html:has(#app.app-shell),body:has(#app.app-shell){background:#f8f7f3!important;color:#202839!important;color-scheme:light}
#app.app-shell{--text:#202839;--muted:#607086;--aqua2:#365bce;--line:#dce2ed;--line-soft:#e6eaf2;--bg:#f8f7f3;--card:#fff;background:#f8f7f3!important;color:#202839!important}
#app .topbar{background:#212b3d!important;border-color:#344159!important;color:#fff!important;box-shadow:0 5px 20px rgba(30,43,67,.12)}
#app .topbar :is(h1,strong,b),#app .topbar a{color:#fff!important}
#app .desktop-nav button{color:#dce4f0!important}
#app .desktop-nav button:hover,#app .desktop-nav button[data-active="1"]{background:#365bce!important;color:#fff!important}
#app .page{background:#f8f7f3!important;color:#202839!important}
#app :is(.page-title,.section-title,.section-sub,.stat-label){color:#202839!important}
#app :is(.lede,.muted,.page-subtitle){color:#607086!important}
#app .hero{border:1px solid #d9e1ee!important;border-radius:23px!important;background:#212b3d!important;box-shadow:0 17px 46px rgba(30,43,67,.13)!important;min-height:350px!important;overflow:hidden}
#app .hero .hero-bg{background:linear-gradient(90deg,rgba(31,41,60,.99) 0%,rgba(31,41,60,.96) 34%,rgba(31,41,60,.74) 55%,rgba(31,41,60,.1) 100%),url('/dartava-v38-hero.webp') 70% center / cover no-repeat!important}
#app .hero::after{background:linear-gradient(180deg,transparent 82%,rgba(25,33,49,.55))!important}
#app .hero-content{z-index:2!important;position:relative!important;width:65%!important;padding:34px!important}
#app .hero h1{color:#fff!important;font-size:clamp(42px,6vw,82px)!important;font-weight:950!important;line-height:.95!important;letter-spacing:-.042em!important}
#app .hero h1 span{display:block!important;color:#b8c8ff!important}
#app .hero p{color:#dae3f1!important;font-size:clamp(14px,1.6vw,18px)!important;line-height:1.5!important}
#app .hero .eyebrow{color:#ec785d!important;font-size:12px!important}
#app .hero-actions .btn.primary{color:#fff!important;background:#365bce!important;border-color:#365bce!important}
#app .hero-actions .btn.ghost{color:#f7f9ff!important;border-color:#788aaf!important;background:#2a3a55dd!important}
#app :is(.card,.strip-card,.feature-card,.choice,.game-tile,.training-tool,.price-card,.option){background:#fff!important;color:#202839!important;border-color:#dce2ed!important;box-shadow:0 9px 28px rgba(36,54,86,.065)!important}
#app :is(.card,.strip-card,.feature-card,.choice,.game-tile,.training-tool,.price-card,.option) :is(p,small){color:#607086!important}
#app :is(.card,.strip-card,.feature-card,.choice,.game-tile,.training-tool,.price-card,.option) :is(h1,h2,h3,h4,strong,b){color:#202839!important}
#app :is(.btn.primary,.button-primary){background:#365bce!important;border-color:#365bce!important;color:#fff!important}
#app .dashboard-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#app .dashboard-strip .strip-card{min-height:140px!important;padding:16px!important}
#app .dashboard-strip .strip-card:nth-child(5){grid-column:1/-1;min-height:90px!important}
#app .dt2-root-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#app .dt2-root-tile{min-height:143px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dce2ed;border-radius:16px;background:#fff!important;color:#243454!important;text-align:left;padding:17px;cursor:pointer;box-shadow:0 9px 28px rgba(36,54,86,.06)}
#app .dt2-root-tile i{font-size:23px;font-style:normal;color:#365bce}
#app .dt2-root-tile b{font-size:clamp(18px,2vw,24px);font-weight:950;margin:16px 0 6px;line-height:1.1;color:#202839}
#app .dt2-root-tile small{color:#607086;font-size:13px;line-height:1.35}
#app .dt2-root-tile.oche{background:#fff1e9!important;border-color:#efccb9!important}
#app .dt2-root-tile.oche i,#app .dt2-root-tile.oche b{color:#a24e34}
#app .dt2-root-tile.train{background:#eaf0ff!important;border-color:#c6d4fa!important}
#app .dt2-root-tile.train i,#app .dt2-root-tile.train b{color:#365bce}
#app .dt2-root-tile.clubs{background:#f3edfc!important;border-color:#dfcef3!important}
#app .dt2-root-tile.clubs i,#app .dt2-root-tile.clubs b{color:#8556af}
#app .dt2-root-tile:hover{filter:brightness(.985)}
#app .mobile-bottom,#app .menu-panel{background:#fff!important;border-color:#dce2ed!important;color:#334767!important;box-shadow:0 -6px 24px rgba(33,46,73,.06)}
#app .mobile-bottom :is(button,a){color:#40516c!important}
#app .mobile-bottom :is(button,a)[data-active="1"]{color:#365bce!important}
#app .footer{background:#212b3d!important;color:#d8e1f0!important;border-color:#394a65!important}
#app :is(button,a,input,select):focus-visible{outline:3px solid #ef987e!important;outline-offset:2px}
/* Purposefully keep match, 501 scoreboards and Board Vision dark for contrast. */
#app :is(.scoreboard,.match-stage,.board-vision-overlay,.camera-stage,.dartboard-stage){background:#212b3d;color:#fff}
#app :is(.scoreboard,.match-stage,.board-vision-overlay) :is(h1,h2,h3,b,strong){color:#fff}
@media(max-width:1000px){#app .dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app .dt2-root-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#app .hero-content{width:75%!important}}
@media(max-width:620px){#app .page{width:calc(100% - 20px)!important}#app .hero{min-height:280px!important}#app .hero-content{padding:19px!important;width:82%!important}#app .hero h1{font-size:clamp(34px,10vw,56px)!important}#app .hero p{font-size:14px!important}#app .hero-rail{display:none!important}#app .dt2-root-tile{padding:13px;min-height:133px}#app .dt2-root-tile b{font-size:20px}#app .dt2-root-tile small{font-size:12px}#app .dashboard-strip .strip-card{padding:12px!important;min-height:110px!important}#app .dashboard-strip .big{font-size:29px!important}}
@media(prefers-reduced-motion:reduce){#app *{transition:none!important}}