/* R20: identical public control geometry, balanced status spacing and a
   results list that mirrors the season-fixture tile. */

/* League shows only its state, aligned left, with exactly 8px above and below. */
#app .r19-league-header{margin-bottom:0!important}
#app .r19-league-header .r20-league-status-only{
    justify-content:flex-start;
    min-height:20px;
    margin:8px 2px 0!important;
}
#app .r19-league-header+.r13-league-list{margin-top:8px!important}

/* League and Matchups use the same column widths and exactly 48px-high
   dropdown, icon and Jump controls, including at phone widths. */
#app .r20-unified-toolbar{
    grid-template-columns:minmax(0,1fr) 44px 72px!important;
    gap:8px!important;
}
#app .r20-unified-toolbar select,
#app .r20-unified-toolbar .r18-control{
    box-sizing:border-box;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
}

/* The visible H2H status strip matches the 48px toolbar height. */
#app .r20-decision-filter{
    box-sizing:border-box;
    height:48px!important;
    min-height:48px!important;
    padding:4px 8px!important;
}
#app .r20-decision-filter nav{padding:3px}
#app .r20-decision-filter button{min-height:30px}

/* Expanded watch panel regains its own title, while the reason sits on a
   clearly separate line beneath each fixture. */
#app .r20-watch-heading{
    padding:2px 2px 9px;
    display:flex;
    flex-direction:column;
    gap:2px;
}
#app .r20-watch-heading small{
    color:#7c899a;
    font-size:6.5px;
    font-weight:950;
    letter-spacing:.08em;
}
#app .r20-watch-heading strong{color:#172236;font-size:12px}
#app .r19-key-matchups>div button{gap:9px!important;min-height:64px}
#app .r19-key-matchups>div button small{line-height:1.4}

/* Results deliberately reuse the same complete tile and table geometry as
   the future Season Fixture List. */
#app .r20-season-results{margin-top:12px!important}
#app .r20-season-results .r20-result-label{
    justify-self:end;
    width:auto!important;
    min-width:42px;
    box-sizing:border-box;
    border-radius:999px;
    padding:4px 7px;
    font-size:8px;
    font-weight:900;
    text-align:center!important;
}
#app .r20-season-results .r20-result-label.w{background:#def5e9;color:#0b7048}
#app .r20-season-results .r20-result-label.d{background:#fff0c7;color:#7c5700}
#app .r20-season-results .r20-result-label.l{background:#fee4ea;color:#a92040}

@media(max-width:430px){
    #app .r20-unified-toolbar{grid-template-columns:minmax(0,1fr) 44px 72px!important;gap:6px!important}
}

@media(max-width:359px){
    #app .r20-decision-filter{height:auto!important;min-height:72px!important}
}