/* Shared domestic Match-Center presentation; extracted from league.html. */
html[data-theme="light"] .league-hover-form-chip {
        border-color: #b8cbc6;
        background: #f7faf9;
        color: #172126;
      }
html[data-theme="light"] .league-hover-form-chip.win b {
        background: #13784b;
        color: #fff;
      }
html[data-theme="light"] .league-hover-form-chip.draw b {
        background: #9b6812;
        color: #fff;
      }
html[data-theme="light"] .league-hover-form-chip.loss b {
        background: #a83d3d;
        color: #fff;
      }
.league-hover-content {
        display: grid;
        gap: 10px;
        min-width: 0;
      }
.league-hover-content.has-notes {
        grid-template-columns: minmax(330px, 0.95fr) minmax(270px, 1.05fr);
        align-items: stretch;
      }
.league-hover-main {
        min-width: 0;
      }
.league-hover-head {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 9px;
        align-items: center;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--line);
      }
.league-hover-head strong,
      .league-hover-head em {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.league-hover-head strong {
        font-size: calc(0.98rem * var(--ui-font-scale, 1));
        font-weight: 950;
      }
.league-hover-head em {
        color: var(--muted);
        font-size: calc(0.78rem * var(--ui-font-scale, 1));
        font-style: normal;
        font-weight: 850;
      }
.league-hover-badges {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 4px;
      }
.league-hover-head .hover-logo {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        border-radius: 9px;
        background: var(--paper);
        border: 1px solid rgba(0, 0, 0, 0.12);
        padding: 5px;
      }
.league-hover-quickfacts {
        margin-top: 9px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
      }
.league-hover-quickfacts strong > b {
        display: block;
        min-width: 0;
        overflow: hidden;
        font: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.league-hover-quickfacts > div {
        min-width: 0;
        border-radius: 8px;
        background: rgba(119, 220, 201, 0.11);
        border: 1px solid rgba(119, 220, 201, 0.18);
        padding: 6px;
      }
.league-hover-quickfacts span,
      .league-hover-quickfacts strong,
      .league-hover-section span,
      .league-hover-section strong {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
      }
.league-hover-quickfacts span,
      .league-hover-section span {
        color: var(--muted);
        font-size: calc(0.64rem * var(--ui-font-scale, 1));
        font-weight: 950;
        text-transform: uppercase;
      }
.league-hover-quickfacts strong {
        margin-top: 2px;
        color: var(--text);
        font-size: calc(0.72rem * var(--ui-font-scale, 1));
        font-weight: 950;
        line-height: 1.15;
        white-space: nowrap;
      }
.league-hover-match-section {
        margin-top: 9px;
        border-radius: 9px;
        background: linear-gradient(135deg, rgba(119, 220, 201, 0.12), rgba(255, 255, 255, 0.04));
        border: 1px solid rgba(119, 220, 201, 0.22);
        padding: 8px;
      }
.league-hover-match-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }
.league-hover-match-head span {
        color: var(--muted);
        font-size: calc(0.68rem * var(--ui-font-scale, 1));
        font-weight: 950;
        text-transform: uppercase;
      }
.league-hover-match-head strong {
        min-width: 0;
        color: var(--accent);
        font-size: calc(0.74rem * var(--ui-font-scale, 1));
        font-weight: 1000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.league-hover-match-section p,
      .league-hover-match-section em {
        margin: 5px 0 0;
        color: var(--quiet);
        font-size: calc(0.72rem * var(--ui-font-scale, 1));
        font-weight: 850;
        font-style: normal;
      }
.league-hover-match-events {
        margin-top: 7px;
        display: grid;
        gap: 5px;
      }
.league-hover-match-events span {
        min-width: 0;
        border-radius: 7px;
        background: rgba(255, 255, 255, 0.055);
        border-left: 4px solid var(--accent);
        color: var(--text);
        padding: 5px 7px;
        font-size: calc(0.72rem * var(--ui-font-scale, 1));
        font-weight: 900;
        line-height: 1.2;
      }
.league-hover-match-events .goal,
      .league-hover-match-events .penalty {
        border-left-color: var(--accent);
      }
.league-hover-match-events .own-goal,
      .league-hover-match-events .red-card {
        border-left-color: var(--red);
      }
.league-hover-match-events .yellow-card,
      .league-hover-match-events .second-yellow {
        border-left-color: var(--gold);
      }
.league-hover-match-events .sub-in,
      .league-hover-match-events .sub-out {
        border-left-color: #60a5fa;
      }
.league-hover-grid {
        padding-top: 9px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
      }
.league-hover-grid > div {
        min-width: 0;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.045);
        padding: 7px;
      }
.league-hover-grid > div.wide {
        grid-column: 1 / -1;
      }
.league-hover-grid span,
      .league-hover-grid strong {
        display: block;
      }
.league-hover-grid span {
        color: var(--muted);
        font-size: calc(0.68rem * var(--ui-font-scale, 1));
        font-weight: 950;
        text-transform: uppercase;
      }
.league-hover-grid strong {
        margin-top: 2px;
        color: var(--text);
        font-size: calc(0.8rem * var(--ui-font-scale, 1));
        font-weight: 900;
        line-height: 1.25;
      }
.league-hover-contract {
        display: flex;
        gap: 0;
        margin: 2px 0 0;
        color: var(--text);
        font-size: calc(0.8rem * var(--ui-font-scale, 1));
        font-weight: 500;
        line-height: 1.25;
        white-space: nowrap;
      }
.league-hover-contract span {
        display: inline;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        text-transform: none;
      }
.league-hover-contract b {
        font-weight: 950;
      }
.league-hover-club-season {
        margin-top: 8px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: rgba(122, 232, 219, 0.06);
        padding: 8px;
      }
.league-hover-club-season-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        color: var(--text);
      }
.league-hover-club-season-head strong {
        font-size: calc(0.78rem * var(--ui-font-scale, 1));
        font-weight: 950;
      }
.league-hover-club-season-head span {
        color: var(--accent-strong);
        font-size: calc(0.7rem * var(--ui-font-scale, 1));
        font-weight: 950;
        text-align: right;
      }
.league-hover-season-leaders {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin-top: 7px;
      }
.league-hover-season-leaders > div {
        min-width: 0;
        padding: 5px 6px;
        border-radius: 7px;
        background: color-mix(in srgb, var(--panel-strong) 84%, transparent);
      }
.league-hover-season-leaders span {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.league-hover-season-leaders span {
        color: var(--muted);
        font-size: calc(0.58rem * var(--ui-font-scale, 1));
        font-weight: 900;
        text-transform: uppercase;
      }
.league-hover-season-leaders strong {
        display: block;
        margin-top: 2px;
        color: var(--text);
        font-size: calc(0.7rem * var(--ui-font-scale, 1));
        font-weight: 900;
        line-height: 1.25;
        overflow-wrap: anywhere;
      }
.league-hover-season-leaders em {
        color: var(--accent-strong);
        font-size: calc(0.64rem * var(--ui-font-scale, 1));
        font-style: normal;
        font-weight: 950;
      }
.league-hover-form-strip {
        margin-top: 7px;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
      }
.league-hover-form-chip {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid var(--line);
        padding: 3px 7px;
        color: var(--text);
        font-size: calc(0.68rem * var(--ui-font-scale, 1));
        font-weight: 900;
      }
.league-hover-form-chip b {
        display: grid;
        place-items: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        color: var(--text);
        font-size: calc(0.62rem * var(--ui-font-scale, 1));
        font-weight: 950;
      }
.league-hover-form-chip.win b {
        background: rgba(89, 211, 138, 0.26);
        color: #8ef0b5;
      }
.league-hover-form-chip.draw b {
        background: rgba(236, 190, 82, 0.24);
        color: #ffd778;
      }
.league-hover-form-chip.loss b {
        background: rgba(255, 106, 106, 0.24);
        color: #ff9c9c;
      }
.league-hover-next-list {
        margin-top: 5px;
        display: grid;
        gap: 0;
      }
.league-hover-next-list span {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 7px;
        padding: 2px 0;
        color: var(--text);
        font-size: calc(0.7rem * var(--ui-font-scale, 1));
        font-weight: 850;
      }
.league-hover-next-list b,
      .league-hover-next-list em {
        color: var(--muted);
        font-style: normal;
        font-size: calc(0.66rem * var(--ui-font-scale, 1));
        font-weight: 950;
        white-space: nowrap;
      }
.league-hover-season-empty {
        margin: 7px 0 0;
        color: var(--muted);
        font-size: calc(0.7rem * var(--ui-font-scale, 1));
        font-weight: 850;
      }
.league-hover-section {
        margin-top: 8px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid var(--line);
        padding: 7px;
      }
.league-hover-section strong {
        margin-top: 4px;
        color: var(--text);
        font-size: calc(0.76rem * var(--ui-font-scale, 1));
        font-weight: 850;
        line-height: 1.25;
      }
.league-hover-station {
        display: grid;
        gap: 1px;
        margin-top: 5px;
      }
.league-hover-station strong {
        margin-top: 0;
        white-space: nowrap;
      }
.league-hover-station em {
        display: block;
        margin-left: 9px;
        overflow: hidden;
        color: var(--muted);
        font-size: calc(0.68rem * var(--ui-font-scale, 1));
        font-style: normal;
        font-weight: 800;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.league-hover-expand {
        margin-top: 5px;
      }
.league-hover-expand summary {
        color: var(--accent-strong);
        cursor: pointer;
        font-size: calc(0.7rem * var(--ui-font-scale, 1));
        font-weight: 850;
      }
.league-hover-expand > div {
        display: grid;
        gap: 4px;
        margin-top: 5px;
      }
.league-hover-meta {
        margin-top: 8px;
        border-top: 1px solid var(--line);
        padding-top: 7px;
        color: var(--quiet);
        font-size: calc(0.68rem * var(--ui-font-scale, 1));
        font-weight: 850;
      }
.league-hover-content.has-notes > .app-notes-component {
        min-width: 0;
        
        align-self: stretch;
        height: auto;
        max-height: none;
        overflow: auto;
        border-left: 1px solid var(--line);
        font-size: calc(0.76rem * var(--ui-font-scale, 1));
        line-height: 1.25;
      }
.league-hover-content.has-notes > .app-notes-component.writable {
        grid-template-rows: auto auto minmax(0, 1fr) auto;
      }
.league-hover-content.has-notes > .app-notes-component.writable .league-note-new,
      .league-hover-content.has-notes > .app-notes-component.writable .league-note-text-field {
        min-height: 0;
        height: 100%;
      }
.league-hover-content.has-notes > .app-notes-component.writable .league-note-new {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
        width: 100%;
      }
.league-hover-content.has-notes > .app-notes-component.writable .league-note-new textarea {
        min-height: 100%;
        height: 100%;
        resize: none;
      }
.league-hover-content.has-notes > .league-hover-note-stack {
        min-width: 0;
        height: 100%;
        max-height: none;
        overflow: visible;
        border-left: 1px solid var(--line);
        display: grid;
        gap: 8px;
        align-content: stretch;
        font-size: calc(0.76rem * var(--ui-font-scale, 1));
        line-height: 1.25;
      }
.league-hover-note-stack > .app-notes-component {
        min-width: 0;
      }
.league-hover-note-stack > .app-notes-component.writable {
        grid-template-rows: auto auto minmax(0, 1fr) auto;
      }
.league-hover-note-stack > .app-notes-component.writable .league-note-new,
      .league-hover-note-stack > .app-notes-component.writable .league-note-text-field {
        min-height: 0;
        height: 100%;
        width: 100%;
        min-width: 0;
      }
.league-hover-note-stack > .app-notes-component.writable .league-note-new {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
      }
.league-hover-note-stack > .app-notes-component.writable .league-note-text-field {
        grid-template-columns: minmax(0, 1fr);
      }
.league-hover-note-stack > .app-notes-component.writable .league-note-new textarea {
        min-height: 100%;
        height: 100%;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        resize: none;
      }
.league-hover-note-stack > .app-notes-component.writable .league-note-new-controls {
        width: 100%;
        min-width: 0;
        grid-template-columns: auto 38px minmax(0, 1fr);
      }
.league-hover-content.has-notes .app-notes-component.writable .league-note-new-controls {
        align-self: end;
        height: 42px;
        min-height: 42px;
        max-height: 42px;
      }
.league-hover-content.has-notes .app-notes-component.writable .league-note-new-controls > select,
      .league-hover-content.has-notes .app-notes-component.writable .league-note-new-controls > button {
        align-self: stretch;
        height: 42px;
        min-height: 42px;
        max-height: 42px;
      }
html[data-league-hover-activation="click"] .league-hover-trigger-active {
        outline: 2px solid rgba(245, 180, 68, 0.92);
        outline-offset: 2px;
        box-shadow: 0 0 0 3px rgba(245, 180, 68, 0.2);
      }
@media  (max-width: 980px) {.league-hover-content.has-notes {
          grid-template-columns: 1fr;
        }
.league-hover-content.has-notes > .app-notes-component {
          max-height: min(340px, calc(100vh - 170px));
          border-top: 1px solid var(--line);
          border-left: 0;
        }
.league-hover-content.has-notes > .league-hover-note-stack {
          height: auto;
          max-height: none;
          overflow: visible;
          border-top: 1px solid var(--line);
          border-left: 0;
        }}

html[data-environment="unl2026"] .domestic-match-hover{--match-hover-font-scale:var(--ui-font-scale,1)}
.bench-player.bench-coach.national-bench-staff{display:flex;gap:6px;min-height:32px}
.bench-player.bench-coach.national-bench-staff .bench-player-name{flex:1;min-width:0;display:grid;gap:1px;text-align:left}
.national-bench-staff .bench-player-name>small{font-size:.75em;opacity:.75;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bench-player.bench-coach.national-bench-staff .card-button{flex:none;margin-left:auto;width:auto;max-width:none;min-width:24px;height:21px;gap:3px;padding:0 4px}
.bench-player.bench-coach.national-bench-staff .card-minute{display:inline;font-size:calc(9px * var(--ui-font-scale,1));overflow:visible;white-space:nowrap}
.national-bench-staff .bench-staff-toggle{display:flex;align-items:center;gap:2px;flex:none;min-width:25px;padding:2px 4px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px;font-size:inherit}
.national-bench-staff .bench-staff-toggle small{font-size:.7em}
.bench-player.bench-coach.national-bench-staff.staff-member{position:relative;top:auto;background:var(--panel-soft);border-left:3px solid var(--line);color:var(--text)}
.national-bench-staff.sent-off{border-color:var(--danger,#c93636)}