/* SerieAGoal v1.63 — gare terminate, solo mobile.
   La struttura DOM creata da sg-match-list-preview-v113.js è:
   a.sg104-dc-preview > span.sg104-dc-title + span.sg106-dc-headline
   (span.sg104-dc-value + strong.sg106-dc-percent) + span.sg104-dc-access.
   Un'unica grid assegna righe proprie a titolo, scelta ed esito e riserva
   alla percentuale una colonna con centratura verticale. Senza top/left/translate.
   Le gare future e live non corrispondono a is-finished e restano inalterate.
*/
@media screen and (max-width: 760px) {
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg-match-feature-zone .sg-match-features {
    align-self:center!important;
    justify-content:center!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-preview:not([hidden]) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:auto auto auto!important;
    column-gap:8px!important;
    row-gap:5px!important;
    justify-content:stretch!important;
    align-content:center!important;
    align-items:center!important;
    align-self:center!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:2px 0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  /* Flatten only the structural wrapper, so value and percentage can occupy
     independent grid cells while preserving the existing HTML and JS logic. */
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg106-dc-headline {
    display:contents!important;
    position:static!important;
    transform:none!important;
    top:auto!important;
    left:auto!important;
    margin:0!important;
    padding:0!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-title {
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    transform:none!important;
    top:auto!important;
    left:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    line-height:1.2!important;
    min-width:0!important;
    align-self:end!important;
    justify-self:start!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-value {
    grid-column:1!important;
    grid-row:2!important;
    position:static!important;
    transform:none!important;
    top:auto!important;
    left:auto!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    max-width:100%!important;
    min-width:0!important;
    align-self:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    overflow:visible!important;
    line-height:1.22!important;
    font-size:clamp(10px,2.9vw,12px)!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-access,
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-access.sg106-dc-won,
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-access.sg106-dc-lost {
    grid-column:1!important;
    grid-row:3!important;
    position:static!important;
    transform:none!important;
    top:auto!important;
    left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:start!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    line-height:1.25!important;
    font-size:clamp(10px,2.75vw,12px)!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap.is-finished .sg104-dc-preview .sg106-dc-percent {
    grid-column:2!important;
    grid-row:1 / 4!important;
    position:static!important;
    transform:none!important;
    top:auto!important;
    left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:end!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:clamp(19px,5.3vw,25px)!important;
  }
}