/* SPORTS INTEL MOBILE APP UI V16
   Scope: <= 900px only. Desktop UI remains untouched.
*/
@media (max-width: 900px) {
  :root{
    --m-bg:#050b12;
    --m-panel:#0b141f;
    --m-panel2:#0e1a27;
    --m-line:rgba(139,175,208,.13);
    --m-text:#f3f8fc;
    --m-muted:#7890a7;
    --m-blue:#4ca7ff;
    --m-green:#47df91;
    --m-amber:#f6b84a;
    --m-red:#ff6b78;
  }

  html{background:var(--m-bg)}
  body.si-mobile-v16{
    background:
      radial-gradient(90% 38% at 50% 0%,rgba(39,124,214,.16),transparent 66%),
      var(--m-bg)!important;
    color:var(--m-text);
    padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));
    -webkit-tap-highlight-color:transparent;
  }

  body.si-mobile-v16 .topbar{
    height:58px!important;
    padding:0 16px!important;
    background:rgba(5,11,18,.88)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-color:rgba(255,255,255,.06)!important;
  }
  body.si-mobile-v16 .logo{gap:9px!important;margin:0!important}
  body.si-mobile-v16 .logo-mark{
    width:34px!important;height:34px!important;border-radius:11px!important;
    font-size:20px!important;
    box-shadow:0 7px 22px rgba(38,139,245,.24);
  }
  body.si-mobile-v16 .logo b{font-size:17px!important;letter-spacing:-.02em}
  body.si-mobile-v16 .logo small{display:none!important}
  body.si-mobile-v16 .top-actions{gap:6px!important}
  body.si-mobile-v16 .top-actions .analyst,
  body.si-mobile-v16 .top-actions .today-pill{display:none!important}
  body.si-mobile-v16 .live-pill{padding:6px 9px!important;font-size:9px!important}

  body.si-mobile-v16 .app-shell{display:block!important;min-height:0!important}
  body.si-mobile-v16 .sidebar{display:none!important}
  body.si-mobile-v16 .content{
    padding:0 14px 28px!important;
    max-width:720px;
    margin:0 auto;
  }

  /* App hero */
  .si-mhero{padding:19px 2px 12px}
  .si-mhero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
  .si-mhero-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:#55708a}
  .si-mhero h1{font-size:25px;line-height:1.08;margin:5px 0 0;letter-spacing:-.055em}
  .si-mhero-date{font-size:10px;color:var(--m-muted);font-weight:750;white-space:nowrap}
  .si-mhero-stats{
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px
  }
  .si-mhero-stat{
    min-width:0;padding:12px 11px;border:1px solid var(--m-line);
    border-radius:16px;background:linear-gradient(180deg,rgba(19,34,49,.96),rgba(10,19,29,.96))
  }
  .si-mhero-stat span{display:block;color:#7189a0;font-size:9px;font-weight:800;white-space:nowrap}
  .si-mhero-stat b{display:block;margin-top:5px;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
  .si-mhero-stat.ready b{color:var(--m-green)}
  .si-mhero-stat.live b{color:var(--m-amber)}

  /* Toolbar becomes native-feeling filter surface */
  body.si-mobile-v16 .toolbar{
    margin:4px 0 10px!important;padding:12px!important;gap:12px!important;
    border:1px solid var(--m-line)!important;border-radius:18px!important;
    background:rgba(10,20,31,.9)!important;box-shadow:none!important
  }
  body.si-mobile-v16 .date-switch{width:100%;padding:0!important;border:0!important;justify-content:space-between}
  body.si-mobile-v16 .date-switch.pro-date>div{text-align:center;flex:1}
  body.si-mobile-v16 .date-switch small{font-size:9px!important;color:#607991}
  body.si-mobile-v16 .date-switch b{font-size:13px}
  body.si-mobile-v16 .date-switch a{
    width:36px!important;height:36px!important;border-radius:12px!important;
    background:#0d1b29!important
  }
  body.si-mobile-v16 .sport-tabs{
    width:calc(100% + 24px);margin:0 -12px -12px;padding:1px 12px 12px;
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none
  }
  body.si-mobile-v16 .sport-tabs::-webkit-scrollbar{display:none}
  body.si-mobile-v16 .sport-tabs button,
  body.si-mobile-v16 .sport-tabs a{
    flex:0 0 auto;border-radius:999px!important;padding:8px 13px!important;font-size:11px!important
  }

  body.si-mobile-v16 .metric-strip{display:none!important}

  /* section label injected by JS */
  .si-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 1px 10px}
  .si-section-head div span{display:block;color:#54708a;font-size:9px;font-weight:900;letter-spacing:.12em}
  .si-section-head h2{margin:4px 0 0;font-size:18px;letter-spacing:-.035em}
  .si-section-head small{font-size:9px;color:#647c93}

  body.si-mobile-v16 .dashboard-grid{display:block!important}
  body.si-mobile-v16 .schedule{
    border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
  }
  body.si-mobile-v16 .table-head{display:none!important}

  body.si-mobile-v16 .time-group{
    display:block!important;border:0!important;margin:0 0 14px!important
  }
  body.si-mobile-v16 .time-cell{
    display:flex!important;align-items:center;gap:7px;
    padding:3px 2px 8px!important;background:transparent!important;border:0!important;text-align:left!important
  }
  body.si-mobile-v16 .time-cell strong{font-size:12px!important;color:#9db2c5}
  body.si-mobile-v16 .time-cell small{margin:0!important;font-size:9px!important;color:#607991}

  /* Existing match row -> app card */
  body.si-mobile-v16 .match-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "main action"
      "prob conf"
      "odds odds"
      "move move"!important;
    gap:10px 8px!important;
    min-height:0!important;
    margin:0 0 9px!important;
    padding:14px!important;
    border:1px solid var(--m-line)!important;
    border-radius:18px!important;
    background:linear-gradient(155deg,#0f1c29 0%,#09131e 100%)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.13)!important
  }
  body.si-mobile-v16 .match-row.selected{
    border-color:rgba(71,223,145,.42)!important;
    box-shadow:inset 0 0 0 1px rgba(71,223,145,.15),0 12px 30px rgba(0,0,0,.13)!important
  }
  body.si-mobile-v16 .match-main{
    grid-area:main!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:4px 8px!important;
    align-items:center!important
  }
  body.si-mobile-v16 .match-main .sport-badge{grid-row:1/4;font-size:16px!important}
  body.si-mobile-v16 .league-name{grid-column:2!important;font-size:9px!important;max-width:none!important;color:#688097!important}
  body.si-mobile-v16 .match-main .team{
    grid-column:2!important;justify-content:flex-start!important;gap:7px!important
  }
  body.si-mobile-v16 .match-main .team b{font-size:13px!important}
  body.si-mobile-v16 .match-main .team img{display:block!important;width:20px!important;height:20px!important}
  body.si-mobile-v16 .match-main .versus{display:none!important}

  body.si-mobile-v16 .prob{
    grid-area:prob!important;
    display:flex!important;gap:5px!important;justify-content:flex-start!important
  }
  body.si-mobile-v16 .prob:before{
    content:"AI";display:inline-flex;align-items:center;color:#59748e;font-size:8px;font-weight:900;margin-right:2px
  }
  body.si-mobile-v16 .prob>*{
    min-width:36px;padding:5px 6px;border-radius:8px;background:#08131e;font-size:10px!important
  }

  body.si-mobile-v16 .confidence{
    grid-area:conf!important;align-self:center!important;
    padding:6px 8px!important;border-radius:9px!important;font-size:11px!important;
    background:#0a1825!important;color:#7bc7ff!important
  }
  body.si-mobile-v16 .confidence.hot{background:#0d2b22!important;color:#5be59c!important}
  body.si-mobile-v16 .mobile-inline-label{font-size:7px!important;margin-right:3px;color:#607991!important}

  body.si-mobile-v16 .odds,
  body.si-mobile-v16 .odds-picks,
  body.si-mobile-v16 .compact-picks{
    grid-area:odds!important;
    width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important
  }
  body.si-mobile-v16 .odds-picks button,
  body.si-mobile-v16 .compact-picks button,
  body.si-mobile-v16 .pick-option{
    max-width:none!important;min-height:42px!important;border-radius:11px!important;
    background:#0a1723!important;border-color:#1d354a!important
  }
  body.si-mobile-v16 .odds-picks button:active,
  body.si-mobile-v16 .compact-picks button:active{transform:scale(.985)}

  body.si-mobile-v16 .movement{
    grid-area:move!important;text-align:left!important;font-size:9px!important;padding-top:1px;color:#6d8498!important
  }
  body.si-mobile-v16 .row-actions{
    grid-area:action!important;position:static!important;display:flex!important;align-items:flex-start!important
  }
  body.si-mobile-v16 .row-actions .detail{
    width:34px;height:34px;padding:0!important;display:grid;place-items:center;
    border-radius:11px!important;font-size:0!important;background:#0b1c2b!important
  }
  body.si-mobile-v16 .row-actions .detail:after{content:"›";font-size:20px;line-height:1;color:#79bfff}
  body.si-mobile-v16 .action-grade-slot{display:block!important}
  body.si-mobile-v16 .value-grade{border-radius:9px!important}

  /* Combo as bottom sheet */
  body.si-mobile-v16 .combo-column{
    position:fixed!important;left:0!important;right:0!important;bottom:-100%!important;top:auto!important;
    z-index:90!important;display:block!important;max-height:82vh!important;overflow:auto!important;
    padding:10px 10px calc(18px + env(safe-area-inset-bottom,0px))!important;
    border-radius:24px 24px 0 0!important;background:#07111b!important;
    border-top:1px solid #22384c!important;
    box-shadow:0 -24px 70px rgba(0,0,0,.55)!important;
    transition:bottom .28s ease!important
  }
  body.si-mobile-v16 .combo-column.mobile-open{bottom:0!important}
  body.si-mobile-v16 .combo-card,body.si-mobile-v16 .ai-combos{border-radius:17px!important}
  body.si-mobile-v16 .mobile-combo-fab{
    bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
    border-radius:999px!important;box-shadow:0 10px 34px rgba(45,140,255,.32)!important
  }

  /* Detail page */
  body.si-mobile-v16 .match-hero,
  body.si-mobile-v16 .hero-card,
  body.si-mobile-v16 .panel2,
  body.si-mobile-v16 .confidence-engine-card{
    border-radius:18px!important;border-color:var(--m-line)!important;
    box-shadow:none!important;background:linear-gradient(180deg,#0e1a27,#09131e)!important
  }
  body.si-mobile-v16 .detail-grid,
  body.si-mobile-v16 .analysis-grid,
  body.si-mobile-v16 .match-grid{grid-template-columns:1fr!important}
  body.si-mobile-v16 .history-table{display:block;overflow-x:auto;white-space:nowrap}
  body.si-mobile-v16 .confidence-engine-head{padding:14px!important}
  body.si-mobile-v16 .confidence-engine-score strong{font-size:24px!important}

  /* Bottom app navigation */
  .si-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:120;
    height:calc(66px + env(safe-area-inset-bottom,0px));
    padding:7px 10px env(safe-area-inset-bottom,0px);
    display:grid;grid-template-columns:repeat(5,1fr);
    background:rgba(6,13,21,.94);
    border-top:1px solid rgba(152,181,207,.12);
    backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)
  }
  .si-bottom-nav a{
    color:#61788e;text-decoration:none;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:800
  }
  .si-bottom-nav a i{font-style:normal;font-size:17px;line-height:1}
  .si-bottom-nav a.active{color:#79bdff}
  .si-bottom-nav a.active i{filter:drop-shadow(0 0 8px rgba(76,167,255,.45))}

  /* small phones */
  @media(max-width:390px){
    .si-mhero h1{font-size:23px}
    .si-mhero-stats{gap:6px}
    .si-mhero-stat{padding:10px 9px}
    .si-mhero-stat b{font-size:18px}
    body.si-mobile-v16 .match-row{padding:12px!important}
  }
}

@media (min-width: 901px){
  .si-mhero,.si-section-head,.si-bottom-nav{display:none!important}
}

/* =========================================================
   V16.0.1 - Mobile sport tabs overlap fix
   ========================================================= */
@media (max-width: 900px) {

  body.si-mobile-v16 .toolbar {
    overflow: visible !important;
  }

  body.si-mobile-v16 .sport-tabs {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 3px 0 7px !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;

    z-index: 2 !important;
  }

  body.si-mobile-v16 .sport-tabs::-webkit-scrollbar {
    display: none !important;
  }

  body.si-mobile-v16 .sport-tabs button,
  body.si-mobile-v16 .sport-tabs a {
    position: relative !important;
    flex: 0 0 auto !important;

    height: 38px !important;
    min-height: 38px !important;

    padding: 0 13px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 19px !important;
    white-space: nowrap !important;

    line-height: 1 !important;
  }

  body.si-mobile-v16 .sport-tabs + * {
    margin-top: 8px !important;
  }

  body.si-mobile-v16 .si-home-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;

    height: 16px !important;
    margin-left: 5px !important;
    padding: 0 5px !important;

    border-radius: 999px !important;
    border: 1px solid rgba(104,169,224,.26) !important;

    background: rgba(58,116,164,.14) !important;
    color: #8fc8f6 !important;

    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }
}
/* =========================================================
   SPORTS INTEL MOBILE V16.6 CLEANUP HOME
   One owner for compact controls + drawer + orphan cleanup
   ========================================================= */
@media (max-width:900px){

  body.si-mobile-v16.si-v166-home .si-v166-controlbar{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin:8px 0 0!important;
    padding:8px!important;
    border:1px solid #20384d!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#0d1c2a,#0a1723)!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-controlbar>a,
  body.si-mobile-v16.si-v166-home .si-v166-controlbar>button{
    min-width:0!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 7px!important;
    border:1px solid #28465f!important;
    border-radius:9px!important;
    background:#0b1a28!important;
    color:#8eabc1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-controlbar>.active{
    color:#fff!important;
    border-color:#317fba!important;
    background:#123d5d!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-toggle{
    color:#d8eaff!important;
    border-color:#2b70a8!important;
    background:linear-gradient(180deg,#123957,#0e2a42)!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-count{
    display:inline-grid!important;
    place-items:center!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#238bf5!important;
    color:#fff!important;
    font-size:8px!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer{
    display:none!important;
    width:100%!important;
    margin:8px 0 0!important;
    padding:9px!important;
    border:1px solid #234158!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#0d1c2b,#091722)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer.open{
    display:block!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 2px 8px!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-head b{
    color:#d9e8f5!important;
    font-size:11px!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-head span{
    color:#6e8ba3!important;
    font-size:8px!important;
  }

  /* Earlier mobile collapse UI must not survive inside V16.6 drawer. */
  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer .si-v163-panel-toggle{
    display:none!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer .si-v163-collapsible,
  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer .si-v163-collapsible.si-v163-collapsed{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    margin:0 0 8px!important;
    padding:0!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer .si-v163-collapsible>:not(.si-v163-panel-toggle){
    display:revert!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer .country-strip{
    display:block!important;
    margin:0 0 8px!important;
  }

  body.si-mobile-v16.si-v166-home .si-v166-filter-drawer .si-v166-readiness{
    display:block!important;
    margin:0!important;
  }

  /* Hard-zero stale shells from the original control layout. */
  body.si-mobile-v16.si-v166-home .si-v166-orphan{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Keep sport tabs stable and non-overlapping. */
  body.si-mobile-v16.si-v166-home .sport-tabs{
    position:relative!important;
    width:100%!important;
    min-height:44px!important;
    height:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:0!important;
    padding:2px 0 5px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.si-mobile-v16.si-v166-home .sport-tabs::-webkit-scrollbar{display:none!important}
  body.si-mobile-v16.si-v166-home .sport-tabs button,
  body.si-mobile-v16.si-v166-home .sport-tabs a{
    flex:0 0 auto!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 13px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    line-height:1!important;
  }

  body.si-mobile-v16.si-v166-home .toolbar,
  body.si-mobile-v16.si-v166-home .mobile-compact-toolbar{
    gap:6px!important;
    padding-bottom:9px!important;
  }

  body.si-mobile-v16.si-v166-home .si-home-rank{
    display:inline-flex!important;
  }
}