/* =========================================================
   SUPERSTATS FORSIDE
   ========================================================= */

.superstats-front {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #10315B;
}

.superstats-hero-logo {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    border: 0;
}

.superstats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}

.superstats-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px 14px;
    color: #10315B;
    font-size: 13px;
    line-height: 18px;
}

.superstats-card-body p {
    margin: 0 0 9px 0;
    padding: 0;
}

.superstats-card-body p:last-child {
    margin-bottom: 0;
}

.superstats-card a {
    color: #104470;
    text-decoration: none;
}

.superstats-card a:hover {
    text-decoration: underline;
}

.superstats-lead {
    color: #10315B;
    font-weight: 700;
}

.superstats-card-links {
    margin-top: auto !important;
    padding-top: 6px !important;
}

.superstats-card-links span {
    padding: 0 3px;
    color: #aaaaaa;
}

.superstats-match-list {
    width: 100%;
}

.superstats-result-row:last-child {
    border-bottom: 0;
}

.superstats-preview-list {
    width: 100%;
}

.superstats-preview-time {
    box-sizing: border-box;
    padding-left: 8px;
    border-left: 1px solid #dddddd;
    color: #777777;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.superstats-optakt-arrow {
    flex: 0 0 auto;
    padding-left: 8px;
    color: #999999;
    font-size: 18px;
    line-height: 18px;
}

.superstats-fact:nth-child(2n) {
    border-right: 0;
}

.superstats-fact:nth-last-child(-n/**/+2) {
    border-bottom: 0;
}

.superstats-fact a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.superstats-fact a:hover .superstats-fact-label {
    color: #104470;
}

.superstats-more-item:last-child {
    border-right: 0;
}

.superstats-share-tool img {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    border: 0;
}

.superstats-share-photo {
    width: 23px;
    height: 23px;
}

.superstats-share-clipboard {
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.superstats-share-tool-text {
    display: block;
    min-width: 0;
    margin-left: 7px;
}

.superstats-share-tool-title {
    display: block;
    color: #10315B;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
}

.superstats-share-tool-sub {
    display: block;
    color: #888888;
    font-size: 10px;
    line-height: 14px;
}

.superstats-more-bottom a {
    color: #104470;
    text-decoration: none;
}

.superstats-more-bottom a:hover {
    text-decoration: underline;
}

.superstats-more-bottom span {
    padding: 0 4px;
    color: #aaaaaa;
}

.superstats-hero {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 14px 0;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16,49,91,.04);
}

.superstats-hero-top {
    position: relative;
    box-sizing: border-box;
    min-height: 82px;
    padding: 10px 78px 9px 18px;
    border-top: 0;
    padding-top: 12px;
    padding-bottom: 11px;
    background: #ffffff;
}

.superstats-hero-kicker {
    margin: 0 0 1px 0;
    color: #6F7C86;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.superstats-hero-text {
    margin: 1px 0 0 0;
    padding: 0;
    color: #707B84;
    font-size: 13px;
    line-height: 17px;
    margin-top: 2px;
}

.superstats-hero-stats {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    width: 100%;
    border-top: 1px solid #E7EBEE;
    background: #F4F7F9;
    gap: 7px;
    padding: 8px;
    box-sizing: border-box;
}

.superstats-hero-stat {
    box-sizing: border-box;
    padding: 8px 4px 7px;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #DDE4E9;
    border-radius: 5px;
}

.superstats-hero-stat:last-child {
    border-right: 1px solid #DDE4E9;
}

.superstats-hero-label {
    display: block;
    margin-top: 1px;
    color: #7A858D;
    font-size: 10px;
    line-height: 14px;
}

.superstats-card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    overflow: hidden;
    border-color: #DDE2E6;
}

.superstats-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1 1 auto;
    width: 100%;
    gap: 7px;
    padding: 8px;
    box-sizing: border-box;
    background: #F4F7F9;
}

.superstats-fact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 84px;
    padding: 10px 11px;
    background: #ffffff;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border: 1px solid #E0E5E9;
    border-radius: 5px;
}

.superstats-fact:nth-child(2n),
.superstats-fact:nth-last-child(-n/**/+2) {
    border-right: 1px solid #E0E5E9;
    border-bottom: 1px solid #E0E5E9;
}

.superstats-fact-label {
    display: block;
    margin-top: 1px;
    color: #10315B;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
}

.superstats-fact-sub {
    display: block;
    margin-top: 1px;
    color: #879098;
    font-size: 11px;
    line-height: 15px;
}

.superstats-optakt-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 7px 9px;
    background: #F4F7F9;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #104470 !important;
    text-decoration: none !important;
    border-color: #DDE4E9;
}

.superstats-optakt-link:hover {
    background: #EEF3F6;
}

.superstats-more {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.superstats-share-tool {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    box-sizing: border-box;
    min-width: 0;
    min-height: 42px;
    padding: 5px 7px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.superstats-result-date {
    color: #7A858D;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.superstats-result-match {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 10px;
    font-size: 13px;
    line-height: 18px;
    padding: 0 8px 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.superstats-result-match a {
    color: #104470;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.superstats-preview-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
}

.superstats-tournament-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
    padding-top: 7px;
}

.superstats-more-title {
    display: block;
    margin: 0 0 5px 0;
    color: #10315B;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.superstats-more-link a {
    font-weight: 600;
}

.superstats-more-bottom {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 12px;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    color: #8A9298;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 7px;
}

.superstats-card-title {
    flex: 0 0 auto;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 11px;
    background: #104470;
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-align: left;
}

.superstats-card:nth-of-type(4) .superstats-card-title {
    background: #536B78;
}

.superstats-card:nth-of-type(5) .superstats-card-title {
    background: #65737B;
}

.superstats-shortcuts .superstats-card-title {
    background: #4F6572;
}

.superstats-more .superstats-card-title {
    background: #354F62;
}

.superstats-hero h1 {
    margin: 0;
    padding: 0;
    color: #10315B;
    font-size: 25px;
    line-height: 29px;
    font-weight: 700;
}

.superstats-hero-number {
    display: block;
    color: #315E7A;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
}

.superstats-fact-value {
    display: block;
    margin-bottom: 1px;
    color: #3F7188;
    font-size: 19px;
    line-height: 23px;
    font-weight: 600;
    white-space: nowrap;
}

.superstats-fact a:hover .superstats-fact-value {
    color: #104470;
}

.superstats-shortcut-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px;
    margin-top: auto;
    padding-top: 7px;
}

.superstats-shortcut-grid a {
    display: block;
    box-sizing: border-box;
    padding: 7px 8px;
    background: #F4F6F7;
    border: 1px solid #DFE4E7;
    border-radius: 4px;
    color: #314F61 !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
}

.superstats-shortcut-grid a:hover {
    background: #EDEFF1;
}

.superstats-tournament-links a {
    display: inline-block;
    padding: 4px 7px;
    background: #F6F5F2;
    border: 1px solid #DDE4E9;
    border-radius: 4px;
    color: #4E5960 !important;
    font-size: 11px;
    line-height: 15px;
    text-decoration: none !important;
    border-color: #E5E1DA;
}

.superstats-tournament-links a:hover {
    background: #F0EEE9;
}

.superstats-match-date {
    color: #6F7C86 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .15px;
    text-transform: uppercase !important;
    white-space: nowrap;
}

.superstats-result-match a,
.superstats-preview-match a {
    display: block;
    overflow: hidden;
    color: #104470;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}

.superstats-preview-optakt:hover {
    background: #E3ECF2;
    text-decoration: none !important;
}

.superstats-preview-time,
.superstats-preview-actions {
    display: none;
}

.superstats-result-match,
.superstats-preview-match {
    min-width: 0;
    padding: 0 8px 0 6px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 6px;
    padding-right: 7px;
}

.superstats-result-date,
.superstats-preview-date,
.superstats-match-date {
    color: #6F7C86 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.superstats-preview-meta-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 13px;
    margin-top: 1px;
}

.superstats-result-score {
    flex: 0 0 auto;
    min-width: 40px;
    color: #314F61;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    padding: 3px 4px;
    background: #F1F3F4;
    border-radius: 4px;
    justify-self: center;
    box-sizing: border-box;
}

.superstats-current {
    position: relative;
    border-color: #E4D39A;
    background: #FFFCF3;
}

.superstats-current .superstats-card-title {
    padding-left: 11px;
    background: #E5B63E;
    color: #10315B;
}

.superstats-current .superstats-card-body {
    padding-top: 12px;
    padding-bottom: 12px;
    background: #FFFCF3;
}

.superstats-current .superstats-lead {
    margin-bottom: 5px;
    color: #10315B;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
}

.superstats-current .superstats-card-links a {
    font-weight: 700;
    color: #104470;
}

.superstats-preview-row:last-child {
    border-bottom: 0;
}

.superstats-preview-optakt,
.superstats-preview-time,
.superstats-preview-actions,
.superstats-preview-meta-bottom {
    display: none !important;
}

.superstats-more-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex: 1 1 auto;
    width: 100%;
    align-items: stretch;
}

.superstats-more-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;
    padding: 12px 14px 13px;
    border-right: 1px solid #eeeeee;
    background: #fff;
}

.superstats-more-text {
    display: block;
    margin: 0 0 8px 0;
    color: #777777;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 6px;
    min-height: 51px;
}

.superstats-more-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 48px;
    margin: 5px 0 7px;
    background: #F4F7F9;
    border: 1px solid #E0E5E9;
    border-radius: 5px;
}

.superstats-more-visual--playoff {
    gap: 8px;
}

.superstats-more-visual--playoff span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #FFFFFF;
    border: 1px solid #D8E0E5;
    border-radius: 50%;
    color: #4F6572;
    font-size: 11px;
    font-weight: 700;
}

.superstats-more-visual--table {
    align-items: flex-end;
    gap: 6px;
    padding-bottom: 9px;
}

.superstats-more-visual--table span {
    display: block;
    width: 17px;
    background: #D9E3E8;
    border-radius: 3px 3px 0 0;
}

.superstats-more-visual--table span:nth-child(1) {
    height: 17px;
}

.superstats-more-visual--table span:nth-child(2) {
    height: 28px;
}

.superstats-more-visual--table span:nth-child(3) {
    height: 22px;
}

.superstats-more-link {
    margin-top: auto;
    padding-top: 5px;
    font-size: 12px;
    line-height: 18px;
}

.superstats-share-tools {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin: 3px 0;
    min-height: 48px;
    margin-top: 5px;
    margin-bottom: 7px;
}

.superstats-result-row,
.superstats-preview-row {
    min-height: 38px;
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) 112px;
    gap: 0;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 8px;
    border-bottom: 1px solid #EEEEEE;
}

.superstats-result-row {
    display: grid;
    align-items: center;
    box-sizing: border-box;
    min-height: 36px;
    padding: 7px 12px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 11px;
    padding-right: 11px;
    grid-template-columns: 58px minmax(0,1fr) 48px;
    gap: 0;
}

.superstats-result-row:last-child,
.superstats-preview-row:last-child {
    border-bottom: 0;
}

.superstats-preview-top {
    display: contents !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
}

.superstats-preview-match {
    min-width: 0;
    padding: 0 7px 0 6px !important;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    display: block;
}

.superstats-preview-match a {
    color: #104470;
    text-decoration: none;
    display: block;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-weight: 400;
    min-width: 0;
}

.superstats-preview-kickoff {
    color: #6F7C86;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
}

.superstats-preview-optakt {
    display: inline-block !important;
    box-sizing: border-box;
    padding: 1px 4px;
    background: #EEF3F6;
    border-radius: 3px;
    color: #104470 !important;
    font-size: 9px;
    line-height: 14px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}

.superstats-preview-tv {
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 14px;
    min-width: 14px;
    min-height: 13px;
    height: 14px;
}

.superstats-preview-tv:empty {
    display: none !important;
}

.superstats-preview-tv img {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0;
    border: 0;
    padding: 0;
}

.superstats-preview-meta-bottom,
.superstats-preview-time,
.superstats-preview-actions {
    display: none !important;
}

.superstats-preview-date {
    color: #104470;
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.superstats-preview-date .superstats-preview-kickoff {
    color: #6F7C86;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
}

.superstats-preview-meta {
    justify-self: end;
    width: auto !important;
    text-align: right;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
    white-space: nowrap;
}

.superstats-preview-row {
    display: block !important;
    grid-template-columns: 91px minmax(72px,1fr) 55px !important;
    align-items: center;
    box-sizing: border-box;
    min-height: 38px;
    padding: 6px 9px 7px;
    border-bottom: 1px solid #EEEEEE;
}

.superstats-preview-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 72px;
    padding: 0 6px !important;
    overflow: visible !important;
}

.superstats-preview-logos a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    overflow: visible !important;
    white-space: nowrap !important;
}

.superstats-preview-logos img {
    display: block !important;
    box-sizing: content-box !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
}

.superstats-preview-dash {
    color: #8A9298;
    font-size: 11px;
    font-weight: 400;
    line-height: 22px;
}

@media screen and (max-width: 700px) {
    .superstats-hero {
        margin-bottom: 12px;
    }

    .superstats-hero-text {
        font-size: 13px;
        line-height: 17px;
    }

    .superstats-hero-logo {
        right: 10px;
        width: 42px;
        height: 42px;
        margin-top: -21px;
    }

    .superstats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .superstats-card-body,
    .superstats-result-match,
    .superstats-result-score,
    .superstats-preview-match {
        font-size: 13px;
        line-height: 18px;
    }

    .superstats-more {
        grid-column: auto;
        min-height: 0;
    }

    .superstats-more-grid {
        grid-template-columns: 1fr;
    }

    .superstats-more-item:last-child {
        border-bottom: 0;
    }

    .superstats-share-tools {
        max-width: 320px;
    }

    .superstats-hero-top {
        min-height: 72px;
        padding: 9px 58px 8px 11px;
    }

    .superstats-hero h1 {
        font-size: 21px;
        line-height: 25px;
    }

    .superstats-hero-stats {
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 4px;
        padding: 6px;
    }

    .superstats-hero-stat {
        padding: 7px 2px 6px;
        border-radius: 4px;
    }

    .superstats-hero-stat:nth-child(1),
    .superstats-hero-stat:nth-child(2) {
        border-bottom: 1px solid #DDE4E9;
    }

    .superstats-hero-stat:nth-child(2) {
        border-right: 1px solid #DDE4E9;
    }

    .superstats-hero-number {
        font-size: 15px;
        line-height: 18px;
        letter-spacing: -.2px;
    }

    .superstats-hero-label {
        font-size: 9px;
        line-height: 12px;
    }

    .superstats-facts-grid {
        gap: 5px;
        padding: 6px;
    }

    .superstats-fact {
        min-height: 72px;
        padding: 8px 9px;
    }

    .superstats-fact-value {
        font-size: 17px;
        line-height: 20px;
    }

    .superstats-more-item {
        padding: 11px;
        border-right: 0;
        border-bottom: 1px solid #eeeeee;
    }

    .superstats-result-date {
        font-size: 9px;
    }

    .superstats-result-match {
        padding-left: 4px;
        padding-right: 5px;
    }

    .superstats-preview-time {
        padding-left: 5px;
        font-size: 11px;
    }

    .superstats-preview-actions {
        gap: 3px;
    }

    .superstats-tournament-links {
        gap: 5px;
    }

    .superstats-shortcut-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 5px;
    }

    .superstats-shortcut-grid a {
        padding: 6px 3px;
        font-size: 10px;
    }

    .superstats-match-date {
        font-size: 9px !important;
        letter-spacing: 0;
    }

    .superstats-result-score {
        min-width: 40px;
        padding-left: 4px;
        padding-right: 4px;
        font-size: 12px;
    }

    .superstats-preview-meta-bottom {
        gap: 3px;
    }

    .superstats-result-row,
    .superstats-preview-row {
        grid-template-columns: 47px minmax(0,1fr) 42px;
        min-height: 40px;
        padding: 5px 6px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .superstats-result-date,
    .superstats-preview-date,
    .superstats-match-date {
        font-size: 9px !important;
    }

    .superstats-result-match,
    .superstats-preview-match {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 12px;
        line-height: 17px;
    }

    .superstats-preview-tv,
    .superstats-preview-tv img {
        display: flex !important;
        width: 15px;
        min-width: 15px;
        height: 15px;
    }

    .superstats-more-text {
        min-height: 0;
    }

    .superstats-more-visual,
    .superstats-share-tools {
        min-height: 44px;
    }

    .superstats-result-row {
        grid-template-columns: 47px minmax(0,1fr) 42px;
        padding-left: 7px;
        padding-right: 7px;
        min-height: 37px;
        padding: 4px 5px;
    }

    .superstats-preview-match {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 11px;
        line-height: 17px;
    }

    .superstats-preview-meta {
        width: 40px;
        gap: 4px;
    }

    .superstats-preview-kickoff {
        font-size: 9px;
    }

    .superstats-preview-optakt {
        padding: 2px 4px;
        font-size: 8px;
        padding-left: 3px;
        padding-right: 3px;
        display: inline-block !important;
    }

    .superstats-preview-tv {
        display: none !important;
    }

    .superstats-preview-date {
        font-size: 10px;
        gap: 4px;
    }

    .superstats-preview-date .superstats-preview-kickoff {
        font-size: 9px;
    }

    .superstats-preview-row {
        grid-template-columns: 78px minmax(62px,1fr) 42px !important;
        padding-left: 5px;
        padding-right: 5px;
        padding: 4px 5px;
        min-height: 37px;
    }

    .superstats-preview-logos {
        min-width: 62px;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .superstats-preview-logos a {
        gap: 5px;
    }

    .superstats-preview-logos img {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }
}

/* =========================================================
   RESTORE – FORSIDE: SENESTE + KOMMENDE KAMPE
   Matcher den nuværende forside-PHP (logo-versionen)
   ========================================================= */

/* Fælles rolige rækker */
.superstats-result-row,
.superstats-preview-row {
    display: grid !important;
    align-items: center;
    gap: 0;
    box-sizing: border-box;
    min-height: 38px;
    padding: 4px 8px;
    border-bottom: 1px solid #eeeeee;
}
.superstats-result-row:last-child,
.superstats-preview-row:last-child { border-bottom: 0; }

/* SENESTE: dato | kamp | resultat */
.superstats-result-row {
    grid-template-columns: 58px minmax(0,1fr) 48px !important;
}
.superstats-result-date,
.superstats-match-date {
    color: #6f7c86 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}
.superstats-result-match {
    min-width: 0;
    padding: 0 7px 0 6px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}
.superstats-result-match a {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #104470;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
.superstats-result-match a:hover { text-decoration: underline; }
.superstats-result-score {
    justify-self: center;
    box-sizing: border-box;
    min-width: 40px;
    padding: 3px 4px;
    color: #10315b;
    font-weight: 700;
    text-align: center;
}

/* KOMMENDE: dato+tid | logo-logo | Optakt+TV */
.superstats-preview-row {
    grid-template-columns: 91px minmax(72px,1fr) 55px !important;
}
.superstats-preview-date {
    display: flex !important;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #6f7c86 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap;
}
.superstats-preview-date .superstats-preview-kickoff {
    color: #6f7c86;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
}
.superstats-preview-match.superstats-preview-logos {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 72px;
    padding: 0 6px !important;
    overflow: visible !important;
    white-space: nowrap !important;
}
.superstats-preview-logos a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    overflow: visible !important;
    white-space: nowrap !important;
    text-decoration: none;
}
.superstats-preview-logos img {
    display: block !important;
    box-sizing: content-box !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
}
.superstats-preview-dash {
    color: #8a9298;
    font-size: 11px;
    font-weight: 400;
    line-height: 22px;
}
.superstats-preview-meta {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    width: auto !important;
    min-width: 0;
    white-space: nowrap;
    text-align: right;
}
.superstats-preview-optakt {
    display: inline-block !important;
    box-sizing: border-box;
    padding: 1px 4px;
    background: #eef3f6;
    border-radius: 3px;
    color: #104470 !important;
    font-size: 9px;
    line-height: 14px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}
.superstats-preview-optakt:hover { text-decoration: underline !important; }
.superstats-preview-tv {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 14px;
    min-width: 14px;
    height: 14px;
}
.superstats-preview-tv:empty { display: none !important; }
.superstats-preview-tv img {
    display: block;
    width: 14px !important;
    height: 14px !important;
    margin: 0;
    padding: 0;
    border: 0;
}

@media screen and (max-width:700px) {
    .superstats-result-row {
        grid-template-columns: 47px minmax(0,1fr) 42px !important;
        min-height: 37px;
        padding: 4px 5px;
    }
    .superstats-result-date,
    .superstats-match-date { font-size: 9px !important; }
    .superstats-result-match {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 12px;
    }

    .superstats-preview-row {
        grid-template-columns: 78px minmax(62px,1fr) 42px !important;
        min-height: 37px;
        padding: 4px 5px;
    }
    .superstats-preview-date {
        gap: 4px;
        font-size: 9px !important;
    }
    .superstats-preview-date .superstats-preview-kickoff { font-size: 9px; }
    .superstats-preview-match.superstats-preview-logos {
        min-width: 62px;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .superstats-preview-logos a { gap: 5px; }
    .superstats-preview-logos img {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }
    .superstats-preview-meta { gap: 4px; }
    .superstats-preview-optakt {
        padding-left: 3px;
        padding-right: 3px;
        font-size: 8px;
    }
    .superstats-preview-tv { display: none !important; }
}

/* =========================================================
   FORSIDE – SENESTE + KOMMENDE: KOMPAKT OG LIGE HØJE
   ========================================================= */
.superstats-grid > .superstats-card:nth-child(1),
.superstats-grid > .superstats-card:nth-child(2) {
    height: auto !important;
    min-height: 0 !important;
}

.superstats-match-list,
.superstats-preview-list {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.superstats-result-row,
.superstats-preview-row {
    box-sizing: border-box !important;
    min-height: 32px !important;
    height: 32px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

@media screen and (max-width:700px) {
    .superstats-result-row,
    .superstats-preview-row {
        min-height: 31px !important;
        height: 31px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
}