/*
 * Mediangr Sports Core — live components
 * Version: 1.0.0
 * Styles the scoreboard ribbon items and the standings table. Reuses the
 * theme's CSS variables (with safe fallbacks if the theme is inactive).
 */

.mgrs-scoreband__inner{display:flex;align-items:stretch;max-width:1280px;margin:0 auto;padding:0 18px;height:48px}
.mgrs-fx-track{flex:1 1 auto;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.mgrs-fx-track::-webkit-scrollbar{display:none}
.mgrs-fx__empty{padding:0 14px;color:var(--txt3,#9aa49f);font-family:var(--u,'Archivo',sans-serif);font-size:13px;white-space:nowrap}

.mgrs-fx{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:48px;
  border-left:1px solid var(--line,rgba(255,255,255,.09));font-family:var(--u,'Archivo',sans-serif);font-size:13px;white-space:nowrap}
.mgrs-fx:first-child{border-left:0}
.mgrs-fx__t{color:var(--txt,#f4f7f6);font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.mgrs-fx__score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--green-b,#5cf09a);min-width:30px;text-align:center}
.mgrs-fx.is-upcoming .mgrs-fx__score{color:var(--txt3,#9aa49f);font-weight:700}
.mgrs-fx__sep{color:var(--txt3,#9aa49f);margin:0 2px}
.mgrs-fx__v{color:var(--txt3,#9aa49f);font-style:italic}
.mgrs-fx__when{color:var(--green-b,#5cf09a);font-size:11px;text-transform:uppercase;letter-spacing:.04em}

/* Standings table */
.mgrs-table{width:100%;border-collapse:collapse;font-family:var(--u,'Archivo',sans-serif);font-size:13px}
.mgrs-table th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--txt3,#9aa49f);
  padding:6px 4px;border-bottom:1px solid var(--line2,rgba(255,255,255,.16));font-weight:800}
.mgrs-table td{padding:8px 4px;border-bottom:1px solid var(--line,rgba(255,255,255,.09));color:var(--txt,#f4f7f6)}
.mgrs-table .num{text-align:center;width:32px;font-variant-numeric:tabular-nums}
.mgrs-table .team{display:flex;align-items:center;gap:8px;font-weight:600}
.mgrs-table .team img{border-radius:3px;flex:0 0 auto}
.mgrs-table .team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mgrs-table .pts{font-weight:900}
.mgrs-table tbody tr:hover{background:var(--card2,#141c1a)}

@media(max-width:400px){.mgrs-table .hide-xs{display:none}}