/*
 SPORTS INTEL MOBILE APP UI V1
 Desktop intentionally untouched.
*/
@media (max-width:720px){

:root{
 --si-bg:#030b12;
 --si-panel:#08131d;
 --si-panel2:#0b1824;
 --si-line:#172a3a;
 --si-text:#f4f8fb;
 --si-muted:#7e94a7;
 --si-blue:#1688ff;
 --si-green:#38dc88;
 --si-red:#ff3b45;
 --si-amber:#f0b94a;
}

html{
 background:var(--si-bg);
}

body{
 background:
 radial-gradient(circle at 50% -80px,#10273a 0,#06111b 280px,#030b12 600px);
 padding-bottom:82px!important;
}

body,
button,
select,
input{
 -webkit-tap-highlight-color:transparent;
}

.card,
.card-lite,
.panel2,
.match-summary,
.probability-card,
.sport-analysis-card{
 border-color:var(--si-line)!important;
 box-shadow:none!important;
}

/* ---------- desktop-only clutter ---------- */

.page-head,
.view-utility,
.mobile-country-panel,
.analysis-readiness-bar,
.mobile-combo-fab{
 display:none!important;
}

/* ---------- toolbar becomes app controls ---------- */

.pro-toolbar{
 margin:0 10px 12px!important;
 padding:10px!important;
 border-radius:16px!important;
 background:rgba(7,18,28,.96)!important;
}

.toolbar-main{
 display:block!important;
}

.pro-date{
 margin-bottom:10px!important;
 min-height:44px;
}

.pro-date small{
 display:none!important;
}

.pro-date b{
 font-size:15px!important;
}

.pro-sport-tabs{
 display:flex!important;
 overflow-x:auto;
 gap:7px!important;
 padding:2px 0 8px!important;
 scrollbar-width:none;
}

.pro-sport-tabs::-webkit-scrollbar{
 display:none;
}

.pro-sport-tabs a{
 flex:0 0 auto;
 min-width:64px;
 padding:10px 9px!important;
 border-radius:12px!important;
 text-align:center;
 font-size:12px!important;
 border:1px solid var(--si-line)!important;
 background:#091723!important;
}

.pro-sport-tabs a.active{
 background:#0c2b47!important;
 border-color:#1688ff!important;
 color:#fff!important;
}

.filter-trigger{
 width:100%;
 min-height:40px;
 border-radius:11px!important;
}

.filter-console{
 border-radius:13px!important;
}

/* ---------- summary metrics ---------- */

.metric{
 border-radius:10px!important;
}

/* ---------- schedule ---------- */

.schedule-zone,
.country-zone{
 margin:0 10px 14px!important;
}

.zone-head{
 padding:12px 3px 8px!important;
}

.zone-head span{
 font-size:13px!important;
}

.zone-head.live span{
 color:#ff4c55!important;
}

.time-group,
.live-time-group,
.stale-time-group{
 display:block!important;
 margin-bottom:10px!important;
}

.time-cell{
 display:flex!important;
 align-items:center;
 gap:7px;
 width:auto!important;
 padding:5px 4px!important;
}

.time-cell strong{
 font-size:12px!important;
}

.time-cell small{
 font-size:9px!important;
}

/* ---------- MATCH CARDS ---------- */

.match-row{
 position:relative;
 margin:0 0 9px!important;
 padding:13px 12px!important;
 border:1px solid var(--si-line)!important;
 border-radius:15px!important;
 background:
 linear-gradient(145deg,#0a1824,#06111a)!important;
 box-shadow:none!important;
 overflow:hidden;
}

.match-row.is-live{
 border-color:#243746!important;
}

.match-row.is-live:before{
 content:"";
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:3px;
 background:var(--si-red);
}

.mobile-match-timing{
 margin-bottom:9px!important;
}

.mobile-live-state small{
 color:#fff!important;
 background:var(--si-red);
 padding:3px 6px;
 border-radius:5px;
}

.mobile-live-score{
 font-size:22px!important;
 font-weight:900!important;
}

.match-row .teams{
 min-width:0!important;
}

.match-row .team{
 min-width:0!important;
}

.match-row .team img{
 width:34px!important;
 height:34px!important;
 object-fit:contain;
}

.match-row .team b{
 font-size:13px!important;
 line-height:1.25!important;
}

.match-row .team small{
 font-size:9px!important;
}

.match-row .versus{
 font-size:13px!important;
}

.match-row .confidence{
 border-radius:10px!important;
}

.value-grade{
 border-radius:7px!important;
}

/* ---------- DETAIL PAGE ---------- */

.detail-page{
 padding:0 10px!important;
}

.match-hero2{
 display:block!important;
}

.match-summary{
 padding:14px 12px!important;
 border-radius:17px!important;
 background:
 linear-gradient(145deg,#0a1824,#06111a)!important;
}

.match-summary .crumb{
 text-align:center;
 color:var(--muted,#8196a8);
 font-size:10px!important;
 margin-bottom:15px!important;
}

.hero-teams{
 display:grid!important;
 grid-template-columns:1fr 86px 1fr!important;
 align-items:center!important;
 gap:5px!important;
}

.hero-team{
 display:flex!important;
 flex-direction:column!important;
 text-align:center!important;
 align-items:center!important;
 gap:7px!important;
 min-width:0;
}

.hero-team.away{
 flex-direction:column-reverse!important;
}

.hero-team img{
 width:58px!important;
 height:58px!important;
 object-fit:contain!important;
}

.hero-team div{
 text-align:center!important;
}

.hero-team b{
 display:block;
 font-size:12px!important;
 line-height:1.25;
}

.hero-team small{
 display:none!important;
}

.hero-center{
 text-align:center;
}

.hero-center b{
 display:block;
 font-size:30px!important;
 font-weight:950!important;
 letter-spacing:-1px;
}

.hero-center small{
 display:block;
 font-size:9px!important;
 margin-top:7px;
 color:var(--si-muted)!important;
}

/* ---------- probability ---------- */

.probability-card{
 margin-top:10px!important;
 border-radius:17px!important;
 padding:15px!important;
 background:#07131e!important;
}

.probability-card h3{
 font-size:13px!important;
 margin-bottom:14px!important;
}

.probability-triple{
 gap:6px!important;
}

.probability-triple>div{
 padding:12px 5px!important;
 border-radius:11px!important;
 background:#0a1926!important;
}

.probability-triple span{
 font-size:9px!important;
 color:var(--si-muted)!important;
}

.probability-triple b{
 font-size:21px!important;
}

.conf-line{
 margin-top:10px!important;
 padding-top:11px!important;
}

/* ---------- analysis ---------- */

.sport-analysis-card{
 margin-top:10px!important;
 border-radius:17px!important;
 padding:15px 12px!important;
}

.sport-analysis-head{
 display:block!important;
}

.sport-analysis-head h2{
 font-size:17px!important;
}

.sport-analysis-head p{
 font-size:10px!important;
 line-height:1.5!important;
}

.analysis-quality{
 margin-top:12px!important;
}

.sport-value-strip{
 display:grid!important;
 grid-template-columns:repeat(3,1fr)!important;
 gap:1px!important;
 border:1px solid var(--si-line)!important;
 border-radius:13px!important;
 overflow:hidden;
 background:var(--si-line)!important;
}

.sport-value-strip>div{
 min-width:0!important;
 padding:12px 5px!important;
 text-align:center!important;
 background:#081722!important;
}

.sport-value-strip>div:nth-child(n+4){
 display:none!important;
}

.sport-value-strip small{
 display:block;
 font-size:8px!important;
 color:var(--si-muted)!important;
}

.sport-value-strip b{
 display:block;
 margin-top:4px;
 font-size:15px!important;
}

.sport-value-strip em,
.positive{
 color:var(--si-green)!important;
}

/* ---------- lower detail cards ---------- */

.detail-page .panel2{
 border-radius:15px!important;
 margin-bottom:9px!important;
 padding:14px 12px!important;
}

.detail-page .panel2 h2{
 font-size:14px!important;
}

.detail-page aside{
 display:block!important;
}

.history-table{
 font-size:10px!important;
}

/* ---------- odds chart ---------- */

.oc-chart{
 height:220px!important;
 border-radius:12px!important;
}

.oc-summary{
 grid-template-columns:1fr!important;
}

/* ---------- APP BOTTOM NAV ---------- */

.si-mobile-nav{
 position:fixed;
 left:0;
 right:0;
 bottom:0;
 z-index:9998;
 height:68px;
 padding:
  5px max(12px,env(safe-area-inset-right))
  calc(5px + env(safe-area-inset-bottom))
  max(12px,env(safe-area-inset-left));
 display:grid;
 grid-template-columns:repeat(4,1fr);
 background:rgba(3,11,18,.96);
 border-top:1px solid #172a3a;
 backdrop-filter:blur(18px);
 -webkit-backdrop-filter:blur(18px);
}

.si-mobile-nav a{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:2px;
 color:#8194a5;
 text-decoration:none;
 font-size:9px;
 font-weight:800;
 min-width:0;
}

.si-mobile-nav i{
 font-style:normal;
 font-size:20px;
 line-height:22px;
}

.si-mobile-nav a.active{
 color:#1688ff;
}

.si-mobile-nav .live i{
 position:relative;
}

.si-mobile-nav .live i:after{
 content:"";
 position:absolute;
 width:6px;
 height:6px;
 border-radius:50%;
 background:#ff3b45;
 right:-5px;
 top:0;
}

/* iPhone safe-area */
@supports(padding:max(0px)){
 body{
  padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
 }
}

}

/* Desktop must remain unchanged */
@media (min-width:721px){
 .si-mobile-nav{display:none!important}
}