@import url("../inner.css");
/* Fixtures page */
.sch-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 18px; }
.sch-live-n { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 8px; padding: 0 6px; border-radius: 10px; background: var(--sapphire-bg); color: var(--sapphire); font: 600 11px/1 var(--font-mono); }
.sch-off { font-size: var(--fs-xs); color: var(--text-3); }
.sch-off b { font-weight: 500; color: var(--stone); }
.sch-dates { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(88px, 1fr); gap: 8px; margin-bottom: 18px; overflow-x: auto; scrollbar-width: none; }
.sch-dates::-webkit-scrollbar { display: none; }
.sch-date { display: grid; justify-items: center; align-content: center; gap: 5px; min-height: 68px; padding: 10px 8px; border: 1px solid var(--line); border-radius: var(--r-md); background: rgba(255,255,255,.015); color: var(--stone); cursor: pointer; transition: border-color var(--dur-1), color var(--dur-1), background var(--dur-1); }
.sch-date:hover { border-color: var(--line-2); color: var(--ivory); }
.sch-date[aria-pressed="true"] { border-color: rgba(226,194,122,.5); background: var(--gold-bg); color: var(--gold-1); box-shadow: inset 0 0 0 1px rgba(226,194,122,.12); }
.sch-date__wd { font: 600 11px/1 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; }
.sch-date__md { font: 600 1.2rem/1 var(--font-display); }
.sch-date__n { min-height: 10px; font: 500 10px/1 var(--font-mono); color: var(--text-3); }
.sch { display: grid; gap: 18px; min-height: 240px; transition: opacity var(--dur-2) var(--ease); }
.sch[aria-busy="true"] { opacity: .5; }
.sch-skel { display: grid; gap: 14px; padding: 20px; }
.sch-league { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--ink-2); overflow: hidden; box-shadow: var(--shadow-1); }
.sch-league__head { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(226,194,122,.07), transparent 60%); font-size: var(--fs-sm); color: var(--stone); }
.sch-league__head .icon { color: var(--gold-3); }
.sch-league__head b { font: 600 var(--fs-xs)/1 var(--font-mono); letter-spacing: .08em; color: var(--gold-2); }
.sch-league__n { margin-left: auto; font: 500 var(--fs-xs)/1 var(--font-mono); color: var(--text-3); }
.sch-rows { list-style: none; }
.sch-rows li + li { border-top: 1px solid var(--line); }
.sch-row { display: grid; grid-template-columns: 104px minmax(0, 1fr) 132px 16px; align-items: center; gap: 18px; min-height: 66px; padding: 10px 20px; color: var(--ivory); transition: background var(--dur-1); }
.sch-row:hover { background: rgba(255,255,255,.025); }
.sch-row__time { display: grid; gap: 4px; font-size: var(--fs-sm); }
.sch-row__time .num { color: var(--ivory); }
.sch-row__live { display: inline-flex; align-items: center; gap: 7px; font-size: var(--fs-xs); font-weight: 600; color: var(--sapphire); }
.sch-row__live::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(122,162,255,.2); }
.sch-row__ft { font: 600 11px/1 var(--font-ui); letter-spacing: .16em; color: var(--text-3); }
.sch-row__teams { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); align-items: center; gap: 14px; min-width: 0; }
.sch-row__side { display: flex; align-items: center; justify-content: flex-end; gap: 14px; min-width: 0; }
.sch-row__side + .sch-row__mid + .sch-row__side { flex-direction: row-reverse; }
.sch-row__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: var(--stone); }
.sch-row__pts { font: 600 var(--fs-lg)/1 var(--font-mono); color: var(--stone); min-width: 1.2em; text-align: center; }
.sch-row__side.is-win .sch-row__name, .sch-row__side.is-win .sch-row__pts { color: var(--ivory); }
.is-upcoming .sch-row__name { color: var(--ivory); }
.sch-row__mid { text-align: center; font: 500 var(--fs-xs)/1 var(--font-mono); color: var(--text-3); }
.is-live .sch-row__pts { color: var(--sapphire); }
.sch-row__tags { display: flex; justify-content: flex-end; }
.sch-row__tags .tag .icon { width: 12px; height: 12px; }
.sch-row__go { width: 16px; height: 16px; color: var(--text-3); transition: color var(--dur-1), transform var(--dur-2) var(--ease); }
.sch-row:hover .sch-row__go { color: var(--gold-2); transform: translateX(2px); }
.sch-note { display: flex; align-items: center; gap: 8px; margin-top: 24px; font-size: var(--fs-xs); color: var(--text-3); }
@media (max-width: 767px) {
  .sch-row { grid-template-columns: 70px minmax(0, 1fr) 16px; grid-template-areas: "time teams go" "tags tags tags"; gap: 8px 12px; padding: 12px 16px; }
  .sch-row__time { grid-area: time; align-self: start; padding-top: 2px; }
  .sch-row__teams { grid-area: teams; grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .sch-row__side, .sch-row__side + .sch-row__mid + .sch-row__side { flex-direction: row; justify-content: space-between; }
  .sch-row__mid { display: none; }
  .sch-row__go { grid-area: go; }
  .sch-row__tags { grid-area: tags; justify-content: flex-start; }
  .sch-row__tags:empty { display: none; }
  .sch-league__head { padding: 12px 16px; }
}