@import url('https://fonts.googleapis.com/css2?family=Anton&family=Geist:wght@400;500;600;700&display=swap');


.wmtg-wrap {
    max-width: var(--wmtg-max-width);
    margin: 40px auto;
    padding: 0 18px;
    color: var(--wmtg-text);
    font-size: var(--wmtg-font-size);
}

.wmtg-login-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wmtg-gap);
}

.wmtg-card {
    background: var(--wmtg-card-bg);
    border: 1px solid var(--wmtg-border);
    border-radius: var(--wmtg-radius);
    box-shadow: var(--wmtg-shadow);
    padding: var(--wmtg-card-padding);
}

.wmtg-card h2 {
    margin: 0 0 24px;
    font-size: var(--wmtg-h2-size);
    line-height: 1.15;
    color: var(--wmtg-text);
}

.wmtg-muted {
    color: var(--wmtg-muted);
}

.wmtg-form label,
.wmtg-card label,
.wmtg-card .login-username label,
.wmtg-card .login-password label {
    display: block;
    margin: 16px 0 7px;
    font-weight: 700;
    color: var(--wmtg-text);
}

.wmtg-form input[type="text"],
.wmtg-form input[type="email"],
.wmtg-form input[type="password"],
.wmtg-form input[type="number"],
.wmtg-card .input {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid var(--wmtg-border);
    border-radius: 10px;
    background: var(--wmtg-input-bg);
    color: var(--wmtg-text);
}

.wmtg-form button,
.wmtg-button,
.wmtg-card .button-primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px !important;
    padding: 12px 22px !important;
    border: 0 !important;
    border-radius: var(--wmtg-button-radius) !important;
    background: var(--wmtg-primary) !important;
    color: var(--wmtg-primary-text) !important;
    font-weight: 700;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.wmtg-card .login-remember {
    margin-top: 14px;
}

.wmtg-card .login-remember label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 400;
}

.wmtg-notice {
    margin: 0 0 20px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--wmtg-border);
}

.wmtg-success {
    background: var(--wmtg-success-bg);
}

.wmtg-error {
    background: var(--wmtg-error-bg);
}

.wmtg-table-scroll {
    width: 100%;
    overflow-x: auto;
}

.wmtg-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.wmtg-table th {
    background: var(--wmtg-table-header-bg);
    color: var(--wmtg-table-header-text);
    text-align: left;
    padding: 12px;
    white-space: nowrap;
}

.wmtg-table td {
    border-bottom: 1px solid var(--wmtg-border);
    padding: 12px;
    vertical-align: middle;
}

.wmtg-tip-inputs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.wmtg-tip-inputs input {
    width: 64px !important;
    text-align: center;
    padding: 8px !important;
}

@media (max-width: 900px) {
    .wmtg-login-grid {
        grid-template-columns: 1fr;
    }

    .wmtg-wrap {
        margin: 24px auto;
    }

    .wmtg-card {
        padding: 22px;
    }
}


/* Typografie */
.wmtg-wrap,
.wmtg-card,
.wmtg-form,
.wmtg-table,
.wmtg-notice {
    font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wmtg-card h1,
.wmtg-card h2,
.wmtg-wrap h1,
.wmtg-wrap h2 {
    font-family: "Anton", Impact, sans-serif;
    font-weight: 400;
    letter-spacing: .02em;
}

/* Registrierungsformular erst nach Klick anzeigen */
.wmtg-register-form {
    display: none;
    margin-top: 18px;
}

.wmtg-register-open .wmtg-register-form {
    display: block;
}

.wmtg-register-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    padding: 12px 22px;
    border: 0;
    border-radius: var(--wmtg-button-radius);
    background: var(--wmtg-accent);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    font-family: "Geist", system-ui, sans-serif;
}

/* Floating Labels */
.wmtg-field {
    position: relative;
    margin-top: 18px;
}

.wmtg-field input {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 14px 8px !important;
    border: 1px solid var(--wmtg-border);
    border-radius: 10px;
    background: var(--wmtg-input-bg);
    color: var(--wmtg-text);
    font-family: "Geist", system-ui, sans-serif;
}

.wmtg-field label {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    color: var(--wmtg-muted);
    font-size: 15px;
    line-height: 1;
    pointer-events: none;
    transition: all .16s ease;
    background: var(--wmtg-input-bg);
    padding: 0 4px;
}

.wmtg-field input:focus + label,
.wmtg-field input:not(:placeholder-shown) + label {
    top: 7px;
    transform: none;
    font-size: 11px;
    color: var(--wmtg-primary);
}

.wmtg-checkbox {
    margin-top: 14px;
}

.wmtg-checkbox label {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 0 !important;
    font-weight: 400 !important;
}

.wmtg-checkbox input {
    width: auto !important;
    margin-top: 3px;
}


/* Login-Formular ebenfalls als Floating-Label */
.wmtg-login-form {
    margin-top: 18px;
}

/* Floating Labels auf dem Feldrand */
.wmtg-field {
    position: relative;
    margin-top: 22px;
}

.wmtg-field input {
    padding: 14px 14px 12px !important;
}

.wmtg-field label {
    top: 0 !important;
    transform: translateY(-50%) !important;
    background: var(--wmtg-input-bg);
    padding: 0 6px;
    z-index: 2;
}

.wmtg-field input:focus + label,
.wmtg-field input:not(:placeholder-shown) + label {
    top: 0 !important;
    transform: translateY(-50%) !important;
    font-size: 12px;
    color: var(--wmtg-primary);
}

/* Alte WordPress-Login-Styles neutralisieren, falls Theme eingreift */
.wmtg-login-form input[type="text"],
.wmtg-login-form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
}


/* v1.0.9: Floating Labels erst bei Fokus oder Inhalt auf den Feldrand verschieben */
.wmtg-field {
    position: relative;
    margin-top: 22px;
}

.wmtg-field input {
    padding: 14px 14px 12px !important;
}

.wmtg-field label {
    position: absolute;
    left: 14px;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    color: var(--wmtg-muted);
    font-size: 15px;
    line-height: 1;
    pointer-events: none;
    transition: all .16s ease;
    background: transparent;
    padding: 0 4px;
    z-index: 2;
}

.wmtg-field input:focus + label,
.wmtg-field input:not(:placeholder-shown) + label {
    top: 0 !important;
    transform: translateY(-50%) !important;
    font-size: 12px;
    color: var(--wmtg-accent);
    background: var(--wmtg-card-bg);
    padding: 0 6px;
}

/* Keine blauen Fokus-Farben */
.wmtg-field input:focus,
.wmtg-form input:focus,
.wmtg-login-form input:focus {
    border-color: var(--wmtg-accent);
    outline: none;
    box-shadow: 0 0 0 3px rgba(210, 155, 95, .18);
}

.wmtg-form button,
.wmtg-button,
.wmtg-card .button-primary {
    background: var(--wmtg-primary) !important;
    color: var(--wmtg-primary-text) !important;
}


/* v1.1.0 – globale warme Farbpalette */
:root {
    --wmtg-primary: #c78a3b !important;
    --wmtg-accent: #d29b5f !important;
    --wmtg-text: #2c2520 !important;
    --wmtg-table-header-bg: #3a2b1d !important;
}

/* Links */
.wmtg-wrap a,
.wmtg-card a {
    color: #9a6a2d;
}

.wmtg-wrap a:hover,
.wmtg-card a:hover {
    color: #c78a3b;
}

/* Buttons */
.wmtg-form button,
.wmtg-button,
.wmtg-card .button-primary,
.wmtg-register-toggle {
    background: #c78a3b !important;
    border-color: #c78a3b !important;
    color: #fff !important;
}

.wmtg-form button:hover,
.wmtg-button:hover,
.wmtg-card .button-primary:hover,
.wmtg-register-toggle:hover {
    background: #9a6a2d !important;
    border-color: #9a6a2d !important;
}

/* Tabellenkopf */
.wmtg-table th {
    background: #3a2b1d !important;
}

/* Fokus */
.wmtg-field input:focus,
.wmtg-form input:focus,
.wmtg-login-form input:focus {
    border-color: #c78a3b !important;
    box-shadow: 0 0 0 3px rgba(199, 138, 59, .18) !important;
}

/* Floating Labels */
.wmtg-field input:focus + label,
.wmtg-field input:not(:placeholder-shown) + label {
    color: #9a6a2d !important;
}


/* v1.1.1 – wärmere Buttonoptik wie Referenz */
.wmtg-form button,
.wmtg-button,
.wmtg-card .button-primary,
.wmtg-register-toggle {
    background: linear-gradient(180deg, #f7a900 0%, #f29b00 100%) !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 14px 26px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 3px 10px rgba(242,155,0,.22) !important;
    transition: all .16s ease;
}

.wmtg-form button:hover,
.wmtg-button:hover,
.wmtg-card .button-primary:hover,
.wmtg-register-toggle:hover {
    background: linear-gradient(180deg, #ffb400 0%, #e48d00 100%) !important;
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.32),
        0 5px 14px rgba(242,155,0,.28) !important;
}

.wmtg-form button:active,
.wmtg-button:active,
.wmtg-card .button-primary:active,
.wmtg-register-toggle:active {
    transform: translateY(0);
}

/* Aktiviert-Button grün aber gleiche Form */
.button.button-primary[style*="#2e9e53"] {
    border-radius: 14px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 3px 10px rgba(46,158,83,.22) !important;
}


/* v1.1.2 – kleinere Typografie */
.wmtg-wrap,
.wmtg-card,
.wmtg-form,
.wmtg-table,
.wmtg-notice,
.wmtg-muted,
.wmtg-field input,
.wmtg-field label,
.wmtg-checkbox,
.wmtg-checkbox label {
    font-size: 15px !important;
    line-height: 1.55;
}

.wmtg-card h1,
.wmtg-card h2,
.wmtg-wrap h1,
.wmtg-wrap h2 {
    font-size: 24px !important;
    line-height: 1.2;
}

.wmtg-table th {
    font-size: 14px !important;
}

.wmtg-table td {
    font-size: 15px !important;
}

.wmtg-form button,
.wmtg-button,
.wmtg-card .button-primary,
.wmtg-register-toggle {
    font-size: 15px !important;
}


/* v1.1.3 – Registrierungs-Overlay mit Countdown */
.wmtg-register-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(160, 48, 36, .72);
    backdrop-filter: blur(6px);
    opacity: 1;
    transition: opacity .35s ease, visibility .35s ease;
}

.wmtg-register-overlay.wmtg-overlay-hide {
    opacity: 0;
    visibility: hidden;
}

.wmtg-register-overlay-box {
    width: min(560px, 100%);
    background: rgba(255, 248, 239, .96);
    color: #2c2520;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 22px;
    padding: 30px;
    box-shadow: 0 24px 80px rgba(50, 20, 10, .28);
    text-align: center;
    font-family: "Geist", system-ui, sans-serif;
}

.wmtg-register-overlay-box h2 {
    margin: 0 0 14px;
    font-family: "Anton", Impact, sans-serif;
    font-size: 26px !important;
    font-weight: 400;
    color: #8f2f24;
}

.wmtg-register-overlay-box p {
    margin: 0 0 14px;
    font-size: 15px !important;
    line-height: 1.55;
}

.wmtg-overlay-counter {
    margin-top: 18px !important;
    color: #8f2f24;
}

.wmtg-overlay-counter strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #f29b00;
    color: #fff;
    font-weight: 700;
}


/* v1.1.5 – Startseiten-Dashboard */
.wmtg-dashboard-wrap {
    max-width: 1180px;
}

.wmtg-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(320px, 2fr) minmax(220px, 1fr) minmax(220px, 1fr);
    gap: 14px;
}

.wmtg-dash-card {
    background: #ffffff;
    border: 1px solid #f0eee9;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 8px 26px rgba(44, 37, 32, .04);
    color: #111827;
}

.wmtg-dash-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.wmtg-dash-title {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: .04em;
    font-weight: 800;
    color: #007a68;
}

.wmtg-dash-icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #eaf6e8;
    color: #198754;
    font-size: 13px;
    line-height: 1;
}

.wmtg-dash-icon-gold {
    background: #fff3c4;
    color: #f2a000;
}

.wmtg-dash-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border-radius: 9px;
    background: #edf5ed;
    color: #198754 !important;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 700;
}

.wmtg-dash-main {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 8px;
}

.wmtg-dash-big {
    font-family: "Geist", system-ui, sans-serif;
    font-size: 32px !important;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #0f172a;
}

.wmtg-dash-sub,
.wmtg-dash-percent,
.wmtg-dash-note {
    color: #9aa3b2;
    font-size: 13px !important;
}

.wmtg-dash-percent {
    margin-left: 8px;
}

.wmtg-progress {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: #eff1f4;
    overflow: hidden;
    margin: 10px 0 8px;
}

.wmtg-progress span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #078b22;
}

.wmtg-point-list {
    display: grid;
    gap: 8px;
    margin-top: 6px;
}

.wmtg-point-list div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #6b7280;
    font-size: 13px !important;
}

.wmtg-point-list strong {
    color: #111827;
    font-size: 15px !important;
}

@media (max-width: 900px) {
    .wmtg-dashboard-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.1.6 – zweite Dashboard-Reihe */
.wmtg-dashboard-grid-secondary {
    margin-top: 18px;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
}

.wmtg-panel-card {
    padding: 0;
    overflow: hidden;
    min-height: 300px;
}

.wmtg-panel-head {
    min-height: 44px;
    padding: 14px 16px;
    border-bottom: 1px solid #f0eee9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.wmtg-dash-icon-neutral {
    background: #f5f0e8;
    color: #9a6a2d;
}

.wmtg-pill-pink {
    background: rgba(242, 75, 163, .10);
    color: #f24ba3 !important;
}

.wmtg-match-list,
.wmtg-result-list,
.wmtg-ranking-list {
    min-height: 190px;
}

.wmtg-match-row {
    padding: 14px 16px;
    border-bottom: 1px solid #f4f1ed;
}

.wmtg-match-date {
    color: #667085;
    font-size: 12px !important;
    margin-bottom: 8px;
}

.wmtg-match-teams {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    color: #111827;
    font-size: 16px !important;
    font-weight: 800;
}

.wmtg-match-teams strong:last-child {
    text-align: right;
}

.wmtg-match-teams span {
    color: #c7ccd5;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 800;
}

.wmtg-big-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 16px 12px;
    padding: 13px 18px;
    border-radius: 13px;
    background: linear-gradient(180deg, #f24ba3 0%, #e93d95 100%);
    color: #fff !important;
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(242, 75, 163, .22);
}

.wmtg-empty {
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
    text-align: center;
    padding: 20px;
}

.wmtg-result-row,
.wmtg-ranking-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border-bottom: 1px solid #f4f1ed;
    font-size: 14px !important;
}

.wmtg-result-row strong {
    font-size: 16px !important;
    color: #111827;
}

.wmtg-result-row span:last-child {
    text-align: right;
}

.wmtg-ranking-row {
    grid-template-columns: 54px 1fr auto;
}

.wmtg-ranking-place {
    font-weight: 800;
    color: #f2a000;
}

.wmtg-ranking-row strong {
    color: #111827;
}

@media (max-width: 1000px) {
    .wmtg-dashboard-grid-secondary {
        grid-template-columns: 1fr;
    }

    .wmtg-panel-card {
        min-height: auto;
    }
}


/* v1.1.7 – Teams als Kürzel + runde Fahne */
.wmtg-team {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    vertical-align: middle;
}

.wmtg-team.wmtg-team-reverse {
    flex-direction: row-reverse;
}

.wmtg-team strong {
    font-size: 16px !important;
    font-weight: 800;
    letter-spacing: .02em;
    color: #111827;
}

.wmtg-flag {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 7px rgba(44,37,32,.14);
    font-size: 22px;
    line-height: 1;
}

.wmtg-match-teams {
    grid-template-columns: 1fr auto 1fr;
}

.wmtg-match-teams .wmtg-team:last-child {
    justify-content: flex-start;
}

.wmtg-match-teams .wmtg-team:first-child {
    justify-content: flex-start;
}

.wmtg-match-teams > .wmtg-team-reverse {
    justify-self: end;
}

.wmtg-admin-front-teams {
    white-space: nowrap;
}

.wp-admin .wmtg-team strong {
    font-size: 13px !important;
}

.wp-admin .wmtg-flag {
    width: 22px;
    height: 22px;
    font-size: 18px;
}


/* v1.1.8 – ausgefüllte Flaggenkreise */
.wmtg-flag {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    overflow: hidden;
    background: transparent !important;
    box-shadow:
        0 2px 8px rgba(44,37,32,.16),
        inset 0 0 0 2px rgba(255,255,255,.92);
    font-size: 30px;
    line-height: 1;
}

.wmtg-flag::before {
    transform: scale(1.38);
}

.wmtg-team {
    gap: 10px;
}


/* v1.1.9 – echte Flaggenbilder als vollflächige Kreise */
.wmtg-flag {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    display: inline-block !important;
    flex: 0 0 30px;
    background-color: #f3f4f6 !important;
    box-shadow:
        0 2px 8px rgba(44,37,32,.16),
        inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.wmtg-flag-img {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.wmtg-flag-placeholder {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #9aa3b2;
}

.wp-admin .wmtg-flag {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px;
}


/* v1.2.0 – Fahnenbilder per Upload, keine Emoji-Fahnen */
.wmtg-flag {
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    display: inline-block !important;
    flex: 0 0 32px;
    background-color: #f1f1f1 !important;
    box-shadow:
        0 2px 8px rgba(44,37,32,.16),
        inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

.wmtg-flag-img {
    background-size: 155% 155% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.wmtg-flag-placeholder {
    background: linear-gradient(135deg, #f3f3f3, #d7d7d7) !important;
}

.wmtg-flag-upload-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.wmtg-flag-preview {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    overflow: hidden;
    background: #f1f1f1;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wmtg-flag-preview img {
    width: 155%;
    height: 155%;
    object-fit: cover;
    object-position: center;
    max-width: none;
}


/* v1.2.1 – gebündelte lokale SVG-Fahnen, keine Emoji-Fahnen */
.wmtg-flag-img {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* v1.2.2 – Flaggen robust als echtes Bild statt background-image */
.wmtg-flag {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f2f2f2 !important;
    box-shadow:
        0 2px 8px rgba(44,37,32,.16),
        inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

.wmtg-flag img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

.wp-admin .wmtg-flag {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
}

.wmtg-flag-placeholder {
    background: linear-gradient(135deg, #f3f3f3, #d7d7d7) !important;
}


/* v1.2.3 – Tippseite als Gruppen-Tableau */
.wmtg-tipping-wrap {
    max-width: 1180px;
}

.wmtg-tipping-hero {
    display: grid;
    gap: 16px;
    margin-bottom: 22px;
}

.wmtg-tipping-hero h2 {
    margin: 0 0 4px;
    font-family: "Geist", system-ui, sans-serif;
    font-size: 22px !important;
    font-weight: 800;
    color: #20242a;
}

.wmtg-tipping-hero p {
    margin: 0;
    color: #888;
    font-size: 13px !important;
}

.wmtg-tipping-progress {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    padding: 12px 24px;
}

.wmtg-tipping-progress > strong {
    font-size: 17px !important;
}

.wmtg-tipping-progress > span {
    color: #8d929c;
    font-size: 13px !important;
}

.wmtg-tabs {
    display: inline-flex;
    padding: 4px;
    background: #efefef;
    border-radius: 10px;
    margin: 2px 0 26px;
    gap: 4px;
}

.wmtg-tabs button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 12px 18px;
    border-radius: 8px;
    color: #888;
    font-weight: 700;
    cursor: default;
}

.wmtg-tabs button.active {
    background: #fff;
    color: #f24ba3;
    box-shadow: 0 2px 5px rgba(0,0,0,.10);
}

.wmtg-group-board {
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px;
}

.wmtg-group-header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding: 18px 16px 12px;
    border-bottom: 1px solid #eceff3;
}

.wmtg-group-header h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-family: "Geist", system-ui, sans-serif;
    font-size: 13px !important;
    font-weight: 800;
    color: #4b5563;
}

.wmtg-group-teams {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wmtg-group-chip .wmtg-team strong {
    font-size: 12px !important;
}

.wmtg-group-chip .wmtg-flag {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
}

.wmtg-group-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 32px;
    border-radius: 9px;
    background: #f5f6f8;
    color: #667085;
    font-size: 13px !important;
    font-weight: 700;
}

.wmtg-group-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
}

.wmtg-fixture-row {
    display: grid;
    grid-template-columns: 180px minmax(360px, 1fr) 152px;
    align-items: center;
    border-bottom: 1px solid #f1f2f4;
    min-height: 64px;
}

.wmtg-fixture-row:last-child {
    border-bottom: 0;
}

.wmtg-fixture-date {
    padding: 10px 12px;
}

.wmtg-fixture-date strong {
    display: block;
    font-size: 15px !important;
    color: #344054;
}

.wmtg-fixture-date span {
    display: block;
    font-size: 12px !important;
    color: #667085;
}

.wmtg-fixture-main {
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    align-items: center;
    gap: 10px;
}

.wmtg-fixture-team.left {
    justify-self: end;
}

.wmtg-fixture-team.right {
    justify-self: start;
}

.wmtg-fixture-team .wmtg-team strong {
    font-size: 17px !important;
}

.wmtg-fixture-team .wmtg-flag {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
}

.wmtg-fixture-time {
    text-align: center;
    font-size: 16px !important;
    font-weight: 800;
    color: #495266;
}

.wmtg-fixture-tip {
    display: grid;
    grid-template-columns: 44px 20px 44px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px;
}

.wmtg-fixture-tip input {
    width: 44px !important;
    height: 44px;
    border-radius: 12px;
    border: 2px solid #dfe3ea;
    text-align: center;
    font-weight: 800;
    font-size: 18px !important;
    color: #344054;
    padding: 0 !important;
}

.wmtg-fixture-tip input::placeholder {
    color: #a0a8b3;
}

.wmtg-fixture-tip span {
    color: #9aa3b2;
    font-weight: 700;
}

.wmtg-group-table {
    border-left: 1px solid #eceff3;
    padding: 18px 14px;
    background: #fff;
}

.wmtg-group-table h4 {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-family: "Geist", system-ui, sans-serif;
    font-size: 12px !important;
    font-weight: 800;
    color: #4b5563;
}

.wmtg-table-toggle {
    display: inline-flex;
    gap: 4px;
    background: #f2f3f5;
    padding: 4px;
    border-radius: 9px;
    margin-bottom: 10px;
}

.wmtg-table-toggle span {
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 11px !important;
    font-weight: 800;
    text-transform: uppercase;
    color: #667085;
}

.wmtg-table-toggle span:first-child {
    background: #ffeef7;
    color: #f24ba3;
}

.wmtg-group-table table {
    width: 100%;
    border-collapse: collapse;
}

.wmtg-group-table th,
.wmtg-group-table td {
    padding: 6px 4px;
    text-align: center;
    font-size: 12px !important;
    color: #475467;
}

.wmtg-group-table th:nth-child(2),
.wmtg-group-table td:nth-child(2) {
    text-align: left;
}

.wmtg-group-table .wmtg-team strong {
    font-size: 12px !important;
}

.wmtg-group-table .wmtg-flag {
    width: 21px !important;
    height: 21px !important;
    flex-basis: 21px !important;
}

.wmtg-group-table p {
    margin: 12px 0 0;
    font-size: 11px !important;
    color: #667085;
}

.wmtg-save-all {
    margin-top: 12px !important;
}

@media (max-width: 1100px) {
    .wmtg-group-content {
        grid-template-columns: 1fr;
    }

    .wmtg-group-table {
        border-left: 0;
        border-top: 1px solid #eceff3;
    }

    .wmtg-fixture-row {
        grid-template-columns: 120px 1fr 132px;
    }
}

@media (max-width: 760px) {
    .wmtg-tipping-progress {
        grid-template-columns: auto auto auto;
    }

    .wmtg-tipping-progress .wmtg-progress {
        grid-column: 1 / -1;
    }

    .wmtg-fixture-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 14px 12px;
    }

    .wmtg-fixture-date {
        padding: 0;
    }

    .wmtg-fixture-main {
        grid-template-columns: 1fr 54px 1fr;
    }

    .wmtg-fixture-tip {
        justify-content: start;
        padding: 0;
    }
}


/* v1.2.4 – Tippfelder mit Würfel-Funktion */
.wmtg-fixture-tip {
    grid-template-columns: 44px 34px 44px !important;
}

.wmtg-fixture-tip input {
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.wmtg-fixture-tip .wmtg-tip-home:not(:placeholder-shown),
.wmtg-fixture-tip .wmtg-tip-away:not(:placeholder-shown) {
    background: #fff;
}

.wmtg-dice-button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f3f5f8 !important;
    color: #475467 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    cursor: pointer;
}

.wmtg-dice-button:hover {
    background: #e9edf2 !important;
    transform: none !important;
    box-shadow: none !important;
}

.wmtg-dice-button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.wmtg-dice-used .wmtg-fixture-tip input {
    border-color: #f29b00 !important;
    background: #fff8e8 !important;
}

.wmtg-fixture-tip .wmtg-tip-home {
    border-color: #17c964;
    color: #0f8a43;
}

.wmtg-fixture-tip .wmtg-tip-away {
    border-color: #ff4d4f;
    color: #c92a2a;
}


/* v1.2.5 – schönere Tipp-Eingabe + gespeicherte Tipps sichtbar */
.wmtg-fixture-tip {
    grid-template-columns: 48px 38px 48px !important;
    gap: 8px !important;
}

.wmtg-fixture-tip input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
    width: 48px !important;
    height: 42px !important;
    border-radius: 13px !important;
    border: 2px solid #dfe3ea !important;
    background: #fff !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    padding: 0 !important;
    box-shadow: 0 2px 7px rgba(44,37,32,.05) !important;
}

.wmtg-fixture-tip input[type="number"]::-webkit-outer-spin-button,
.wmtg-fixture-tip input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wmtg-fixture-tip .wmtg-tip-home {
    border-color: #18c964 !important;
    color: #0f8a43 !important;
}

.wmtg-fixture-tip .wmtg-tip-away {
    border-color: #ff4d4f !important;
    color: #c92a2a !important;
}

.wmtg-fixture-tip .wmtg-tip-home:placeholder-shown,
.wmtg-fixture-tip .wmtg-tip-away:placeholder-shown {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

.wmtg-fixture-tip .wmtg-dice-button,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-shadow: 0 2px 7px rgba(44,37,32,.05) !important;
    transform: none !important;
}

.wmtg-fixture-tip .wmtg-dice-button:hover,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button:hover,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: #eef2f6 !important;
    border-color: #d0d5dd !important;
    color: #111827 !important;
    transform: none !important;
}

.wmtg-dice-used .wmtg-fixture-tip input[type="number"] {
    border-color: #f29b00 !important;
    background: #fff8e8 !important;
}

.wmtg-dashboard-tip {
    margin-top: 8px;
    font-size: 12px !important;
    color: #667085;
}

.wmtg-dashboard-tip strong {
    color: #111827;
    font-weight: 800;
}

.wmtg-dashboard-tip.is-empty {
    color: #b0b7c3;
}


/* v1.2.6 – Tippfarben & Würfelstyle */
.wmtg-fixture-tip {
    grid-template-columns: 50px 38px 50px !important;
    gap: 8px !important;
}

.wmtg-fixture-tip input[type="number"] {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.wmtg-fixture-tip .wmtg-tip-home {
    border: 2px solid #16c45b !important;
    color: #169b47 !important;
    background: #ffffff !important;
}

.wmtg-fixture-tip .wmtg-tip-away {
    border: 2px solid #ff5b57 !important;
    color: #e23d39 !important;
    background: #ffffff !important;
}

.wmtg-fixture-tip input[type="number"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(242, 155, 0, .10) !important;
}

.wmtg-fixture-tip input[type="number"]:placeholder-shown {
    border-color: #f2b300 !important;
    color: #d39a00 !important;
    background: #fff !important;
}

.wmtg-fixture-tip .wmtg-dice-button,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 11px !important;
    border: 1px solid #d7dde5 !important;
    background: #f3f5f7 !important;
    color: #5d6674 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.wmtg-fixture-tip .wmtg-dice-button:hover,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button:hover,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: #eceff3 !important;
    border-color: #cfd5dd !important;
    color: #344054 !important;
    transform: none !important;
}

.wmtg-dice-used .wmtg-fixture-tip input[type="number"] {
    background: #fff8e8 !important;
    border-color: #f2b300 !important;
}

.wmtg-dice-used .wmtg-fixture-tip .wmtg-tip-home {
    color: #b87900 !important;
}

.wmtg-dice-used .wmtg-fixture-tip .wmtg-tip-away {
    color: #b87900 !important;
}


/* v1.2.7 – Tableau wie Referenz, Tippfarben nach Ergebnislogik */
.wmtg-group-board {
    border-radius: 14px !important;
    border: 1px solid #eceff3 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.wmtg-group-header {
    background: #fff !important;
    padding: 16px 16px 12px !important;
}

.wmtg-group-content {
    grid-template-columns: minmax(0, 1fr) 320px !important;
}

.wmtg-fixture-row {
    grid-template-columns: 190px minmax(410px, 1fr) 156px !important;
    min-height: 64px !important;
    background: #fff;
}

.wmtg-fixture-date {
    padding-left: 12px !important;
}

.wmtg-fixture-main {
    grid-template-columns: 1fr 72px 1fr !important;
}

.wmtg-fixture-team.left {
    justify-self: end !important;
}

.wmtg-fixture-team.right {
    justify-self: start !important;
}

.wmtg-fixture-team .wmtg-team {
    gap: 8px !important;
}

.wmtg-fixture-team.left .wmtg-team {
    flex-direction: row-reverse;
}

.wmtg-fixture-team.right .wmtg-team {
    flex-direction: row;
}

.wmtg-fixture-team .wmtg-team strong {
    font-size: 17px !important;
    color: #1f2937 !important;
}

.wmtg-fixture-team .wmtg-flag {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    box-shadow: 0 2px 8px rgba(44,37,32,.14) !important;
}

.wmtg-fixture-time {
    color: #344054 !important;
    font-size: 16px !important;
    letter-spacing: .02em;
}

.wmtg-fixture-tip {
    grid-template-columns: 44px 30px 44px !important;
    gap: 8px !important;
    justify-content: center !important;
}

.wmtg-fixture-tip input[type="number"] {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 2px solid #dfe3ea !important;
    color: #98a2b3 !important;
    background: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-shadow: none !important;
}

.wmtg-fixture-tip input[type="number"]:placeholder-shown {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

/* Sieg/Remis-Farben */
.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-away {
    border-color: #16c45b !important;
    color: #169b47 !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-away,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-home {
    border-color: #ff5b57 !important;
    color: #e23d39 !important;
}

.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-away {
    border-color: #f2b300 !important;
    color: #b87900 !important;
}

.wmtg-fixture-tip .wmtg-dice-button,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 9px !important;
    border: 1px solid #e1e6ee !important;
    background: #f3f5f8 !important;
    color: #4b5563 !important;
    font-size: 17px !important;
    box-shadow: none !important;
}

.wmtg-fixture-tip .wmtg-dice-button span {
    display: block;
    transform: translateY(-.5px);
}

.wmtg-group-table {
    background: #fff !important;
    padding: 18px 16px !important;
}

.wmtg-group-table table {
    font-variant-numeric: tabular-nums;
}

.wmtg-group-table tbody tr:first-child td:first-child,
.wmtg-group-table tbody tr:nth-child(2) td:first-child {
    color: #16c45b !important;
    font-weight: 800;
}

.wmtg-group-table td:last-child strong {
    color: #101828 !important;
    font-weight: 900 !important;
}

.wmtg-group-table td:nth-child(7) {
    font-weight: 800;
}

.wmtg-group-table td:nth-child(7):not(:empty) {
    color: #16c45b;
}

.wmtg-group-table p {
    line-height: 1.4 !important;
}

@media (max-width: 1100px) {
    .wmtg-group-content {
        grid-template-columns: 1fr !important;
    }

    .wmtg-fixture-row {
        grid-template-columns: 150px minmax(340px, 1fr) 148px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-fixture-row {
        grid-template-columns: 1fr !important;
    }
}


/* v1.2.8 – Autosave-Status direkt an der Spielzeile */
.wmtg-fixture-row {
    position: relative;
}

.wmtg-fixture-row::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #98a2b3;
    opacity: 0;
    transition: opacity .18s ease;
}

.wmtg-fixture-row.wmtg-saving::after {
    content: "speichert …";
    opacity: 1;
    color: #b87900;
}

.wmtg-fixture-row.wmtg-saved::after {
    content: "gespeichert";
    opacity: 1;
    color: #169b47;
}

.wmtg-fixture-row.wmtg-save-error::after {
    content: "nicht gespeichert";
    opacity: 1;
    color: #e23d39;
}

.wmtg-save-all {
    opacity: .72;
}


/* v1.2.9 – Deine/Echt-Tab und Live-Gruppentabelle */
.wmtg-table-toggle {
    display: inline-flex !important;
    gap: 4px !important;
    background: #f2f3f5 !important;
    padding: 4px !important;
    border-radius: 9px !important;
    margin-bottom: 10px !important;
}

.wmtg-table-toggle button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 11px !important;
    font-weight: 800;
    text-transform: uppercase;
    color: #667085;
    cursor: pointer;
}

.wmtg-table-toggle button.active {
    background: #ffeef7;
    color: #f24ba3;
}

.wmtg-standings-panel {
    display: none;
}

.wmtg-standings-panel.active {
    display: block;
}

.wmtg-standings-table tbody tr {
    transition: background .18s ease;
}

.wmtg-standings-table tbody tr.is-qualified td:first-child {
    color: #16c45b !important;
    font-weight: 900;
}

.wmtg-standings-table tbody tr.is-last td[data-stat="gd"] {
    color: #e23d39 !important;
}

.wmtg-standings-table td[data-stat="gd"] {
    font-weight: 800;
}

.wmtg-standings-table td[data-stat="gd"]:not(:empty) {
    color: #16c45b;
}


/* v1.3.0 – Tabelle-Tabs wie Screenshot */
.wmtg-group-table h4 {
    margin: 0 0 12px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    color: #4b5563 !important;
}

.wmtg-table-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    background: #f1f3f5 !important;
    border: 1px solid #e7e9ee !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.wmtg-table-toggle button {
    min-width: 52px !important;
    height: 30px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.wmtg-table-toggle button + button {
    border-left: 1px solid #e7e9ee !important;
}

.wmtg-table-toggle button.active {
    background: #ffffff !important;
    color: #f24ba3 !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .08) !important;
}


/* v1.3.1 – kompakte Tabelle-Tabs wie Referenz */
.wmtg-group-table .wmtg-table-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 3px !important;
    margin: 0 0 12px !important;
    background: #f1f3f5 !important;
    border: 0 !important;
    border-radius: 8px !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.wmtg-group-table .wmtg-table-toggle button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 48px !important;
    height: 22px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.wmtg-group-table .wmtg-table-toggle button + button {
    border-left: 0 !important;
}

.wmtg-group-table .wmtg-table-toggle button.active {
    background: #ffffff !important;
    color: #f24ba3 !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .08) !important;
}


/* v1.3.2 – Autosave auch beim Löschen von Tipps */
.wmtg-fixture-row.wmtg-deleted::after {
    content: "Tipp gelöscht";
    opacity: 1;
    color: #667085;
}

.wmtg-fixture-row:not(.wmtg-has-tip) .wmtg-fixture-tip input[type="number"] {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}


/* v1.3.3 – Gruppenkopf: ausgeschriebene Teams + Gruppenwürfel */
.wmtg-group-header {
    align-items: flex-start !important;
}

.wmtg-group-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.wmtg-group-dice-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #f3f5f8 !important;
    color: #4b5563 !important;
    font-size: 17px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    cursor: pointer;
}

.wmtg-group-dice-button:hover {
    background: #e9edf2 !important;
    color: #111827 !important;
}

.wmtg-group-chip {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    color: #475467;
    font-size: 12px !important;
    font-weight: 700;
}

.wmtg-group-chip .wmtg-team strong {
    display: none !important;
}

.wmtg-group-chip .wmtg-team {
    gap: 0 !important;
}

.wmtg-group-chip-name {
    line-height: 1.2;
}

.wmtg-group-chip .wmtg-flag {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
}

@media (max-width: 760px) {
    .wmtg-group-header {
        flex-direction: column;
    }

    .wmtg-group-actions {
        align-self: flex-end;
    }
}


/* v1.3.4 – Tippanzeige wie Referenz */
.wmtg-fixture-row {
    grid-template-columns: 190px minmax(410px, 1fr) 170px !important;
}

.wmtg-fixture-tip {
    display: grid !important;
    grid-template-columns: 1fr 30px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 8px !important;
    row-gap: 4px !important;
    padding: 8px 10px !important;
}

.wmtg-tip-label {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    text-align: center;
    text-transform: uppercase;
    color: #f24ba3;
    font-size: 10px !important;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.wmtg-tip-boxes {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    display: inline-grid;
    grid-template-columns: 32px 10px 32px;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.wmtg-tip-colon {
    color: #f24ba3 !important;
    font-size: 16px !important;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.wmtg-fixture-tip .wmtg-dice-button,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 8px !important;
}

.wmtg-fixture-tip input[type="number"] {
    width: 32px !important;
    height: 30px !important;
    min-width: 32px !important;
    border-radius: 8px !important;
    border: 2px solid #f7a8cf !important;
    color: #f24ba3 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 30px !important;
    padding: 0 !important;
    background: #fff !important;
}

.wmtg-fixture-tip input[type="number"]:placeholder-shown {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-away,
.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-away,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-away {
    border-color: #f7a8cf !important;
    color: #f24ba3 !important;
}

@media (max-width: 1100px) {
    .wmtg-fixture-row {
        grid-template-columns: 150px minmax(340px, 1fr) 160px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-fixture-tip {
        justify-content: start !important;
    }
}


/* v1.3.5 – Gruppenwürfel und Zähler wie Screenshot */
.wmtg-group-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
}

.wmtg-group-actions .wmtg-group-dice-button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #f3f5f8 !important;
    color: #4b5563 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.wmtg-group-actions .wmtg-group-dice-button:hover {
    background: #e9edf2 !important;
    color: #111827 !important;
    box-shadow: none !important;
    transform: none !important;
}

.wmtg-group-actions .wmtg-group-count {
    min-width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #f24ba3 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* v1.3.6 – Tippfelder zurück auf Ergebnisfarben */
.wmtg-tip-label {
    color: #667085 !important;
}

.wmtg-tip-colon {
    color: #667085 !important;
}

.wmtg-fixture-tip input[type="number"] {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-away {
    border-color: #16c45b !important;
    color: #169b47 !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-away,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-home {
    border-color: #ff5b57 !important;
    color: #e23d39 !important;
}

.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-away {
    border-color: #f2b300 !important;
    color: #b87900 !important;
}

.wmtg-fixture-row:not(.wmtg-has-tip) .wmtg-fixture-tip input[type="number"] {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}


/* v1.3.7 – Tipps im Dashboard-Panel wie auf der Tippseite */
.wmtg-match-row {
    position: relative;
}

.wmtg-match-teams {
    grid-template-columns: 1fr 84px 1fr !important;
}

.wmtg-match-teams > span {
    display: none !important;
}

.wmtg-dashboard-tip-inline {
    justify-self: center;
    align-self: center;
    text-align: center;
    min-width: 70px;
}

.wmtg-dashboard-tip-label {
    margin-bottom: 4px;
    text-transform: uppercase;
    color: #f24ba3;
    font-size: 10px !important;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.wmtg-dashboard-tip-score {
    display: inline-grid;
    grid-template-columns: 26px 8px 26px;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.wmtg-dashboard-tip-score span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 2px solid #f7a8cf;
    border-radius: 8px;
    color: #f24ba3;
    background: #fff;
    font-size: 14px !important;
    font-weight: 900;
    line-height: 1;
}

.wmtg-dashboard-tip-score em {
    font-style: normal;
    color: #f24ba3;
    font-weight: 900;
    font-size: 14px !important;
    line-height: 1;
}

.wmtg-dashboard-tip-inline.is-empty .wmtg-dashboard-tip-label {
    color: #98a2b3;
}

.wmtg-dashboard-tip-inline.is-empty .wmtg-dashboard-tip-score span {
    border-color: #dfe3ea;
    color: #98a2b3;
}

.wmtg-dashboard-tip-inline.is-empty .wmtg-dashboard-tip-score em {
    color: #98a2b3;
}

.wmtg-match-teams .wmtg-team:first-child {
    justify-self: start;
}

.wmtg-match-teams .wmtg-team-reverse {
    justify-self: end;
}

@media (max-width: 520px) {
    .wmtg-match-teams {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .wmtg-dashboard-tip-inline {
        justify-self: start;
    }

    .wmtg-match-teams .wmtg-team-reverse {
        justify-self: start;
    }
}


/* v1.3.8 – Dashboard: Teams links/rechts wieder anzeigen, Tipp in der Mitte */
.wmtg-panel-card .wmtg-match-row {
    padding: 14px 16px !important;
}

.wmtg-panel-card .wmtg-match-teams {
    display: grid !important;
    grid-template-columns: minmax(82px, 1fr) 78px minmax(82px, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.wmtg-panel-card .wmtg-match-teams > .wmtg-team:first-child {
    justify-self: start !important;
}

.wmtg-panel-card .wmtg-match-teams > .wmtg-team-reverse {
    justify-self: end !important;
}

.wmtg-panel-card .wmtg-match-teams .wmtg-team {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.wmtg-panel-card .wmtg-match-teams .wmtg-team strong {
    display: inline !important;
    font-size: 15px !important;
    color: #111827 !important;
}

.wmtg-panel-card .wmtg-match-teams .wmtg-flag {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
}

.wmtg-dashboard-tip-inline {
    grid-column: 2 / 3 !important;
    justify-self: center !important;
    align-self: center !important;
    min-width: 70px !important;
}

@media (max-width: 520px) {
    .wmtg-panel-card .wmtg-match-teams {
        grid-template-columns: minmax(70px, 1fr) 74px minmax(70px, 1fr) !important;
    }
}


/* v1.3.9 – Tippanzeige wieder ohne Schriftzug, Würfel zwischen den Feldern */
.wmtg-fixture-row {
    grid-template-columns: 190px minmax(410px, 1fr) 170px !important;
}

.wmtg-fixture-tip {
    display: grid !important;
    grid-template-columns: 44px 30px 44px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
}

.wmtg-tip-label,
.wmtg-tip-boxes,
.wmtg-tip-colon {
    display: none !important;
}

.wmtg-fixture-tip > input[type="number"] {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 44px !important;
    text-align: center !important;
    padding: 0 !important;
}

.wmtg-fixture-tip .wmtg-dice-button,
.wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
.wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: center !important;
    justify-self: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 9px !important;
    background: #f3f5f8 !important;
    border: 1px solid #e1e6ee !important;
    color: #4b5563 !important;
    box-shadow: none !important;
}

/* Ergebnisfarben */
.wmtg-fixture-tip input[type="number"] {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-away {
    border-color: #16c45b !important;
    color: #169b47 !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-away,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-home {
    border-color: #ff5b57 !important;
    color: #e23d39 !important;
}

.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-draw .wmtg-tip-away {
    border-color: #f2b300 !important;
    color: #b87900 !important;
}

.wmtg-fixture-row:not(.wmtg-has-tip) .wmtg-fixture-tip input[type="number"] {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

@media (max-width: 1100px) {
    .wmtg-fixture-row {
        grid-template-columns: 150px minmax(340px, 1fr) 160px !important;
    }
}


/* v1.4.3 – saubere Tablet- und Mobilansicht der Tippseite */
@media (max-width: 1024px) {
    .wmtg-tipping-wrap {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .wmtg-group-content {
        grid-template-columns: 1fr !important;
    }

    .wmtg-group-table {
        border-left: 0 !important;
        border-top: 1px solid #eceff3 !important;
        overflow-x: auto !important;
    }

    .wmtg-group-table table {
        min-width: 520px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-wrap.wmtg-tipping-wrap {
        margin-top: 18px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .wmtg-tabs {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        width: 100% !important;
        gap: 4px !important;
        margin-bottom: 18px !important;
    }

    .wmtg-tabs button {
        padding: 10px 8px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .wmtg-group-board {
        border-radius: 13px !important;
        overflow: hidden !important;
    }

    .wmtg-group-header {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 12px !important;
        padding: 15px 16px !important;
    }

    .wmtg-group-header h3 {
        margin-bottom: 10px !important;
    }

    .wmtg-group-teams {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 10px !important;
    }

    .wmtg-group-chip {
        min-width: 0 !important;
    }

    .wmtg-group-chip-name {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .wmtg-group-actions {
        align-self: start !important;
        justify-self: end !important;
    }

    .wmtg-fixtures {
        width: 100% !important;
    }

    .wmtg-fixture-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        min-height: 0 !important;
        padding: 15px 16px !important;
        border-bottom: 1px solid #eceff3 !important;
    }

    .wmtg-fixture-date {
        padding: 0 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .wmtg-fixture-date strong {
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    .wmtg-fixture-date span {
        text-align: right !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .wmtg-fixture-main {
        display: grid !important;
        grid-template-columns: minmax(84px, 1fr) 64px minmax(84px, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .wmtg-fixture-team.left,
    .wmtg-fixture-team.right {
        justify-self: stretch !important;
    }

    .wmtg-fixture-team.left .wmtg-team {
        justify-content: flex-start !important;
        flex-direction: row !important;
    }

    .wmtg-fixture-team.right .wmtg-team {
        justify-content: flex-end !important;
        flex-direction: row-reverse !important;
    }

    .wmtg-fixture-team .wmtg-team strong {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .wmtg-fixture-team .wmtg-flag {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }

    .wmtg-fixture-time {
        font-size: 15px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .wmtg-fixture-tip {
        display: grid !important;
        grid-template-columns: 44px 32px 44px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 2px 0 0 !important;
    }

    .wmtg-fixture-tip input[type="number"] {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .wmtg-fixture-tip .wmtg-dice-button {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    .wmtg-group-table {
        padding: 16px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .wmtg-group-table table {
        min-width: 540px !important;
    }

    .wmtg-group-table::after {
        content: "Seitlich wischen für die komplette Tabelle";
        display: block;
        margin-top: 6px;
        font-size: 11px;
        color: #98a2b3;
    }
}

@media (max-width: 430px) {
    .wmtg-group-teams {
        grid-template-columns: 1fr !important;
    }

    .wmtg-fixture-main {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .wmtg-fixture-team.left .wmtg-team,
    .wmtg-fixture-team.right .wmtg-team {
        justify-content: center !important;
        flex-direction: row !important;
    }

    .wmtg-fixture-time {
        order: -1;
        font-size: 14px !important;
        color: #667085 !important;
    }
}


/* v1.4.4 – Rangliste im Dashboard wie Referenz */
.wmtg-panel-card .wmtg-ranking-list-fancy {
    display: grid;
    gap: 0;
    padding: 14px 12px 20px;
    min-height: 220px;
}

.wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 12px !important;
    border-bottom: 0 !important;
    border-radius: 4px !important;
    background: transparent;
}

.wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row:nth-child(even) {
    background: #f7f7f7 !important;
}

.wmtg-ranking-star {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff3d8;
    color: #e0a400;
    font-size: 18px !important;
    font-weight: 900;
    line-height: 1;
}

.wmtg-ranking-list-fancy .wmtg-ranking-row:first-child .wmtg-ranking-star,
.wmtg-ranking-list-fancy .wmtg-ranking-row:nth-child(2) .wmtg-ranking-star,
.wmtg-ranking-list-fancy .wmtg-ranking-row:nth-child(3) .wmtg-ranking-star {
    background: #fff3d8;
    color: #e0a400;
}

.wmtg-ranking-name {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.wmtg-ranking-name strong {
    font-size: 20px !important;
    line-height: 1.1;
    font-weight: 900;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wmtg-ranking-name em {
    font-style: normal;
    font-size: 14px !important;
    line-height: 1.2;
    color: #6b7280;
}

.wmtg-ranking-points {
    display: grid;
    justify-items: end;
    gap: 2px;
    min-width: 58px;
}

.wmtg-ranking-points strong {
    font-size: 26px !important;
    line-height: 1;
    font-weight: 900;
    color: #111827;
}

.wmtg-ranking-points em {
    font-style: normal;
    font-size: 13px !important;
    color: #6b7280;
}

@media (max-width: 1024px) {
    .wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
        grid-template-columns: 48px minmax(0, 1fr) auto !important;
        padding: 14px 10px !important;
    }

    .wmtg-ranking-name strong {
        font-size: 18px !important;
    }

    .wmtg-ranking-points strong {
        font-size: 24px !important;
    }
}

@media (max-width: 560px) {
    .wmtg-panel-card .wmtg-ranking-list-fancy {
        padding: 10px 8px 16px;
    }

    .wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
        grid-template-columns: 42px minmax(0, 1fr) 54px !important;
        gap: 8px !important;
        padding: 13px 8px !important;
    }

    .wmtg-ranking-star {
        width: 32px;
        height: 32px;
        font-size: 15px !important;
    }

    .wmtg-ranking-name strong {
        font-size: 16px !important;
    }

    .wmtg-ranking-name em {
        font-size: 12px !important;
    }

    .wmtg-ranking-points strong {
        font-size: 22px !important;
    }

    .wmtg-ranking-points em {
        font-size: 12px !important;
    }
}


/* v1.4.5 – Rangliste Schriftgrößen wie Referenz */
.wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
    padding: 28px 18px !important;
    grid-template-columns: 64px minmax(0, 1fr) 88px !important;
    gap: 18px !important;
}

.wmtg-ranking-star {
    width: 48px !important;
    height: 48px !important;
    font-size: 22px !important;
}

.wmtg-ranking-name strong {
    font-size: 28px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em;
}

.wmtg-ranking-name em {
    font-size: 17px !important;
    line-height: 1.35 !important;
    color: #6b7280 !important;
}

.wmtg-ranking-points strong {
    font-size: 40px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.wmtg-ranking-points em {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

@media (max-width: 1024px) {
    .wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
        padding: 22px 16px !important;
        grid-template-columns: 56px minmax(0, 1fr) 76px !important;
    }

    .wmtg-ranking-star {
        width: 42px !important;
        height: 42px !important;
        font-size: 20px !important;
    }

    .wmtg-ranking-name strong {
        font-size: 24px !important;
    }

    .wmtg-ranking-name em {
        font-size: 15px !important;
    }

    .wmtg-ranking-points strong {
        font-size: 34px !important;
    }

    .wmtg-ranking-points em {
        font-size: 15px !important;
    }
}

@media (max-width: 560px) {
    .wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
        padding: 18px 12px !important;
        grid-template-columns: 46px minmax(0, 1fr) 64px !important;
        gap: 12px !important;
    }

    .wmtg-ranking-star {
        width: 36px !important;
        height: 36px !important;
        font-size: 17px !important;
    }

    .wmtg-ranking-name strong {
        font-size: 20px !important;
    }

    .wmtg-ranking-name em {
        font-size: 13px !important;
    }

    .wmtg-ranking-points strong {
        font-size: 28px !important;
    }

    .wmtg-ranking-points em {
        font-size: 13px !important;
    }
}


/* v1.4.6 – Rangliste kompakter */
.wmtg-ranking-name strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.wmtg-ranking-name em {
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.wmtg-ranking-points strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.wmtg-ranking-points em {
    font-size: 15px !important;
    line-height: 1.2 !important;
}

.wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
    padding: 16px 12px !important;
    grid-template-columns: 48px minmax(0, 1fr) 56px !important;
    gap: 10px !important;
}

.wmtg-ranking-star {
    width: 34px !important;
    height: 34px !important;
    font-size: 16px !important;
}

@media (max-width: 560px) {
    .wmtg-ranking-name strong,
    .wmtg-ranking-name em,
    .wmtg-ranking-points strong,
    .wmtg-ranking-points em {
        font-size: 15px !important;
    }
}


/* v1.4.7 – Rangliste kompakter */
.wmtg-panel-card .wmtg-ranking-list-fancy {
    padding: 8px 8px 14px !important;
    min-height: 0 !important;
    gap: 6px !important;
}

.wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
    padding: 10px 10px !important;
    grid-template-columns: 38px minmax(0, 1fr) 44px !important;
    gap: 8px !important;
    border-radius: 10px !important;
}

.wmtg-ranking-star {
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
}

.wmtg-ranking-name {
    gap: 1px !important;
}

.wmtg-ranking-name strong {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.wmtg-ranking-name em {
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #6b7280 !important;
}

.wmtg-ranking-points {
    gap: 0 !important;
}

.wmtg-ranking-points strong {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.wmtg-ranking-points em {
    font-size: 11px !important;
    line-height: 1.1 !important;
}

@media (max-width: 560px) {
    .wmtg-panel-card .wmtg-ranking-list-fancy .wmtg-ranking-row {
        padding: 9px 8px !important;
        grid-template-columns: 34px minmax(0, 1fr) 40px !important;
    }

    .wmtg-ranking-name strong {
        font-size: 12px !important;
    }

    .wmtg-ranking-name em,
    .wmtg-ranking-points em {
        font-size: 10px !important;
    }

    .wmtg-ranking-points strong {
        font-size: 12px !important;
    }
}


/* v1.4.8 – Abstand Punkte zum rechten Rand */
.wmtg-ranking-points {
    padding-right: 12px !important;
    justify-items: end !important;
}

@media (max-width: 560px) {
    .wmtg-ranking-points {
        padding-right: 8px !important;
    }
}


/* v1.5.4 – Tabs Gruppen/KO/Kalender */
.wmtg-tab-panel {
    display: none;
}

.wmtg-tab-panel.active {
    display: block;
}

.wmtg-tabs button.active {
    background: #ffffff !important;
    color: #f24ba3 !important;
}

.wmtg-empty-state {
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 16px;
    padding: 28px;
    text-align: center;
}

.wmtg-empty-state h3 {
    margin-bottom: 10px;
}

.wmtg-calendar-wrap {
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 16px;
    padding: 20px;
}

.wmtg-calendar-day {
    margin-bottom: 24px;
}

.wmtg-calendar-day h3 {
    margin-bottom: 12px;
    font-size: 18px !important;
}

.wmtg-calendar-row {
    display: grid;
    grid-template-columns: 70px 1fr 40px 1fr;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f1f3f5;
    align-items: center;
}

.wmtg-calendar-time {
    font-weight: 700;
    color: #667085;
}

.wmtg-calendar-home,
.wmtg-calendar-away {
    font-weight: 800;
    color: #111827;
}

.wmtg-calendar-vs {
    text-align: center;
    color: #98a2b3;
}

@media (max-width: 760px) {
    .wmtg-calendar-row {
        grid-template-columns: 1fr;
        gap: 4px;
        text-align: center;
    }

    .wmtg-calendar-vs {
        display: none;
    }

    .wmtg-empty-state,
    .wmtg-calendar-wrap {
        padding: 16px;
    }
}


/* v1.5.7 – stabile Tabs mit Gruppenphase, K.o.-Runde und Kalender */
.wmtg-tab-panel {
    display: none;
}

.wmtg-tab-panel.active {
    display: block;
}

.wmtg-tabs button {
    cursor: pointer !important;
}

.wmtg-ko-board,
.wmtg-calendar-board {
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 16px;
    padding: 20px;
}

.wmtg-ko-board h3,
.wmtg-calendar-board h3 {
    margin: 0 0 6px;
    font-size: 18px !important;
    font-weight: 800;
    color: #111827;
}

.wmtg-ko-board p,
.wmtg-calendar-board p {
    margin: 0 0 18px;
    color: #667085;
    font-size: 13px !important;
}

.wmtg-ko-list {
    display: grid;
    gap: 10px;
}

.wmtg-ko-row {
    display: grid;
    grid-template-columns: 170px 140px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #f1f3f5;
    border-radius: 12px;
}

.wmtg-ko-date strong {
    display: block;
    font-size: 14px !important;
    color: #344054;
}

.wmtg-ko-date span {
    display: block;
    font-size: 12px !important;
    color: #667085;
}

.wmtg-ko-stage {
    font-size: 12px !important;
    font-weight: 800;
    text-transform: uppercase;
    color: #f24ba3;
}

.wmtg-ko-teams {
    display: grid;
    grid-template-columns: 1fr 34px 1fr;
    align-items: center;
    gap: 10px;
}

.wmtg-ko-teams > span {
    text-align: center;
    color: #98a2b3;
    font-size: 12px !important;
    font-weight: 800;
    text-transform: uppercase;
}

.wmtg-calendar-day {
    margin: 0 0 22px;
}

.wmtg-calendar-day h4 {
    margin: 0 0 10px;
    font-size: 15px !important;
    font-weight: 800;
    color: #344054;
}

.wmtg-calendar-row {
    display: grid;
    grid-template-columns: 60px 150px 150px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #f1f3f5;
    font-size: 13px !important;
}

.wmtg-calendar-time,
.wmtg-calendar-stage {
    color: #667085;
}

.wmtg-calendar-teams {
    font-weight: 800;
    color: #111827;
}

.wmtg-calendar-teams em {
    font-style: normal;
    color: #98a2b3;
    margin: 0 5px;
}

.wmtg-calendar-venue {
    color: #667085;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .wmtg-ko-row {
        grid-template-columns: 150px 120px minmax(0, 1fr);
    }

    .wmtg-calendar-row {
        grid-template-columns: 56px 120px 130px minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .wmtg-ko-board,
    .wmtg-calendar-board {
        padding: 16px;
    }

    .wmtg-ko-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .wmtg-ko-teams {
        grid-template-columns: 1fr 30px 1fr;
    }

    .wmtg-calendar-row {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 12px 0;
    }

    .wmtg-calendar-venue {
        white-space: normal;
    }
}


/* v1.5.8 – K.o.-Runde mit Untertabs */
.wmtg-ko-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 16px 0 18px;
    padding: 4px;
    background: #f1f3f5;
    border-radius: 12px;
    width: fit-content;
    max-width: 100%;
}

.wmtg-ko-tabs button {
    appearance: none;
    border: 0;
    background: transparent;
    border-radius: 9px;
    padding: 9px 13px;
    color: #667085;
    font-size: 13px !important;
    font-weight: 800;
    cursor: pointer;
}

.wmtg-ko-tabs button.active {
    background: #ffffff;
    color: #f24ba3;
    box-shadow: 0 2px 6px rgba(16, 24, 40, .10);
}

.wmtg-ko-stage-panel {
    display: none;
}

.wmtg-ko-stage-panel.active {
    display: block;
}

.wmtg-ko-stage-panel h4 {
    margin: 0 0 12px;
    font-size: 16px !important;
    font-weight: 900;
    color: #344054;
}

@media (max-width: 1024px) {
    .wmtg-ko-tabs {
        width: 100%;
    }

    .wmtg-ko-tabs button {
        flex: 1 1 auto;
        min-width: 140px;
    }
}

@media (max-width: 760px) {
    .wmtg-ko-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
        width: 100%;
    }

    .wmtg-ko-tabs button {
        min-width: 0;
        padding: 9px 7px;
        font-size: 12px !important;
    }
}

@media (max-width: 430px) {
    .wmtg-ko-tabs {
        grid-template-columns: 1fr;
    }
}


/* v1.5.9 – Kalenderansicht wie Matchliste */
.wmtg-calendar-day {
    margin: 0 0 28px !important;
}

.wmtg-calendar-day h4 {
    margin: 0 0 12px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #475467 !important;
}

.wmtg-calendar-board {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.wmtg-calendar-row {
    display: grid !important;
    grid-template-columns: 170px minmax(340px,1fr) 150px !important;
    gap: 14px !important;
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #eceff3 !important;
    border-bottom: 0 !important;
    padding: 16px !important;
}

.wmtg-calendar-day .wmtg-calendar-row:first-of-type {
    border-radius: 18px 18px 0 0 !important;
}

.wmtg-calendar-day .wmtg-calendar-row:last-of-type {
    border-bottom: 1px solid #eceff3 !important;
    border-radius: 0 0 18px 18px !important;
}

.wmtg-calendar-date strong {
    display: block;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #344054 !important;
}

.wmtg-calendar-date span {
    display: block;
    margin-top: 4px;
    font-size: 14px !important;
    color: #667085 !important;
}

.wmtg-calendar-main {
    display: grid !important;
    grid-template-columns: minmax(110px,1fr) 70px minmax(110px,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.wmtg-calendar-team.left .wmtg-team {
    justify-content: flex-start !important;
}

.wmtg-calendar-team.right .wmtg-team {
    justify-content: flex-end !important;
    flex-direction: row-reverse !important;
}

.wmtg-calendar-team .wmtg-team strong {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #1d2939 !important;
}

.wmtg-calendar-team .wmtg-flag {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
}

.wmtg-calendar-time {
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #344054 !important;
}

@media (max-width: 1024px) {
    .wmtg-calendar-row {
        grid-template-columns: 140px minmax(260px,1fr) 140px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-calendar-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
    }

    .wmtg-calendar-date {
        display: flex !important;
        justify-content: space-between !important;
        align-items: baseline !important;
        gap: 10px !important;
    }

    .wmtg-calendar-date strong {
        font-size: 22px !important;
    }

    .wmtg-calendar-main {
        grid-template-columns: minmax(84px,1fr) 64px minmax(84px,1fr) !important;
    }

    .wmtg-calendar-team .wmtg-team strong {
        font-size: 16px !important;
    }

    .wmtg-calendar-team .wmtg-flag {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }

    .wmtg-calendar-time {
        font-size: 16px !important;
    }

    .wmtg-calendar-row .wmtg-fixture-tip {
        justify-self: center !important;
    }
}

@media (max-width: 430px) {
    .wmtg-calendar-main {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .wmtg-calendar-team.left .wmtg-team,
    .wmtg-calendar-team.right .wmtg-team {
        justify-content: center !important;
        flex-direction: row !important;
    }

    .wmtg-calendar-time {
        order: -1 !important;
    }
}


/* v1.6.0 – Kalender exakt kompakt wie Referenz */
.wmtg-calendar-board {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.wmtg-calendar-day {
    margin: 0 0 28px !important;
}

.wmtg-calendar-day h4 {
    margin: 0 0 10px !important;
    padding-left: 0 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    color: #475467 !important;
    letter-spacing: .02em !important;
}

.wmtg-calendar-day .wmtg-calendar-row {
    display: grid !important;
    grid-template-columns: 180px minmax(420px, 1fr) 150px !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 64px !important;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f1f3 !important;
    box-shadow: none !important;
}

.wmtg-calendar-day .wmtg-calendar-row:first-of-type {
    border-radius: 16px 16px 0 0 !important;
}

.wmtg-calendar-day .wmtg-calendar-row:last-of-type {
    border-radius: 0 0 16px 16px !important;
    border-bottom: 0 !important;
}

.wmtg-calendar-date strong {
    display: block !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    color: #344054 !important;
}

.wmtg-calendar-date span {
    display: block !important;
    margin-top: 2px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: #667085 !important;
}

.wmtg-calendar-main {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) 72px minmax(120px, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
}

.wmtg-calendar-team.left {
    justify-self: end !important;
}

.wmtg-calendar-team.right {
    justify-self: start !important;
}

.wmtg-calendar-team.left .wmtg-team {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

.wmtg-calendar-team.right .wmtg-team {
    flex-direction: row !important;
    justify-content: flex-start !important;
}

.wmtg-calendar-team .wmtg-team {
    gap: 8px !important;
}

.wmtg-calendar-team .wmtg-team strong {
    display: inline !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #1d2939 !important;
}

.wmtg-calendar-team .wmtg-flag {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    box-shadow: 0 2px 8px rgba(44,37,32,.14) !important;
}

.wmtg-calendar-time {
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #344054 !important;
    white-space: nowrap !important;
}

.wmtg-calendar-row .wmtg-fixture-tip {
    display: grid !important;
    grid-template-columns: 44px 30px 44px !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 8px !important;
    padding: 0 !important;
}

.wmtg-calendar-row .wmtg-fixture-tip input[type="number"] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 44px !important;
    background: #fff !important;
}

.wmtg-calendar-row .wmtg-fixture-tip .wmtg-dice-button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 9px !important;
    background: #f3f5f8 !important;
    border: 1px solid #e1e6ee !important;
    color: #4b5563 !important;
    box-shadow: none !important;
}

/* gespeicherte Tipps im Kalender erhalten dieselbe Farblogik */
.wmtg-calendar-row.wmtg-tip-home-win .wmtg-tip-home,
.wmtg-calendar-row.wmtg-tip-away-win .wmtg-tip-away {
    border-color: #16c45b !important;
    color: #169b47 !important;
}

.wmtg-calendar-row.wmtg-tip-home-win .wmtg-tip-away,
.wmtg-calendar-row.wmtg-tip-away-win .wmtg-tip-home {
    border-color: #ff5b57 !important;
    color: #e23d39 !important;
}

.wmtg-calendar-row.wmtg-tip-draw .wmtg-tip-home,
.wmtg-calendar-row.wmtg-tip-draw .wmtg-tip-away {
    border-color: #f2b300 !important;
    color: #b87900 !important;
}

.wmtg-calendar-row:not(.wmtg-has-tip) .wmtg-fixture-tip input[type="number"] {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
}

@media (max-width: 1024px) {
    .wmtg-calendar-day .wmtg-calendar-row {
        grid-template-columns: 150px minmax(300px, 1fr) 144px !important;
        gap: 12px !important;
    }

    .wmtg-calendar-main {
        grid-template-columns: minmax(92px, 1fr) 64px minmax(92px, 1fr) !important;
    }

    .wmtg-calendar-team .wmtg-team strong {
        font-size: 16px !important;
    }

    .wmtg-calendar-team .wmtg-flag {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-calendar-day .wmtg-calendar-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 14px !important;
        min-height: 0 !important;
    }

    .wmtg-calendar-date {
        display: flex !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .wmtg-calendar-date strong {
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    .wmtg-calendar-date span {
        text-align: right !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .wmtg-calendar-main {
        grid-template-columns: minmax(84px,1fr) 62px minmax(84px,1fr) !important;
    }

    .wmtg-calendar-row .wmtg-fixture-tip {
        justify-content: center !important;
    }
}

@media (max-width: 430px) {
    .wmtg-calendar-main {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .wmtg-calendar-team.left,
    .wmtg-calendar-team.right {
        justify-self: center !important;
    }

    .wmtg-calendar-team.left .wmtg-team,
    .wmtg-calendar-team.right .wmtg-team {
        flex-direction: row !important;
        justify-content: center !important;
    }

    .wmtg-calendar-time {
        order: -1 !important;
    }
}


/* v1.6.1 – Kalender-Tippzeilen für Autosave/Würfel freischalten */
.wmtg-calendar-row.wmtg-fixture-row {
    position: relative;
}

.wmtg-calendar-row.wmtg-fixture-row::after {
    right: 12px;
    bottom: 3px;
}


/* v1.6.2 – kleinere Flaggen und Teamkürzel im Kalender */
.wmtg-calendar-team .wmtg-team strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
}

.wmtg-calendar-team .wmtg-flag {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    box-shadow: 0 2px 6px rgba(44,37,32,.12) !important;
}

.wmtg-calendar-main {
    grid-template-columns: minmax(96px, 1fr) 64px minmax(96px, 1fr) !important;
    gap: 8px !important;
}

.wmtg-calendar-time {
    font-size: 15px !important;
}

@media (max-width: 1024px) {
    .wmtg-calendar-team .wmtg-team strong {
        font-size: 14px !important;
    }

    .wmtg-calendar-team .wmtg-flag {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-calendar-team .wmtg-team strong {
        font-size: 13px !important;
    }

    .wmtg-calendar-team .wmtg-flag {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }

    .wmtg-calendar-time {
        font-size: 14px !important;
    }
}


/* v1.6.3 – Tabelle der besten Gruppendritten */
.wmtg-third-place-board {
    margin: 22px 0 12px;
    background: #ffffff;
    border: 1px solid #eceff3;
    border-radius: 16px;
    overflow: hidden;
}

.wmtg-third-place-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 18px 14px;
    border-bottom: 1px solid #eceff3;
}

.wmtg-third-place-header h3 {
    margin: 0 0 5px;
    font-size: 15px !important;
    font-weight: 900;
    text-transform: uppercase;
    color: #344054;
}

.wmtg-third-place-header p {
    margin: 0;
    color: #667085;
    font-size: 13px !important;
    line-height: 1.4;
}

.wmtg-third-place-header > span {
    flex: 0 0 auto;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eaf6e8;
    color: #198754;
    font-size: 12px !important;
    font-weight: 900;
}

.wmtg-third-place-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.wmtg-third-place-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.wmtg-third-place-table th,
.wmtg-third-place-table td {
    padding: 10px 9px;
    border-bottom: 1px solid #f1f3f5;
    text-align: center;
    font-size: 13px !important;
    color: #475467;
}

.wmtg-third-place-table th {
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 900;
    color: #4b5563;
    background: #fbfcfd;
}

.wmtg-third-place-table th:nth-child(3),
.wmtg-third-place-table td:nth-child(3) {
    text-align: left;
}

.wmtg-third-place-table tr.is-qualified td:first-child {
    color: #16c45b;
    font-weight: 900;
}

.wmtg-third-place-table tr.is-out td:first-child {
    color: #98a2b3;
}

.wmtg-third-place-table .wmtg-team strong {
    font-size: 13px !important;
    font-weight: 900 !important;
}

.wmtg-third-place-table .wmtg-flag {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
}

.wmtg-third-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px !important;
    font-weight: 900;
}

.wmtg-third-status.yes {
    background: #eaf6e8;
    color: #198754;
}

.wmtg-third-status.no {
    background: #f2f4f7;
    color: #667085;
}

.wmtg-third-note {
    margin: 0;
    padding: 12px 18px 16px;
    color: #667085;
    font-size: 12px !important;
}

@media (max-width: 1024px) {
    .wmtg-third-place-header {
        padding: 16px;
    }

    .wmtg-third-place-table th,
    .wmtg-third-place-table td {
        padding: 9px 8px;
    }
}

@media (max-width: 760px) {
    .wmtg-third-place-board {
        border-radius: 13px;
    }

    .wmtg-third-place-header {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .wmtg-third-place-header > span {
        width: fit-content;
    }

    .wmtg-third-place-table {
        min-width: 700px;
    }

    .wmtg-third-place-table-wrap::after {
        content: "Seitlich wischen für die komplette Tabelle";
        display: block;
        padding: 8px 16px 0;
        font-size: 11px;
        color: #98a2b3;
    }
}


/* v1.7.0 – Bonus Tipps */
.wmtg-bonus-board {
    display: grid;
    gap: 0;
}

.wmtg-bonus-intro {
    margin-bottom: 18px;
}

.wmtg-bonus-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px !important;
}

.wmtg-bonus-row {
    padding: 18px 0;
    border-bottom: 1px solid #eceff3;
}

.wmtg-bonus-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.wmtg-bonus-head h3 {
    margin: 0 0 6px;
    font-size: 16px !important;
    font-weight: 900;
    color: #1d2939;
}

.wmtg-bonus-head span {
    color: #98a2b3;
    font-size: 13px !important;
}

.wmtg-bonus-points {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f4f4f5;
    color: #667085;
    font-size: 13px !important;
    font-weight: 800;
}

.wmtg-bonus-form {
    display: grid;
    grid-template-columns: 1fr 128px;
    gap: 10px;
}

.wmtg-bonus-form input[type="text"] {
    width: 100%;
    height: 54px;
    border: 1px solid #e4e7ec;
    border-radius: 0;
    padding: 0 18px;
    font-size: 16px !important;
    background: #fff;
}

.wmtg-bonus-form button {
    height: 54px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg,#ffb800,#ffae00);
    color: #fff;
    font-size: 15px !important;
    font-weight: 800;
    cursor: pointer;
}

.wmtg-bonus-form button:hover {
    filter: brightness(.97);
}

@media (max-width: 760px) {
    .wmtg-bonus-head {
        grid-template-columns: 1fr;
    }

    .wmtg-bonus-form {
        grid-template-columns: 1fr;
    }

    .wmtg-bonus-form button {
        width: 100%;
    }
}


/* v1.7.1 – Backend Bonusfragen */
.wmtg-admin-bonus p {
    max-width: 900px;
}

.wmtg-admin-bonus-table input.regular-text {
    width: 100%;
    max-width: 680px;
}

.wmtg-admin-bonus-table td,
.wmtg-admin-bonus-table th {
    vertical-align: middle;
}


/* v1.7.5 – Bonusfragen im Dashboard */
.wmtg-bonus-dashboard-card {
    grid-column: 1 / -1;
}

.wmtg-bonus-dashboard-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.wmtg-bonus-dashboard-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef1f5;
}

.wmtg-bonus-dashboard-row strong {
    display: block;
    font-size: 13px !important;
    line-height: 1.2;
    font-weight: 900;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wmtg-bonus-dashboard-row span {
    display: block;
    margin-top: 4px;
    font-size: 12px !important;
    line-height: 1.25;
    color: #667085;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wmtg-bonus-dashboard-row em {
    font-style: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #fff3d8;
    color: #b87900;
    font-size: 11px !important;
    font-weight: 900;
}

@media (max-width: 1024px) {
    .wmtg-bonus-dashboard-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .wmtg-bonus-dashboard-list {
        grid-template-columns: 1fr;
    }

    .wmtg-bonus-dashboard-row {
        padding: 10px;
    }
}


/* v1.7.6 – Bonusfragen im Dashboard vollständig anzeigen */
.wmtg-bonus-dashboard-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.wmtg-bonus-dashboard-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    min-height: 58px !important;
}

.wmtg-bonus-dashboard-row strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.25 !important;
}

.wmtg-bonus-dashboard-row span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.wmtg-bonus-dashboard-row em {
    align-self: start !important;
    white-space: nowrap !important;
}

@media (max-width: 1024px) {
    .wmtg-bonus-dashboard-list {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .wmtg-bonus-dashboard-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .wmtg-bonus-dashboard-row em {
        justify-self: start !important;
    }
}


/* v1.7.7 – Backend: Ansetzungen deutlich kompakter */
.wp-admin .widefat .wmtg-team {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}

.wp-admin .widefat .wmtg-flag {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.wp-admin .widefat .wmtg-flag img {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: cover !important;
}

.wp-admin .widefat .wmtg-team strong {
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.wp-admin .widefat td,
.wp-admin .widefat th {
    vertical-align: middle !important;
}

.wp-admin .widefat td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.wp-admin .widefat td:nth-child(4) {
    line-height: 1.35 !important;
    white-space: nowrap !important;
}


/* v1.7.8 – Backend: Flaggen klein und nebeneinander */
.wp-admin .widefat td:nth-child(4) {
    white-space: nowrap !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-team {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-flag {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-flag img,
.wp-admin .widefat td:nth-child(4) img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    object-fit: cover !important;
    border-radius: 999px !important;
    display: block !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-team strong {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.wp-admin .widefat td:nth-child(4) br {
    display: none !important;
}

.wp-admin .widefat td:nth-child(4) {
    line-height: 1.2 !important;
}


/* v1.7.9 – Backend Spielplan wirklich kompakt */
.wp-admin .widefat td:nth-child(4),
.wp-admin table.widefat td.column-begegnung {
    white-space: nowrap !important;
    min-width: 220px !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-team,
.wp-admin table.widefat td.column-begegnung .wmtg-team {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-team + .wmtg-team,
.wp-admin table.widefat td.column-begegnung .wmtg-team + .wmtg-team {
    margin-left: 10px !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-team strong,
.wp-admin table.widefat td.column-begegnung .wmtg-team strong {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.wp-admin .widefat td:nth-child(4) .wmtg-flag,
.wp-admin table.widefat td.column-begegnung .wmtg-flag,
.wp-admin .widefat td:nth-child(4) img,
.wp-admin table.widefat td.column-begegnung img {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    flex: 0 0 14px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    object-fit: cover !important;
    display: inline-block !important;
    box-shadow: none !important;
}

.wp-admin .widefat td:nth-child(4) br,
.wp-admin table.widefat td.column-begegnung br {
    display: none !important;
}

.wp-admin .widefat td:nth-child(4) p,
.wp-admin table.widefat td.column-begegnung p,
.wp-admin .widefat td:nth-child(4) div,
.wp-admin table.widefat td.column-begegnung div {
    display: inline !important;
}


/* v1.8.0 – Backend Spielplan: mini Flaggen nebeneinander */
.wp-admin .wmtg-admin-mini-team {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.wp-admin .wmtg-admin-mini-team strong {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.wp-admin img.wmtg-admin-mini-flag,
.wp-admin .wmtg-admin-mini-flag {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    min-width: 14px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    box-shadow: none !important;
}

.wp-admin .wmtg-admin-mini-flag-empty {
    background: #e5e7eb !important;
}

.wp-admin .widefat td:nth-child(4) {
    white-space: nowrap !important;
}


/* v1.8.2 – Titel anpassbar + Fortschrittsbalken im Kartendesign */
.wmtg-tipping-hero {
    gap: 14px !important;
}

.wmtg-tipping-hero h2 {
    font-size: 24px !important;
    line-height: 1.15 !important;
}

.wmtg-tipping-hero p {
    font-size: 14px !important;
    color: #7b8190 !important;
}

.wmtg-tipping-progress {
    border-radius: 16px !important;
    border: 1px solid #eceff3 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .06) !important;
    padding: 16px 20px !important;
    overflow: hidden !important;
}

.wmtg-tipping-progress .wmtg-progress,
.wmtg-progress {
    height: 8px !important;
    border-radius: 999px !important;
    background: #eef1f5 !important;
    overflow: hidden !important;
}

.wmtg-tipping-progress .wmtg-progress span,
.wmtg-progress span {
    height: 100% !important;
    border-radius: 999px !important;
    display: block !important;
}

@media (max-width: 1024px) {
    .wmtg-tipping-progress {
        padding: 14px 16px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-tipping-hero h2 {
        font-size: 20px !important;
    }

    .wmtg-tipping-hero p {
        font-size: 13px !important;
    }

    .wmtg-tipping-progress {
        border-radius: 14px !important;
        padding: 14px !important;
    }
}


/* v1.8.8 – Rangliste per Shortcode */
.wmtg-ranking-page {
    max-width: 980px !important;
}

.wmtg-ranking-hero {
    margin-bottom: 18px;
    background: #ffffff;
    border: 1px solid #eceff3;
    border-radius: 18px;
    padding: 22px 26px;
    box-shadow: 0 12px 34px rgba(16, 24, 40, .06);
}

.wmtg-ranking-hero > div {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wmtg-ranking-hero-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: #ffe7f1;
    color: #e91e73;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
}

.wmtg-ranking-hero h2 {
    margin: 0;
    color: #e91e73;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 30px !important;
    line-height: 1.1;
    font-weight: 900;
}

.wmtg-ranking-hero p {
    margin: 6px 0 0;
    color: #667085;
    font-size: 15px !important;
}

.wmtg-ranking-card {
    background: #ffffff;
    border: 1px solid #eceff3;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 12px 34px rgba(16, 24, 40, .06);
}

.wmtg-ranking-full-list {
    display: grid;
    gap: 8px;
}

.wmtg-ranking-full-row {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 110px;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 12px;
    background: #ffffff;
}

.wmtg-ranking-full-row:nth-child(even) {
    background: #f7f7f7;
}

.wmtg-ranking-full-row.is-current-user {
    outline: 2px solid #ffe0ef;
    background: #fff7fb;
}

.wmtg-ranking-full-rank {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #fff3d8;
    color: #e0a400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    line-height: 1;
    font-weight: 900;
}

.wmtg-ranking-full-user {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.wmtg-ranking-full-user strong {
    font-size: 22px !important;
    line-height: 1.1;
    font-weight: 900;
    color: #111827;
}

.wmtg-ranking-full-user span {
    font-size: 15px !important;
    line-height: 1.3;
    color: #667085;
}

.wmtg-ranking-full-points {
    display: grid;
    justify-items: end;
    gap: 2px;
}

.wmtg-ranking-full-points strong {
    font-size: 34px !important;
    line-height: 1;
    font-weight: 900;
    color: #111827;
}

.wmtg-ranking-full-points span {
    font-size: 14px !important;
    color: #667085;
}

@media (max-width: 1024px) {
    .wmtg-ranking-page {
        max-width: 100% !important;
    }

    .wmtg-ranking-hero {
        padding: 20px;
    }

    .wmtg-ranking-full-row {
        grid-template-columns: 52px minmax(0, 1fr) 90px;
        gap: 14px;
        padding: 16px;
    }

    .wmtg-ranking-full-user strong {
        font-size: 19px !important;
    }

    .wmtg-ranking-full-points strong {
        font-size: 28px !important;
    }
}

@media (max-width: 760px) {
    .wmtg-ranking-hero {
        border-radius: 14px;
        padding: 16px;
    }

    .wmtg-ranking-hero > div {
        gap: 12px;
    }

    .wmtg-ranking-hero-icon {
        width: 44px;
        height: 44px;
        font-size: 23px;
    }

    .wmtg-ranking-hero h2 {
        font-size: 22px !important;
    }

    .wmtg-ranking-hero p {
        font-size: 13px !important;
    }

    .wmtg-ranking-card {
        border-radius: 14px;
        padding: 10px;
    }

    .wmtg-ranking-full-row {
        grid-template-columns: 42px minmax(0, 1fr) 64px;
        gap: 10px;
        padding: 13px 10px;
    }

    .wmtg-ranking-full-rank {
        width: 34px;
        height: 34px;
        font-size: 14px !important;
    }

    .wmtg-ranking-full-user strong {
        font-size: 15px !important;
    }

    .wmtg-ranking-full-user span {
        font-size: 12px !important;
    }

    .wmtg-ranking-full-points strong {
        font-size: 22px !important;
    }

    .wmtg-ranking-full-points span {
        font-size: 12px !important;
    }
}

@media (max-width: 430px) {
    .wmtg-ranking-full-row {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .wmtg-ranking-full-points {
        grid-column: 2 / 3;
        justify-items: start;
        grid-template-columns: auto auto;
        align-items: baseline;
        gap: 6px;
    }
}


/* v1.9.9 – Ranglisten-Shortcode als Tabelle */
.wmtg-ranking-table-page{max-width:980px!important}
.wmtg-ranking-title{margin:0 0 14px!important;font-size:24px!important;line-height:1.2!important;font-weight:900!important;color:#1d2939!important}
.wmtg-ranking-rules{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.wmtg-ranking-rules .rule{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:9px 14px;border-radius:13px;font-size:13px!important;line-height:1;color:#475467;border:1px solid #f1d5e3;background:#fff3fa}
.wmtg-ranking-rules .rule strong{font-size:14px!important;font-weight:900}
.wmtg-ranking-rules .rule.exact strong{color:#f24ba3}
.wmtg-ranking-rules .rule.diff{background:#f2f8ff;border-color:#d8eaff}
.wmtg-ranking-rules .rule.diff strong{color:#0969ff}
.wmtg-ranking-rules .rule.tend{background:#fffaf0;border-color:#ffe7b8}
.wmtg-ranking-rules .rule.tend strong{color:#f59f00}
.wmtg-ranking-table-card{background:#fff;border:1px solid #eceff3;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(16,24,40,.05)}
.wmtg-ranking-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.wmtg-ranking-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}
.wmtg-ranking-table th,.wmtg-ranking-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f1f3;font-size:13px!important;color:#667085;vertical-align:middle}
.wmtg-ranking-table th{background:#fbfcfd;color:#344054;text-transform:uppercase;letter-spacing:.04em;font-size:11px!important;font-weight:900}
.wmtg-ranking-table th:not(:nth-child(2)),.wmtg-ranking-table td:not(:nth-child(2)){text-align:center}
.wmtg-ranking-table tbody tr:last-child td{border-bottom:0}
.wmtg-ranking-table tbody tr.is-current-user{background:#fff7fb}
.wmtg-ranking-player{display:flex;align-items:center;gap:10px;min-width:0}
.wmtg-ranking-avatar{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffe4f1;color:#f24ba3;font-size:13px!important;font-weight:900;flex:0 0 32px}
.wmtg-ranking-player strong{display:block;font-size:13px!important;line-height:1.15;font-weight:900;color:#111827;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmtg-ranking-player em{display:block;margin-top:3px;font-style:normal;font-size:11px!important;line-height:1;color:#f24ba3}
.wmtg-ranking-table .points{color:#f24ba3;font-size:18px!important;font-weight:900}
.wmtg-ranking-empty{text-align:center!important;padding:28px!important;color:#98a2b3!important}
@media(max-width:1024px){.wmtg-ranking-table-page{max-width:100%!important}}
@media(max-width:760px){.wmtg-ranking-title{font-size:21px!important}.wmtg-ranking-rules{gap:6px;margin-bottom:16px}.wmtg-ranking-rules .rule{width:100%;justify-content:flex-start;min-height:34px;padding:8px 12px;font-size:12px!important}.wmtg-ranking-table-card{border-radius:14px}.wmtg-ranking-table th,.wmtg-ranking-table td{padding:12px 11px}.wmtg-ranking-table-scroll::after{content:"Seitlich wischen für die komplette Tabelle";display:block;padding:8px 12px 12px;color:#98a2b3;font-size:11px}}


/* v2.0.0 – Rangliste exakt näher an Screenshot 1 */
.wmtg-ranking-table-page {
    max-width: 760px !important;
    margin-left: 0 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-title {
    margin: 0 0 14px !important;
    font-family: inherit !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    color: #20242b !important;
    text-transform: none !important;
}

.wmtg-ranking-table-page .wmtg-ranking-rules {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 24px !important;
}

.wmtg-ranking-table-page .wmtg-ranking-rules .rule {
    min-height: 36px !important;
    padding: 8px 13px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.wmtg-ranking-table-page .wmtg-ranking-rules .rule strong {
    font-size: 14px !important;
    font-weight: 900 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table-card {
    max-width: 760px !important;
    border-radius: 14px !important;
    border: 1px solid #edf0f4 !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: hidden !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th,
.wmtg-ranking-table-page .wmtg-ranking-table td {
    border-right: 0 !important;
    border-left: 0 !important;
    padding: 12px 14px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th {
    height: 40px !important;
    background: #fbfcfd !important;
    color: #344054 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #eef1f5 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table td {
    height: 56px !important;
    color: #667085 !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-current-user {
    background: #fff7fb !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr:not(.is-current-user) {
    background: #fff !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(1),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(1) {
    width: 44px !important;
    text-align: center !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(2),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(2) {
    width: auto !important;
    text-align: left !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(3),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(3) {
    width: 62px !important;
    text-align: center !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(4),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(4),
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(5),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(5),
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(6),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(6),
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7) {
    width: 78px !important;
    text-align: center !important;
}

.wmtg-ranking-table-page .wmtg-ranking-player {
    gap: 9px !important;
}

.wmtg-ranking-table-page .wmtg-ranking-avatar {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    font-size: 12px !important;
    background: #ffe3f1 !important;
    color: #f24ba3 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-player strong {
    max-width: 180px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    color: #111827 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-player em {
    margin-top: 2px !important;
    font-size: 10px !important;
    color: #f24ba3 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-table .points {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #f24ba3 !important;
}

.wmtg-ranking-table-page .wmtg-ranking-note,
.wmtg-ranking-table-page::after {
    content: "Rangliste aktualisiert sich automatisch, sobald Ergebnisse vorliegen.";
    display: block;
    margin-top: 18px;
    text-align: center;
    color: #b3b3b3;
    font-size: 12px;
}

@media (max-width: 760px) {
    .wmtg-ranking-table-page {
        max-width: 100% !important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-rules .rule {
        width: auto !important;
        flex: 1 1 220px !important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-table {
        min-width: 690px !important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-table-scroll::after {
        content: "Seitlich wischen für die komplette Tabelle";
        display: block;
        padding: 8px 12px 12px;
        color: #98a2b3;
        font-size: 11px;
        text-align: left;
    }
}


/* v2.0.1 – Rangliste: endgültige Tabellen-Optik wie Vorlage */
.wmtg-ranking-table-page::after{content:none!important;display:none!important;}


/* v2.1.1 – Dashboard Rangliste: Rangnummer statt Stern */
.wmtg-rank-number{
    font-size:14px!important;
    font-weight:900!important;
    color:#d89b00!important;
    letter-spacing:-0.02em!important;
}

.wmtg-rank-icon.wmtg-rank-number{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}


/* v2.1.2 – Dashboard-Rangliste: Rangnummer statt Stern */
.wmtg-ranking-list-fancy .wmtg-ranking-star.wmtg-ranking-position{
    font-size:13px!important;
    font-weight:900!important;
    color:#d89b00!important;
    letter-spacing:-.02em!important;
}

/* v2.1.3 – Statistik-Seite */
.wmtg-stats-page{max-width:1300px!important;margin:0 auto!important}
.wmtg-stats-title{margin:0 0 12px!important;font-size:22px!important;font-weight:900!important;color:#1d2939!important}
.wmtg-stats-overview{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:28px}
.wmtg-stats-kpi{background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:14px 15px;box-shadow:0 8px 22px rgba(16,24,40,.04)}
.wmtg-stats-kpi strong{display:block;font-size:28px!important;line-height:1;font-weight:800;color:#1f2937;letter-spacing:-.04em}
.wmtg-stats-kpi span{display:block;margin-top:8px;font-size:11px!important;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:900}
.wmtg-stats-section{margin:0 0 28px}
.wmtg-stats-section h3{margin:0 0 10px!important;padding-bottom:10px;border-bottom:1px solid #dfe3e8;font-size:18px!important;line-height:1.2;color:#111827;font-weight:900}
.wmtg-stats-section h3 small{font-size:13px!important;font-weight:800;color:#111827}
.wmtg-stats-placeholder,.wmtg-stats-empty{min-height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#98a2b3;border-radius:10px;font-size:13px!important}
.wmtg-stats-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wmtg-stats-top-card{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(16,24,40,.04)}
.wmtg-stats-top-card h4{margin:0 0 12px!important;font-size:13px!important;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:#344054;font-weight:900}
.wmtg-stats-top-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f5}
.wmtg-stats-top-row:last-child{border-bottom:0}.wmtg-stats-top-row .rank{color:#0969ff;font-size:14px!important;font-weight:900}.wmtg-stats-top-row strong{color:#111827;font-size:14px!important;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wmtg-stats-top-row em{font-style:normal;color:#111827;font-size:16px!important;font-weight:900}.wmtg-stats-top-row em small{color:#98a2b3;font-size:11px!important;font-weight:800}
.wmtg-stats-distribution{display:grid;gap:9px}.wmtg-stats-dist-row{display:grid;grid-template-columns:80px 110px minmax(0,1fr) 80px;gap:10px;align-items:center}.wmtg-stats-dist-row .points-label{display:inline-flex;align-items:center;justify-content:center;min-height:22px;font-size:12px!important;font-weight:900}.wmtg-stats-dist-row.exact .points-label,.wmtg-stats-dist-row.diff .points-label,.wmtg-stats-dist-row.trend .points-label{background:#eaf7ef;color:#079455}.wmtg-stats-dist-row.miss .points-label{background:#fff1f1;color:#f04438}.wmtg-stats-dist-row strong{color:#111827;font-size:13px!important;font-weight:900}.wmtg-stats-dist-row .bar{height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden}.wmtg-stats-dist-row .bar span{display:block;height:100%;border-radius:999px;background:#079455}.wmtg-stats-dist-row.miss .bar span{background:#f04438}.wmtg-stats-dist-row em{font-style:normal;text-align:right;color:#344054;font-size:14px!important;font-weight:900}.wmtg-stats-dist-row em small{color:#98a2b3;font-weight:700}
@media(max-width:1100px){.wmtg-stats-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.wmtg-stats-top-grid{grid-template-columns:1fr}}
@media(max-width:760px){.wmtg-stats-overview{grid-template-columns:1fr 1fr}.wmtg-stats-kpi strong{font-size:24px!important}.wmtg-stats-dist-row{grid-template-columns:70px minmax(0,1fr) 70px}.wmtg-stats-dist-row strong{grid-column:2/4}.wmtg-stats-dist-row .bar{grid-column:2/3}}
@media(max-width:480px){.wmtg-stats-overview{grid-template-columns:1fr}}


/* v2.1.4 – Statistikseite Farbanpassung */
.wmtg-stats-top-card{
    border-radius:18px!important;
    border:1px solid #ebe7e2!important;
    box-shadow:none!important;
}

.wmtg-stats-top-row{
    border-bottom:1px solid #f0ece7!important;
}

.wmtg-stats-top-row .rank{
    color:#d89b00!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
}

.wmtg-stats-top-row .rank::before{
    content:'#';
    font-size:.75em;
}

.wmtg-stats-top-row strong{
    color:#182230!important;
    font-size:15px!important;
}

.wmtg-stats-top-row em{
    color:#182230!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
}

.wmtg-stats-top-row em small{
    color:#98a2b3!important;
    font-size:13px!important;
    font-weight:700!important;
}

.wmtg-stats-empty{
    background:#f8f5f2!important;
    border-radius:12px!important;
}

.wmtg-stats-top-card h4{
    color:#344054!important;
    letter-spacing:.08em!important;
}

.wmtg-stats-top-row:nth-child(1) .rank{
    color:#d89b00!important;
}

.wmtg-stats-top-row:nth-child(2) .rank{
    color:#d89b00!important;
}

.wmtg-stats-top-row:nth-child(3) .rank{
    color:#d89b00!important;
}


/* v2.1.5 – Rangnummer dezenter */
.wmtg-stats-top-row .rank{
    width:34px!important;
    height:34px!important;
    border-radius:999px!important;
    background:#f5ebd0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#d89b00!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:0!important;
}

.wmtg-stats-top-row .rank::before{
    content:''!important;
}

.wmtg-stats-top-row{
    grid-template-columns:44px minmax(0,1fr) auto!important;
}

/* v2.1.6 – Backend Teams */
.wp-admin .wmtg-admin-teams-table .wmtg-flag-preview{
    display:inline-flex!important;
    width:34px!important;
    height:34px!important;
    align-items:center!important;
    justify-content:center!important;
}
.wp-admin .wmtg-admin-teams-table .wmtg-flag-preview img,
.wp-admin .wmtg-admin-teams-table .wmtg-flag-preview .wmtg-flag{
    width:28px!important;
    height:28px!important;
}
.wp-admin .wmtg-admin-teams-table td{
    vertical-align:middle!important;
}

/* v2.1.7 – KO: keine Unentschieden */
.wmtg-fixture-row.wmtg-tip-invalid .wmtg-score-input,
.wmtg-fixture-row.wmtg-tip-invalid input{
    border-color:#f04438!important;
    box-shadow:0 0 0 3px rgba(240,68,56,.12)!important;
}

/* v2.1.9 – Erweiterte Statistik */
.wmtg-stats-table-wrap{background:#fff;border:1px solid #e1e5ea;border-radius:14px;overflow:hidden}
.wmtg-stats-phase-table{width:100%;border-collapse:collapse;margin:0!important}
.wmtg-stats-phase-table th{background:#1f2937;color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:12px!important;font-weight:900;text-align:left;padding:13px 14px}
.wmtg-stats-phase-table td{padding:12px 14px;border-bottom:1px solid #eef1f5;font-size:14px!important;color:#344054}
.wmtg-stats-phase-table tr:last-child td{border-bottom:0}
.wmtg-stats-phase-table th:not(:first-child),.wmtg-stats-phase-table td:not(:first-child){text-align:right}
.wmtg-stats-result-grid{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:14px}
.wmtg-stats-result-chip{display:flex;align-items:center;gap:8px;background:#fff7e6;border:1px solid #f5ebd0;border-radius:999px;padding:7px 12px}
.wmtg-stats-result-chip strong{font-size:14px!important;color:#111827}.wmtg-stats-result-chip span{font-size:12px!important;color:#d89b00;font-weight:900}
.wmtg-stats-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wmtg-stats-game-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f5}
.wmtg-stats-game-row:last-child{border-bottom:0}.wmtg-stats-game-row strong{font-size:13px!important;color:#111827}.wmtg-stats-game-row em{font-style:normal;font-size:12px!important;color:#667085}
.wmtg-stats-bonus-list{display:grid;gap:12px}.wmtg-stats-bonus-card{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:16px}.wmtg-stats-bonus-card h4{margin:0 0 12px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.06em;color:#344054;font-weight:900}
@media(max-width:900px){.wmtg-stats-highlight-grid{grid-template-columns:1fr}.wmtg-stats-phase-table{min-width:720px}.wmtg-stats-table-wrap{overflow-x:auto}}


/* Statistik-Überschriften ohne Trennlinien */
.wmtg-stats-section h3,
.wmtg-stats-page h3{
    border-bottom:none !important;
    box-shadow:none !important;
    padding-bottom:0 !important;
    margin-bottom:18px !important;
}

.wmtg-stats-section{
    border-top:none !important;
}


/* v2.2.5 – Backend Fahnen-ZIP-Import */
.wp-admin .wmtg-admin-teams-table code,
.wp-admin form code{
    background:#f6f7f7;
    padding:2px 5px;
    border-radius:4px;
}


/* v2.3.1 – Tippfelder auch in der K.o.-Runde */
.wmtg-ko-row.wmtg-fixture-row{
    grid-template-columns:170px 150px minmax(260px,1fr) auto!important;
    gap:16px!important;
    align-items:center!important;
}

.wmtg-ko-row .wmtg-ko-tip{
    justify-content:flex-end!important;
    min-width:150px!important;
}

.wmtg-ko-row.wmtg-tip-invalid input{
    border-color:#f04438!important;
    box-shadow:0 0 0 3px rgba(240,68,56,.12)!important;
}

@media(max-width:900px){
    .wmtg-ko-row.wmtg-fixture-row{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    .wmtg-ko-row .wmtg-ko-tip{
        justify-content:center!important;
    }
}


/* v2.3.5 – Hinweis-Overlay bei KO-Unentschieden */
.wmtg-fixture-tip{
    position:relative;
}

.wmtg-ko-draw-overlay{
    position:absolute;
    inset:-10px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    border-radius:18px;
    animation:wmtgKoOverlayIn .16s ease-out;
}

.wmtg-ko-draw-overlay-card{
    position:relative;
    width:min(320px, 100%);
    padding:15px 18px 14px 56px;
    border-radius:18px;
    background:#fff;
    border:1px solid #ffd6e8;
    box-shadow:0 18px 45px rgba(16,24,40,.16);
    color:#101828;
}

.wmtg-ko-draw-overlay-card strong{
    display:block;
    margin:0 24px 4px 0;
    font-size:14px!important;
    line-height:1.2;
    font-weight:900;
    color:#111827;
}

.wmtg-ko-draw-overlay-card p{
    margin:0!important;
    color:#667085;
    font-size:12px!important;
    line-height:1.35;
    font-weight:600;
}

.wmtg-ko-draw-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#ffe4f1;
    color:#ef3c94;
    font-size:18px;
    font-weight:900;
}

.wmtg-ko-draw-close{
    position:absolute;
    right:10px;
    top:8px;
    width:24px;
    height:24px;
    border:0;
    border-radius:999px;
    background:#f6f7f9;
    color:#667085;
    cursor:pointer;
    font-size:17px;
    line-height:22px;
    font-weight:800;
}

.wmtg-ko-draw-close:hover{
    background:#ffe4f1;
    color:#ef3c94;
}

.wmtg-ko-draw-active .wmtg-tip-home,
.wmtg-ko-draw-active .wmtg-tip-away{
    border-color:#ef3c94!important;
    box-shadow:0 0 0 3px rgba(239,60,148,.14)!important;
}

@keyframes wmtgKoOverlayIn{
    from{opacity:0; transform:translateY(3px) scale(.98);}
    to{opacity:1; transform:translateY(0) scale(1);}
}

@media(max-width:760px){
    .wmtg-ko-draw-overlay{
        inset:-8px;
    }

    .wmtg-ko-draw-overlay-card{
        width:100%;
        padding:13px 15px 13px 50px;
    }

    .wmtg-ko-draw-overlay-card strong{
        font-size:13px!important;
    }

    .wmtg-ko-draw-overlay-card p{
        font-size:11px!important;
    }
}


/* v2.3.6 – schöneres KO-Overlay */
.wmtg-ko-draw-overlay{
    inset:-14px!important;
}

.wmtg-ko-draw-overlay-card{
    width:min(460px, calc(100% - 24px))!important;
    min-height:118px;
    padding:18px 22px 18px 72px!important;
    border-radius:22px!important;
    border:1px solid rgba(239,60,148,.18)!important;
    background:linear-gradient(180deg,#ffffff 0%, #fff8fc 100%)!important;
    box-shadow:
        0 22px 50px rgba(16,24,40,.18),
        0 2px 8px rgba(16,24,40,.06)!important;
}

.wmtg-ko-draw-overlay-card strong{
    margin:0 28px 8px 0!important;
    font-size:22px!important;
    line-height:1.05!important;
    letter-spacing:-.03em;
    color:#1d2433!important;
}

.wmtg-ko-draw-overlay-card p{
    max-width:330px;
    font-size:15px!important;
    line-height:1.45!important;
    color:#667085!important;
    font-weight:600!important;
}

.wmtg-ko-draw-icon{
    left:22px!important;
    width:38px!important;
    height:38px!important;
    font-size:22px!important;
    background:#ffe2ef!important;
    color:#ef3c94!important;
    box-shadow:0 8px 20px rgba(239,60,148,.18);
}

.wmtg-ko-draw-close{
    right:14px!important;
    top:14px!important;
    width:28px!important;
    height:28px!important;
    font-size:20px!important;
    line-height:26px!important;
}

@media(max-width:760px){
    .wmtg-ko-draw-overlay-card{
        width:calc(100% - 14px)!important;
        padding:16px 16px 16px 62px!important;
        min-height:auto;
    }

    .wmtg-ko-draw-overlay-card strong{
        font-size:18px!important;
    }

    .wmtg-ko-draw-overlay-card p{
        max-width:none;
        font-size:13px!important;
    }

    .wmtg-ko-draw-icon{
        left:16px!important;
        width:34px!important;
        height:34px!important;
        font-size:19px!important;
    }
}


/* v2.3.7 – KO-Unentschieden Overlay im Verhältnis ca. 13:9 */
.wmtg-ko-draw-overlay{
    position:absolute!important;
    inset:50%!important;
    width:min(520px, calc(100vw - 42px))!important;
    height:auto!important;
    min-height:0!important;
    transform:translate(-50%, -50%)!important;
    z-index:50!important;
    display:block!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
    pointer-events:auto!important;
}

.wmtg-ko-draw-overlay-card{
    width:100%!important;
    aspect-ratio:13 / 9!important;
    min-height:0!important;
    padding:28px 34px 26px 150px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 86% 18%, rgba(239,60,148,.10), transparent 28%),
        linear-gradient(180deg,#ffffff 0%, #fff8fc 100%)!important;
    border:1px solid rgba(239,60,148,.24)!important;
    box-shadow:
        0 28px 70px rgba(16,24,40,.22),
        0 4px 14px rgba(16,24,40,.08)!important;
    color:#101828!important;
}

.wmtg-ko-draw-overlay-card::before{
    content:''!important;
    position:absolute!important;
    left:34px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:88px!important;
    height:88px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ffe6f2,#fff3f8)!important;
    box-shadow:inset 0 0 0 1px rgba(239,60,148,.12), 0 14px 32px rgba(239,60,148,.14)!important;
}

.wmtg-ko-draw-icon{
    left:58px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    z-index:2!important;
    background:#ef3c94!important;
    color:#fff!important;
    font-size:21px!important;
    line-height:1!important;
    box-shadow:0 8px 22px rgba(239,60,148,.28)!important;
}

.wmtg-ko-draw-overlay-card strong{
    display:block!important;
    max-width:310px!important;
    margin:0 32px 12px 0!important;
    font-size:30px!important;
    line-height:1.03!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
    color:#111827!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

.wmtg-ko-draw-overlay-card strong::after{
    content:''!important;
    display:block!important;
    width:58px!important;
    height:3px!important;
    margin-top:14px!important;
    border-radius:999px!important;
    background:#ef3c94!important;
}

.wmtg-ko-draw-overlay-card p{
    max-width:320px!important;
    margin:0!important;
    color:#667085!important;
    font-size:15px!important;
    line-height:1.45!important;
    font-weight:650!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

.wmtg-ko-draw-hint{
    max-width:320px!important;
    margin-top:18px!important;
    padding:11px 13px!important;
    border-radius:14px!important;
    background:#fff1f7!important;
    border:1px solid rgba(239,60,148,.16)!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:650!important;
}

.wmtg-ko-draw-hint span{
    color:#ef3c94!important;
    font-weight:900!important;
    margin-right:5px!important;
}

.wmtg-ko-draw-close{
    right:18px!important;
    top:18px!important;
    width:32px!important;
    height:32px!important;
    border:0!important;
    border-radius:999px!important;
    background:#f2f4f7!important;
    color:#667085!important;
    font-size:22px!important;
    line-height:30px!important;
    font-weight:900!important;
}

.wmtg-ko-draw-active .wmtg-fixture-tip::before{
    content:''!important;
    position:absolute!important;
    inset:-18px!important;
    z-index:45!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.72)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
}

.wmtg-ko-draw-active .wmtg-tip-home,
.wmtg-ko-draw-active .wmtg-tip-away{
    border-color:#ef3c94!important;
    box-shadow:0 0 0 3px rgba(239,60,148,.14)!important;
}

@media(max-width:760px){
    .wmtg-ko-draw-overlay{
        width:min(420px, calc(100vw - 30px))!important;
    }

    .wmtg-ko-draw-overlay-card{
        aspect-ratio:auto!important;
        min-height:280px!important;
        padding:26px 22px 24px 116px!important;
        border-radius:22px!important;
    }

    .wmtg-ko-draw-overlay-card::before{
        left:24px!important;
        width:72px!important;
        height:72px!important;
    }

    .wmtg-ko-draw-icon{
        left:43px!important;
        width:34px!important;
        height:34px!important;
        font-size:18px!important;
    }

    .wmtg-ko-draw-overlay-card strong{
        max-width:230px!important;
        font-size:24px!important;
    }

    .wmtg-ko-draw-overlay-card p,
    .wmtg-ko-draw-hint{
        max-width:230px!important;
        font-size:13px!important;
    }
}

@media(max-width:430px){
    .wmtg-ko-draw-overlay-card{
        padding:86px 20px 22px 20px!important;
        min-height:320px!important;
        text-align:left!important;
    }

    .wmtg-ko-draw-overlay-card::before{
        left:20px!important;
        top:24px!important;
        transform:none!important;
        width:52px!important;
        height:52px!important;
    }

    .wmtg-ko-draw-icon{
        left:31px!important;
        top:34px!important;
        transform:none!important;
        width:30px!important;
        height:30px!important;
        font-size:16px!important;
    }

    .wmtg-ko-draw-overlay-card strong,
    .wmtg-ko-draw-overlay-card p,
    .wmtg-ko-draw-hint{
        max-width:none!important;
    }

    .wmtg-ko-draw-overlay-card strong{
        font-size:22px!important;
    }
}


/* v2.4.1 – Spielnummern in Letzte Ergebnisse */
.wmtg-result-row{
    display:grid!important;
    grid-template-columns:minmax(90px,1fr) auto minmax(70px,1fr)!important;
    align-items:center!important;
    gap:14px!important;
}

.wmtg-result-team{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
}

.wmtg-result-team-away{
    justify-content:flex-end!important;
}

.wmtg-result-matchno{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:34px!important;
    height:24px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#fff1f7!important;
    color:#ef3c94!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    box-shadow:inset 0 0 0 1px rgba(239,60,148,.12)!important;
}

.wmtg-result-code{
    font-size:15px!important;
    font-weight:800!important;
    color:#1d2433!important;
    letter-spacing:.02em!important;
}

.wmtg-result-score{
    min-width:54px!important;
    text-align:center!important;
    font-size:18px!important;
    font-weight:900!important;
    color:#111827!important;
}

@media(max-width:560px){
    .wmtg-result-row{
        grid-template-columns:minmax(92px,1fr) auto minmax(62px,1fr)!important;
        gap:10px!important;
    }

    .wmtg-result-matchno{
        min-width:30px!important;
        height:22px!important;
        font-size:10px!important;
        padding:0 8px!important;
    }

    .wmtg-result-code{
        font-size:14px!important;
    }

    .wmtg-result-score{
        font-size:17px!important;
    }
}


/* v2.4.3 – kompaktere Letzte Ergebnisse */
.wmtg-result-list{
    padding:0!important;
}

.wmtg-result-row{
    min-height:72px!important;
    padding:10px 18px!important;
    display:grid!important;
    grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr)!important;
    align-items:center!important;
    gap:12px!important;
}

.wmtg-result-team{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
}

.wmtg-result-team-away{
    justify-content:flex-end!important;
}

.wmtg-result-matchno{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:44px!important;
    height:26px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#fff1f7!important;
    color:#ef3c94!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    flex-shrink:0!important;
}

.wmtg-result-flag{
    width:28px!important;
    height:28px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    box-shadow:0 2px 8px rgba(16,24,40,.10)!important;
    flex-shrink:0!important;
}

.wmtg-result-code{
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:850!important;
    color:#1d2433!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
}

.wmtg-result-score{
    min-width:58px!important;
    text-align:center!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    color:#111827!important;
}

@media(max-width:640px){
    .wmtg-result-row{
        min-height:64px!important;
        padding:10px 14px!important;
        grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr)!important;
        gap:8px!important;
    }

    .wmtg-result-matchno{
        min-width:38px!important;
        height:24px!important;
        font-size:10px!important;
        padding:0 8px!important;
    }

    .wmtg-result-flag{
        width:24px!important;
        height:24px!important;
    }

    .wmtg-result-code{
        font-size:13px!important;
    }

    .wmtg-result-score{
        font-size:16px!important;
        min-width:48px!important;
    }
}


/* v2.4.5 – Rangliste breiter + Bonuspunkte */
.wmtg-wrap.wmtg-ranking-table-page{
    max-width:1180px!important;
}

.wmtg-ranking-table-card{
    max-width:1180px!important;
}

.wmtg-ranking-table .bonus-points{
    color:#d89b00!important;
    font-weight:900!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page table.wmtg-ranking-table{
        min-width:880px!important;
    }
}


/* v2.4.6 – Rangliste: einzelne Bonusfragen als Spalten */
.wmtg-ranking-table-page table.wmtg-ranking-table{
    min-width:1120px!important;
}

.wmtg-ranking-table .bonus-question-head{
    max-width:120px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.wmtg-ranking-table .bonus-points{
    color:#d89b00!important;
    font-weight:900!important;
    text-align:center!important;
}

@media(min-width:1280px){
    .wmtg-wrap.wmtg-ranking-table-page,
    .wmtg-ranking-table-card{
        max-width:1280px!important;
    }
}

@media(max-width:760px){
    .wmtg-ranking-table-page table.wmtg-ranking-table{
        min-width:1120px!important;
    }
}


/* v2.4.7 – kompakte Bonusdetails */
.wmtg-ranking-bonus-cell{
    position:relative!important;
    min-width:140px!important;
}

.wmtg-ranking-bonus-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:92px!important;
    height:38px!important;
    padding:0 14px!important;
    border:1px solid rgba(239,60,148,.18)!important;
    border-radius:14px!important;
    background:#fff7fb!important;
    cursor:pointer!important;
    transition:all .18s ease!important;
}

.wmtg-ranking-bonus-toggle:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 20px rgba(239,60,148,.12)!important;
}

.wmtg-ranking-bonus-total{
    color:#ef3c94!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
}

.wmtg-ranking-bonus-icon{
    color:#d89b00!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
}

.wmtg-ranking-bonus-toggle.is-open .wmtg-ranking-bonus-icon{
    transform:rotate(45deg)!important;
}

.wmtg-ranking-bonus-details{
    position:absolute!important;
    top:52px!important;
    right:0!important;
    width:320px!important;
    padding:14px!important;
    border-radius:20px!important;
    background:#ffffff!important;
    border:1px solid rgba(239,60,148,.14)!important;
    box-shadow:0 24px 50px rgba(16,24,40,.16)!important;
    z-index:40!important;
    display:none!important;
}

.wmtg-ranking-bonus-details.is-open{
    display:block!important;
}

.wmtg-ranking-bonus-item{
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:10px 0!important;
    border-bottom:1px solid #f3f4f6!important;
}

.wmtg-ranking-bonus-item:last-child{
    border-bottom:0!important;
    padding-bottom:0!important;
}

.wmtg-ranking-bonus-question{
    color:#111827!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.3!important;
}

.wmtg-ranking-bonus-answer{
    color:#667085!important;
    font-size:12px!important;
    font-weight:700!important;
    text-align:right!important;
}

.wmtg-ranking-bonus-points{
    min-width:34px!important;
    text-align:right!important;
    color:#d89b00!important;
    font-size:13px!important;
    font-weight:900!important;
}

@media(max-width:760px){
    .wmtg-ranking-bonus-details{
        right:auto!important;
        left:50%!important;
        transform:translateX(-50%)!important;
        width:min(320px, calc(100vw - 34px))!important;
    }
}


/* v2.4.8 – Rangliste: Platzierung und Podium */
.wmtg-ranking-table-page .wmtg-ranking-avatar{
    display:none!important;
}

.wmtg-ranking-table-page .wmtg-ranking-player{
    gap:0!important;
}

.wmtg-ranking-table-page .wmtg-ranking-player strong{
    max-width:none!important;
}

.wmtg-ranking-table-page .wmtg-rank-place{
    font-weight:900!important;
    color:#667085!important;
}

.wmtg-ranking-table-page tr.is-podium td{
    position:relative!important;
}







.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:999px!important;
    font-size:14px!important;
    line-height:1!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place{
    background:#fff4bf!important;
    color:#a66b00!important;
    box-shadow:inset 0 0 0 1px rgba(166,107,0,.14)!important;
}

.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place{
    background:#eef1f5!important;
    color:#667085!important;
    box-shadow:inset 0 0 0 1px rgba(102,112,133,.16)!important;
}

.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    background:#f8dfc7!important;
    color:#9a5a1f!important;
    box-shadow:inset 0 0 0 1px rgba(154,90,31,.16)!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    content:'🏆';
    margin-left:4px;
    font-size:13px;
}

.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place::after,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place::after{
    content:'';
}

.wmtg-ranking-table-page tr.is-rank-1 .points{
    color:#a66b00!important;
}

.wmtg-ranking-table-page tr.is-rank-2 .points{
    color:#667085!important;
}

.wmtg-ranking-table-page tr.is-rank-3 .points{
    color:#9a5a1f!important;
}


/* v2.4.9 – Podium-Zeilen als dezente Hintergrundfarben */
.wmtg-ranking-table-page .wmtg-ranking-table th:first-child,
.wmtg-ranking-table-page .wmtg-ranking-table td:first-child{
    width:82px!important;
    min-width:82px!important;
    white-space:nowrap!important;
}

.wmtg-ranking-table-page .wmtg-rank-place{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:48px!important;
    height:30px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    hyphens:none!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
}

/* alte einzelnen Badge-Farben neutralisieren */
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    width:auto!important;
    min-width:48px!important;
    height:30px!important;
}

/* Gold */


.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place{
    background:#f6d46b!important;
    color:#6f4a00!important;
    box-shadow:inset 0 0 0 1px rgba(111,74,0,.12)!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    content:'🏆'!important;
    margin-left:3px!important;
    font-size:13px!important;
}

/* Silber */


.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place{
    background:#d7dee8!important;
    color:#465365!important;
    box-shadow:inset 0 0 0 1px rgba(70,83,101,.12)!important;
}

.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place::after{
    content:''!important;
}

/* Bronze */


.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    background:#e7b47f!important;
    color:#704017!important;
    box-shadow:inset 0 0 0 1px rgba(112,64,23,.12)!important;
}

.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place::after{
    content:''!important;
}

/* Current-user Highlight soll Podium nicht überdecken */
.wmtg-ranking-table-page tr.is-current-user:not(.is-podium) td{
    background:#fff7fb!important;
}

/* Punktefarben im Podium passend */
.wmtg-ranking-table-page tr.is-rank-1 .points{
    color:#a66b00!important;
}
.wmtg-ranking-table-page tr.is-rank-2 .points{
    color:#465365!important;
}
.wmtg-ranking-table-page tr.is-rank-3 .points{
    color:#8a4d1f!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page .wmtg-ranking-table th:first-child,
    .wmtg-ranking-table-page .wmtg-ranking-table td:first-child{
        width:76px!important;
        min-width:76px!important;
    }

    .wmtg-ranking-table-page .wmtg-rank-place{
        min-width:44px!important;
        height:28px!important;
        padding:0 8px!important;
        font-size:12px!important;
    }
}


/* v2.5.0 – komplette Podiumszeilen einfärben */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1{
    background:#fff3c9!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:#fff3c9!important;
    border-bottom-color:#efd98f!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2{
    background:#eef2f6!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:#eef2f6!important;
    border-bottom-color:#d6dde7!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3{
    background:#f6e2cf!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:#f6e2cf!important;
    border-bottom-color:#e6bf96!important;
}

/* aktuelle Nutzerzeile nur wenn nicht Podium */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-current-user:not(.is-podium) td{
    background:#fff5fb!important;
}

/* Hover subtil */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1:hover td{
    background:#ffefbb!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2:hover td{
    background:#e6ebf1!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3:hover td{
    background:#f1d7bf!important;
}


/* v2.5.1 – weichere Podiumsfarben + keine Platzierungs-Pille */
.wmtg-ranking-table-page .wmtg-rank-place{
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    min-width:auto!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font-size:15px!important;
    font-weight:900!important;
}

/* Gold */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:#fff8df!important;
    border-bottom-color:#f3e3a7!important;
}

/* Silber */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:#f4f6f8!important;
    border-bottom-color:#e3e8ee!important;
}

/* Bronze */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:#faeee3!important;
    border-bottom-color:#efd3b7!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place{
    color:#a97900!important;
}

.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place{
    color:#667085!important;
}

.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    color:#9a5c28!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    content:'🏆'!important;
    margin-left:2px!important;
    font-size:15px!important;
}


/* v2.5.2 – Platzierungs-Pillen endgültig entfernen */
.wmtg-ranking-table-page .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    background:none!important;
    background-color:transparent!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:none!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
}

/* Auch Pseudo-Overlays neutralisieren */
.wmtg-ranking-table-page .wmtg-rank-place::before{
    content:none!important;
    display:none!important;
}

/* Dezente Podiumsfarben */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:#fff8df!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:#f4f6f8!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:#faeee3!important;
}


/* v2.5.3 – Rankingzahl sauber zentrieren */
.wmtg-ranking-table-page .wmtg-ranking-table td:first-child{
    padding:0!important;
    text-align:center!important;
    vertical-align:middle!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table td:first-child::before,
.wmtg-ranking-table-page .wmtg-ranking-table td:first-child::after,
.wmtg-ranking-table-page .wmtg-rank-place::before,
.wmtg-ranking-table-page .wmtg-rank-place::after{
    background:none!important;
    box-shadow:none!important;
}

.wmtg-ranking-table-page .wmtg-rank-place{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    line-height:1!important;
    text-align:center!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    background:transparent!important;
}

/* Pokal harmonischer */
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    margin-left:4px!important;
    font-size:14px!important;
    position:relative!important;
    top:-1px!important;
}


/* v2.5.4 – neue Podiumsfarben */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:rgba(253,141,73,.16)!important;
    border-bottom-color:rgba(253,141,73,.28)!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:rgba(255,166,80,.15)!important;
    border-bottom-color:rgba(255,166,80,.26)!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:rgba(255,191,87,.15)!important;
    border-bottom-color:rgba(255,191,87,.26)!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place{
    color:#fd8d49!important;
}

.wmtg-ranking-table-page tr.is-rank-2 .wmtg-rank-place{
    color:#ffa650!important;
}

.wmtg-ranking-table-page tr.is-rank-3 .wmtg-rank-place{
    color:#ffbf57!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .points{
    color:#fd8d49!important;
}

.wmtg-ranking-table-page tr.is-rank-2 .points{
    color:#ffa650!important;
}

.wmtg-ranking-table-page tr.is-rank-3 .points{
    color:#ffbf57!important;
}


/* v2.5.5 – Vollfarbige Podiumszeilen ohne Transparenz */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:#fd8d49!important;
    border-bottom-color:#f07c35!important;
    color:#2a1a10!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:#ffa650!important;
    border-bottom-color:#f19235!important;
    color:#2a1a10!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:#ffbf57!important;
    border-bottom-color:#f0ac38!important;
    color:#2a1a10!important;
}

/* Tabelleninhalte auf dunklerem Ton */
.wmtg-ranking-table-page tr.is-rank-1 td *,
.wmtg-ranking-table-page tr.is-rank-2 td *,
.wmtg-ranking-table-page tr.is-rank-3 td *{
    color:#2a1a10!important;
}

/* Punkte hervorheben */
.wmtg-ranking-table-page tr.is-rank-1 .points,
.wmtg-ranking-table-page tr.is-rank-2 .points,
.wmtg-ranking-table-page tr.is-rank-3 .points{
    color:#8f004a!important;
    font-weight:900!important;
}

/* Bonusbutton etwas heller */
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-toggle{
    background:rgba(255,255,255,.82)!important;
    border-color:rgba(255,255,255,.7)!important;
}


/* v2.5.6 – störende Tabellenlinien entfernen */
.wmtg-ranking-table-page .wmtg-ranking-table,
.wmtg-ranking-table-page .wmtg-ranking-table tbody,
.wmtg-ranking-table-page .wmtg-ranking-table tr,
.wmtg-ranking-table-page .wmtg-ranking-table td,
.wmtg-ranking-table-page .wmtg-ranking-table th{
    border-left:none!important;
    border-right:none!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td:first-child{
    border-right:none!important;
    box-shadow:none!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td{
    box-shadow:none!important;
}

/* weichere horizontale Trennung */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td{
    border-bottom:1px solid rgba(15,23,42,.04)!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table tbody tr:last-child td{
    border-bottom:none!important;
}


/* v2.5.7 – harte Tabellenlinien vollständig entfernen */
.wmtg-ranking-table-page table,
.wmtg-ranking-table-page table *,
.wmtg-ranking-table-page .wmtg-ranking-table,
.wmtg-ranking-table-page .wmtg-ranking-table *,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr th{
    border-left:none!important;
    border-right:none!important;
}

/* explizit erste Spalte */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td:first-child,
.wmtg-ranking-table-page .wmtg-ranking-table thead tr th:first-child{
    border-right:none!important;
    border-left:none!important;
    box-shadow:none!important;
    outline:none!important;
}

/* mögliche pseudo-elemente */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td:first-child::before,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td:first-child::after{
    content:none!important;
    display:none!important;
    border:none!important;
    box-shadow:none!important;
}

/* Zeilen insgesamt clean */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td{
    box-shadow:none!important;
    outline:none!important;
}


/* v2.5.8 – weiße Separatoren in Podiumszeilen entfernen */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    border-top:none!important;
    border-bottom:none!important;
    background-image:none!important;
    box-shadow:none!important;
}

/* keine Trennung zwischen den ersten drei Reihen */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 + tr.is-rank-2 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 + tr.is-rank-3 td{
    border-top:none!important;
}

/* globale Tabellen-Zwischenlinien entschärfen */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr td{
    border-top:none!important;
}

/* nur ab Platz 4 wieder dezente Linie */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr:not(.is-podium) td{
    border-bottom:1px solid rgba(15,23,42,.05)!important;
}


/* v2.5.9 – Bonusspalte breiter + Pille mit Schatten */
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:150px!important;
    min-width:150px!important;
    text-align:center!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    min-width:150px!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    min-width:122px!important;
    height:40px!important;
    padding:0 16px!important;
    gap:10px!important;
    border-radius:16px!important;
    white-space:nowrap!important;
    box-shadow:
        0 7px 18px rgba(16,24,40,.10),
        0 2px 5px rgba(239,60,148,.10)!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-toggle:hover{
    box-shadow:
        0 10px 24px rgba(16,24,40,.14),
        0 3px 8px rgba(239,60,148,.14)!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-total{
    white-space:nowrap!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#ef7a18!important;
    box-shadow:0 2px 6px rgba(16,24,40,.08)!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
    .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
        width:140px!important;
        min-width:140px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
        min-width:114px!important;
        height:38px!important;
        padding:0 14px!important;
    }
}


/* v2.6.0 – Rangliste: Linien endgültig weg + kleinere Bonus-Pille */
.wmtg-ranking-table-page .wmtg-ranking-table{
    border-collapse:separate!important;
    border-spacing:0!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th,
.wmtg-ranking-table-page .wmtg-ranking-table td,
.wmtg-ranking-table-page .wmtg-ranking-table tr,
.wmtg-ranking-table-page .wmtg-ranking-table tbody,
.wmtg-ranking-table-page .wmtg-ranking-table thead{
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
    outline:0!important;
}

/* Dieser Strich kam vom unteren Zellborder der farbigen Top-Zeilen */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background-clip:border-box!important;
}

/* Erste Spalte komplett ohne eigene optische Abgrenzung */
.wmtg-ranking-table-page .wmtg-ranking-table td:first-child,
.wmtg-ranking-table-page .wmtg-ranking-table th:first-child{
    border:0!important;
    box-shadow:none!important;
    background-image:none!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table td:first-child::before,
.wmtg-ranking-table-page .wmtg-ranking-table td:first-child::after,
.wmtg-ranking-table-page .wmtg-rank-place::before{
    content:none!important;
    display:none!important;
}

/* Pokal behalten */
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    content:'🏆'!important;
    display:inline!important;
    margin-left:5px!important;
    font-size:14px!important;
    background:none!important;
    box-shadow:none!important;
}

/* Bonusspalte so breit, dass die kleinere Pille sicher passt */
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    text-align:center!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    min-width:132px!important;
    width:132px!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    min-width:92px!important;
    width:92px!important;
    height:34px!important;
    padding:0 9px!important;
    gap:6px!important;
    border-radius:15px!important;
    white-space:nowrap!important;
    box-shadow:
        0 5px 13px rgba(16,24,40,.10),
        0 1px 4px rgba(239,60,148,.10)!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-total{
    font-size:12px!important;
    white-space:nowrap!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    font-size:15px!important;
    line-height:20px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#ef7a18!important;
    box-shadow:0 2px 5px rgba(16,24,40,.08)!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
    .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
        width:124px!important;
        min-width:124px!important;
        max-width:124px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
        width:124px!important;
        min-width:124px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
        min-width:88px!important;
        width:88px!important;
        height:32px!important;
    }
}


/* v2.6.1 – Bonusspalte deutlich breiter */
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    width:170px!important;
    min-width:170px!important;
    overflow:visible!important;
    padding-left:12px!important;
    padding-right:12px!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:34px!important;
    margin:0 auto!important;
    overflow:visible!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
    .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7),
    .wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
        width:150px!important;
        min-width:150px!important;
        max-width:150px!important;
    }
}


/* v2.6.2 – Bonusspalte wirklich verbreitern, Pille NICHT vergrößern */
.wmtg-ranking-table-page table.wmtg-ranking-table{
    table-layout:fixed!important;
    min-width:1080px!important;
}

/* feste Spaltenbreiten */
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(1),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(1){
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(2),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(2){
    width:auto!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(3),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(3){
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(4),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(4),
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(5),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(5),
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(6),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(6){
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
}

/* HIER: Bonusspalte breiter */
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    overflow:visible!important;
    text-align:center!important;
    padding-left:24px!important;
    padding-right:24px!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(8),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(8){
    width:105px!important;
    min-width:105px!important;
    max-width:105px!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    overflow:visible!important;
}

/* Pille bewusst kleiner lassen */
.wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:34px!important;
    margin:0 auto!important;
    padding:0 9px!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-total{
    font-size:12px!important;
    white-space:nowrap!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-icon{
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:15px!important;
}

/* Tabellencontainer darf Schatten/Popup nicht abschneiden */
.wmtg-ranking-table-page .wmtg-ranking-table-scroll,
.wmtg-ranking-table-page .wmtg-ranking-table-card{
    overflow-x:auto!important;
    overflow-y:visible!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page table.wmtg-ranking-table{
        min-width:1080px!important;
    }
}


/* v2.6.3 – Bonus-Pille in Podiumszeilen nicht abschneiden */
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td,
.wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    overflow:visible!important;
}

/* Die Top-3-Regel "td *" hatte die Pille optisch beeinflusst.
   Hier wird die Bonus-Pille in den Podiumszeilen explizit zurückgesetzt. */
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:34px!important;
    padding:0 9px!important;
    gap:6px!important;
    margin:0 auto!important;
    border-radius:15px!important;
    background:#fff7fb!important;
    border:1px solid rgba(239,60,148,.18)!important;
    box-shadow:
        0 5px 13px rgba(16,24,40,.10),
        0 1px 4px rgba(239,60,148,.10)!important;
    overflow:visible!important;
    color:#ef3c94!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-total,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-total,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-total{
    color:#ef3c94!important;
    font-size:12px!important;
    white-space:nowrap!important;
}

.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-icon,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-icon,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#ef7a18!important;
    box-shadow:0 2px 5px rgba(16,24,40,.08)!important;
    overflow:visible!important;
}

/* Bonuszelle selbst darf nichts kappen */
.wmtg-ranking-table-page tr.is-podium td.wmtg-ranking-bonus-cell,
.wmtg-ranking-table-page tr.is-podium .wmtg-ranking-bonus-cell{
    overflow:visible!important;
}


/* v2.6.4 – Bonus-Pille wie im Referenzbild, auch in den Top-3-Zeilen */
.wmtg-ranking-table-page table.wmtg-ranking-table{
    table-layout:fixed!important;
    min-width:1160px!important;
}

/* Bonusspalte breit genug halten */
.wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
.wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
    padding-left:24px!important;
    padding-right:24px!important;
    text-align:center!important;
    overflow:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
    overflow:visible!important;
}

/* Einheitliche Pille für ALLE Zeilen */
.wmtg-ranking-table-page .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-toggle,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:44px!important;
    padding:0 14px!important;
    gap:10px!important;
    margin:0 auto!important;
    border-radius:18px!important;
    background:#fff7fb!important;
    border:1px solid rgba(239,60,148,.16)!important;
    box-shadow:
        0 8px 18px rgba(16,24,40,.12),
        0 2px 6px rgba(239,60,148,.10)!important;
    overflow:visible!important;
    white-space:nowrap!important;
}

/* Text in der Pille */
.wmtg-ranking-table-page .wmtg-ranking-bonus-total,
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-total,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-total,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-total{
    color:#ef3c94!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

/* Plus-Kreis */
.wmtg-ranking-table-page .wmtg-ranking-bonus-icon,
.wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-icon,
.wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-icon,
.wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    color:#ef7a18!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 3px 8px rgba(16,24,40,.10)!important;
}

/* nichts abschneiden */
.wmtg-ranking-table-page .wmtg-ranking-table-scroll,
.wmtg-ranking-table-page .wmtg-ranking-table-card{
    overflow-x:auto!important;
    overflow-y:visible!important;
}

.wmtg-ranking-table-page .wmtg-ranking-table td,
.wmtg-ranking-table-page .wmtg-ranking-table tr.is-podium td{
    overflow:visible!important;
}

@media(max-width:760px){
    .wmtg-ranking-table-page table.wmtg-ranking-table{
        min-width:1160px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
    .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7),
    .wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
        width:190px!important;
        min-width:190px!important;
        max-width:190px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle,
    .wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-toggle,
    .wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-toggle,
    .wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-toggle{
        width:126px!important;
        min-width:126px!important;
        max-width:126px!important;
        height:40px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-bonus-total{
        font-size:14px!important;
    }

    .wmtg-ranking-table-page .wmtg-ranking-bonus-icon{
        width:24px!important;
        min-width:24px!important;
        height:24px!important;
        font-size:18px!important;
    }
}


/* v2.6.5 – Rangliste umfassend neu gestaltet */
body .wmtg-wrap.wmtg-ranking-table-page{
    max-width:1240px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0 18px!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-title{
    margin:0 0 18px!important;
    font-size:24px!important;
    font-weight:950!important;
    color:#20242b!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-rules{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:0 0 26px!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-rules .rule{
    min-height:38px!important;
    padding:9px 16px!important;
    border-radius:14px!important;
    font-size:13px!important;
    background:#fff!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table-card{
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
    border:1px solid #edf0f4!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(16,24,40,.04)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table-scroll{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
}

body .wmtg-ranking-table-page table.wmtg-ranking-table{
    width:100%!important;
    min-width:1120px!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    margin:0!important;
}

/* feste, saubere Spalten */
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(1),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(1){
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(2),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(2){
    width:310px!important;
    min-width:310px!important;
    max-width:310px!important;
    text-align:left!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(3),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(3){
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(4),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(4),
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(5),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(5),
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(6),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(6){
    width:115px!important;
    min-width:115px!important;
    max-width:115px!important;
    text-align:center!important;
}

/* Bonusspalte wirklich breit; Pille bleibt unverändert */
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    text-align:center!important;
    overflow:visible!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(8),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(8){
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th,
body .wmtg-ranking-table-page .wmtg-ranking-table td{
    height:64px!important;
    padding:0 16px!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    vertical-align:middle!important;
    background-clip:border-box!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table thead th{
    height:48px!important;
    background:#fbfcfd!important;
    color:#344054!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    border-bottom:1px solid #edf0f4!important;
}

/* Normale Zeilen */
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr:not(.is-podium):not(.is-current-user) td{
    background:#fff!important;
    border-bottom:1px solid rgba(15,23,42,.055)!important;
}

/* Top 3 komplette Zeile, ohne Inlay-Streifen */
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:#fd8d49!important;
    border-bottom:0!important;
    color:#20140f!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:#ffa650!important;
    border-bottom:0!important;
    color:#20140f!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:#ffbf57!important;
    border-bottom:0!important;
    color:#20140f!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td *,
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td *,
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td *{
    color:#20140f!important;
}

/* aktueller Nutzer */
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-current-user:not(.is-podium) td{
    background:#fff4fa!important;
    border-bottom:1px solid rgba(239,60,148,.10)!important;
}

/* Platzierung */
body .wmtg-ranking-table-page .wmtg-rank-place{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-rank-place::before{
    content:none!important;
    display:none!important;
}

body .wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    content:'🏆'!important;
    display:inline!important;
    margin-left:4px!important;
    font-size:15px!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Spielername */
body .wmtg-ranking-table-page .wmtg-ranking-player{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    min-width:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-avatar{
    display:none!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-player strong{
    display:block!important;
    max-width:270px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:950!important;
    color:#101828!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-player em{
    display:block!important;
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1!important;
    color:#ef3c94!important;
    font-style:normal!important;
    font-weight:850!important;
}

/* Punkte */
body .wmtg-ranking-table-page .wmtg-ranking-table .points{
    color:#ef3c94!important;
    font-size:17px!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page tr.is-podium .points{
    color:#8f004a!important;
}

/* Bonus: einheitlich, kleiner als Spalte, niemals abgeschnitten */
body .wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    overflow:visible!important;
    text-align:center!important;
    position:relative!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle,
body .wmtg-ranking-table-page tr.is-rank-1 .wmtg-ranking-bonus-toggle,
body .wmtg-ranking-table-page tr.is-rank-2 .wmtg-ranking-bonus-toggle,
body .wmtg-ranking-table-page tr.is-rank-3 .wmtg-ranking-bonus-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    height:40px!important;
    margin:0 auto!important;
    padding:0 12px!important;
    gap:9px!important;
    border-radius:17px!important;
    border:1px solid rgba(239,60,148,.16)!important;
    background:#fff7fb!important;
    box-shadow:0 7px 16px rgba(16,24,40,.12), 0 2px 5px rgba(239,60,148,.10)!important;
    color:#ef3c94!important;
    white-space:nowrap!important;
    overflow:visible!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-total,
body .wmtg-ranking-table-page tr.is-podium .wmtg-ranking-bonus-total{
    color:#ef3c94!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-icon,
body .wmtg-ranking-table-page tr.is-podium .wmtg-ranking-bonus-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#ef7a18!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 3px 8px rgba(16,24,40,.10)!important;
}

/* Details-Popup */
body .wmtg-ranking-table-page .wmtg-ranking-bonus-details{
    right:50%!important;
    transform:translateX(50%)!important;
    top:52px!important;
    width:340px!important;
    z-index:100!important;
}

/* Hinweis */
body .wmtg-ranking-table-page .wmtg-ranking-note{
    margin:18px 0 0!important;
    color:#b3b3b3!important;
    font-size:12px!important;
    text-align:center!important;
}

/* Tablet/Mobil: Tabelle horizontal scrollbar, keine Quetschung */
@media(max-width:900px){
    body .wmtg-wrap.wmtg-ranking-table-page{
        padding:0 12px!important;
    }

    body .wmtg-ranking-table-page table.wmtg-ranking-table{
        min-width:1120px!important;
    }
}

@media(max-width:560px){
    body .wmtg-ranking-table-page .wmtg-ranking-rules .rule{
        flex:1 1 100%!important;
    }
}


/* v2.6.6 – Rangliste komplett neu, sauber und stabil */
body .wmtg-wrap.wmtg-ranking-table-page{
    max-width:1280px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0 24px!important;
    font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-title{
    margin:0 0 18px!important;
    color:#20242b!important;
    font-size:26px!important;
    line-height:1.15!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-rules{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin:0 0 32px!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-rules .rule{
    min-height:40px!important;
    padding:10px 18px!important;
    border-radius:16px!important;
    background:#fff!important;
    font-size:14px!important;
    font-weight:550!important;
    line-height:1!important;
    box-shadow:none!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-rules .rule strong{
    font-size:15px!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table-card{
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
    border:1px solid #e9edf3!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(16,24,40,.07)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table-scroll{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
}

body .wmtg-ranking-table-page table.wmtg-ranking-table{
    width:100%!important;
    min-width:1120px!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    margin:0!important;
    border:0!important;
}

/* Spalten */
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(1),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(1){
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(2),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(2){
    width:310px!important;
    min-width:310px!important;
    max-width:310px!important;
    text-align:left!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(3),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(3){
    width:125px!important;
    min-width:125px!important;
    max-width:125px!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(4),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(4),
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(5),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(5),
body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(6),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(6){
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(7),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(7){
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    text-align:center!important;
    overflow:visible!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table th:nth-child(8),
body .wmtg-ranking-table-page .wmtg-ranking-table td:nth-child(8){
    width:115px!important;
    min-width:115px!important;
    max-width:115px!important;
    text-align:center!important;
}

/* Grundzellen */
body .wmtg-ranking-table-page .wmtg-ranking-table th,
body .wmtg-ranking-table-page .wmtg-ranking-table td{
    height:64px!important;
    padding:0 18px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    vertical-align:middle!important;
    background-clip:border-box!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table thead th{
    height:56px!important;
    background:#fbfcfd!important;
    color:#344054!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    border-bottom:1px solid #edf0f4!important;
}

/* Normale Zeilen */
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr:not(.is-podium):not(.is-current-user) td{
    background:#fff!important;
    border-bottom:1px solid rgba(15,23,42,.06)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr:last-child td{
    border-bottom:0!important;
}

/* Podium: komplett neue Farben ohne Linien, ohne Streifen */
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-1 td{
    background:linear-gradient(90deg,#ffe68d 0%,#ffe996 100%)!important;
    color:#111827!important;
    border:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-2 td{
    background:linear-gradient(90deg,#eeeeee 0%,#f5f5f5 100%)!important;
    color:#111827!important;
    border:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-rank-3 td{
    background:linear-gradient(90deg,#f5c487 0%,#f7d19f 100%)!important;
    color:#111827!important;
    border:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-podium td,
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-podium td *{
    box-shadow:none!important;
}

/* Current user */
body .wmtg-ranking-table-page .wmtg-ranking-table tbody tr.is-current-user:not(.is-podium) td{
    background:#fff3fa!important;
    border-bottom:1px solid rgba(239,60,148,.10)!important;
}

/* Platzierung */
body .wmtg-ranking-table-page .wmtg-rank-place{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#111827!important;
    font-size:18px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-rank-place::before{
    content:none!important;
    display:none!important;
}

body .wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::before{
    content:'🏆'!important;
    display:inline!important;
    font-size:22px!important;
    line-height:1!important;
}

body .wmtg-ranking-table-page tr.is-rank-1 .wmtg-rank-place::after{
    content:none!important;
    display:none!important;
}

/* Spieler */
body .wmtg-ranking-table-page .wmtg-ranking-avatar{
    display:none!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-player{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    min-width:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-player strong{
    display:block!important;
    max-width:270px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#101828!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-player em{
    display:block!important;
    margin-top:4px!important;
    color:#ef3c94!important;
    font-size:12px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:850!important;
}

/* Werte */
body .wmtg-ranking-table-page .wmtg-ranking-table td{
    color:#344054!important;
    font-size:14px!important;
    font-weight:600!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-table .points{
    color:#ef006d!important;
    font-size:22px!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page tr.is-podium .points{
    color:#ef006d!important;
}

/* Bonuspille stabil */
body .wmtg-ranking-table-page .wmtg-ranking-bonus-cell{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    overflow:visible!important;
    position:relative!important;
    text-align:center!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle,
body .wmtg-ranking-table-page tr.is-podium .wmtg-ranking-bonus-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:130px!important;
    min-width:130px!important;
    max-width:130px!important;
    height:42px!important;
    padding:0 12px!important;
    gap:10px!important;
    margin:0 auto!important;
    border-radius:18px!important;
    background:#fff7fb!important;
    border:1px solid rgba(239,60,148,.14)!important;
    box-shadow:0 7px 16px rgba(16,24,40,.14)!important;
    overflow:visible!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-total,
body .wmtg-ranking-table-page tr.is-podium .wmtg-ranking-bonus-total{
    color:#ef3c94!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-icon,
body .wmtg-ranking-table-page tr.is-podium .wmtg-ranking-bonus-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#ff7a18!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 3px 8px rgba(16,24,40,.10)!important;
}

/* Bonusdetails */
body .wmtg-ranking-table-page .wmtg-ranking-bonus-details{
    top:52px!important;
    right:50%!important;
    transform:translateX(50%)!important;
    width:340px!important;
    z-index:120!important;
}

/* Hinweis */
body .wmtg-ranking-table-page .wmtg-ranking-note{
    margin:20px 0 0!important;
    text-align:center!important;
    color:#b0b7c3!important;
    font-size:13px!important;
}

/* Mobile/Tablet */
@media(max-width:900px){
    body .wmtg-wrap.wmtg-ranking-table-page{
        padding:0 12px!important;
    }

    body .wmtg-ranking-table-page table.wmtg-ranking-table{
        min-width:1120px!important;
    }
}

@media(max-width:560px){
    body .wmtg-ranking-table-page .wmtg-ranking-title{
        font-size:22px!important;
    }

    body .wmtg-ranking-table-page .wmtg-ranking-rules .rule{
        flex:1 1 100%!important;
    }
}


/* v2.6.7 – Rangliste FINAL: eigenes CSS-Grid statt HTML-Tabelle */
body .wmtg-wrap.wmtg-ranking-table-page{
    max-width:1240px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0 20px!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-card{
    width:100%!important;
    overflow:hidden!important;
    border:1px solid #e9edf3!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(16,24,40,.07)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-head,
body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    display:grid!important;
    grid-template-columns:90px minmax(220px,1.75fr) 120px 110px 120px 120px 170px 110px!important;
    align-items:center!important;
    column-gap:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-head{
    min-height:54px!important;
    background:#fbfcfd!important;
    border-bottom:1px solid #edf0f4!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-head > div{
    padding:0 18px!important;
    color:#344054!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    position:relative!important;
    min-height:66px!important;
    background:#fff!important;
    border-bottom:1px solid rgba(15,23,42,.06)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row:last-child{
    border-bottom:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-cell{
    position:relative!important;
    z-index:1!important;
    padding:0 18px!important;
    color:#344054!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:nowrap!important;
    min-width:0!important;
}

body .wmtg-ranking-table-page .wmtg-cell-rank{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#111827!important;
    font-size:18px!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page .wmtg-rank-number{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    background:none!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    line-height:1!important;
}

body .wmtg-ranking-table-page .wmtg-rank-cup{
    font-size:22px!important;
    line-height:1!important;
}

body .wmtg-ranking-table-page .wmtg-cell-player{
    text-align:left!important;
}

body .wmtg-ranking-table-page .wmtg-cell-player strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#101828!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page .wmtg-cell-player em{
    display:block!important;
    margin-top:4px!important;
    color:#ef3c94!important;
    font-size:12px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:850!important;
}

body .wmtg-ranking-table-page .wmtg-cell-points{
    color:#ef006d!important;
    font-size:22px!important;
    font-weight:950!important;
}

/* Podium als EINE durchgehende Zeilenfläche, keine Zell-Artefakte */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(90deg,#ffe68d 0%,#ffeb9d 100%)!important;
    border-bottom:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(90deg,#eeeeee 0%,#f6f6f6 100%)!important;
    border-bottom:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(90deg,#f5c487 0%,#f7d19f 100%)!important;
    border-bottom:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-current-user:not(.is-podium){
    background:#fff3fa!important;
    border-bottom:1px solid rgba(239,60,148,.10)!important;
}

/* Bonus */
body .wmtg-ranking-table-page .wmtg-cell-bonus{
    overflow:visible!important;
    z-index:5!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:128px!important;
    min-width:128px!important;
    height:40px!important;
    padding:0 12px!important;
    gap:10px!important;
    margin:0 auto!important;
    border-radius:18px!important;
    background:#fff7fb!important;
    border:1px solid rgba(239,60,148,.14)!important;
    box-shadow:0 7px 16px rgba(16,24,40,.14)!important;
    color:#ef3c94!important;
    white-space:nowrap!important;
    overflow:visible!important;
    cursor:pointer!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-total{
    color:#ef3c94!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#ff7a18!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 3px 8px rgba(16,24,40,.10)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-details{
    position:absolute!important;
    top:52px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:340px!important;
    padding:14px!important;
    border-radius:20px!important;
    background:#fff!important;
    border:1px solid rgba(239,60,148,.14)!important;
    box-shadow:0 24px 50px rgba(16,24,40,.16)!important;
    z-index:120!important;
    display:none!important;
    text-align:left!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-details.is-open{
    display:block!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-item{
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:10px 0!important;
    border-bottom:1px solid #f3f4f6!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-item:last-child{
    border-bottom:0!important;
    padding-bottom:0!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-question{
    color:#111827!important;
    font-size:13px!important;
    font-weight:850!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-answer{
    color:#667085!important;
    font-size:12px!important;
    font-weight:700!important;
    text-align:right!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-points{
    min-width:34px!important;
    text-align:right!important;
    color:#d89b00!important;
    font-size:13px!important;
    font-weight:950!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-empty{
    padding:32px!important;
    color:#98a2b3!important;
    text-align:center!important;
    font-size:14px!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-note{
    margin:20px 0 0!important;
    text-align:center!important;
    color:#b0b7c3!important;
    font-size:13px!important;
}

/* Desktop schmal / Tablet: horizontal scrollbar statt kaputtem Layout */
@media(max-width:1180px){
    body .wmtg-ranking-table-page .wmtg-ranking-grid-card{
        overflow-x:auto!important;
        overflow-y:visible!important;
    }

    body .wmtg-ranking-table-page .wmtg-ranking-grid-head,
    body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
        min-width:1120px!important;
    }
}

@media(max-width:560px){
    body .wmtg-wrap.wmtg-ranking-table-page{
        padding:0 12px!important;
    }

    body .wmtg-ranking-table-page .wmtg-ranking-title{
        font-size:22px!important;
    }

    body .wmtg-ranking-table-page .wmtg-ranking-rules .rule{
        flex:1 1 100%!important;
    }
}


/* v2.6.8 – angenehmere Podiumfarben */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(90deg,#ffb15e 0%,#ff9a4d 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(90deg,#eef1f5 0%,#dfe5ec 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(90deg,#ffc86a 0%,#ffb44d 100%)!important;
}


/* v2.6.9 – Bonusdetails zuverlässig anzeigen */
body .wmtg-ranking-table-page .wmtg-ranking-grid-card,
body .wmtg-ranking-table-page .wmtg-ranking-grid-body,
body .wmtg-ranking-table-page .wmtg-ranking-grid-row,
body .wmtg-ranking-table-page .wmtg-cell-bonus{
    overflow:visible!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    z-index:1!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row:has(.wmtg-ranking-bonus-details.is-open){
    z-index:50!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-details{
    display:none!important;
    position:absolute!important;
    top:48px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:340px!important;
    max-width:calc(100vw - 40px)!important;
    z-index:9999!important;
    padding:14px!important;
    border-radius:20px!important;
    background:#fff!important;
    border:1px solid rgba(239,60,148,.16)!important;
    box-shadow:0 24px 50px rgba(16,24,40,.20)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-details.is-open{
    display:block!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle.is-open{
    box-shadow:0 10px 24px rgba(16,24,40,.18), 0 0 0 3px rgba(239,60,148,.12)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle.is-open .wmtg-ranking-bonus-icon{
    transform:rotate(45deg)!important;
}

@supports not selector(:has(*)){
    body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
        z-index:10!important;
    }
}


/* v2.7.0 – harmonischere Podiumsfarben */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(90deg,#ffd8a8 0%,#ffc27a 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(90deg,#eef1f5 0%,#e3e8ee 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(90deg,#ffe4b8 0%,#ffd18f 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-podium .wmtg-ranking-cell{
    color:#2a2f38!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    background:#fff9fc!important;
    border:1px solid rgba(239,60,148,.12)!important;
    box-shadow:0 6px 14px rgba(16,24,40,.10)!important;
}


/* v2.7.1 – Podium komplett in harmonischen Pinktönen */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(90deg,#ff7eb6 0%,#ff5ea3 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(90deg,#ff9cc8 0%,#ff84bb 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(90deg,#ffc0da 0%,#ffacd0 100%)!important;
}

/* Text auf Podium kontrastreicher */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-podium .wmtg-ranking-cell,
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-podium .wmtg-cell-player strong,
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-podium .wmtg-cell-points{
    color:#ffffff!important;
}

/* Bonus-Pille auf Pink-Podium neutral halten */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-podium .wmtg-ranking-bonus-toggle{
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.45)!important;
}


/* v2.7.2 – Responsive Rangliste für Desktop, Tablet und Mobil */

/* Desktop */
@media (min-width:1181px){
  body .wmtg-wrap.wmtg-ranking-table-page{
    max-width:1240px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-head,
  body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    grid-template-columns:90px minmax(260px,1.8fr) 120px 110px 120px 120px 180px 110px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    min-height:66px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
  }
}

/* Tablet */
@media (min-width:761px) and (max-width:1180px){
  body .wmtg-wrap.wmtg-ranking-table-page{
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-card{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-head,
  body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    min-width:1080px!important;
    grid-template-columns:82px 250px 112px 104px 116px 116px 180px 100px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-cell,
  body .wmtg-ranking-table-page .wmtg-ranking-grid-head > div{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    min-height:64px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:40px!important;
  }
}

/* Mobil: Kartenansicht */
@media (max-width:760px){
  body .wmtg-wrap.wmtg-ranking-table-page{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-title{
    font-size:22px!important;
    margin-bottom:14px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-rules{
    gap:8px!important;
    margin-bottom:18px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-rules .rule{
    flex:1 1 100%!important;
    justify-content:center!important;
    min-height:38px!important;
    font-size:13px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-card{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-head{
    display:none!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-body{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row{
    display:grid!important;
    grid-template-columns:54px 1fr 96px!important;
    grid-template-areas:
      "rank player points"
      "rank stats bonus"
      "rank tipped bonus"!important;
    gap:8px 10px!important;
    min-height:auto!important;
    padding:14px!important;
    border-radius:18px!important;
    border:1px solid rgba(15,23,42,.06)!important;
    box-shadow:0 8px 22px rgba(16,24,40,.06)!important;
    background:#fff!important;
    overflow:visible!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(135deg,#ff7eb6 0%,#ff5ea3 100%)!important;
    border-color:rgba(255,94,163,.25)!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(135deg,#ff9cc8 0%,#ff84bb 100%)!important;
    border-color:rgba(255,132,187,.25)!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(135deg,#ffc0da 0%,#ffacd0 100%)!important;
    border-color:rgba(255,172,208,.25)!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-current-user:not(.is-podium){
    background:#fff3fa!important;
    border-color:rgba(239,60,148,.12)!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-cell{
    padding:0!important;
    text-align:left!important;
    font-size:13px!important;
    min-width:0!important;
  }

  body .wmtg-ranking-table-page .wmtg-cell-rank{
    grid-area:rank!important;
    align-self:center!important;
    justify-self:center!important;
    font-size:20px!important;
  }

  body .wmtg-ranking-table-page .wmtg-rank-cup{
    font-size:19px!important;
  }

  body .wmtg-ranking-table-page .wmtg-cell-player{
    grid-area:player!important;
    align-self:center!important;
  }

  body .wmtg-ranking-table-page .wmtg-cell-player strong{
    font-size:15px!important;
  }

  body .wmtg-ranking-table-page .wmtg-cell-points{
    grid-area:points!important;
    justify-self:end!important;
    align-self:center!important;
    font-size:22px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(4){
    grid-area:stats!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(5){
    grid-area:stats!important;
    margin-left:54px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(6){
    grid-area:stats!important;
    margin-left:116px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(4)::before{
    content:'E ';
    color:#98a2b3!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(5)::before{
    content:'D ';
    color:#98a2b3!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(6)::before{
    content:'T ';
    color:#98a2b3!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  body .wmtg-ranking-table-page .wmtg-cell-bonus{
    grid-area:bonus!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-bonus-toggle{
    width:92px!important;
    min-width:92px!important;
    height:34px!important;
    padding:0 8px!important;
    gap:6px!important;
    border-radius:15px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-bonus-total{
    font-size:12px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-bonus-icon{
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:15px!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(8){
    grid-area:tipped!important;
    align-self:end!important;
    color:#667085!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-grid-row > .wmtg-ranking-cell:nth-child(8)::before{
    content:'Getippt: ';
    color:#98a2b3!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-bonus-details{
    top:42px!important;
    left:auto!important;
    right:0!important;
    transform:none!important;
    width:min(320px, calc(100vw - 38px))!important;
  }

  body .wmtg-ranking-table-page .wmtg-ranking-note{
    font-size:12px!important;
    margin-top:16px!important;
  }
}


/* v2.7.3 – Persönliche Design-Einstellungen */
.wmtg-design-settings{
    --wmtg-settings-accent:var(--wmtg-user-accent,#ef3c94);
    max-width:980px;
    margin:0 auto;
    padding:28px;
    border:1px solid #e9edf3;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 48px rgba(16,24,40,.07);
    color:#20242b;
}

.wmtg-design-settings h2{
    margin:0 0 8px;
    font-size:28px;
    line-height:1.1;
    font-weight:950;
    letter-spacing:-.03em;
}

.wmtg-design-intro{
    margin:0 0 24px;
    color:#667085;
    font-size:14px;
}

.wmtg-design-section{
    margin-top:26px;
}

.wmtg-design-section h3{
    margin:0 0 14px;
    font-size:16px;
    font-weight:900;
    color:#1f2937;
}

.wmtg-design-layouts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.wmtg-design-layout-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:176px;
    padding:16px;
    border:1px solid #e9edf3;
    border-radius:18px;
    background:#fff;
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wmtg-design-layout-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(16,24,40,.08);
}

.wmtg-design-layout-card.is-selected{
    border-color:var(--wmtg-settings-accent);
    box-shadow:0 0 0 3px rgba(var(--wmtg-user-accent-rgb,239,60,148),.12);
}

.wmtg-design-layout-card input,
.wmtg-design-color input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.wmtg-design-layout-preview{
    display:grid;
    gap:6px;
    padding:10px;
    min-height:68px;
    border-radius:14px;
    background:#f6f7f9;
}

.wmtg-design-layout-preview i{
    display:block;
    height:12px;
    border-radius:999px;
    background:var(--wmtg-settings-accent);
    opacity:.75;
}

.wmtg-design-layout-preview.is-compact i{
    height:8px;
}

.wmtg-design-layout-preview.is-dark{
    background:#151924;
}

.wmtg-design-layout-preview.is-clean{
    background:#fff;
    border:1px solid #edf0f4;
}

.wmtg-design-layout-card strong{
    font-size:14px;
    font-weight:900;
    color:#111827;
}

.wmtg-design-layout-card small{
    color:#667085;
    line-height:1.35;
}

.wmtg-design-colors{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:12px;
}

.wmtg-design-color{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    padding:12px 8px;
    border:1px solid #e9edf3;
    border-radius:16px;
    background:#fff;
    cursor:pointer;
}

.wmtg-design-color span{
    width:34px;
    height:34px;
    border-radius:999px;
    background:var(--choice-color);
    box-shadow:0 6px 16px rgba(16,24,40,.12);
}

.wmtg-design-color em{
    font-style:normal;
    font-size:12px;
    font-weight:800;
    color:#344054;
}

.wmtg-design-color.is-selected{
    border-color:var(--choice-color);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--choice-color) 18%,transparent);
}

.wmtg-design-save{
    margin-top:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 20px;
    border:0;
    border-radius:15px;
    background:var(--wmtg-settings-accent);
    color:#fff;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 24px rgba(var(--wmtg-user-accent-rgb,239,60,148),.22);
}

.wmtg-design-notice{
    margin:18px 0;
    padding:12px 14px;
    border-radius:14px;
    font-size:14px;
    font-weight:800;
}

.wmtg-design-notice.is-success{
    background:#ecfdf3;
    color:#067647;
}

.wmtg-design-notice.is-error{
    background:#fff1f3;
    color:#b42318;
}

@media(max-width:900px){
    .wmtg-design-layouts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wmtg-design-colors{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .wmtg-design-settings{
        padding:20px;
        border-radius:20px;
    }

    .wmtg-design-layouts{
        grid-template-columns:1fr;
    }

    .wmtg-design-colors{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* v2.7.4 – Designauswahl sofort sichtbar beim Anklicken */
.wmtg-design-layout-card,
.wmtg-design-color{
    user-select:none;
}

.wmtg-design-layout-card.is-selected,
.wmtg-design-color.is-selected{
    transform:translateY(-1px);
}

.wmtg-design-color.is-selected span{
    transform:scale(1.08);
}

.wmtg-design-settings[data-preview-layout="compact"] .wmtg-design-layout-card.is-selected{
    border-radius:12px;
}

.wmtg-design-settings[data-preview-layout="dark"]{
    background:#151924;
    border-color:#252c3a;
    color:#f8fafc;
}

.wmtg-design-settings[data-preview-layout="dark"] h2,
.wmtg-design-settings[data-preview-layout="dark"] h3,
.wmtg-design-settings[data-preview-layout="dark"] .wmtg-design-layout-card strong,
.wmtg-design-settings[data-preview-layout="dark"] .wmtg-design-color em{
    color:#f8fafc;
}

.wmtg-design-settings[data-preview-layout="dark"] .wmtg-design-layout-card,
.wmtg-design-settings[data-preview-layout="dark"] .wmtg-design-color{
    background:#202636;
    border-color:#30384b;
}

.wmtg-design-settings[data-preview-layout="clean"]{
    box-shadow:none;
}

.wmtg-design-settings[data-preview-layout="clean"] .wmtg-design-layout-card,
.wmtg-design-settings[data-preview-layout="clean"] .wmtg-design-color,
.wmtg-design-settings[data-preview-layout="clean"] .wmtg-design-save{
    box-shadow:none!important;
}


/* v2.7.5 – aktive Nutzerfarbe in allen Shortcodes sichtbar machen */
body .wmtg-wrap,
body .wmtg-dashboard,
body .wmtg-ranking-table-page,
body .wmtg-statistics,
body .wmtg-design-settings,
body .wmtg-tips-page,
body .wmtg-ko-round,
body .wmtg-group-board{
    --wmtg-accent:var(--wmtg-user-accent,#ef3c94);
    --wmtg-accent-rgb:var(--wmtg-user-accent-rgb,239,60,148);
}

/* Texte / Zahlen / aktive States */
body .wmtg-wrap .points,
body .wmtg-wrap .wmtg-points,
body .wmtg-wrap .wmtg-cell-points,
body .wmtg-ranking-table-page .wmtg-cell-points,
body .wmtg-dashboard .wmtg-stat-number,
body .wmtg-dashboard .wmtg-ranking-link,
body .wmtg-statistics .wmtg-stat-value,
body .wmtg-statistics .wmtg-toplist-rank,
body .wmtg-ranking-bonus-total,
body .wmtg-tab.is-active,
body .wmtg-tabs .active,
body .wmtg-phase-tabs .is-active,
body .wmtg-phase-tabs .active,
body .wmtg-ko-tabs .is-active,
body .wmtg-ko-tabs .active{
    color:var(--wmtg-accent)!important;
}

/* Buttons / Fortschritt / primäre Aktionen */
body .wmtg-progress-fill,
body .wmtg-primary-button,
body .wmtg-save-button,
body .wmtg-submit-button,
body .wmtg-design-save,
body .wmtg-button-primary,
body .wmtg-wrap button[type="submit"]:not(.wmtg-ranking-bonus-toggle){
    background:var(--wmtg-accent)!important;
    border-color:var(--wmtg-accent)!important;
}

/* Pills / aktive Tabs / Bonusbutton */
body .wmtg-ranking-bonus-toggle,
body .wmtg-rule-pink,
body .wmtg-ranking-table-page .wmtg-ranking-rules .rule:first-child,
body .wmtg-tab.is-active,
body .wmtg-tabs .active,
body .wmtg-phase-tabs .is-active,
body .wmtg-phase-tabs .active,
body .wmtg-ko-tabs .is-active,
body .wmtg-ko-tabs .active{
    border-color:rgba(var(--wmtg-accent-rgb),.24)!important;
    background:rgba(var(--wmtg-accent-rgb),.075)!important;
}

/* Icons / kleine Badges */
body .wmtg-card-icon,
body .wmtg-dashboard-icon,
body .wmtg-result-matchno,
body .wmtg-badge,
body .wmtg-pill,
body .wmtg-ranking-bonus-icon{
    color:var(--wmtg-accent)!important;
}

body .wmtg-card-icon,
body .wmtg-dashboard-icon,
body .wmtg-result-matchno,
body .wmtg-badge,
body .wmtg-pill{
    background:rgba(var(--wmtg-accent-rgb),.10)!important;
}

/* Eingaben / Fokus */
body .wmtg-wrap input:focus,
body .wmtg-wrap select:focus,
body .wmtg-wrap textarea:focus,
body .wmtg-design-settings input:focus,
body .wmtg-design-settings select:focus{
    border-color:var(--wmtg-accent)!important;
    box-shadow:0 0 0 3px rgba(var(--wmtg-accent-rgb),.14)!important;
    outline:none!important;
}

/* Tippfelder mit gespeicherten/aktiven Tipps */
body .wmtg-fixture-row.wmtg-has-tip .wmtg-tip-home,
body .wmtg-fixture-row.wmtg-has-tip .wmtg-tip-away,
body .wmtg-fixture-row.is-saved .wmtg-tip-home,
body .wmtg-fixture-row.is-saved .wmtg-tip-away{
    border-color:rgba(var(--wmtg-accent-rgb),.38)!important;
    box-shadow:0 0 0 3px rgba(var(--wmtg-accent-rgb),.10)!important;
}

/* Regelboxen für Punkte */
body .wmtg-ranking-rules .rule strong,
body .wmtg-rule-pink strong{
    color:var(--wmtg-accent)!important;
}

/* Ausgewählte Designoptionen */
body .wmtg-design-layout-card.is-selected,
body .wmtg-design-color.is-selected{
    border-color:var(--wmtg-accent)!important;
    box-shadow:0 0 0 3px rgba(var(--wmtg-accent-rgb),.14)!important;
}

/* Pink-Podium wird ebenfalls von der aktiven Farbe abgeleitet */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--wmtg-accent) 92%,#ffffff 8%) 0%,
        color-mix(in srgb,var(--wmtg-accent) 76%,#ffffff 24%) 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--wmtg-accent) 68%,#ffffff 32%) 0%,
        color-mix(in srgb,var(--wmtg-accent) 52%,#ffffff 48%) 100%)!important;
}

body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--wmtg-accent) 42%,#ffffff 58%) 0%,
        color-mix(in srgb,var(--wmtg-accent) 30%,#ffffff 70%) 100%)!important;
}

/* Fallback für Browser ohne color-mix */
@supports not (background:color-mix(in srgb,#000 50%,#fff 50%)){
    body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
        background:rgba(var(--wmtg-accent-rgb),.88)!important;
    }

    body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
        background:rgba(var(--wmtg-accent-rgb),.62)!important;
    }

    body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
        background:rgba(var(--wmtg-accent-rgb),.36)!important;
    }
}

/* Dark Layout: Akzentfarbe trotzdem klar sichtbar */
body .wmtg-design-dark .wmtg-ranking-bonus-toggle,
body .wmtg-design-dark .wmtg-card,
body .wmtg-design-dark .wmtg-dashboard-card{
    border-color:rgba(var(--wmtg-accent-rgb),.28)!important;
}


/* v2.7.6 – Dashboard-Karte „Meine Tipps“ mit oben angedocktem Alle-Tipps-Reiter */
body .wmtg-dashboard .wmtg-card,
body .wmtg-dashboard-card{
    position:relative!important;
    overflow:visible!important;
}

/* Link/Button „Alle Tipps“ als Tab oben rechts */
body .wmtg-dashboard .wmtg-card a[href*="tip"],
body .wmtg-dashboard-card a[href*="tip"],
body .wmtg-dashboard .wmtg-card .wmtg-card-action,
body .wmtg-dashboard-card .wmtg-card-action,
body .wmtg-dashboard .wmtg-card .wmtg-card-link,
body .wmtg-dashboard-card .wmtg-card-link{
    position:absolute!important;
    right:0!important;
    top:0!important;
    min-width:230px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 22px!important;
    border-radius:0 18px 0 34px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:.02em!important;
    text-decoration:none!important;
    box-shadow:none!important;
    border:0!important;
    z-index:5!important;
}

/* Karte selbst etwas wie im Screenshot */
body .wmtg-dashboard .wmtg-card,
body .wmtg-dashboard-card{
    border-radius:18px!important;
    border:1px solid rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.18)!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(16,24,40,.05)!important;
}

/* Titelbereich mit Icon */
body .wmtg-dashboard .wmtg-card h3,
body .wmtg-dashboard-card h3,
body .wmtg-dashboard .wmtg-card-title,
body .wmtg-dashboard-card-title{
    padding-right:250px!important;
}

/* Fortschrittsbalken mit aktiver Akzentfarbe */
body .wmtg-dashboard .wmtg-progress-fill,
body .wmtg-dashboard-card .wmtg-progress-fill{
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

/* Falls die Karte nur über Klassen erreichbar ist */
body .wmtg-my-tips-card,
body .wmtg-dashboard-my-tips{
    position:relative!important;
    overflow:visible!important;
    border-radius:18px!important;
    border:1px solid rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.18)!important;
    background:#fff!important;
}

body .wmtg-my-tips-card .wmtg-card-link,
body .wmtg-dashboard-my-tips .wmtg-card-link,
body .wmtg-my-tips-card .wmtg-card-action,
body .wmtg-dashboard-my-tips .wmtg-card-action{
    position:absolute!important;
    right:0!important;
    top:0!important;
    min-width:230px!important;
    height:28px!important;
    border-radius:0 18px 0 34px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
}

@media(max-width:760px){
    body .wmtg-dashboard .wmtg-card a[href*="tip"],
    body .wmtg-dashboard-card a[href*="tip"],
    body .wmtg-dashboard .wmtg-card .wmtg-card-action,
    body .wmtg-dashboard-card .wmtg-card-action,
    body .wmtg-dashboard .wmtg-card .wmtg-card-link,
    body .wmtg-dashboard-card .wmtg-card-link,
    body .wmtg-my-tips-card .wmtg-card-link,
    body .wmtg-dashboard-my-tips .wmtg-card-link,
    body .wmtg-my-tips-card .wmtg-card-action,
    body .wmtg-dashboard-my-tips .wmtg-card-action{
        min-width:160px!important;
        height:26px!important;
        font-size:12px!important;
        border-radius:0 16px 0 28px!important;
    }

    body .wmtg-dashboard .wmtg-card h3,
    body .wmtg-dashboard-card h3,
    body .wmtg-dashboard .wmtg-card-title,
    body .wmtg-dashboard-card-title{
        padding-right:170px!important;
    }
}


/* v2.7.7 – Meine-Tipps-Karte exakt als angedockter Reiter */
body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker),
body .wmtg-dashboard-card:has(.wmtg-my-tips-marker),
body .wmtg-my-tips-card,
body .wmtg-dashboard-my-tips{
    position:relative!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.22)!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(16,24,40,.05)!important;
}

/* Der vorhandene „Alle Tipps“-Button wird zum Reiter */
body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) a,
body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) a,
body .wmtg-my-tips-card a,
body .wmtg-dashboard-my-tips a{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:250px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 36px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:20!important;
}

/* alten Pillenlook zuverlässig entfernen */
body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) a *,
body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) a *{
    color:#fff!important;
}

/* Titelbereich bekommt rechts Platz für den Reiter */
body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) h3,
body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) h3,
body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) .wmtg-card-title,
body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) .wmtg-card-title{
    padding-right:270px!important;
}

/* Fortschrittsbalken passend */
body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) .wmtg-progress-fill,
body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) .wmtg-progress-fill{
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

@media(max-width:760px){
    body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) a,
    body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) a,
    body .wmtg-my-tips-card a,
    body .wmtg-dashboard-my-tips a{
        width:170px!important;
        height:28px!important;
        font-size:12px!important;
        border-radius:0 16px 0 30px!important;
    }

    body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) h3,
    body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) h3,
    body .wmtg-dashboard .wmtg-card:has(.wmtg-my-tips-marker) .wmtg-card-title,
    body .wmtg-dashboard-card:has(.wmtg-my-tips-marker) .wmtg-card-title{
        padding-right:185px!important;
    }
}


/* v2.7.8 – Dashboard: erster Top-Block „Meine Tipps“ als echter Alle-Tipps-Reiter */
body .wmtg-dashboard > :first-child,
body .wmtg-dashboard .wmtg-dashboard-top > :first-child,
body .wmtg-dashboard .wmtg-dashboard-grid > :first-child,
body .wmtg-dashboard .wmtg-overview-grid > :first-child{
    position:relative!important;
    overflow:hidden!important;
}

/* sehr gezielt: erster Card-Block im Dashboard */
body .wmtg-dashboard .wmtg-card:first-child,
body .wmtg-dashboard-card:first-child,
body .wmtg-dashboard .wmtg-dashboard-top .wmtg-card:first-child,
body .wmtg-dashboard .wmtg-dashboard-grid .wmtg-card:first-child,
body .wmtg-dashboard .wmtg-overview-grid .wmtg-card:first-child{
    position:relative!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.22)!important;
    background:#fff!important;
}

/* vorhandenen kleinen Button im ersten Card-Block zum Reiter machen */
body .wmtg-dashboard .wmtg-card:first-child a,
body .wmtg-dashboard-card:first-child a,
body .wmtg-dashboard .wmtg-dashboard-top .wmtg-card:first-child a,
body .wmtg-dashboard .wmtg-dashboard-grid .wmtg-card:first-child a,
body .wmtg-dashboard .wmtg-overview-grid .wmtg-card:first-child a{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:250px!important;
    min-width:250px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 36px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:30!important;
}

/* Überschrift links bekommt Platz */
body .wmtg-dashboard .wmtg-card:first-child h3,
body .wmtg-dashboard-card:first-child h3,
body .wmtg-dashboard .wmtg-card:first-child .wmtg-card-title,
body .wmtg-dashboard-card:first-child .wmtg-card-title{
    padding-right:270px!important;
}

/* falls Button eine eigene Klasse hat, alte Pillenoptik entfernen */
body .wmtg-dashboard .wmtg-card:first-child .wmtg-button,
body .wmtg-dashboard .wmtg-card:first-child .wmtg-card-action,
body .wmtg-dashboard .wmtg-card:first-child .wmtg-card-link{
    border-radius:0 18px 0 36px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
}

/* Mobil */
@media(max-width:760px){
    body .wmtg-dashboard .wmtg-card:first-child a,
    body .wmtg-dashboard-card:first-child a,
    body .wmtg-dashboard .wmtg-dashboard-top .wmtg-card:first-child a,
    body .wmtg-dashboard .wmtg-dashboard-grid .wmtg-card:first-child a,
    body .wmtg-dashboard .wmtg-overview-grid .wmtg-card:first-child a{
        width:170px!important;
        min-width:170px!important;
        height:28px!important;
        font-size:12px!important;
        border-radius:0 16px 0 30px!important;
    }

    body .wmtg-dashboard .wmtg-card:first-child h3,
    body .wmtg-dashboard-card:first-child h3,
    body .wmtg-dashboard .wmtg-card:first-child .wmtg-card-title,
    body .wmtg-dashboard-card:first-child .wmtg-card-title{
        padding-right:185px!important;
    }
}


/* JS-Fallback-Klasse */
body .wmtg-my-tips-card{
    position:relative!important;
    overflow:hidden!important;
}

body .wmtg-my-tips-card a{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:250px!important;
    min-width:250px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 36px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    z-index:30!important;
}


/* v2.7.9 – Meine-Tipps-Reiter direkt über eigenes Markup */
body .wmtg-dashboard-wrap .wmtg-my-tips-card{
    position:relative!important;
    overflow:hidden!important;
    padding-top:18px!important;
    border-radius:18px!important;
}

body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
    position:relative!important;
    z-index:2!important;
    padding-right:270px!important;
}

body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:250px!important;
    min-width:250px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 38px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:10!important;
}

body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab:hover{
    filter:brightness(.98)!important;
    color:#fff!important;
}

body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-main,
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-progress,
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-note{
    position:relative!important;
    z-index:2!important;
}

@media(max-width:760px){
    body .wmtg-dashboard-wrap .wmtg-my-tips-card{
        padding-top:16px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:178px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
        width:166px!important;
        min-width:166px!important;
        height:28px!important;
        font-size:12px!important;
        border-radius:0 16px 0 30px!important;
    }
}


/* v2.8.0 – Dashboard-Panels einzeln per Shortcode nutzbar */
.wmtg-dashboard-panel-shortcode{
    width:100%;
    max-width:100%;
    margin:0;
}

.wmtg-dashboard-panel-shortcode .wmtg-dash-card{
    width:100%;
    min-height:100%;
}

.wmtg-dashboard-panel-shortcode .wmtg-dash-card-wide,
.wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card,
.wmtg-dashboard-panel-shortcode .wmtg-panel-card{
    grid-column:auto!important;
}

.wmtg-dashboard-panel-shortcode + .wmtg-dashboard-panel-shortcode{
    margin-top:20px;
}

/* Panels können in Elementor/Blocksy-Spalten gesetzt werden */
.wmtg-dashboard-panel-shortcode .wmtg-match-list,
.wmtg-dashboard-panel-shortcode .wmtg-result-list,
.wmtg-dashboard-panel-shortcode .wmtg-ranking-list{
    min-height:auto;
}


/* v2.8.1 – Alle-Tipps-Reiter: Akzentfarbe + bis zum Kartenrand */
body .wmtg-dashboard-wrap .wmtg-my-tips-card{
    position:relative!important;
    overflow:hidden!important;
}

/* Reiter wird über die Optionsseite per Akzentfarbe gesteuert */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:250px!important;
    min-width:250px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 38px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:20!important;
}

/* vorherige Varianten überschreiben: kein Abstand rechts/oben */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-pill,
body .wmtg-dashboard-wrap .wmtg-my-tips-card a[href*="tippen"]{
    top:0!important;
    right:0!important;
    margin:0!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

/* Head braucht nur Platz, Reiter selbst sitzt bündig an der Karte */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
    padding-right:270px!important;
}

/* Border der Karte passend zur Akzentfarbe */
body .wmtg-dashboard-wrap .wmtg-my-tips-card{
    border-color:rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.22)!important;
}

/* Optional: Reiter etwas breiter auf großen Karten */
@media(min-width:900px){
    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
        width:280px!important;
        min-width:280px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:300px!important;
    }
}

@media(max-width:760px){
    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
        width:170px!important;
        min-width:170px!important;
        height:28px!important;
        font-size:12px!important;
        border-radius:0 16px 0 30px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:185px!important;
    }
}


/* v2.8.2 – Reiter wirklich bis zum Kartenrand ziehen */
body .wmtg-dashboard-wrap .wmtg-my-tips-card{
    position:relative!important;
    overflow:hidden!important;
}

/* Wichtig: der Header darf NICHT der Bezugspunkt sein */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
    position:static!important;
    padding-right:300px!important;
}

/* Der Reiter hängt jetzt direkt an der Karte */
body .wmtg-dashboard-wrap .wmtg-my-tips-card > .wmtg-dash-head > .wmtg-all-tips-tab,
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 38px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:30!important;
}

/* alle älteren Pillen-Regeln für diesen Link neutralisieren */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab.wmtg-dash-pill,
body .wmtg-dashboard-wrap .wmtg-my-tips-card a.wmtg-all-tips-tab{
    top:0!important;
    right:0!important;
    transform:none!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

/* Inhalt soll nicht unter dem Reiter liegen */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-title{
    max-width:calc(100% - 300px)!important;
}

@media(max-width:760px){
    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:185px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card > .wmtg-dash-head > .wmtg-all-tips-tab,
    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
        width:170px!important;
        min-width:170px!important;
        max-width:170px!important;
        height:30px!important;
        font-size:12px!important;
        border-radius:0 16px 0 30px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-title{
        max-width:calc(100% - 185px)!important;
    }
}


/* v2.8.3 – Farbeinstellungen konsequent auf Shortcodes anwenden */
body .wmtg-wrap,
body .wmtg-dashboard-wrap,
body .wmtg-dashboard,
body .wmtg-ranking-table-page,
body .wmtg-dashboard-panel-shortcode,
body .wmtg-design-settings{
    --wmtg-accent:var(--wmtg-user-accent,#ef3c94)!important;
    --wmtg-accent-rgb:var(--wmtg-user-accent-rgb,239,60,148)!important;
}

/* Dashboard: Reiter, CTA, Fortschritt */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab,
body .wmtg-dashboard-wrap .wmtg-big-cta,
body .wmtg-dashboard-wrap .wmtg-progress span,
body .wmtg-dashboard-panel-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab,
body .wmtg-dashboard-panel-shortcode .wmtg-big-cta,
body .wmtg-dashboard-panel-shortcode .wmtg-progress span{
    background:var(--wmtg-accent)!important;
}

body .wmtg-dashboard-wrap .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card{
    border-color:rgba(var(--wmtg-accent-rgb),.18)!important;
}

body .wmtg-dashboard-wrap .wmtg-dash-title,
body .wmtg-dashboard-wrap .wmtg-dash-icon,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-title,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-icon{
    color:var(--wmtg-accent)!important;
}

/* Pills und Badges */
body .wmtg-dashboard-wrap .wmtg-dash-pill,
body .wmtg-dashboard-wrap .wmtg-pill-pink,
body .wmtg-dashboard-wrap .wmtg-ranking-position,
body .wmtg-dashboard-wrap .wmtg-result-matchno,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-pill,
body .wmtg-dashboard-panel-shortcode .wmtg-pill-pink,
body .wmtg-dashboard-panel-shortcode .wmtg-ranking-position,
body .wmtg-dashboard-panel-shortcode .wmtg-result-matchno{
    color:var(--wmtg-accent)!important;
    background:rgba(var(--wmtg-accent-rgb),.10)!important;
    border-color:rgba(var(--wmtg-accent-rgb),.20)!important;
}

/* Tippfelder */
body .wmtg-dashboard-tip-inline.has-tip .wmtg-dashboard-tip-score span,
body .wmtg-wrap .wmtg-tip-home,
body .wmtg-wrap .wmtg-tip-away{
    border-color:rgba(var(--wmtg-accent-rgb),.35)!important;
}

body .wmtg-dashboard-tip-inline.has-tip .wmtg-dashboard-tip-label,
body .wmtg-dashboard-tip-inline.has-tip .wmtg-dashboard-tip-score span,
body .wmtg-wrap .wmtg-tip-label,
body .wmtg-wrap .wmtg-cell-points,
body .wmtg-ranking-table-page .wmtg-cell-points{
    color:var(--wmtg-accent)!important;
}

/* Optionsseite: Live-Auswahl beeinflusst sofort Vorschau UND globale Variablen */
.wmtg-design-settings{
    --wmtg-settings-accent:var(--wmtg-user-accent,#ef3c94)!important;
}

.wmtg-design-save{
    background:var(--wmtg-user-accent,#ef3c94)!important;
}

/* Rangliste: Top-3 aus Akzentfarbe */
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-1{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--wmtg-accent) 88%,#ffffff 12%) 0%,
        color-mix(in srgb,var(--wmtg-accent) 72%,#ffffff 28%) 100%)!important;
}
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-2{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--wmtg-accent) 60%,#ffffff 40%) 0%,
        color-mix(in srgb,var(--wmtg-accent) 46%,#ffffff 54%) 100%)!important;
}
body .wmtg-ranking-table-page .wmtg-ranking-grid-row.is-rank-3{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--wmtg-accent) 36%,#ffffff 64%) 0%,
        color-mix(in srgb,var(--wmtg-accent) 26%,#ffffff 74%) 100%)!important;
}


/* v2.8.4 – Reiter auch für Letzte Ergebnisse und Rangliste */
body .wmtg-dashboard-wrap .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card{
    position:relative!important;
    overflow:hidden!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-head,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-head{
    position:static!important;
    padding-right:220px!important;
}

/* Panel-Reiter allgemein */
body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-tab,
body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink{
    position:absolute!important;
    top:0!important;
    right:0!important;
    min-width:180px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 20px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 18px 0 34px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.015em!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:20!important;
}

/* Letzte Ergebnisse: kurzer Reiter */
body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab-results,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-tab-results{
    width:170px!important;
    min-width:170px!important;
}

/* Rangliste: etwas breiter */
body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab-ranking,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-tab-ranking{
    width:230px!important;
    min-width:230px!important;
}

/* Fallback für alten Ranglisten-Link */
body .wmtg-dashboard-wrap .wmtg-panel-card a[href="#rangliste"],
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card a[href="#rangliste"]{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:230px!important;
    min-width:230px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:0 18px 0 34px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    text-decoration:none!important;
    z-index:20!important;
}

/* Panel-Ränder ebenfalls in Akzentfarbe */
body .wmtg-dashboard-wrap .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card{
    border-color:rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.18)!important;
}

/* Mobil */
@media(max-width:760px){
    body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-head,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-head{
        padding-right:150px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-tab,
    body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink{
        width:140px!important;
        min-width:140px!important;
        height:28px!important;
        padding:0 14px!important;
        font-size:11px!important;
        border-radius:0 16px 0 28px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab-ranking,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-tab-ranking,
    body .wmtg-dashboard-wrap .wmtg-panel-card a[href="#rangliste"],
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card a[href="#rangliste"]{
        width:165px!important;
        min-width:165px!important;
        font-size:10px!important;
    }
}


/* v2.8.5 – Panels volle Breite + gleiche Höhe */
body .wmtg-dashboard-panel-shortcode,
body .wmtg-dashboard-wrap .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    margin:0!important;
}

/* Panels füllen Container */
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card,
body .wmtg-dashboard-wrap .wmtg-dash-card,
body .wmtg-dashboard-wrap .wmtg-panel-card{
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    min-height:165px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
}

/* obere drei Panels angleichen */
body .wmtg-my-tips-card,
body .wmtg-dashboard-wrap .wmtg-dash-card{
    min-height:165px!important;
}

/* Inhalt verteilt */
body .wmtg-dashboard-panel-shortcode .wmtg-dash-main,
body .wmtg-dashboard-wrap .wmtg-dash-main{
    flex:1 1 auto!important;
}

/* Reiter bündig */
body .wmtg-dashboard-panel-shortcode .wmtg-all-tips-tab,
body .wmtg-dashboard-wrap .wmtg-all-tips-tab{
    top:0!important;
    right:0!important;
}

/* Elementor/Container */
.elementor-widget-shortcode .wmtg-dashboard-panel-shortcode,
.ct-container .wmtg-dashboard-panel-shortcode,
.wp-block-shortcode .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
}

@media(max-width:768px){
    body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
    body .wmtg-dashboard-wrap .wmtg-dash-card,
    body .wmtg-dashboard-wrap .wmtg-panel-card{
        min-height:auto!important;
    }
}


/* v2.8.6 – Dashboard-Panels: gleiche Höhe + kleinere Abstände */

/* Wenn die einzelnen Panel-Shortcodes in Elementor/Blocksy-Containern liegen:
   Wrapper und Widget auf volle Höhe ziehen. */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container,
.wp-block-shortcode,
.ct-shortcode,
.ct-widget,
.ct-container .wmtg-dashboard-panel-shortcode{
    height:100%!important;
}

/* Shortcode selbst füllt den Container */
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    align-items:stretch!important;
    margin:0!important;
}

/* Einzelne Panelkarten gleich hoch */
body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:170px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
}

/* Im kompletten Dashboard die Spalten enger setzen */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid{
    gap:16px!important;
}

body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
    gap:16px!important;
    margin-top:16px!important;
}

/* Falls die drei oberen Panels als einzelne Shortcodes nebeneinander im Builder stehen */
.elementor-section .elementor-container,
.elementor-container,
.e-con,
.e-con-inner,
.wp-block-columns{
    column-gap:16px!important;
}

/* Karten-intern kompakter, damit die Höhen visuell gleich wirken */
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
body .wmtg-dashboard-wrap .wmtg-dash-card{
    padding:18px!important;
}

body .wmtg-dashboard-panel-shortcode .wmtg-my-tips-card,
body .wmtg-dashboard-wrap .wmtg-my-tips-card{
    min-height:170px!important;
    padding-top:18px!important;
}

body .wmtg-dashboard-panel-shortcode .wmtg-dash-head,
body .wmtg-dashboard-wrap .wmtg-dash-head{
    margin-bottom:14px!important;
}

body .wmtg-dashboard-panel-shortcode .wmtg-dash-main,
body .wmtg-dashboard-wrap .wmtg-dash-main{
    flex:0 0 auto!important;
    margin-top:4px!important;
}

body .wmtg-dashboard-panel-shortcode .wmtg-progress,
body .wmtg-dashboard-wrap .wmtg-progress{
    margin-top:12px!important;
}

body .wmtg-dashboard-panel-shortcode .wmtg-dash-note,
body .wmtg-dashboard-wrap .wmtg-dash-note{
    margin-top:10px!important;
}

/* Reiter bleibt bündig */
body .wmtg-dashboard-panel-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab,
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
    top:0!important;
    right:0!important;
}

/* Tablet */
@media(max-width:1024px){
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        gap:14px!important;
    }

    body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card{
        min-height:160px!important;
    }
}

/* Mobil: gleiche Höhe nicht erzwingen */
@media(max-width:768px){
    .elementor-widget-shortcode,
    .elementor-widget-shortcode .elementor-widget-container,
    .wp-block-shortcode,
    .ct-shortcode,
    .ct-widget,
    .ct-container .wmtg-dashboard-panel-shortcode{
        height:auto!important;
    }

    body .wmtg-dashboard-panel-shortcode,
    body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card{
        height:auto!important;
        min-height:auto!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        gap:12px!important;
        margin-top:12px!important;
    }
}


/* v2.8.7 – Dashboard final: gleiche Höhe, volle Breite, geringe Abstände */
body .wmtg-dashboard-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

body .wmtg-dashboard-wrap .wmtg-dashboard-grid{
    display:grid!important;
    grid-template-columns:2fr 1fr 1fr!important;
    gap:12px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
}

body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
}

body .wmtg-dashboard-wrap .wmtg-dash-card,
body .wmtg-dashboard-wrap .wmtg-panel-card,
body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:170px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:14px!important;
    overflow:hidden!important;
}

body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card{
    grid-column:1 / -1!important;
    min-height:250px!important;
}

body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary .wmtg-panel-card{
    min-height:350px!important;
}

body .wmtg-dashboard-wrap .wmtg-dash-card{
    padding:18px!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card{
    padding:0!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-head{
    min-height:56px!important;
    padding:18px!important;
    border-bottom:1px solid rgba(15,23,42,.06)!important;
}

body .wmtg-dashboard-wrap .wmtg-match-list,
body .wmtg-dashboard-wrap .wmtg-result-list,
body .wmtg-dashboard-wrap .wmtg-ranking-list{
    flex:1 1 auto!important;
}

/* Einzel-Shortcodes: volle Containerbreite und -höhe */
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:stretch!important;
    margin:0!important;
    padding:0!important;
}

body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-bonus-dashboard-card,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:170px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
}

/* Builder-Kompatibilität: Container mit Panels bündig und gestreckt */
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode),
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .elementor-widget-container,
.e-con:has(.wmtg-dashboard-panel-shortcode),
.e-con-inner:has(.wmtg-dashboard-panel-shortcode),
.elementor-column:has(.wmtg-dashboard-panel-shortcode),
.wp-block-column:has(.wmtg-dashboard-panel-shortcode){
    height:100%!important;
    margin:0!important;
    padding:0!important;
}

.e-con:has(.wmtg-dashboard-panel-shortcode),
.wp-block-columns:has(.wmtg-dashboard-panel-shortcode){
    gap:12px!important;
    column-gap:12px!important;
    row-gap:12px!important;
    align-items:stretch!important;
}

/* Reiter weiterhin bündig */
body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
    top:0!important;
    right:0!important;
}

/* Tablet */
@media(max-width:1024px){
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid{
        grid-template-columns:1fr 1fr!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dash-card-wide,
    body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card{
        grid-column:1 / -1!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        grid-template-columns:1fr!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        gap:12px!important;
    }
}

/* Mobil */
@media(max-width:768px){
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-top:12px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dash-card,
    body .wmtg-dashboard-wrap .wmtg-panel-card,
    body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card{
        min-height:auto!important;
        height:auto!important;
    }
}


/* v2.8.8 – Dashboard wie Mockup: zentriert, gleich hohe Panels, sauberes Grid */

/* Gesamtrahmen wieder mit sinnvoller Seitenluft */
body .wmtg-dashboard-wrap{
    width:100%!important;
    max-width:1480px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    box-sizing:border-box!important;
}

/* Top-Grid: 2fr / 1fr / 1fr, exakt gleiche Kartenhöhe */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid{
    display:grid!important;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

/* Zweites Grid: drei gleiche Spalten */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
}

/* Jede Karte füllt ihre Zelle */
body .wmtg-dashboard-wrap .wmtg-dash-card,
body .wmtg-dashboard-wrap .wmtg-panel-card,
body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:14px!important;
    border:1px solid rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,0,150,130)),.18)!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(16,24,40,.055)!important;
    overflow:hidden!important;
}

/* Top-Panels zwingend gleich hoch */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid > .wmtg-dash-card{
    min-height:220px!important;
}

/* Meine Tipps darf doppelt breit sein, aber nicht höher/niedriger */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid > .wmtg-dash-card-wide{
    grid-column:auto!important;
}

/* Bonusfragen über komplette Breite */
body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card{
    grid-column:1 / -1!important;
    min-height:290px!important;
}

/* Untere Karten einheitlich hoch */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary > .wmtg-panel-card{
    min-height:380px!important;
}

/* Innenabstände */
body .wmtg-dashboard-wrap .wmtg-dash-card{
    padding:24px!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card{
    padding:0!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-head{
    min-height:58px!important;
    padding:18px 22px!important;
    border-bottom:1px solid rgba(15,23,42,.06)!important;
}

body .wmtg-dashboard-wrap .wmtg-dash-head{
    margin-bottom:20px!important;
}

/* Meine Tipps-Reiter wie im Mockup bündig oben rechts */
body .wmtg-dashboard-wrap .wmtg-my-tips-card{
    position:relative!important;
    padding-top:24px!important;
}

body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
    position:static!important;
    padding-right:280px!important;
}

body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:260px!important;
    min-width:260px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:0 14px 0 38px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#009e8a))!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    z-index:20!important;
}

/* Inhalte ähnlich Mockup verteilen */
body .wmtg-dashboard-wrap .wmtg-dash-main{
    flex:0 0 auto!important;
    margin-top:4px!important;
}

body .wmtg-dashboard-wrap .wmtg-progress{
    margin-top:18px!important;
}

body .wmtg-dashboard-wrap .wmtg-dash-note{
    margin-top:14px!important;
}

/* Bonusfragen optisch in zwei Spalten wie Mockup */
body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-list{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 22px!important;
    align-items:start!important;
    padding-top:4px!important;
}

body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-row{
    min-height:58px!important;
}

/* Untere Panelinhalte füllen sauber */
body .wmtg-dashboard-wrap .wmtg-match-list,
body .wmtg-dashboard-wrap .wmtg-result-list,
body .wmtg-dashboard-wrap .wmtg-ranking-list{
    flex:1 1 auto!important;
}

/* Reiter in unteren Panels bündig am Rand */
body .wmtg-dashboard-wrap .wmtg-panel-card{
    position:relative!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-head{
    position:static!important;
    padding-right:220px!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab,
body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
body .wmtg-dashboard-wrap .wmtg-panel-card a[href="#rangliste"]{
    position:absolute!important;
    top:0!important;
    right:0!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 22px!important;
    border:0!important;
    border-radius:0 14px 0 34px!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#009e8a))!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    z-index:20!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab-results,
body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink{
    width:180px!important;
}

body .wmtg-dashboard-wrap .wmtg-panel-card .wmtg-panel-tab-ranking,
body .wmtg-dashboard-wrap .wmtg-panel-card a[href="#rangliste"]{
    width:240px!important;
}

/* Einzel-Shortcodes: Panel soll Container füllen, ohne eigene Außenabstände */
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:stretch!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-bonus-dashboard-card,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:220px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
}

/* Builder-Container: nicht links kleben, aber interne Abstände klein halten */
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode),
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .elementor-widget-container,
.wp-block-shortcode:has(.wmtg-dashboard-panel-shortcode){
    height:100%!important;
    margin:0!important;
    padding:0!important;
}

.e-con:has(.wmtg-dashboard-panel-shortcode),
.e-con-inner:has(.wmtg-dashboard-panel-shortcode),
.wp-block-columns:has(.wmtg-dashboard-panel-shortcode){
    gap:14px!important;
    column-gap:14px!important;
    row-gap:14px!important;
    align-items:stretch!important;
}

/* Tablet */
@media(max-width:1024px){
    body .wmtg-dashboard-wrap{
        padding:0 16px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid{
        grid-template-columns:1fr 1fr!important;
        gap:14px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dash-card-wide,
    body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card{
        grid-column:1 / -1!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-list{
        grid-template-columns:1fr!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid > .wmtg-dash-card,
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary > .wmtg-panel-card{
        min-height:220px!important;
    }
}

/* Mobil */
@media(max-width:768px){
    body .wmtg-dashboard-wrap{
        padding:0 12px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-top:12px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-dash-card,
    body .wmtg-dashboard-wrap .wmtg-panel-card,
    body .wmtg-dashboard-wrap .wmtg-bonus-dashboard-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
    body .wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card{
        min-height:auto!important;
        height:auto!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-all-tips-tab{
        width:170px!important;
        min-width:170px!important;
        height:32px!important;
        font-size:12px!important;
        border-radius:0 14px 0 28px!important;
    }

    body .wmtg-dashboard-wrap .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:185px!important;
    }
}


/* v2.8.9 – Dashboard zentrieren, nicht am linken Rand kleben */
body .wmtg-dashboard-wrap{
    width:min(100%, 1280px)!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
}

/* Falls der Shortcode direkt in einem Fullwidth-Container liegt */
body .entry-content > .wmtg-dashboard-wrap,
body .ct-container-full > .wmtg-dashboard-wrap,
body .elementor-widget-container > .wmtg-dashboard-wrap,
body .wp-block-shortcode > .wmtg-dashboard-wrap{
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Einzelpanel-Shortcodes sollen weiterhin den jeweiligen Container füllen */
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Der komplette Dashboard-Shortcode bekommt Seitenluft, Einzelpanels nicht */
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
    padding-left:24px!important;
    padding-right:24px!important;
}

/* Grid bleibt innerhalb der zentrierten Breite */
body .wmtg-dashboard-wrap .wmtg-dashboard-grid,
body .wmtg-dashboard-wrap .wmtg-dashboard-grid-secondary{
    width:100%!important;
    max-width:100%!important;
}

/* Tablet */
@media(max-width:1024px){
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
        width:100%!important;
        max-width:100%!important;
        padding-left:18px!important;
        padding-right:18px!important;
    }
}

/* Mobil */
@media(max-width:768px){
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
        padding-left:12px!important;
        padding-right:12px!important;
    }
}


/* v2.9.0 – Dashboard-Abstand hart korrigieren */
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
}

/* Dashboard-Grids bekommen echte Seitenluft */
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid,
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid-secondary{
    width:calc(100% - 48px)!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid{
    margin-top:0!important;
}

body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid-secondary{
    margin-top:14px!important;
}

/* einzelne Panel-Shortcodes bleiben 100% ihres Containers */
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
}

/* falls Panel-Shortcodes direkt im Seiteninhalt liegen */
body .entry-content > .wmtg-dashboard-panel-shortcode,
body .site-main > .wmtg-dashboard-panel-shortcode,
body .ct-container-full > .wmtg-dashboard-panel-shortcode{
    width:calc(100% - 48px)!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* gleiche Höhe im oberen kompletten Dashboard */
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid{
    align-items:stretch!important;
}

body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid > .wmtg-dash-card{
    height:100%!important;
    min-height:170px!important;
}

/* Elementor: volle Höhe in Spalten */
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode),
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .elementor-widget-container{
    height:100%!important;
}

.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .wmtg-dashboard-panel-shortcode,
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .wmtg-dash-card{
    height:100%!important;
}

@media(max-width:1024px){
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid-secondary,
    body .entry-content > .wmtg-dashboard-panel-shortcode,
    body .site-main > .wmtg-dashboard-panel-shortcode,
    body .ct-container-full > .wmtg-dashboard-panel-shortcode{
        width:calc(100% - 36px)!important;
    }
}

@media(max-width:768px){
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid,
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid-secondary,
    body .entry-content > .wmtg-dashboard-panel-shortcode,
    body .site-main > .wmtg-dashboard-panel-shortcode,
    body .ct-container-full > .wmtg-dashboard-panel-shortcode{
        width:calc(100% - 24px)!important;
    }
}

/* v2.9.1 – Dashboard/Panel-Abstand am Eltern-Container erzwingen */

.e-con:has(.wmtg-dashboard-wrap),
.e-con:has(.wmtg-dashboard-panel-shortcode),
.e-con-inner:has(.wmtg-dashboard-wrap),
.e-con-inner:has(.wmtg-dashboard-panel-shortcode),
.entry-content:has(.wmtg-dashboard-wrap),
.entry-content:has(.wmtg-dashboard-panel-shortcode),
.site-main:has(.wmtg-dashboard-wrap),
.site-main:has(.wmtg-dashboard-panel-shortcode),
.ct-container-full:has(.wmtg-dashboard-wrap),
.ct-container-full:has(.wmtg-dashboard-panel-shortcode){
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
}

body .wmtg-dashboard-wrap,
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}

body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid,
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid-secondary{
    width:100%!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body .wmtg-dashboard-panel-shortcode{
    max-width:100%!important;
}

.e-con:has(.wmtg-dashboard-panel-shortcode),
.e-con-inner:has(.wmtg-dashboard-panel-shortcode),
.wp-block-columns:has(.wmtg-dashboard-panel-shortcode){
    align-items:stretch!important;
    gap:14px!important;
    column-gap:14px!important;
    row-gap:14px!important;
}

.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode),
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .elementor-widget-container,
.wp-block-column:has(.wmtg-dashboard-panel-shortcode){
    height:100%!important;
    display:flex!important;
}

body .wmtg-dashboard-panel-shortcode,
body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-bonus-dashboard-card{
    height:100%!important;
}

@media(max-width:1024px){
    .e-con:has(.wmtg-dashboard-wrap),
    .e-con:has(.wmtg-dashboard-panel-shortcode),
    .e-con-inner:has(.wmtg-dashboard-wrap),
    .e-con-inner:has(.wmtg-dashboard-panel-shortcode),
    .entry-content:has(.wmtg-dashboard-wrap),
    .entry-content:has(.wmtg-dashboard-panel-shortcode),
    .site-main:has(.wmtg-dashboard-wrap),
    .site-main:has(.wmtg-dashboard-panel-shortcode),
    .ct-container-full:has(.wmtg-dashboard-wrap),
    .ct-container-full:has(.wmtg-dashboard-panel-shortcode){
        padding-left:18px!important;
        padding-right:18px!important;
    }
}

@media(max-width:768px){
    .e-con:has(.wmtg-dashboard-wrap),
    .e-con:has(.wmtg-dashboard-panel-shortcode),
    .e-con-inner:has(.wmtg-dashboard-wrap),
    .e-con-inner:has(.wmtg-dashboard-panel-shortcode),
    .entry-content:has(.wmtg-dashboard-wrap),
    .entry-content:has(.wmtg-dashboard-panel-shortcode),
    .site-main:has(.wmtg-dashboard-wrap),
    .site-main:has(.wmtg-dashboard-panel-shortcode),
    .ct-container-full:has(.wmtg-dashboard-wrap),
    .ct-container-full:has(.wmtg-dashboard-panel-shortcode){
        padding-left:12px!important;
        padding-right:12px!important;
    }

    body .wmtg-dashboard-panel-shortcode,
    body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
    body .wmtg-dashboard-panel-shortcode > .wmtg-bonus-dashboard-card{
        height:auto!important;
    }
}


/* v2.9.2 – Korrektur: Panel-Shortcodes sauber in Elementor/Blocksy-Containern */

/* Die harten Parent-Paddings aus v2.9.1 neutralisieren, weil sie Builder-Layouts zerstören */
.e-con:has(.wmtg-dashboard-wrap),
.e-con:has(.wmtg-dashboard-panel-shortcode),
.e-con-inner:has(.wmtg-dashboard-wrap),
.e-con-inner:has(.wmtg-dashboard-panel-shortcode),
.entry-content:has(.wmtg-dashboard-wrap),
.entry-content:has(.wmtg-dashboard-panel-shortcode),
.site-main:has(.wmtg-dashboard-wrap),
.site-main:has(.wmtg-dashboard-panel-shortcode),
.ct-container-full:has(.wmtg-dashboard-wrap),
.ct-container-full:has(.wmtg-dashboard-panel-shortcode){
    padding-left:initial!important;
    padding-right:initial!important;
}

/* Komplettes Dashboard zentriert, aber nicht bei Einzelpanel-Shortcodes */
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
    width:min(100%,1280px)!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
}

/* Einzelpanels: 100% der jeweiligen Spalte */
body .wmtg-dashboard-panel-shortcode{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
}

/* Wenn die drei oberen Panels einzeln in einem Elementor-Flexcontainer liegen */
.e-con:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points),
.e-con-inner:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points){
    display:flex!important;
    align-items:stretch!important;
    gap:14px!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
}

/* Elementor-Widgets als flexible Spalten */
.elementor-element:has(.wmtg-panel-my-tips),
.elementor-widget-shortcode:has(.wmtg-panel-my-tips){
    flex:2 1 0!important;
    width:auto!important;
    min-width:0!important;
}

.elementor-element:has(.wmtg-panel-rank),
.elementor-widget-shortcode:has(.wmtg-panel-rank),
.elementor-element:has(.wmtg-panel-points),
.elementor-widget-shortcode:has(.wmtg-panel-points){
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
}

.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode),
.elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) .elementor-widget-container{
    height:100%!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
}

/* Kartenhöhe und -breite */
body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode > .wmtg-bonus-dashboard-card,
body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
body .wmtg-dashboard-panel-shortcode .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:170px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
}

/* obere Panels wirklich gleiche Höhe */
body .wmtg-panel-my-tips > .wmtg-dash-card,
body .wmtg-panel-rank > .wmtg-dash-card,
body .wmtg-panel-points > .wmtg-dash-card{
    min-height:170px!important;
}

/* Komplett-Dashboard im Plugin-eigenen Grid bleibt korrekt */
body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode) > .wmtg-dashboard-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    align-items:stretch!important;
}

/* Tablet */
@media(max-width:1024px){
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
        padding-left:18px!important;
        padding-right:18px!important;
    }

    .e-con:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points),
    .e-con-inner:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points){
        padding-left:18px!important;
        padding-right:18px!important;
        gap:14px!important;
    }
}

/* Mobil: untereinander */
@media(max-width:768px){
    body .wmtg-dashboard-wrap:not(.wmtg-dashboard-panel-shortcode){
        padding-left:12px!important;
        padding-right:12px!important;
    }

    .e-con:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points),
    .e-con-inner:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points){
        flex-direction:column!important;
        padding-left:12px!important;
        padding-right:12px!important;
        gap:12px!important;
    }

    .elementor-element:has(.wmtg-panel-my-tips),
    .elementor-widget-shortcode:has(.wmtg-panel-my-tips),
    .elementor-element:has(.wmtg-panel-rank),
    .elementor-widget-shortcode:has(.wmtg-panel-rank),
    .elementor-element:has(.wmtg-panel-points),
    .elementor-widget-shortcode:has(.wmtg-panel-points){
        flex:1 1 auto!important;
        width:100%!important;
    }

    body .wmtg-dashboard-panel-shortcode,
    body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
    body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card,
    body .wmtg-dashboard-panel-shortcode > .wmtg-bonus-dashboard-card{
        height:auto!important;
        min-height:auto!important;
    }
}


/* v2.9.3 DASHBOARD REBUILD */
html body .wmtg-dashboard-wrap,
html body .wmtg-dashboard-wrap *{box-sizing:border-box!important;}

html body .wmtg-dashboard-wrap{
  --wmtg-dashboard-gap:16px;
  --wmtg-dashboard-radius:18px;
  --wmtg-dashboard-border:rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,249,115,22)),.20);
  --wmtg-dashboard-shadow:0 18px 42px rgba(16,24,40,.065);
}

html body .wmtg-dashboard-full{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0 24px!important;
}

html body .wmtg-dashboard-full > .wmtg-dashboard-grid:first-of-type{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:var(--wmtg-dashboard-gap)!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

html body .wmtg-dashboard-full > .wmtg-dashboard-grid-secondary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--wmtg-dashboard-gap)!important;
  align-items:stretch!important;
  width:100%!important;
  margin:var(--wmtg-dashboard-gap) 0 0!important;
  padding:0!important;
}

html body .wmtg-dashboard-full .wmtg-dash-card,
html body .wmtg-dashboard-full .wmtg-panel-card,
html body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  border-radius:var(--wmtg-dashboard-radius)!important;
  border:1px solid var(--wmtg-dashboard-border)!important;
  background:#fff!important;
  box-shadow:var(--wmtg-dashboard-shadow)!important;
  overflow:hidden!important;
}

html body .wmtg-dashboard-full > .wmtg-dashboard-grid:first-of-type > .wmtg-dash-card{
  min-height:220px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:24px!important;
}

html body .wmtg-dashboard-full .wmtg-bonus-dashboard-card{
  grid-column:1 / -1!important;
  min-height:275px!important;
  padding:24px!important;
}

html body .wmtg-dashboard-full > .wmtg-dashboard-grid-secondary > .wmtg-panel-card{
  min-height:365px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
}

html body .wmtg-dashboard-full .wmtg-panel-card .wmtg-panel-head,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-panel-head{
  position:relative!important;
  min-height:62px!important;
  padding:18px 22px!important;
  border-bottom:1px solid rgba(15,23,42,.065)!important;
}

html body .wmtg-dashboard-full .wmtg-match-list,
html body .wmtg-dashboard-full .wmtg-result-list,
html body .wmtg-dashboard-full .wmtg-ranking-list,
html body .wmtg-dashboard-panel-shortcode .wmtg-match-list,
html body .wmtg-dashboard-panel-shortcode .wmtg-result-list,
html body .wmtg-dashboard-panel-shortcode .wmtg-ranking-list{
  flex:1 1 auto!important;
}

html body .wmtg-dashboard-panel-shortcode{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
}

html body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
}

html body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card{padding:24px!important;}
html body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card{padding:0!important;}

html body .wmtg-dashboard-panel-shortcode.wmtg-panel-my-tips > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-rank > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-points > .wmtg-dash-card{min-height:220px!important;}

html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-dash-card{min-height:275px!important;}

html body .wmtg-dashboard-panel-shortcode.wmtg-panel-next-games > .wmtg-panel-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-latest-results > .wmtg-panel-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-ranking > .wmtg-panel-card{min-height:365px!important;}

html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode) > .elementor-widget-container{
  height:100%!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
}

html body .e-con:has(.wmtg-dashboard-panel-shortcode),
html body .e-con-inner:has(.wmtg-dashboard-panel-shortcode){align-items:stretch!important;}

html body .e-con:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points),
html body .e-con-inner:has(.wmtg-panel-my-tips):has(.wmtg-panel-rank):has(.wmtg-panel-points){gap:16px!important;}

html body .elementor-widget-shortcode:has(.wmtg-panel-my-tips){flex:2 1 0!important;}
html body .elementor-widget-shortcode:has(.wmtg-panel-rank),
html body .elementor-widget-shortcode:has(.wmtg-panel-points){flex:1 1 0!important;}

html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
html body .wmtg-panel-card a[href="#rangliste"]{
  position:absolute!important;
  top:0!important;
  right:0!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:0 var(--wmtg-dashboard-radius) 0 38px!important;
  background:var(--wmtg-accent,var(--wmtg-user-accent,#f97316))!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  line-height:1!important;
  z-index:20!important;
}

html body .wmtg-my-tips-card .wmtg-all-tips-tab{width:280px!important;}
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink{width:190px!important;}
html body .wmtg-panel-card a[href="#rangliste"]{width:250px!important;}

html body .wmtg-my-tips-card .wmtg-dash-head{
  position:static!important;
  padding-right:300px!important;
}
html body .wmtg-panel-card .wmtg-panel-head{padding-right:230px!important;}

html body .wmtg-bonus-dashboard-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px 22px!important;
}

@media(max-width:1024px){
  html body .wmtg-dashboard-full{padding:0 18px!important;}
  html body .wmtg-dashboard-full > .wmtg-dashboard-grid:first-of-type{grid-template-columns:1fr 1fr!important;}
  html body .wmtg-dashboard-full .wmtg-dash-card-wide,
  html body .wmtg-dashboard-full .wmtg-bonus-dashboard-card{grid-column:1 / -1!important;}
  html body .wmtg-dashboard-full > .wmtg-dashboard-grid-secondary{grid-template-columns:1fr!important;}
  html body .wmtg-bonus-dashboard-list{grid-template-columns:1fr!important;}
}

@media(max-width:768px){
  html body .wmtg-dashboard-full{padding:0 12px!important;}
  html body .wmtg-dashboard-full > .wmtg-dashboard-grid:first-of-type,
  html body .wmtg-dashboard-full > .wmtg-dashboard-grid-secondary{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:12px!important;
  }
  html body .wmtg-dashboard-full .wmtg-dash-card,
  html body .wmtg-dashboard-full .wmtg-panel-card,
  html body .wmtg-dashboard-panel-shortcode > .wmtg-dash-card,
  html body .wmtg-dashboard-panel-shortcode > .wmtg-panel-card{
    min-height:auto!important;
    height:auto!important;
  }
  html body .wmtg-my-tips-card .wmtg-all-tips-tab{
    width:170px!important;
    height:32px!important;
    font-size:12px!important;
  }
  html body .wmtg-my-tips-card .wmtg-dash-head{padding-right:185px!important;}
  html body .wmtg-panel-card .wmtg-panel-tab,
  html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
  html body .wmtg-panel-card a[href="#rangliste"]{
    width:165px!important;
    height:32px!important;
    font-size:11px!important;
  }
  html body .wmtg-panel-card .wmtg-panel-head{padding-right:180px!important;}
}

/* v2.9.4 stabile Zeilen-Shortcodes */
html body .wmtg-dashboard-row-shortcode{--wmtg-dashboard-gap:16px;--wmtg-dashboard-radius:18px;--wmtg-dashboard-border:rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,249,115,22)),.20);--wmtg-dashboard-shadow:0 18px 42px rgba(16,24,40,.065);width:min(100%,1320px)!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important;display:grid!important;gap:var(--wmtg-dashboard-gap)!important;align-items:stretch!important}
html body .wmtg-dashboard-row-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important}
html body .wmtg-dashboard-row-bottom{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .wmtg-dashboard-row-shortcode .wmtg-dash-card,html body .wmtg-dashboard-row-shortcode .wmtg-panel-card{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;margin:0!important;border-radius:var(--wmtg-dashboard-radius)!important;border:1px solid var(--wmtg-dashboard-border)!important;background:#fff!important;box-shadow:var(--wmtg-dashboard-shadow)!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}
html body .wmtg-dashboard-row-top .wmtg-dash-card{min-height:220px!important;padding:24px!important}
html body .wmtg-dashboard-row-bottom .wmtg-panel-card{min-height:365px!important;padding:0!important}
html body .wmtg-dashboard-row-shortcode .wmtg-panel-head{position:relative!important;min-height:62px!important;padding:18px 230px 18px 22px!important;border-bottom:1px solid rgba(15,23,42,.065)!important}
html body .wmtg-dashboard-row-shortcode .wmtg-match-list,html body .wmtg-dashboard-row-shortcode .wmtg-result-list,html body .wmtg-dashboard-row-shortcode .wmtg-ranking-list{flex:1 1 auto!important}
html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab,html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-panel-tab,html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,html body .wmtg-dashboard-row-shortcode .wmtg-panel-card a[href="#rangliste"]{position:absolute!important;top:0!important;right:0!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:0 var(--wmtg-dashboard-radius) 0 38px!important;background:var(--wmtg-accent,var(--wmtg-user-accent,#f97316))!important;color:#fff!important;font-size:15px!important;font-weight:950!important;text-transform:uppercase!important;text-decoration:none!important;line-height:1!important;z-index:20!important}
html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab{width:280px!important}
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-panel-tab,html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink{width:190px!important}
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card a[href="#rangliste"]{width:250px!important}
html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-dash-head{position:static!important;padding-right:300px!important}
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode),html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode)>.elementor-widget-container{width:100%!important;margin:0!important;padding:0!important}
@media(max-width:1024px){html body .wmtg-dashboard-row-shortcode{padding-left:18px!important;padding-right:18px!important}html body .wmtg-dashboard-row-top{grid-template-columns:1fr 1fr!important}html body .wmtg-dashboard-row-top .wmtg-my-tips-card{grid-column:1/-1!important}html body .wmtg-dashboard-row-bottom{grid-template-columns:1fr!important}}
@media(max-width:768px){html body .wmtg-dashboard-row-shortcode{grid-template-columns:1fr!important;gap:12px!important;padding-left:12px!important;padding-right:12px!important}html body .wmtg-dashboard-row-shortcode .wmtg-dash-card,html body .wmtg-dashboard-row-shortcode .wmtg-panel-card{min-height:auto!important;height:auto!important}html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab{width:170px!important;height:32px!important;font-size:12px!important}html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-dash-head{padding-right:185px!important}}


/* v2.9.5 – Bonusfragenpanel als einzelner Shortcode */
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    width:min(100%,1320px)!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
}

html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-bonus-dashboard-card{
    width:100%!important;
    min-height:275px!important;
    padding:24px!important;
}

html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus .wmtg-bonus-dashboard-list{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 22px!important;
}

@media(max-width:1024px){
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        padding-left:18px!important;
        padding-right:18px!important;
    }

    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus .wmtg-bonus-dashboard-list{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:768px){
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        padding-left:12px!important;
        padding-right:12px!important;
    }
}


/* v2.9.6 – Elementor-Container-Fix:
   Row-Shortcodes und Bonus-Panel dürfen aus schmalen Elementor-Containern ausbrechen
   und bilden wieder eine gemeinsame zentrierte Dashboard-Breite. */

html body .wmtg-dashboard-row-shortcode,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    width:min(1320px, calc(100vw - 48px))!important;
    max-width:min(1320px, calc(100vw - 48px))!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}

/* verhindert, dass Elementor/Blocksy die Shortcodes links in schmalen Containern festnagelt */
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode) > .elementor-widget-container,
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus) > .elementor-widget-container{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Bonusfragen-Panel im ausbrechenden Container über volle Breite */
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-height:275px!important;
    padding:24px!important;
}

/* Abstand zwischen den drei Shortcode-Containern, wenn sie untereinander stehen */
html body .wmtg-dashboard-row-shortcode + .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus + .wmtg-dashboard-row-shortcode{
    margin-top:16px!important;
}

/* Elementor-Container mit genau diesen Dashboard-Shortcodes soll keine zusätzlichen Innenabstände erzwingen */
html body .e-con:has(.wmtg-dashboard-row-shortcode),
html body .e-con:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .e-con-inner:has(.wmtg-dashboard-row-shortcode),
html body .e-con-inner:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus){
    overflow:visible!important;
}

/* Bonusfragen weiterhin zweispaltig */
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus .wmtg-bonus-dashboard-list{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 22px!important;
}

/* Tablet */
@media(max-width:1024px){
    html body .wmtg-dashboard-row-shortcode,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        width:calc(100vw - 36px)!important;
        max-width:calc(100vw - 36px)!important;
    }

    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus .wmtg-bonus-dashboard-list{
        grid-template-columns:1fr!important;
    }
}

/* Mobil */
@media(max-width:768px){
    html body .wmtg-dashboard-row-shortcode,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        width:calc(100vw - 24px)!important;
        max-width:calc(100vw - 24px)!important;
    }

    html body .wmtg-dashboard-row-shortcode + .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus + .wmtg-dashboard-row-shortcode{
        margin-top:12px!important;
    }
}


/* v2.9.7 – Row- und Bonus-Shortcodes identisch zur Viewport-Mitte ausrichten
   Fix für Elementor-Container, die unterschiedlich breit/positioniert sind. */

html body .wmtg-dashboard-row-shortcode,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    position:relative!important;
    left:50vw!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(1320px, calc(100vw - 48px))!important;
    max-width:min(1320px, calc(100vw - 48px))!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}

/* Gleicher vertikaler Abstand zwischen den Dashboard-Zeilen */
html body .wmtg-dashboard-row-shortcode,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    margin-top:0!important;
    margin-bottom:16px!important;
}

html body .wmtg-dashboard-row-shortcode:last-child,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus:last-child{
    margin-bottom:0!important;
}

/* Elementor-Container dürfen die ausbrechenden Dashboard-Zeilen nicht beschneiden */
html body .e-con:has(.wmtg-dashboard-row-shortcode),
html body .e-con:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .e-con-inner:has(.wmtg-dashboard-row-shortcode),
html body .e-con-inner:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode) > .elementor-widget-container,
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus) > .elementor-widget-container{
    overflow:visible!important;
}

/* Bonuspanel exakt wie die anderen Zeilen behandeln */
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
}

/* Tablet */
@media(max-width:1024px){
    html body .wmtg-dashboard-row-shortcode,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        width:calc(100vw - 36px)!important;
        max-width:calc(100vw - 36px)!important;
        margin-bottom:14px!important;
    }
}

/* Mobil */
@media(max-width:768px){
    html body .wmtg-dashboard-row-shortcode,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        width:calc(100vw - 24px)!important;
        max-width:calc(100vw - 24px)!important;
        margin-bottom:12px!important;
    }
}


/* v2.9.8 – Elementor-Breakout final korrigiert
   Der Fehler war left:50vw + transform. In Elementor-Containern verschiebt das die Zeilen nach rechts.
   Jetzt wird sauber aus dem Container auf eine zentrierte Maximalbreite ausgebrochen. */

html body .wmtg-dashboard-row-shortcode,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;

    width:min(1320px, calc(100vw - 48px))!important;
    max-width:min(1320px, calc(100vw - 48px))!important;

    /* Zentriert relativ zum Viewport, auch wenn der Shortcode in einem schmalen Elementor-Container liegt */
    margin-left:calc(50% - min(660px, calc(50vw - 24px)))!important;
    margin-right:0!important;

    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}

/* Die drei Dashboard-Zeilen bekommen denselben Abstand und dieselbe Ausrichtung */
html body .wmtg-dashboard-row-shortcode{
    margin-bottom:16px!important;
}

html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    margin-bottom:16px!important;
}

/* Kein Elementor-Container darf den ausgebrochenen Bereich beschneiden */
html body .e-con:has(.wmtg-dashboard-row-shortcode),
html body .e-con:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .e-con-inner:has(.wmtg-dashboard-row-shortcode),
html body .e-con-inner:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-shortcode) > .elementor-widget-container,
html body .elementor-widget-shortcode:has(.wmtg-dashboard-panel-shortcode.wmtg-panel-bonus) > .elementor-widget-container{
    overflow:visible!important;
}

/* Grid bleibt innerhalb der ausgebrochenen Maximalbreite */
html body .wmtg-dashboard-row-top{
    display:grid!important;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:stretch!important;
}

html body .wmtg-dashboard-row-bottom{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
}

/* Bonuspanel volle Zeilenbreite */
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus > .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
}

/* Tablet */
@media(max-width:1024px){
    html body .wmtg-dashboard-row-shortcode,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        width:calc(100vw - 36px)!important;
        max-width:calc(100vw - 36px)!important;
        margin-left:calc(50% - 50vw + 18px)!important;
        margin-bottom:14px!important;
    }

    html body .wmtg-dashboard-row-top{
        grid-template-columns:1fr 1fr!important;
    }

    html body .wmtg-dashboard-row-top .wmtg-my-tips-card{
        grid-column:1 / -1!important;
    }

    html body .wmtg-dashboard-row-bottom{
        grid-template-columns:1fr!important;
    }
}

/* Mobil */
@media(max-width:768px){
    html body .wmtg-dashboard-row-shortcode,
    html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
        width:calc(100vw - 24px)!important;
        max-width:calc(100vw - 24px)!important;
        margin-left:calc(50% - 50vw + 12px)!important;
        margin-bottom:12px!important;
    }

    html body .wmtg-dashboard-row-top,
    html body .wmtg-dashboard-row-bottom{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
}


/* v2.9.9 – Bonusfragen ist jetzt ein echter Row-/Fullwidth-Shortcode */
html body .wmtg-dashboard-row-bonus{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(1320px, calc(100vw - 48px))!important;
    max-width:min(1320px, calc(100vw - 48px))!important;
    margin-left:calc(50% - min(660px, calc(50vw - 24px)))!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}

html body .wmtg-dashboard-row-bonus .wmtg-dash-card,
html body .wmtg-dashboard-row-bonus .wmtg-bonus-dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-height:275px!important;
    margin:0!important;
    padding:24px!important;
    border-radius:18px!important;
    border:1px solid rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,249,115,22)),.20)!important;
    background:#fff!important;
    box-shadow:0 18px 42px rgba(16,24,40,.065)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

html body .wmtg-dashboard-row-bonus .wmtg-bonus-dashboard-list{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 22px!important;
}

/* Alte Einzelpanel-Bonus-Regeln neutralisieren, falls sie noch greifen */
html body .wmtg-dashboard-panel-shortcode.wmtg-panel-bonus{
    transform:none!important;
}

/* Elementor-Container für Bonus-Row wie bei den anderen Rows behandeln */
html body .e-con:has(.wmtg-dashboard-row-bonus),
html body .e-con-inner:has(.wmtg-dashboard-row-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-bonus),
html body .elementor-widget-shortcode:has(.wmtg-dashboard-row-bonus) > .elementor-widget-container{
    overflow:visible!important;
}

@media(max-width:1024px){
    html body .wmtg-dashboard-row-bonus{
        width:calc(100vw - 36px)!important;
        max-width:calc(100vw - 36px)!important;
        margin-left:calc(50% - 50vw + 18px)!important;
    }

    html body .wmtg-dashboard-row-bonus .wmtg-bonus-dashboard-list{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:768px){
    html body .wmtg-dashboard-row-bonus{
        width:calc(100vw - 24px)!important;
        max-width:calc(100vw - 24px)!important;
        margin-left:calc(50% - 50vw + 12px)!important;
    }

    html body .wmtg-dashboard-row-bonus .wmtg-dash-card,
    html body .wmtg-dashboard-row-bonus .wmtg-bonus-dashboard-card{
        min-height:auto!important;
        padding:18px!important;
    }
}


/* v3.0.0 Geist + NoWrap */
html body .wmtg-dashboard-wrap,
html body .wmtg-dashboard-wrap *{
font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
}

html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card a[href="#rangliste"],
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab,
html body .wmtg-dashboard-row-shortcode a[href="#rangliste"]{
white-space:nowrap!important;
word-break:keep-all!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
line-height:1!important;
letter-spacing:-0.015em!important;
font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
font-weight:800!important;
}

html body .wmtg-panel-card a[href="#rangliste"],
html body .wmtg-dashboard-row-shortcode a[href="#rangliste"]{
width:300px!important;
min-width:300px!important;
font-size:14px!important;
}

html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab{
width:220px!important;
min-width:220px!important;
font-size:14px!important;
}

html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab{
width:280px!important;
min-width:280px!important;
font-size:14px!important;
}

@media(max-width:768px){
html body .wmtg-panel-card a[href="#rangliste"],
html body .wmtg-dashboard-row-shortcode a[href="#rangliste"]{
width:220px!important;
min-width:220px!important;
font-size:12px!important;
}
}


/* v3.0.1 – Buttons/Reiter global über Options-Akzentfarbe einfärben */
html body .wmtg-dashboard-wrap,
html body .wmtg-dashboard-row-shortcode,
html body .wmtg-dashboard-panel-shortcode{
    --wmtg-accent:var(--wmtg-user-accent,#ef3c94)!important;
    --wmtg-accent-rgb:var(--wmtg-user-accent-rgb,239,60,148)!important;
}

/* Alle verlinkten Reiter in Panels */
html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-panel-card a[href*="/tippen"],
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab,
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/tippen"]{
    background:var(--wmtg-accent)!important;
    border-color:var(--wmtg-accent)!important;
    color:#fff!important;
}

/* Große CTA-Buttons */
html body .wmtg-dashboard-wrap .wmtg-big-cta,
html body .wmtg-dashboard-wrap .wmtg-primary-button,
html body .wmtg-dashboard-wrap .wmtg-button-primary,
html body .wmtg-dashboard-wrap a.button,
html body .wmtg-dashboard-panel-shortcode .wmtg-big-cta,
html body .wmtg-dashboard-panel-shortcode .wmtg-primary-button,
html body .wmtg-dashboard-panel-shortcode .wmtg-button-primary,
html body .wmtg-dashboard-panel-shortcode a.button{
    background:var(--wmtg-accent)!important;
    border-color:var(--wmtg-accent)!important;
    color:#fff!important;
}

/* Kleine Pills/Badges, die klickbar/verlinkt sind */
html body .wmtg-dashboard-wrap a.wmtg-dash-pill,
html body .wmtg-dashboard-wrap button.wmtg-dash-pill,
html body .wmtg-dashboard-wrap .wmtg-ranking-more,
html body .wmtg-dashboard-panel-shortcode a.wmtg-dash-pill,
html body .wmtg-dashboard-panel-shortcode button.wmtg-dash-pill,
html body .wmtg-dashboard-panel-shortcode .wmtg-ranking-more{
    background:rgba(var(--wmtg-accent-rgb),.10)!important;
    border-color:rgba(var(--wmtg-accent-rgb),.22)!important;
    color:var(--wmtg-accent)!important;
}

/* Hover-Zustand */
html body .wmtg-dashboard-wrap a:hover,
html body .wmtg-dashboard-panel-shortcode a:hover{
    filter:brightness(.98);
}

/* Ranglisten-Link-Selektor nach URL-Änderung weiter als Reiter behandeln */
html body .wmtg-panel-card a[href="https://testboard.emmcee.de/rangliste/"],
html body .wmtg-dashboard-row-shortcode a[href="https://testboard.emmcee.de/rangliste/"]{
    position:absolute!important;
    top:0!important;
    right:0!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 24px!important;
    border:0!important;
    border-radius:0 18px 0 38px!important;
    width:300px!important;
    min-width:300px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
    font-size:14px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    line-height:1!important;
    z-index:20!important;
}


/* v3.0.2 – Panelüberschriften, Fortschrittsbalken und kleinere Eck-Buttons über Akzentfarbe */

/* Panelüberschriften */
html body .wmtg-dashboard-wrap .wmtg-dash-title,
html body .wmtg-dashboard-wrap .wmtg-panel-title,
html body .wmtg-dashboard-wrap .wmtg-panel-head h3,
html body .wmtg-dashboard-wrap .wmtg-dash-head h3,
html body .wmtg-dashboard-wrap .wmtg-dash-head strong,
html body .wmtg-dashboard-row-shortcode .wmtg-dash-title,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-title,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-head h3,
html body .wmtg-dashboard-row-shortcode .wmtg-dash-head h3,
html body .wmtg-dashboard-row-shortcode .wmtg-dash-head strong,
html body .wmtg-dashboard-panel-shortcode .wmtg-dash-title,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-title,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-head h3,
html body .wmtg-dashboard-panel-shortcode .wmtg-dash-head h3,
html body .wmtg-dashboard-panel-shortcode .wmtg-dash-head strong{
    color:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

/* Panel-Icons passend einfärben */
html body .wmtg-dashboard-wrap .wmtg-dash-icon,
html body .wmtg-dashboard-wrap .wmtg-panel-icon,
html body .wmtg-dashboard-row-shortcode .wmtg-dash-icon,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-icon,
html body .wmtg-dashboard-panel-shortcode .wmtg-dash-icon,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-icon{
    color:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    background:rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.10)!important;
}

/* Fortschrittsbalken */
html body .wmtg-dashboard-wrap .wmtg-progress span,
html body .wmtg-dashboard-wrap .wmtg-progress-fill,
html body .wmtg-dashboard-wrap .wmtg-progress-bar span,
html body .wmtg-dashboard-row-shortcode .wmtg-progress span,
html body .wmtg-dashboard-row-shortcode .wmtg-progress-fill,
html body .wmtg-dashboard-row-shortcode .wmtg-progress-bar span,
html body .wmtg-dashboard-panel-shortcode .wmtg-progress span,
html body .wmtg-dashboard-panel-shortcode .wmtg-progress-fill,
html body .wmtg-dashboard-panel-shortcode .wmtg-progress-bar span{
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

/* Fallback für Progress-Elemente mit Inline-Balken */
html body .wmtg-dashboard-wrap .wmtg-progress > i,
html body .wmtg-dashboard-row-shortcode .wmtg-progress > i,
html body .wmtg-dashboard-panel-shortcode .wmtg-progress > i{
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
}

/* Eck-Buttons/Reiter oben rechts kleiner */
html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-panel-card a[href*="/tippen"],
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab,
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/tippen"]{
    height:32px!important;
    min-height:32px!important;
    padding:0 16px!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.005em!important;
    border-radius:0 16px 0 28px!important;
}

/* Breiten passend kleiner, aber ohne Textumbruch */
html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab{
    width:220px!important;
    min-width:220px!important;
}

html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab{
    width:160px!important;
    min-width:160px!important;
}

html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
    width:230px!important;
    min-width:230px!important;
}

/* Header-Padding an kleinere Reiter anpassen */
html body .wmtg-my-tips-card .wmtg-dash-head{
    padding-right:235px!important;
}

html body .wmtg-panel-card .wmtg-panel-head{
    padding-right:190px!important;
}

html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
    padding-right:245px!important;
}

/* Mobile nochmals kleiner */
@media(max-width:768px){
    html body .wmtg-my-tips-card .wmtg-all-tips-tab,
    html body .wmtg-panel-card .wmtg-panel-tab,
    html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-panel-card a[href*="/tippen"],
    html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab,
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/tippen"]{
        height:28px!important;
        min-height:28px!important;
        padding:0 12px!important;
        font-size:10px!important;
        border-radius:0 14px 0 24px!important;
    }

    html body .wmtg-my-tips-card .wmtg-all-tips-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab{
        width:155px!important;
        min-width:155px!important;
    }

    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
        width:185px!important;
        min-width:185px!important;
    }

    html body .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:165px!important;
    }

    html body .wmtg-panel-card .wmtg-panel-head{
        padding-right:165px!important;
    }
}


/* v3.0.3 */

/* CTA-Button "Jetzt tippen" wieder als große Pille */
html body .wmtg-dashboard-wrap .wmtg-big-cta,
html body .wmtg-dashboard-wrap .wmtg-primary-button,
html body .wmtg-dashboard-wrap .wmtg-button-primary,
html body .wmtg-dashboard-wrap a.button,
html body .wmtg-dashboard-panel-shortcode .wmtg-big-cta,
html body .wmtg-dashboard-panel-shortcode .wmtg-primary-button,
html body .wmtg-dashboard-panel-shortcode .wmtg-button-primary,
html body .wmtg-dashboard-panel-shortcode a.button{
    height:56px!important;
    min-height:56px!important;
    border-radius:999px!important;
    padding:0 28px!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-0.01em!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 10px 26px rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.20)!important;
}

/* Kleine Eck-Reiter noch kompakter */
html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-panel-card a[href*="/tippen"],
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab,
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/tippen"]{
    height:28px!important;
    min-height:28px!important;
    padding:0 14px!important;
    border-radius:0 14px 0 24px!important;
    font-size:13pt!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-0.01em!important;
}

/* Breiten kleiner */
html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab{
    width:190px!important;
    min-width:190px!important;
}

html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab{
    width:145px!important;
    min-width:145px!important;
}

html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
    width:210px!important;
    min-width:210px!important;
}

/* Panelheader an neue Reitergröße anpassen */
html body .wmtg-my-tips-card .wmtg-dash-head{
    padding-right:205px!important;
}

html body .wmtg-panel-card .wmtg-panel-head{
    padding-right:165px!important;
}

html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
    padding-right:220px!important;
}

/* Mobil */
@media(max-width:768px){

    html body .wmtg-dashboard-wrap .wmtg-big-cta,
    html body .wmtg-dashboard-panel-shortcode .wmtg-big-cta{
        height:48px!important;
        min-height:48px!important;
        font-size:15px!important;
        padding:0 22px!important;
    }

    html body .wmtg-my-tips-card .wmtg-all-tips-tab,
    html body .wmtg-panel-card .wmtg-panel-tab,
    html body .wmtg-panel-card .wmtg-dash-pill.wmtg-pill-pink,
    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-tab,
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
        height:24px!important;
        min-height:24px!important;
        padding:0 10px!important;
        border-radius:0 12px 0 20px!important;
        font-size:10pt!important;
    }

    html body .wmtg-my-tips-card .wmtg-all-tips-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab{
        width:150px!important;
        min-width:150px!important;
    }

    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
        width:175px!important;
        min-width:175px!important;
    }
}


/* v3.0.4 – CTA-Buttons vollständig rund */

html body .wmtg-dashboard-wrap .wmtg-big-cta,
html body .wmtg-dashboard-wrap .wmtg-primary-button,
html body .wmtg-dashboard-wrap .wmtg-button-primary,
html body .wmtg-dashboard-wrap a.button,
html body .wmtg-dashboard-panel-shortcode .wmtg-big-cta,
html body .wmtg-dashboard-panel-shortcode .wmtg-primary-button,
html body .wmtg-dashboard-panel-shortcode .wmtg-button-primary,
html body .wmtg-dashboard-panel-shortcode a.button{
    border-radius:999px!important;
    border-top-left-radius:999px!important;
    border-top-right-radius:999px!important;
    border-bottom-left-radius:999px!important;
    border-bottom-right-radius:999px!important;
    overflow:hidden!important;
}


/* v3.0.5 – Button im Panel „Nächste Spiele“ wirklich als freistehende Pille */

/* Der Button wurde unten vom Panel abgeschnitten, weil er bündig am Kartenrand saß.
   Deshalb bekommt der CTA jetzt eigenen Abstand innerhalb des Panels. */
html body .wmtg-panel-card .wmtg-big-cta,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-big-cta,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-big-cta,
html body .wmtg-panel-next-games .wmtg-big-cta,
html body .wmtg-panel-next-games a.button,
html body .wmtg-dashboard-row-bottom .wmtg-panel-card:first-child .wmtg-big-cta{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    height:50px!important;
    min-height:50px!important;
    margin:16px!important;
    margin-top:auto!important;
    padding:0 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border-top-left-radius:999px!important;
    border-top-right-radius:999px!important;
    border-bottom-left-radius:999px!important;
    border-bottom-right-radius:999px!important;
    overflow:hidden!important;
    background:var(--wmtg-accent,var(--wmtg-user-accent,#ef3c94))!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(var(--wmtg-accent-rgb,var(--wmtg-user-accent-rgb,239,60,148)),.20)!important;
}

/* Falls der CTA als letzter Link in der Liste gerendert wird */
html body .wmtg-match-list > a:last-child,
html body .wmtg-dashboard-row-bottom .wmtg-panel-card:first-child .wmtg-match-list > a:last-child{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    height:50px!important;
    min-height:50px!important;
    margin:16px!important;
    margin-top:auto!important;
    border-radius:999px!important;
    border-top-left-radius:999px!important;
    border-top-right-radius:999px!important;
    border-bottom-left-radius:999px!important;
    border-bottom-right-radius:999px!important;
    overflow:hidden!important;
}

/* Damit der Innenbereich genug Luft unten hat und nichts mehr abgeschnitten wird */
html body .wmtg-panel-card .wmtg-match-list{
    padding-bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
}

/* Mobile */
@media(max-width:768px){
    html body .wmtg-panel-card .wmtg-big-cta,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-big-cta,
    html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-big-cta,
    html body .wmtg-panel-next-games .wmtg-big-cta,
    html body .wmtg-panel-next-games a.button,
    html body .wmtg-dashboard-row-bottom .wmtg-panel-card:first-child .wmtg-big-cta,
    html body .wmtg-match-list > a:last-child{
        width:calc(100% - 24px)!important;
        max-width:calc(100% - 24px)!important;
        height:46px!important;
        min-height:46px!important;
        margin:12px!important;
        border-radius:999px!important;
    }
}


/* v3.0.6 – „Jetzt tippen“-Button etwas kleiner */
html body .wmtg-panel-card .wmtg-big-cta,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-big-cta,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-big-cta,
html body .wmtg-panel-next-games .wmtg-big-cta,
html body .wmtg-panel-next-games a.button,
html body .wmtg-dashboard-row-bottom .wmtg-panel-card:first-child .wmtg-big-cta,
html body .wmtg-match-list > a:last-child,
html body .wmtg-dashboard-row-bottom .wmtg-panel-card:first-child .wmtg-match-list > a:last-child{
    width:calc(100% - 48px)!important;
    max-width:calc(100% - 48px)!important;
    height:42px!important;
    min-height:42px!important;
    margin:14px 24px 16px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    border-top-left-radius:999px!important;
    border-top-right-radius:999px!important;
    border-bottom-left-radius:999px!important;
    border-bottom-right-radius:999px!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
}

/* Mobil */
@media(max-width:768px){
    html body .wmtg-panel-card .wmtg-big-cta,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-big-cta,
    html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card .wmtg-big-cta,
    html body .wmtg-panel-next-games .wmtg-big-cta,
    html body .wmtg-panel-next-games a.button,
    html body .wmtg-dashboard-row-bottom .wmtg-panel-card:first-child .wmtg-big-cta,
    html body .wmtg-match-list > a:last-child{
        width:calc(100% - 32px)!important;
        max-width:calc(100% - 32px)!important;
        height:40px!important;
        min-height:40px!important;
        margin:12px 16px 14px!important;
        font-size:14px!important;
    }
}


/* v3.0.8 – kleinere Schrift für Vollständige Rangliste */

.wmtg-panel-card a[href*="/rangliste"],
.wmtg-dashboard-row-shortcode a[href*="/rangliste"],
.wmtg-ranking-more,
.wmtg-ranking-button{
    font-size:11px !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    font-weight:800 !important;
}

@media(max-width:768px){

    .wmtg-panel-card a[href*="/rangliste"],
    .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
    .wmtg-ranking-more,
    .wmtg-ranking-button{
        font-size:9px !important;
    }
}


/* v3.0.9 – Ranglistenbutton: mehr Textraum ohne Layoutänderung */

html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
html body .wmtg-ranking-more,
html body .wmtg-ranking-button{
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:-0.02em !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    padding-left:18px !important;
    padding-right:18px !important;
}

/* Reiter etwas breiter, damit der Text Luft bekommt */
html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
    width:330px !important;
    min-width:330px !important;
    max-width:330px !important;
}

/* Header-Padding passend zur größeren Reiterbreite */
html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
    padding-right:345px !important;
}

/* Mobil */
@media(max-width:768px){

    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
    html body .wmtg-ranking-more,
    html body .wmtg-ranking-button{
        font-size:8px !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }

    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"]{
        width:210px !important;
        min-width:210px !important;
        max-width:210px !important;
    }

    html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
        padding-right:220px !important;
    }
}

/* v3.1.1 – Ranglistenbutton gleiche Schriftgröße wie Paneltitel */

.wmtg-panel-card a[href*="/rangliste"],
.wmtg-dashboard-row-shortcode a[href*="/rangliste"],
.wmtg-ranking-more,
.wmtg-ranking-button{
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
}

@media(max-width:768px){

    .wmtg-panel-card a[href*="/rangliste"],
    .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
    .wmtg-ranking-more,
    .wmtg-ranking-button{
        font-size:11px !important;
    }
}


/* v3.1.2 – Buttontext exakt wie Paneltitel */

html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
html body .wmtg-ranking-more,
html body .wmtg-ranking-button{
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
}

/* Falls ältere Regeln mit 10px/11px später noch greifen: stärkerer Zielselektor */
html body .wmtg-dashboard-row-bottom .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card a[href*="/rangliste"]{
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
}

@media(max-width:768px){

    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
    html body .wmtg-ranking-more,
    html body .wmtg-ranking-button,
    html body .wmtg-dashboard-row-bottom .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card a[href*="/rangliste"]{
        font-size:11px !important;
    }
}


/* v3.1.3 – Button „Vollständige Rangliste“ schmaler */

html body .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
html body .wmtg-dashboard-row-bottom .wmtg-panel-card a[href*="/rangliste"],
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card a[href*="/rangliste"]{
    width:240px !important;
    min-width:240px !important;
    max-width:240px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    font-size:13px !important;
    white-space:nowrap !important;
}

/* Header-Abstand passend zur kleineren Buttonbreite */
html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
    padding-right:255px !important;
}

@media(max-width:768px){
    html body .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode a[href*="/rangliste"],
    html body .wmtg-dashboard-row-bottom .wmtg-panel-card a[href*="/rangliste"],
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card a[href*="/rangliste"]{
        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;
        padding-left:12px !important;
        padding-right:12px !important;
        font-size:11px !important;
    }

    html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
        padding-right:200px !important;
    }
}


/* v3.1.4 – Buttons „Meine Tipps“ und „Letzte Ergebnisse“ ebenfalls schmaler */

/* Meine Tipps / Alle Tipps */
html body .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
html body .wmtg-panel-card a[href*="/tippen"],
html body .wmtg-dashboard-row-shortcode a[href*="/tippen"]{
    width:190px !important;
    min-width:190px !important;
    max-width:190px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    font-size:13px !important;
    white-space:nowrap !important;
}

/* Letzte Ergebnisse / Alle Tipps */
html body .wmtg-panel-card .wmtg-panel-tab-results,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-panel-tab-results,
html body .wmtg-panel-card .wmtg-panel-tab,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-panel-tab{
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    font-size:13px !important;
    white-space:nowrap !important;
}

/* Header-Abstände passend zu kleineren Buttons */
html body .wmtg-my-tips-card .wmtg-dash-head,
html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-dash-head{
    padding-right:205px !important;
}

html body .wmtg-panel-card:has(.wmtg-panel-tab-results) .wmtg-panel-head,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(.wmtg-panel-tab-results) .wmtg-panel-head,
html body .wmtg-panel-card:has(a[href*="/tippen"]) .wmtg-panel-head,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/tippen"]) .wmtg-panel-head{
    padding-right:185px !important;
}

/* Ranglistenbutton bleibt bei eigener Breite aus v3.1.3 */
html body .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/rangliste"]) .wmtg-panel-head{
    padding-right:255px !important;
}

@media(max-width:768px){

    html body .wmtg-my-tips-card .wmtg-all-tips-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-all-tips-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-all-tips-tab,
    html body .wmtg-panel-card a[href*="/tippen"],
    html body .wmtg-dashboard-row-shortcode a[href*="/tippen"]{
        width:150px !important;
        min-width:150px !important;
        max-width:150px !important;
        font-size:11px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }

    html body .wmtg-panel-card .wmtg-panel-tab-results,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-panel-tab-results,
    html body .wmtg-panel-card .wmtg-panel-tab,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card .wmtg-panel-tab{
        width:145px !important;
        min-width:145px !important;
        max-width:145px !important;
        font-size:11px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }

    html body .wmtg-my-tips-card .wmtg-dash-head,
    html body .wmtg-dashboard-row-shortcode .wmtg-my-tips-card .wmtg-dash-head{
        padding-right:160px !important;
    }

    html body .wmtg-panel-card:has(.wmtg-panel-tab-results) .wmtg-panel-head,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(.wmtg-panel-tab-results) .wmtg-panel-head,
    html body .wmtg-panel-card:has(a[href*="/tippen"]) .wmtg-panel-head,
    html body .wmtg-dashboard-row-shortcode .wmtg-panel-card:has(a[href*="/tippen"]) .wmtg-panel-head{
        padding-right:155px !important;
    }
}


/* v3.1.5 – globale Fortschrittsbalken über Options-Akzentfarbe */

/* Variablen sicher verfügbar machen */
html body .wmtg-wrap,
html body .wmtg-dashboard-wrap,
html body .wmtg-dashboard-row-shortcode,
html body .wmtg-dashboard-panel-shortcode,
html body .wmtg-progress-overview,
html body .wmtg-progress-card{
    --wmtg-accent:var(--wmtg-user-accent,#ef3c94) !important;
    --wmtg-accent-rgb:var(--wmtg-user-accent-rgb,239,60,148) !important;
}

/* Fortschrittsfüllung – Dashboard, Übersicht, Tippseite */
html body .wmtg-progress span,
html body .wmtg-progress > i,
html body .wmtg-progress-fill,
html body .wmtg-progress-bar span,
html body .wmtg-progress-bar-fill,
html body .wmtg-overview-progress span,
html body .wmtg-overview-progress > i,
html body .wmtg-tips-progress span,
html body .wmtg-tips-progress > i,
html body .wmtg-progress-card span,
html body .wmtg-progress-card > i{
    background:var(--wmtg-accent) !important;
    background-color:var(--wmtg-accent) !important;
}

/* Falls der Balken als Pseudo-Element gerendert wird */
html body .wmtg-progress::before,
html body .wmtg-progress-bar::before,
html body .wmtg-overview-progress::before,
html body .wmtg-tips-progress::before{
    background:var(--wmtg-accent) !important;
    background-color:var(--wmtg-accent) !important;
}

/* kleiner Punkt/Marker im Fortschrittsbalken */
html body .wmtg-progress-dot,
html body .wmtg-progress-marker,
html body .wmtg-progress .dot,
html body .wmtg-progress-bar .dot{
    background:var(--wmtg-accent) !important;
    background-color:var(--wmtg-accent) !important;
    border-color:var(--wmtg-accent) !important;
}

/* Zahlen/Prozent nur dort einfärben, wo sie ausdrücklich zum Fortschritt gehören */
html body .wmtg-progress-percent,
html body .wmtg-progress-current{
    color:var(--wmtg-accent) !important;
}


/* v3.1.6 – mobile Spielansicht komplett neu aufgebaut */

@media(max-width:768px){

    /* Gruppenteams oben kompakter nebeneinander */
    .wmtg-group-teams,
    .wmtg-group-list,
    .wmtg-group-overview{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .wmtg-group-team,
    .wmtg-group-list .team{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        min-width:0 !important;
    }

    .wmtg-group-team img,
    .wmtg-group-list .team img{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
    }

    .wmtg-group-team span,
    .wmtg-group-list .team span{
        font-size:15px !important;
        line-height:1.1 !important;
        font-weight:700 !important;
    }

    /* Matchreihe komplett horizontal */
    .wmtg-match-row,
    .wmtg-match-card,
    .wmtg-game-row,
    .wmtg-fixture-row{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
    }

    /* Heim/Auswärtsblöcke */
    .wmtg-home-team,
    .wmtg-away-team,
    .wmtg-team-left,
    .wmtg-team-right{
        display:flex !important;
        align-items:center !important;
        gap:6px !important;
        flex:0 0 auto !important;
    }

    /* Kürzel */
    .wmtg-home-team .abbr,
    .wmtg-away-team .abbr,
    .wmtg-team-left .abbr,
    .wmtg-team-right .abbr{
        font-size:20px !important;
        font-weight:800 !important;
        line-height:1 !important;
    }

    /* Flaggen */
    .wmtg-home-team img,
    .wmtg-away-team img,
    .wmtg-team-left img,
    .wmtg-team-right img{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        border-radius:50% !important;
    }

    /* Tippformular mittig */
    .wmtg-tip-form,
    .wmtg-tip-inputs,
    .wmtg-score-wrap{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        flex:0 0 auto !important;
    }

    .wmtg-tip-form input,
    .wmtg-tip-inputs input,
    .wmtg-score-wrap input{
        width:56px !important;
        height:56px !important;
        font-size:28px !important;
        font-weight:800 !important;
        text-align:center !important;
        border-radius:18px !important;
    }

    .wmtg-tip-separator,
    .wmtg-score-separator{
        font-size:24px !important;
        font-weight:800 !important;
        line-height:1 !important;
    }

    /* Datum / Stadion kompakter */
    .wmtg-match-meta,
    .wmtg-fixture-meta{
        display:flex !important;
        justify-content:space-between !important;
        gap:12px !important;
        font-size:14px !important;
    }

    /* Uhrzeit */
    .wmtg-match-time,
    .wmtg-fixture-time{
        font-size:32px !important;
        font-weight:800 !important;
        line-height:1 !important;
        text-align:center !important;
        margin:12px 0 !important;
    }
}