/* =========================================================
   ScoreB - dark theme (GENERATED by dev-tools/make-dark-theme.py)
   Applies only when <html data-theme="dark">. Do not edit by hand:
   change the light CSS, then re-run the generator.
   ========================================================= */

html[data-theme="dark"] { color-scheme: dark; }

/* ---- competition.css ---- */
html[data-theme="dark"] .competition-logo {
  background: #1b212c;
}

/* ---- favourites.css ---- */
html[data-theme="dark"] .fav-title {
  color: #ccd3dc;
}

html[data-theme="dark"] .fav-title h2 {
  color: #ccd3dc;
}

html[data-theme="dark"] .fav-content .empty-state strong {
  color: #ccd3dc;
}

html[data-theme="dark"] .fav-content .match-row {
  color: #ccd3dc;
}

html[data-theme="dark"] .fav-content .match-row:hover {
  background: #1a2b36;
}

html[data-theme="dark"] .fav-list {
  background: #1b212c;
}

html[data-theme="dark"] .fav-item {
  color: #ccd3dc;
}

html[data-theme="dark"] .fav-item:hover {
  background: #1a2b36;
}

html[data-theme="dark"] .fav-item .fav-avatar.round {
  background: #2b333e;
}

html[data-theme="dark"] .fav-item .fav-avatar-fallback {
  background: #2b333e;
}

html[data-theme="dark"] .fav-item-name {
  color: #ccd3dc;
}

/* ---- login.css ---- */
html[data-theme="dark"] .auth-page-body {
  --auth-bg: #252d38;
  --auth-card-bg: #1b212c;
  --auth-border: #2c333e;
  --auth-text: #b6c3e5;
  --auth-text-dim: #7b8ca3;
  --auth-input-bg: #252d38;
  --auth-icon-bg: #0f2d56;
  --auth-badge-bg: #252d38;
  --auth-badge-text: #919fb2;
}

html[data-theme="dark"] .auth-topbar {
  background: #1b212c;
}

html[data-theme="dark"] .auth-google-btn {
  background: #1b212c;
}

/* ---- register.css ---- */
html[data-theme="dark"] .auth-page-body {
  --auth-bg: #252d38;
  --auth-card-bg: #1b212c;
  --auth-border: #2c333e;
  --auth-text: #b6c3e5;
  --auth-text-dim: #7b8ca3;
  --auth-input-bg: #252d38;
  --auth-icon-bg: #0f2d56;
  --auth-badge-bg: #252d38;
  --auth-badge-text: #919fb2;
}

html[data-theme="dark"] .auth-topbar {
  background: #1b212c;
}

html[data-theme="dark"] .auth-google-btn {
  background: #1b212c;
}

/* ---- style.css ---- */
html[data-theme="dark"] body {
  background: #0e1117;
}

html[data-theme="dark"] .search-box {
  background: #1b212c;
}

html[data-theme="dark"] .search-box input {
  color: #ccd3dc;
}

html[data-theme="dark"] .left-panel {
  background: #1b212c;
  border: 1px solid #2d3641;
}

html[data-theme="dark"] .pinned-title {
  border-bottom: 1px solid #2d3641;
  color: #ccd3dc;
}

html[data-theme="dark"] .pinned-link {
  color: #ccd3dc;
}

html[data-theme="dark"] .schedule-modal {
  background: #1b212c;
  color: #ccd3dc;
}

html[data-theme="dark"] .schedule-date-input {
  color: #ccd3dc;
  background: #1f2834;
}

html[data-theme="dark"] .league-group {
  background: #1b212c;
}

html[data-theme="dark"] .match-status.scheduled {
  color: #ccd3dc;
}

html[data-theme="dark"] .team-line {
  color: #ccd3dc;
}

html[data-theme="dark"] .team-line.winner {
  color: #ccd3dc;
}

html[data-theme="dark"] .match-score {
  color: #ccd3dc;
}

html[data-theme="dark"] .match-detail {
  background: #1b212c;
  color: #ccd3dc;
}

html[data-theme="dark"] .match-detail-header {
  background: #272f39;
}

html[data-theme="dark"] .detail-league {
  color: #ccd3dc;
}

html[data-theme="dark"] .detail-team img {
  background: #1b212c;
}

html[data-theme="dark"] .detail-meta {
  color: #ccd3dc;
}

html[data-theme="dark"] .detail-tabs {
  background: #1b212c;
}

html[data-theme="dark"] .tab-btn {
  color: #ccd3dc;
}

html[data-theme="dark"] .tab-btn.active {
  color: #edeff2;
}

html[data-theme="dark"] .half-header {
  background: #272f39;
}

html[data-theme="dark"] .half-header-label {
  color: #ccd3dc;
}

html[data-theme="dark"] .half-header-score {
  color: #edeff2;
}

html[data-theme="dark"] .event-minute {
  color: #edeff2;
}

html[data-theme="dark"] .event-side .assist.var-player {
  color: #edeff2;
}

html[data-theme="dark"] .event-side .assist .sub-in {
  color: #edeff2;
}

html[data-theme="dark"] .lineups-wrap .formation-label,
html[data-theme="dark"] .lineups-wrap .lineup-meta,
html[data-theme="dark"] .lineups-wrap .coach-label,
html[data-theme="dark"] .lineups-wrap .subs-list,
html[data-theme="dark"] .lineups-wrap .subs-title {
  color: #ccd3dc;
}

html[data-theme="dark"] .pitch-player .photo {
  background: #28313b;
}

html[data-theme="dark"] .sub-nat.loading::before {
  background: #303845;
}

html[data-theme="dark"] .sub-nat-code {
  color: #9ba7b9;
}

html[data-theme="dark"] .stats-wrap .formation-label {
  color: #ccd3dc;
}

html[data-theme="dark"] .stats-period-btn {
  background: #28303a;
}

html[data-theme="dark"] .stat-row .stat-val {
  color: #ccd3dc;
}

html[data-theme="dark"] .stat-row .stat-label {
  color: #ccd3dc;
}

html[data-theme="dark"] .stat-bar {
  background: #2a323d;
}

html[data-theme="dark"] .match-page-body {
  background: #0e1117;
  color: #ccd3dc;
}

html[data-theme="dark"] .match-detail-header {
  background: #272f39;
}

html[data-theme="dark"] .detail-tabs {
  background: #1b212c;
}

html[data-theme="dark"] .detail-content {
  background: #1b212c;
}

html[data-theme="dark"] .pom-sheet {
  background: #1b212c;
  color: #ccd3dc;
}

html[data-theme="dark"] .pom-head {
  border-bottom: 1px solid #2d3641;
}

html[data-theme="dark"] .pom-sub {
  color: #8a99ae;
}

html[data-theme="dark"] .pom-close {
  background: #272c35;
  color: #bcc4d0;
}

html[data-theme="dark"] .pom-note {
  color: #8a99ae;
}

html[data-theme="dark"] .pom-empty {
  color: #8a99ae;
}

html[data-theme="dark"] .pom-team {
  background: #1b212c;
  border-bottom: 1px solid #2d3641;
}

html[data-theme="dark"] .pom-player {
  background: #1b212c;
}

html[data-theme="dark"] .pom-player:hover {
  background: #1f2834;
}

html[data-theme="dark"] .pom-player.picked {
  background: #11384c;
}

html[data-theme="dark"] .pom-num {
  color: #8a99ae;
}

html[data-theme="dark"] .pom-count {
  background: #11384c;
}

html[data-theme="dark"] .pom-check {
  border: 2px solid #3d4857;
}

html[data-theme="dark"] .pom-foot {
  border-top: 1px solid #2d3641;
  background: #1b212c;
}

html[data-theme="dark"] .pom-submit:disabled {
  background: #3d4857;
}

@media (max-width: 640px) {
html[data-theme="dark"] .pom-grab {
  background: #36404e;
}
}

html[data-theme="dark"] .detail-tabs {
  background-color: #1b212c;
  background-image: linear-gradient(to right, #1b212c 30%, rgba(255, 255, 255, 0)),
    linear-gradient(to left, #1b212c 30%, rgba(255, 255, 255, 0)),
    linear-gradient(to right, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)),
    linear-gradient(to left, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0));
}

html[data-theme="dark"] .pom-tab {
  color: #ccd3dc;
}

html[data-theme="dark"] .team-star {
  background: #1b212c;
  border: 1px solid #2e3642;
}

html[data-theme="dark"] .team-star.active {
  border-color: #907015;
}

html[data-theme="dark"] .search-suggest {
  background: #1b212c;
  color: #ccd3dc;
  border: 1px solid #333b46;
}

html[data-theme="dark"] .search-suggest-heading {
  color: #7889a1;
}

html[data-theme="dark"] .search-suggest-msg {
  color: #7889a1;
}

html[data-theme="dark"] .search-suggest-item {
  color: #ccd3dc;
}

html[data-theme="dark"] .search-suggest-item.active,
html[data-theme="dark"] .search-suggest-item:hover {
  background: #152f43;
}

html[data-theme="dark"] .ss-logo.ph {
  background: #2a323d;
}

html[data-theme="dark"] .ss-sub {
  color: #7889a1;
}

html[data-theme="dark"] .ss-when {
  color: #7889a1;
}

html[data-theme="dark"] .lineup-banner {
  color: #ccd3dc;
}

html[data-theme="dark"] .lineup-banner.predicted {
  background: #54420c;
  border: 1px solid #8c7323;
}

html[data-theme="dark"] .lineup-banner.official {
  background: #11374a;
  border: 1px solid #1e526a;
}

html[data-theme="dark"] .lineup-banner.official .lineup-badge {
  color: #59c5f4;
}

html[data-theme="dark"] .lineup-banner.predicted .lineup-badge {
  color: #f8d176;
}

html[data-theme="dark"] .lineup-banner-text {
  color: #a5b1c1;
}

html[data-theme="dark"] .inj-section {
  color: #ccd3dc;
}

html[data-theme="dark"] .inj-title {
  color: #ccd3dc;
}

html[data-theme="dark"] .inj-team {
  color: #9ba7b9;
}

html[data-theme="dark"] .inj-reason {
  color: #8a99ae;
}

html[data-theme="dark"] .inj-none {
  color: #7a8ba2;
}

html[data-theme="dark"] .pom-tab.active {
  color: #edeff2;
}

html[data-theme="dark"] .pomv {
  color: #ccd3dc;
}

html[data-theme="dark"] .pomv-msg.success {
  background: #19432b;
  color: #81e8b2;
  border: 1px solid #245b3d;
}

html[data-theme="dark"] .pomv-msg.error {
  background: #491711;
  border: 1px solid #63241e;
}

html[data-theme="dark"] .pomv-rules,
html[data-theme="dark"] .pomv-info,
html[data-theme="dark"] .pomv-hidden-note {
  background: #1d2938;
  color: #a9b4c3;
}

html[data-theme="dark"] .pomv-info.closed > i {
  color: #7889a1;
}

html[data-theme="dark"] .pomv-hidden-note {
  background: #54420c;
  color: #f8da83;
}

html[data-theme="dark"] .pomv-hidden-note i {
  color: #f5c248;
}

html[data-theme="dark"] .pomv-empty {
  color: #8292a8;
}

html[data-theme="dark"] .pomv-photo {
  background: #28323e;
}

html[data-theme="dark"] .pomv-mine {
  background: #19432b;
  border: 1px solid #29613d;
}

html[data-theme="dark"] .pomv-mine-label {
  color: #81e8b2;
}

html[data-theme="dark"] .pomv-mine-team {
  color: #8e9cb0;
}

html[data-theme="dark"] .pomv-share {
  background: #1b212c;
  color: #59c5f4;
}

html[data-theme="dark"] .pomv-share:active {
  background: #11384c;
}

html[data-theme="dark"] .pomv-leader {
  background: linear-gradient(135deg, #53430c, #705b10);
  border: 1px solid #8c7323;
}

html[data-theme="dark"] .pomv-leader-tag {
  color: #f8d176;
}

html[data-theme="dark"] .pomv-leader-team {
  color: #dfcb8e;
}

html[data-theme="dark"] .pomv-leader-pct {
  color: #ccd3dc;
}

html[data-theme="dark"] .pomv-leader-pct span {
  color: #dfcb8e;
}

html[data-theme="dark"] .pomv-bar-val {
  color: #8292a8;
}

html[data-theme="dark"] .pomv-bar {
  background: #28323d;
}

html[data-theme="dark"] .pomv-split-labels {
  color: #a9b4c3;
}

html[data-theme="dark"] .pomv-split-bar {
  background: #28323d;
}

html[data-theme="dark"] .pomv-filter {
  border: 1px solid #343e4b;
  background: #1b212c;
}

html[data-theme="dark"] .pomv-search {
  border: 1px solid #343e4b;
  background: #1b212c;
}

html[data-theme="dark"] .pomv-search input {
  color: #ccd3dc;
}

html[data-theme="dark"] .pomv-card {
  background: #1b212c;
  border: 1.5px solid #2e3641;
}

html[data-theme="dark"] .pomv-card:hover {
  background: #1a2b36;
}

html[data-theme="dark"] .pomv-card.picked {
  background: #0e374c;
}

html[data-theme="dark"] .pomv-card-meta {
  color: #7889a1;
}

html[data-theme="dark"] .pomv-stat {
  color: #a9b4c3;
}

html[data-theme="dark"] .pomv-top {
  color: #f8d176;
  background: #69540f;
}

html[data-theme="dark"] .pomv-rating {
  background: #63758e;
}

html[data-theme="dark"] .pomv-tick {
  border: 2px solid #3a424e;
}

html[data-theme="dark"] .pomv-bar-sticky {
  background: linear-gradient(to top, #1b212c 75%, rgba(255, 255, 255, 0));
}

html[data-theme="dark"] .pomv-confirm.hint {
  background: #232e39;
  color: #8797ac;
}

html[data-theme="dark"] .pomv-submit:disabled {
  background: #6d809a;
}

html[data-theme="dark"] .country-btn {
  color: #ccd3dc;
}

html[data-theme="dark"] .country-chev {
  color: #8a99ae;
}

html[data-theme="dark"] .country-leagues {
  border-left: 2px solid #2d3641;
}

html[data-theme="dark"] .country-msg {
  color: #8a99ae;
}

html[data-theme="dark"] .country-more-btn {
  color: #ccd3dc;
}

@media (max-width: 640px) {
html[data-theme="dark"] .search-box.is-popup {
  background: #1b212c;
}
html[data-theme="dark"] .search-box.is-popup > i#search {
  color: #7889a1;
}
html[data-theme="dark"] .search-box.is-popup > input {
  background: #212b37;
}
html[data-theme="dark"] .search-box.is-popup > .msearch-close {
  color: #ccd3dc;
}
html[data-theme="dark"] .msearch-heading {
  color: #7889a1;
}
html[data-theme="dark"] .msearch-item {
  background: #1d2735;
  color: #ccd3dc;
}
html[data-theme="dark"] .msearch-item:active {
  background: #212e40;
}
html[data-theme="dark"] .msearch-img.round {
  background: #2a323d;
}
}

/* ---- team.css ---- */
html[data-theme="dark"] .team-header {
  background: #272f39;
}

html[data-theme="dark"] .team-logo {
  background: #1b212c;
}

html[data-theme="dark"] .team-header-text h2 {
  color: #ccd3dc;
}

html[data-theme="dark"] .squad-group .section-title {
  color: #ccd3dc;
}

html[data-theme="dark"] .squad-card {
  background: #272f39;
}

html[data-theme="dark"] .squad-card .sq-name {
  color: #ccd3dc;
}