/* Rustige wedstrijdweergave, zonder bestaande clubkleuren of inhoud te vervangen. */
body.public-app #tab-live .live-timeline,
body.public-app #tab-live .lineup-public {
  border:1px solid #d7e4ef;
  border-radius:16px;
  box-shadow:0 7px 22px #06295a12;
}
body.public-app #tab-live .live-timeline>summary,
body.public-app #tab-live .lineup-public>summary {
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.public-app #tab-live .live-timeline>summary:focus-visible,
body.public-app #tab-live .lineup-public>summary:focus-visible,
body.public-app #tab-uitslagen .result-card>summary:focus-visible {
  outline:3px solid #ffdc18;
  outline-offset:-3px;
}
body.public-app #tab-uitslagen .result-card {
  box-shadow:0 8px 22px #001a3b24;
}
body.public-app #tab-uitslagen .result-card>summary {
  padding-block:12px;
}
body.public-app #tab-uitslagen .result-team {
  align-self:start;
  text-align:center;
}
body.public-app #tab-uitslagen .result-team-scorers {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  margin-top:7px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
  overflow-wrap:anywhere;
}
body.public-app #tab-uitslagen .result-team-scorer {
  display:block;
  max-width:100%;
}
body.public-app #tab-uitslagen .result-team-scorer>span {
  font-size:12px;
}
body.public-app #tab-uitslagen .result-team-scorer small {
  color:#ffdc18;
  font-size:inherit;
  font-weight:900;
}
body.public-app #tab-uitslagen .result-unassigned-scorers {
  margin:9px auto 0;
  color:#e8f2fc;
  font-size:10px;
  text-align:center;
}
body.public-app .tab-panel:not([hidden]) {
  animation:matchdayPanelIn .2s ease-out both;
}
@keyframes matchdayPanelIn {
  from { opacity:.65; transform:translateY(5px) }
  to { opacity:1; transform:none }
}
.matchday-skeleton {
  position:relative;
  overflow:hidden;
  border-radius:12px;
  background:#cad8e6;
}
.matchday-skeleton::after {
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,#ffffff80,transparent);
  animation:matchdayShimmer 1.35s infinite;
}
@keyframes matchdayShimmer { to {transform:translateX(100%)} }
#scoreboardLoading {
  position:absolute;
  z-index:15;
  inset:0;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:16px;
  background:linear-gradient(125deg,#06295a,#0b4b8e);
}
#scoreboardLoading[hidden] {display:none}
#scoreboardLoading .matchday-skeleton {background:#ffffff32}
#scoreboardLoading .loading-title {width:125px;height:12px}
#scoreboardLoading .loading-score {width:180px;height:52px}
#scoreboardLoading .loading-clubs {width:min(68vw,350px);height:25px}
body.public-app #tab-live .scoreboard-shell {position:relative}
.results-loading {display:grid;gap:10px;padding-top:10px}
.results-loading-card {
  display:grid;
  justify-items:center;
  gap:14px;
  padding:18px;
  border:1px solid #d7e4ef;
  border-radius:15px;
  background:#eef4f9;
}
.results-loading-card .loading-date {width:100px;height:12px}
.results-loading-card .loading-teams {width:min(75%,330px);height:52px}
@media(max-width:560px) {
  body.public-app #tab-uitslagen .result-team-scorers {font-size:9px}
  body.public-app #tab-live .live-timeline>summary,
  body.public-app #tab-live .lineup-public>summary {min-height:54px}
}
@media(prefers-reduced-motion:reduce) {
  body.public-app .tab-panel:not([hidden]),.matchday-skeleton::after {animation:none}
}

/* Compacte, toegankelijke uitklapbalk voor live meldingen. */
/* Maarten Teuben (player id 21): approved golden record card. */
body.public-app .profile-dashboard.profile-record{border-color:#d6b35e;overflow:hidden}
.record-player-card{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:100%;align-self:start;border:1px solid #d6b35e;border-radius:18px;background:radial-gradient(ellipse at 17% 44%,#464032,#191c24 57%,#0c1421);color:#fff;padding:24px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 15px 35px #0003}
.record-player-card *{box-sizing:border-box}
.record-player-card:before{content:"";position:absolute;z-index:-1;inset:5px;border:1px solid #d6b35e35;border-radius:13px;pointer-events:none}
.record-brand{display:flex;align-items:center;gap:10px;color:#e8d2a0;font-size:11px;font-weight:800;letter-spacing:2px}
.record-brand img{width:36px;height:36px;object-fit:contain}
.record-brand span:first-of-type{flex:1}
.record-brand span:last-child{font-size:23px}
.record-main{position:relative;display:grid;grid-template-columns:47% minmax(0,53%);align-items:center;min-height:302px;margin:16px -12px 0}
.record-photo{width:100%;height:292px;object-fit:contain;object-position:center bottom;align-self:end;filter:drop-shadow(10px 8px 12px #0006)}
.record-copy{min-width:0;position:relative;padding:0 4px 0 10px}
.record-copy>small{font-size:9px;color:#ddbe77;letter-spacing:1.5px;line-height:1.8}
.record-player-card .record-copy h3{font-size:32px;line-height:1.04;letter-spacing:-1px;color:#fff;margin:11px 0;overflow-wrap:anywhere}
.record-copy p{color:#c2b99f;font-size:12px;margin:0 0 15px;font-style:italic}
.record-copy>strong{display:block;font-size:78px;letter-spacing:-4px;line-height:1;color:#e9cb83}
.record-copy>span{display:block;font-size:10px;letter-spacing:2px;color:#d5ccb7;margin-top:6px}
.record-ribbon{text-align:center;color:#191b20;background:linear-gradient(100deg,#bd9345,#eedbaa,#bd9345);padding:12px 6px;margin:0 -24px;font-size:10px;font-weight:800;letter-spacing:1.6px}
.record-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;padding:24px 0 7px;color:#eee0bf}
.record-totals>div+div{border-left:1px solid #c6a45840}
.record-totals strong{display:block;font-size:22px;line-height:1.2}
.record-totals small{display:block;font-size:10px;margin-top:6px;opacity:.75}
@media(max-width:560px){
.record-player-card{padding:20px 17px}
.record-brand{font-size:9px;letter-spacing:1px}
.record-main{grid-template-columns:45% minmax(0,55%);min-height:300px;margin-inline:-8px}
.record-player-card .record-copy h3{font-size:27px}
.record-copy>strong{font-size:62px}
.record-photo{height:260px}
.record-ribbon{margin-inline:-17px;font-size:9px;letter-spacing:1px}
.record-totals strong{font-size:20px}.record-totals small{font-size:9px}
}
body.public-app #tab-live details.push-card{
  /* Notification section follows the statistics styles. */
  display:block;
  padding:0;
  overflow:hidden;
}
body.public-app #tab-live details.push-card>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:60px;
  padding:14px 18px;
  background:#063b78;
  cursor:pointer;
  list-style:none;
}
body.public-app #tab-live details.push-card>summary::-webkit-details-marker{display:none}
body.public-app #tab-live details.push-card>summary h2{margin:0;color:#ffdc18;font-size:18px}
body.public-app #tab-live .push-summary-meta{
  display:inline-flex;
  align-items:center;
  gap:13px;
  flex-shrink:0;
  color:#fff;
  font-size:12px;
  font-weight:800;
}
body.public-app #tab-live .push-summary-meta i{
  display:block;
  width:9px;
  height:9px;
  border-right:2px solid #ffdc18;
  border-bottom:2px solid #ffdc18;
  transform:rotate(45deg);
  transition:transform .18s ease;
}
body.public-app #tab-live details.push-card[open] .push-summary-meta i{transform:rotate(225deg)}
body.public-app #tab-live .push-card-content{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px 18px;
  border-top:1px solid #d7e4ef;
}
body.public-app #tab-live .push-card-content>div{min-width:0}
body.public-app #tab-live details.push-card>summary:focus-visible{outline:3px solid #ffdc18;outline-offset:-3px}
@media(max-width:560px){
  body.public-app #tab-live details.push-card>summary{min-height:54px;padding:12px 14px}
  body.public-app #tab-live .push-card-content{flex-direction:column;align-items:stretch;padding:14px}
}
@media(prefers-reduced-motion:reduce){
  body.public-app #tab-live .push-summary-meta i{transition:none}
}

/* Keep teams, logos, score and clock during play; hide supplementary information. */
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal>:not(.score):not(.goal-b):not(.scoreboard-swap){display:none!important}
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal .score-centre>:not(.score-number):not(.minute){display:none!important}
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal .score-centre{display:flex;flex-direction:column;align-items:center;gap:12px}
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal .score-centre .minute{margin:0}

/* Compact score, logos and clock shared by live and scheduled scoreboards. */
body.public-app #tab-live .scoreboard-shell{border:1px solid #88b7de38;border-radius:18px;box-shadow:0 8px 24px #00172b25}
body.public-app #tab-live .scoreboard-shell>.score{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);align-items:start;gap:16px;min-height:0;padding:20px 18px 17px}
body.public-app #tab-live .scoreboard-shell>.score .team{font-size:14px;line-height:1.25;gap:0}
body.public-app #tab-live .scoreboard-shell .fixture-team{display:grid;grid-template-rows:58px auto auto;justify-items:center;align-items:start;gap:10px;width:100%;font-size:14px;font-weight:800;line-height:1.25}
body.public-app #tab-live .scoreboard-shell .fixture-team .club-logo{width:58px;height:58px;margin:0;object-fit:contain}
body.public-app #tab-live .scoreboard-shell .score-centre{display:flex;flex-direction:column;align-items:center;width:130px;padding:7px 9px 8px;gap:3px;border:0;border-radius:0;background:transparent;box-shadow:none}
body.public-app #tab-live .scoreboard-shell .score-centre .score-number{width:100%;padding:0 0 4px;border:0;border-radius:0;background:none;box-shadow:none;font-size:48px;line-height:1.12;letter-spacing:-1px;white-space:nowrap;text-shadow:none}
body.public-app #tab-live .scoreboard-shell .score-centre .minute{width:auto;max-width:100%;min-width:0;margin:0;padding:5px 10px;border:1px solid #ffdf2059;border-radius:6px;background:#00132940;box-shadow:none;backdrop-filter:none;font-size:14px;line-height:1.2;letter-spacing:1px;color:#ffdf20;text-shadow:none;font-variant-numeric:tabular-nums;box-sizing:border-box;white-space:nowrap}
body.public-app #tab-live .scoreboard-shell .scoreboard-scorers{width:100%;margin:-6px 0 0;padding-top:0;border-top:0;gap:4px;align-items:center}
body.public-app #tab-live .scoreboard-shell .scoreboard-scorer{display:block;text-align:center;font-size:11px;line-height:1.45;font-weight:500}
body.public-app #tab-live .scoreboard-shell .scoreboard-scorer>span:first-child{display:inline;font-size:11px;margin-right:4px}
body.public-app #tab-live .scoreboard-shell .scoreboard-scorer .scoreboard-scorer-minutes{display:inline;margin-left:4px;font-size:inherit;line-height:inherit;font-weight:700;white-space:nowrap}
@media(max-width:560px){
body.public-app #tab-live .scoreboard-shell>.score{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:10px;padding:16px 10px 14px}
body.public-app #tab-live .scoreboard-shell .fixture-team{grid-template-rows:48px auto auto;font-size:12px;gap:9px}
body.public-app #tab-live .scoreboard-shell .fixture-team .club-logo{width:48px;height:48px}
body.public-app #tab-live .scoreboard-shell .score-centre{width:96px}
body.public-app #tab-live .scoreboard-shell .score-centre .score-number{font-size:37px}
body.public-app #tab-live .scoreboard-shell .score-centre .minute{font-size:12px}
}

/* Override the older glass panels, including their more specific clock rule. */
body.public-app #tab-live .scoreboard-shell>.score .score-centre,
body.public-app #tab-live .scoreboard-shell>.score .score-centre .score-number,
body.public-app #tab-live .scoreboard-shell>.score .score-centre .minute{
  background:transparent;
  background-image:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:none;
}
body.public-app #tab-live .scoreboard-shell>.score .score-centre .score-number{border:0}
body.public-app #tab-live .scoreboard-shell>.score .score-centre .minute{
  min-width:0;
  margin:0;
  padding:5px 10px;
  border:1px solid #ffdf2059;
  border-radius:6px;
  color:#ffdf20;
  font-size:14px;
  line-height:1.2;
}
@media(max-width:560px){
  body.public-app #tab-live .scoreboard-shell>.score .score-centre .minute{font-size:12px}
}

/* Non-live context remains readable beneath the compact fixture. */
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-header{padding:10px 16px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .score-centre .scoreboard-status{font-size:10px;margin:0 0 5px;letter-spacing:.06em}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .live-empty-state{padding:18px 14px 16px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .live-empty-state>strong{font-size:15px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-next-fixture{margin:14px auto;gap:10px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-next-fixture .fixture-team{font-size:14px;gap:8px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-next-fixture .club-logo{width:58px;height:58px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-venue{min-height:48px;margin:0 12px 12px;padding:8px 10px}
@media(max-width:560px){
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-next-fixture .club-logo{width:48px;height:48px}
body.public-app #tab-live .scoreboard-shell:not(.scoreboard-live-minimal) .scoreboard-next-fixture .fixture-team{font-size:12px}
}

/* All-time podium: the row and expanded card share the same metal. */
.record-gold,#allPlayers .rank-gold{--metal:#d6b35e;--metal-light:#eedbaa;--metal-dark:#bd9345;--metal-glow:#464032;--metal-copy:#eee0bf}
.record-silver,#allPlayers .rank-silver{--metal:#b7c5d4;--metal-light:#f0f4f8;--metal-dark:#889aaa;--metal-glow:#354354;--metal-copy:#e5ecf4}
.record-bronze,#allPlayers .rank-bronze{--metal:#bc865d;--metal-light:#edc5a1;--metal-dark:#9d633d;--metal-glow:#483328;--metal-copy:#f0d8c5}
body.public-app .profile-dashboard.profile-record{border-color:var(--metal,#d6b35e)}
.record-player-card{border-color:var(--metal);background:radial-gradient(ellipse at 17% 44%,var(--metal-glow),#191c24 57%,#0c1421)}
.record-player-card:before{border-color:var(--metal);opacity:.25}
.record-player-card .record-brand,.record-player-card .record-copy>small,.record-player-card .record-copy>strong{color:var(--metal-light)}
.record-player-card .record-copy p,.record-player-card .record-copy>span,.record-player-card .record-totals{color:var(--metal-copy)}
.record-player-card .record-ribbon{background:linear-gradient(100deg,var(--metal-dark),var(--metal-light),var(--metal-dark))}
.record-player-card .record-totals>div+div{border-color:var(--metal)}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze){border-color:var(--metal-dark)!important;background:linear-gradient(110deg,var(--metal-dark),var(--metal-light) 47%,var(--metal) 100%)!important;box-shadow:0 6px 16px #06182b30}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze):hover{filter:brightness(1.06)}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze) .stats-player-text>b{color:#10243c;text-shadow:none}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze) :is(.competition-goals,.stats-total-goals,.stats-progress>span,.stats-progress>span b,.stats-score-panel strong,.stats-score-panel small,.stats-score-panel span){color:#182c42;text-shadow:none}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze) .stats-score-panel{background:#ffffff20;border-radius:9px}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze) .stats-progress>i{background:#10243c25;box-shadow:none}
body.public-app #allPlayers .player-stat:is(.rank-gold,.rank-silver,.rank-bronze) .stats-progress>i>em{background:#243c56}

/* Keep the live indicator and phase visible in the minimal scoreboard. */
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal>.scoreboard-header{display:none!important}
body.public-app #tab-live .scoreboard-live-minimal .scoreboard-header>:not(#liveStateLabel){display:none!important}
body.public-app #tab-live .scoreboard-live-minimal #liveStateLabel{display:inline-flex!important;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:#dc2940;color:#fff;font-size:10px;font-weight:850;letter-spacing:.09em}
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal .score-centre>#matchPhase{display:block!important;color:#ffe000;font-size:clamp(10px,2.5vw,12px);font-weight:850;line-height:1.35;text-align:center;max-width:150px;margin:0;padding:0;background:none;border:0}
body.public-app #tab-live .scoreboard-shell .score-centre>#liveStateLabel{display:inline-flex!important;position:relative;z-index:2;align-items:center;justify-content:center;gap:6px;align-self:center;margin:0 0 5px;padding:5px 10px;border-radius:6px;background:#dc2940;color:white;font-size:10px;font-weight:850;line-height:1.2;letter-spacing:.08em}
body.public-app #tab-live .score-centre>#liveStateLabel i{display:block;width:6px;height:6px;border-radius:50%;background:white}
body.public-app #tab-live .score-centre>#liveStateLabel.waiting{background:#ffe000;color:#06264f}
body.public-app #tab-live .score-centre>#liveStateLabel.waiting i{background:#06264f}
/* The phase already conveys live match status; omit the extra badge. */
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal .score-centre>#liveStateLabel{display:none!important}