/* Match Center presentation only; native schedule data and filters are retained. */
@layer mfOwnerCompact {
  body.mf-match-center-page .mf-matchday-hero { padding: 12px !important; gap: 10px !important; }
  body.mf-match-center-page .mf-matchday-command { min-height: 0 !important; padding: 0 !important; }
  body.mf-match-center-page .mf-matchday-command h2 { font-size: 21px !important; line-height: 1.2 !important; margin-block: 4px !important; }
  body.mf-match-center-page .mf-matchday-command p { font-size: 13px !important; line-height: 1.4 !important; }
  body.mf-match-center-page .mf-matchday-freshness { padding: 8px 10px !important; gap: 8px !important; border-inline-start: 3px solid var(--brand-yellow) !important; }
  body.mf-match-center-page .mf-matchday-freshness p { font-size: 12px !important; line-height: 1.4 !important; }
  body.mf-match-center-page .mf-matchday-overview { gap: 8px !important; }
  body.mf-match-center-page .mf-matchday-overview > :is(div, article, button) { padding: 8px !important; min-height: 0 !important; }
  body.mf-match-center-page .mf-matchday-overview :is(.mf-matchday-team-mark, .mf-matchday-team-mark img) { width: 24px !important; height: 24px !important; }
  body.mf-match-center-page .mf-matchday-guide-head { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin-block: 0 !important; }
  body.mf-match-center-page .mf-matchday-guide-head h2 { font-size: 20px !important; }
  body.mf-match-center-page .mf-matchday-controls > summary { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px 10px !important; }
  body.mf-match-center-page .mf-mc-board-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-inline-start: auto; }
  body.mf-match-center-page :is(.mf-mc-board-actions button, .mf-mc-board-toggle) { min-height: 44px !important; padding: 6px 10px !important; border: 1px solid var(--brand-yellow) !important; border-radius: var(--r-sm) !important; background: var(--surface) !important; color: var(--text) !important; font: inherit !important; font-size: 12px !important; font-weight: 700 !important; cursor: pointer; }
  body.mf-match-center-page .mf-mc-board-actions [data-mf-board-all="expand"] { border-color: var(--brand-green) !important; }
  body.mf-match-center-page :is(.mf-mc-board-actions button, .mf-mc-board-toggle):focus-visible { outline: 3px solid var(--brand-yellow) !important; outline-offset: 2px !important; }
  body.mf-match-center-page :is(.mf-mc-board-actions button, .mf-mc-board-toggle):hover { background: var(--surface-2) !important; }
  body.mf-match-center-page [data-md-guide] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; }
  body.mf-match-center-page .mf-matchday-group { --mc-board-accent: var(--brand-yellow); grid-column: 1 / -1 !important; min-width: 0 !important; border-top: 3px solid var(--mc-board-accent) !important; background: var(--surface) !important; }
  body.mf-match-center-page .mf-matchday-group[data-mf-board-accent="red"] { --mc-board-accent: var(--brand-red); }
  body.mf-match-center-page .mf-matchday-group[data-mf-board-accent="green"] { --mc-board-accent: var(--brand-green); }
  body.mf-match-center-page .mf-matchday-group__head { display: flex !important; min-height: 48px !important; gap: 8px !important; padding: 2px 10px !important; background: color-mix(in srgb, var(--mc-board-accent) 12%, var(--surface)) !important; }
  body.mf-match-center-page .mf-matchday-group__head h3 { flex: 1 !important; min-width: 0 !important; font-size: 16px !important; line-height: 1.2 !important; }
  body.mf-match-center-page .mf-matchday-group__head > span { font-size: 11px !important; }
  body.mf-match-center-page .mf-matchday-group__head :is(h3, span) { color: var(--text) !important; }
  body.mf-match-center-page .mf-matchday-group__rows { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; grid-auto-flow: row !important; }
  body.mf-match-center-page .mf-matchday-group__rows > .mf-matchday-row { display: grid !important; grid-column: span 2 !important; grid-template-columns: 68px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; min-width: 0 !important; width: auto !important; min-height: 0 !important; gap: 6px 8px !important; padding: 8px 10px !important; align-items: start !important; border-inline-start: 2px solid color-mix(in srgb, var(--mc-board-accent) 40%, transparent) !important; }
  body.mf-match-center-page .mf-matchday-row__time { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-column: 1 !important; grid-row: 1 !important; gap: 4px !important; }
  body.mf-match-center-page .mf-matchday-row__time > :is(strong, span) { grid-column: 1 !important; grid-row: auto !important; }
  body.mf-match-center-page .mf-matchday-row__time strong { width: auto !important; max-width: none !important; font-size: 13px !important; line-height: 1.25 !important; }
  body.mf-match-center-page .mf-matchday-row { background: var(--bg) !important; }
  body.mf-match-center-page :is(.mf-matchday-row__time strong, .mf-matchday-team-line strong, .mf-matchday-watch-link) { color: var(--text) !important; }
  body.mf-match-center-page .mf-matchday-row__time > span { font-size: 10px !important; }
  body.mf-match-center-page .mf-matchday-row__teams { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; }
  body.mf-match-center-page .mf-matchday-team-lines { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; }
  body.mf-match-center-page .mf-matchday-team-line { display: flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; min-height: 28px !important; }
  body.mf-match-center-page .mf-matchday-team-line strong { font-size: 13px !important; line-height: 1.3 !important; }
  body.mf-match-center-page .mf-matchday-row__teams :is(.mf-matchday-team-mark, .mf-matchday-team-mark img) { width: 24px !important; height: 24px !important; flex-shrink: 0 !important; }
  body.mf-match-center-page .mf-matchday-row__teams p { font-size: 11px !important; line-height: 1.4 !important; margin-top: 4px !important; }
  body.mf-match-center-page .mf-matchday-row__actions { grid-column: 1 / -1 !important; grid-row: 2 !important; display: flex !important; flex-wrap: wrap !important; gap: 4px 8px !important; margin: 0 !important; }
  body.mf-match-center-page .mf-matchday-row__actions :is(button, a) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 6px 8px !important; font-size: 11px !important; line-height: 1.3 !important; }
  body.mf-match-center-page .mf-matchday-view { background: var(--brand-yellow) !important; border-color: var(--brand-yellow) !important; color: var(--brand-black) !important; }
  body.mf-match-center-page .mf-matchday-follow { border-color: var(--brand-green) !important; }
  body.mf-match-center-page .mf-matchday-follow[aria-pressed="true"] { background: var(--brand-green) !important; color: var(--brand-black) !important; }
  body.mf-match-center-page .mf-matchday-group__rows[hidden],
  body.mf-match-center-page .mf-mc-league-closed .mf-matchday-group__more { display: none !important; }
  @media (min-width: 1001px) {
    body.mf-match-center-page .mf-matchday-group[data-mf-board-remainder="1"] .mf-matchday-row:last-child { grid-column: 1 / -1 !important; }
    body.mf-match-center-page .mf-matchday-group[data-mf-board-remainder="2"] .mf-matchday-row:nth-last-child(-n+2) { grid-column: span 3 !important; }
  }
  @media (min-width: 601px) {
    body.mf-match-center-page .mf-matchday-group--single .mf-matchday-row { grid-column: 1 / -1 !important; grid-template-columns: 80px minmax(0, 1fr) auto !important; }
    body.mf-match-center-page .mf-matchday-group--single .mf-matchday-row__actions { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; }
  }
  @media (min-width: 601px) and (max-width: 1000px) {
    body.mf-match-center-page .mf-matchday-group__rows { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.mf-match-center-page .mf-matchday-group__rows > .mf-matchday-row { grid-column: auto !important; }
    body.mf-match-center-page .mf-matchday-group__rows > .mf-matchday-row:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
  }
  @media (max-width: 600px) {
    body.mf-match-center-page .mf-matchday-hero { padding: 8px !important; }
    body.mf-match-center-page .mf-matchday-group__rows { grid-template-columns: minmax(0, 1fr) !important; }
    body.mf-match-center-page .mf-matchday-group__rows > .mf-matchday-row { grid-column: 1 !important; }
    body.mf-match-center-page .mf-matchday-group__head { flex-wrap: wrap !important; }
    body.mf-match-center-page .mf-matchday-group__head h3 { font-size: 15px !important; }
    body.mf-match-center-page .mf-mc-board-actions { margin-inline-start: 0; }
    body.mf-match-center-page .mf-matchday-tools-sticky { position: static !important; top: auto !important; }
    body.mf-match-center-page .mf-matchday-date-scroll { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; min-width: 0 !important; }
    body.mf-match-center-page .mf-matchday-date-scroll button { flex: 0 0 auto !important; width: auto !important; white-space: nowrap !important; }
  }
}

/* The existing Full Match Center heading names the board. Keep source/freshness
 * and degraded states visible, then put date controls ahead of optional detail. */
@layer mfOwnerCompact {
  body.mf-match-center-page .mf-matchday-command { display: none !important; }
  body.mf-match-center-page .mf-mc-board-summary { display: flex !important; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
  body.mf-match-center-page .mf-mc-board-highlights { flex: 1 1 220px; min-width: 0; }
  body.mf-match-center-page .mf-mc-board-highlights > summary { cursor: pointer; min-height: 44px; padding: 10px; font-size: 14px; font-weight: 700; }
  body.mf-match-center-page .mf-mc-board-highlights > summary:focus-visible { outline: 3px solid var(--brand-yellow); outline-offset: 2px; }
  body.mf-match-center-page .mf-mc-board-summary > .mf-matchday-refresh-toggle { min-height: 44px !important; padding: 8px 12px !important; font-size: 13px !important; }
  body.mf-match-center-page .mf-mc-board-highlights .mf-matchday-overview { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  body.mf-match-center-page :is(.mf-matchday-row__time strong, .mf-matchday-team-line strong) { font-size: 14px !important; }
  body.mf-match-center-page .mf-matchday-row__teams p { font-size: 12px !important; }
  body.mf-match-center-page .mf-matchday-row__actions :is(button, a) { font-size: 13px !important; }
  @media (max-width: 900px) {
    body.mf-match-center-page .mf-mc-board-highlights .mf-matchday-overview { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  }
  @media (max-width: 600px) {
    body.mf-match-center-page .mf-mc-board-highlights .mf-matchday-overview { grid-template-columns: minmax(0, 1fr) !important; }
  }
}