@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, 1290px);
    margin: 40px auto;
    padding: 0 18px;
    color: var(--wmtg-text);
    font-size: var(--wmtg-font-size);
}
.wmtg-ms-wrap {
    max-width: var(--wmtg-max-width, 1290px);
    margin-left: auto;
    margin-right: auto;
}

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

.wmtg-card {
    background: var(--wmtg-card-bg);
    border-width: var(--wmtg-border-width, 1px);
    border-style: var(--wmtg-border-style, solid);
    border-color: 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: var(--wmtg-max-width, 1290px);
}

.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: var(--wmtg-max-width, 1290px);
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

/* ── Hero & Fortschritt ─────────────────────────────────────────────────── */
.wmtg-tipping-hero {
    display: grid;
    gap: 16px;
    margin-bottom: 22px;
}

.wmtg-tipping-hero h2 {
    margin: 0 0 4px;
    font-size: 20px !important;
    font-weight: 600;
    color: var(--wmtg-text, #20242a);
}

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

.wmtg-tipping-progress {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    align-items: center;
    gap: 10px;
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #e9e9e9);
    border-radius: var(--wmtg-radius, 14px);
    box-shadow: var(--wmtg-shadow, none);
    padding: 12px 24px;
}

.wmtg-tipping-progress > strong {
    font-size: 17px !important;
    color: var(--wmtg-text, #20242a);
}

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

.wmtg-progress {
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .15);
    overflow: hidden;
    margin: 0;
}

.wmtg-progress span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--wmtg-accent, #1D9E75);
    transition: width .4s ease;
}

/* ── Tabs ────────────────────────────────────────────────────────────────── */
.wmtg-tabs {
    display: inline-flex;
    padding: 3px;
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: var(--wmtg-shadow, none);
    margin: 2px 0 24px;
    gap: 2px;
}

.wmtg-tabs button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 9px 16px;
    border-radius: 9px;
    color: var(--wmtg-muted, #888);
    font-weight: 600;
    font-size: 13px !important;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.wmtg-tabs button.active {
    background: var(--wmtg-accent, #1D9E75);
    color: #fff;
    font-weight: 700;
}

/* ── Gruppen-Board ──────────────────────────────────────────────────────── */
.wmtg-group-board {
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 14px);
    box-shadow: var(--wmtg-shadow, none);
    overflow: clip;
    margin-bottom: 18px;
}

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

.wmtg-group-header h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 800;
    letter-spacing: .07em;
    color: var(--wmtg-accent, #1D9E75);
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .08);
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 999px;
}

.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: rgba(var(--wmtg-accent-rgb, 29,158,117), .08);
    color: var(--wmtg-accent, #1D9E75);
    font-size: 13px !important;
    font-weight: 700;
}

.wmtg-group-content {
    display: grid;
    grid-template-columns: 3fr 2fr;
}

/* ── Fixture-Zeilen ─────────────────────────────────────────────────────── */
.wmtg-fixture-row {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    align-items: stretch;
    border-bottom: 1px solid var(--wmtg-border, #f1f2f4);
}

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

/* wmtg-fx-date-block und wmtg-fx-main-new sind eigenständige Klassen */
/* wmtg-fixture-date und wmtg-fixture-main werden nicht mehr verwendet */

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

.wmtg-fixture-team .wmtg-team strong {
    font-size: 13px !important;
    font-weight: 600;
    color: var(--wmtg-text, #20242a);
}

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

.wmtg-fixture-time {
    text-align: center;
    font-size: 12px !important;
    font-weight: 600;
    color: var(--wmtg-muted, #495266);
}


/* ── Tipp-Eingabe (v3.14 – einzige Definition) ──────────────────────────── */
body .wmtg-fixture-tip {
    display: grid !important;
    grid-template-columns: 32px 26px 32px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: end !important;
    align-self: center !important;
    gap: 4px !important;
    padding: 8px 12px !important;
}

body .wmtg-fixture-tip input[type="number"] {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 8px !important;
    border: 1px solid var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-text, #344054) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-align: center !important;
    background: var(--wmtg-card-bg, #fff) !important;
    box-shadow: none !important;
}

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

body .wmtg-fixture-tip input[type="number"]:focus {
    outline: none !important;
    border-color: var(--wmtg-accent, #1D9E75) !important;
    box-shadow: 0 0 0 2px rgba(var(--wmtg-accent-rgb, 29,158,117), .15) !important;
}

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

body .wmtg-fixture-tip .wmtg-dice-button,
body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 6px !important;
    border: 1px solid var(--wmtg-border, #e1e6ee) !important;
    background: var(--wmtg-card-bg, #f3f5f8) !important;
    color: var(--wmtg-muted, #4b5563) !important;
    font-size: 14px !important;
    box-shadow: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Tipp-Farben */
body .wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-home,
body .wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-away {
    border-color: var(--wmtg-accent, #16c45b) !important;
    color: var(--wmtg-accent, #169b47) !important;
}

body .wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-away,
body .wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-home {
    border-color: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #667085) !important;
}

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

.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 – überschrieben durch neues Layout v3.23.20 */
.wmtg-fixture-row {
    grid-template-columns: 64px 1fr auto !important;
}

.wmtg-fixture-tip {
    display: grid !important;
    /* neutralized: grid-template-columns: 32px 24px 32px !important; */
    /* neutralized: grid-template-rows: auto !important; */
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 6px 8px !important;
}

.wmtg-fixture-tip input[type="number"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 8px !important;
    border: 1px solid var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-text, #344054) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    text-align: center !important;
    background: var(--wmtg-card-bg, #fff) !important;
    box-shadow: none !important;
    appearance: textfield !important;
    -moz-appearance: textfield !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 input[type="number"]:placeholder-shown {
    border-color: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #98a2b3) !important;
}

.wmtg-fixture-tip input[type="number"]:focus {
    outline: none !important;
    border-color: var(--wmtg-accent, #1D9E75) !important;
    box-shadow: 0 0 0 2px rgba(var(--wmtg-accent-rgb, 29,158,117), .15) !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: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 6px !important;
    border: 1px solid var(--wmtg-border, #e1e6ee) !important;
    background: var(--wmtg-card-bg, #f3f5f8) !important;
    color: var(--wmtg-muted, #4b5563) !important;
    font-size: 13px !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

/* Tipp-Farben: Gewinner grün, Verlierer neutral, Remis amber */
.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-home,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-away {
    border-color: var(--wmtg-accent, #16c45b) !important;
    color: var(--wmtg-accent, #169b47) !important;
}

.wmtg-fixture-row.wmtg-tip-home-win .wmtg-tip-away,
.wmtg-fixture-row.wmtg-tip-away-win .wmtg-tip-home {
    border-color: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #667085) !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;
}

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

@media (max-width: 760px) {
    .wmtg-fixture-row {
        display: block !important;
        padding: 0 !important;
    }
    .wmtg-fixture-tip {
        justify-content: center !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: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #667085) !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: 1px solid var(--wmtg-border, #dfe3ea);
    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 {
    /* neutralized: grid-template-columns: 190px minmax(410px, 1fr) 170px !important; */
}

.wmtg-fixture-tip {
    display: grid !important;
    /* neutralized: grid-template-columns: 44px 30px 44px !important; */
    /* neutralized: 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: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #667085) !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: 64px 1fr auto !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;
    }

    /* Neues Layout: 3-Spalten beibehalten, kein Padding (date-block füllt volle Höhe) */
    /* Gestapeltes Layout auf Mobile */
    .wmtg-fixture-row {
        display: block !important;
        padding: 0 !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;
    /* neutralized: 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;
}

body .wmtg-calendar-board {
    display: grid;
    gap: 12px;
}

body .wmtg-calendar-intro {
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 16px);
    box-shadow:    var(--wmtg-shadow, none);
    padding: 16px 20px;
}

body .wmtg-calendar-intro h3 {
    margin: 0 0 3px;
    font-size: 15px !important;
    font-weight: 700;
    color: var(--wmtg-text, #111827);
}

body .wmtg-calendar-intro p {
    margin: 0;
    font-size: 12px !important;
    color: var(--wmtg-muted, #667085);
}

/* Jeder Tag = eigene Karte */
body .wmtg-calendar-day {
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 16px);
    box-shadow:    var(--wmtg-shadow, none);
    overflow: clip;
    padding: 0;
    margin: 0;
}

body .wmtg-calendar-day-label {
    display: block !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: var(--wmtg-accent, #1D9E75) !important;
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .06) !important;
    border-bottom: 1px solid var(--wmtg-border, #eceff3) !important;
}

body .wmtg-calendar-row {
    display: grid !important;
    grid-template-columns: 130px 1fr 112px !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-bottom: 1px solid var(--wmtg-border, #f1f2f4) !important;
    background: var(--wmtg-card-bg, #fff) !important;
}

body .wmtg-calendar-row:last-child { border-bottom: none !important; }

body .wmtg-calendar-date {
    padding: 8px 16px !important;
    display: block !important;
}

body .wmtg-calendar-date strong {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--wmtg-text, #344054) !important;
}

body .wmtg-calendar-date span {
    display: block !important;
    font-size: 10px !important;
    color: var(--wmtg-muted, #667085) !important;
}

body .wmtg-calendar-main {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    min-width: 0 !important;
}

body .wmtg-calendar-team {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
}

body .wmtg-cal-home { justify-content: flex-end !important; }
body .wmtg-cal-away { justify-content: flex-start !important; }

body .wmtg-cal-code {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--wmtg-text, #1f2937) !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
}

body .wmtg-calendar-team .wmtg-flag,
body .wmtg-calendar-team .wmtg-flag img {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}

body .wmtg-calendar-time {
    display: block !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--wmtg-muted, #667085) !important;
    white-space: nowrap !important;
    padding: 0 6px !important;
}

/* Tipp-Spalte: genug Platz, zentriert */
body .wmtg-calendar-row .wmtg-fixture-tip {
    display: grid !important;
    grid-template-columns: 30px 22px 30px !important;
    gap: 3px !important;
    padding: 6px 10px !important;
    justify-content: center !important;
    align-items: center !important;
}

body .wmtg-calendar-row .wmtg-fixture-tip input[type="number"] {
    width: 30px !important;
    height: 30px !important;
    font-size: 13px !important;
    border-radius: 7px !important;
    border: 1px solid var(--wmtg-border, #dfe3ea) !important;
    background: var(--wmtg-card-bg, #fff) !important;
    color: var(--wmtg-text, #344054) !important;
    text-align: center !important;
    padding: 0 !important;
    box-shadow: none !important;
}

body .wmtg-calendar-row .wmtg-fixture-tip .wmtg-dice-button {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    border: 1px solid var(--wmtg-border, #e1e6ee) !important;
    background: var(--wmtg-card-bg, #f3f5f8) !important;
    padding: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    body .wmtg-calendar-row { grid-template-columns: 80px 1fr 112px !important; }
    body .wmtg-cal-code { display: none !important; }
}

/* Tages-Abschnitt */
.wmtg-tab-panel {
    display: none;
}

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

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


/* v1.6.3 – Tabelle der besten Gruppendritten */
.wmtg-third-place-board {
    margin: 22px 0 12px;
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 16px);
    box-shadow: var(--wmtg-shadow, none);
    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 var(--wmtg-border, #eceff3);
}

.wmtg-third-place-header h3 {
    margin: 0 0 5px;
    font-size: 11px !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wmtg-accent, #1D9E75);
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .08);
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 999px;
}

.wmtg-third-place-header p {
    margin: 8px 0 0;
    color: var(--wmtg-muted, #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: rgba(var(--wmtg-accent-rgb, 29,158,117), .10);
    color: var(--wmtg-accent, #1D9E75);
    font-size: 12px !important;
    font-weight: 700;
}

.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 var(--wmtg-border, #f1f3f5);
    text-align: center;
    font-size: 13px !important;
    color: var(--wmtg-muted, #475467);
}

.wmtg-third-place-table th {
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 800;
    color: var(--wmtg-muted, #4b5563);
    background: var(--wmtg-card-bg, #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: var(--wmtg-accent, #16c45b);
    font-weight: 900;
}

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

.wmtg-third-place-table .wmtg-team strong {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: var(--wmtg-text, #344054);
}

.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: 12px;
}

.wmtg-bonus-intro {
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 14px);
    box-shadow:    var(--wmtg-shadow, none);
    padding: 14px 18px;
}

.wmtg-bonus-intro p {
    margin: 0;
    color: var(--wmtg-muted, #667085);
    font-size: 13px !important;
}

.wmtg-bonus-row {
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 14px);
    box-shadow:    var(--wmtg-shadow, none);
    padding: 18px 20px;
}

.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 4px;
    font-size: 15px !important;
    font-weight: 700;
    color: var(--wmtg-text, #1d2939);
}

.wmtg-bonus-head span {
    color: var(--wmtg-muted, #98a2b3);
    font-size: 12px !important;
}

.wmtg-bonus-points {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .10);
    color: var(--wmtg-accent, #1D9E75);
    font-size: 12px !important;
    font-weight: 700;
    flex-shrink: 0;
}

.wmtg-bonus-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
}

.wmtg-bonus-form input[type="text"],
.wmtg-bonus-form select.wmtg-bonus-select {
    width: 100%;
    height: 44px;
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #e4e7ec);
    border-radius: var(--wmtg-button-radius, 8px);
    padding: 0 14px;
    font-size: 14px !important;
    background: var(--wmtg-card-bg, #fff);
    color: var(--wmtg-text, #1d2939);
    transition: border-color .15s, box-shadow .15s;
    appearance: auto;
    box-shadow: none;
}

.wmtg-bonus-form input[type="text"]:focus,
.wmtg-bonus-form select.wmtg-bonus-select:focus {
    outline: none;
    border-color: var(--wmtg-accent, #1D9E75);
    box-shadow: 0 0 0 3px rgba(var(--wmtg-accent-rgb, 29,158,117), .15);
}

.wmtg-bonus-status {
    font-size: 18px !important;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
    transition: opacity .2s;
}

.wmtg-bonus-status--ok  { color: var(--wmtg-accent, #1D9E75); }
.wmtg-bonus-status--err { color: #e53e3e; }

@media (max-width: 760px) {
    .wmtg-bonus-head {
        flex-direction: column;
        gap: 8px;
    }
    .wmtg-bonus-form {
        grid-template-columns: 1fr auto;
    }
}


/* 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{
    /* neutralized: old 4-column grid */
}

.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;
}


/* 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:var(--wmtg-max-width,1290px)!important;
}

.wmtg-ranking-table-card{
    max-width:var(--wmtg-max-width,1290px)!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:none!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:none!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 */

/* [removed old ranking media block] */


@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:none!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;
}


/* Mobil: Kartenansicht */

/* [removed old ranking media block] */



/* [removed old ranking media block] */



/* 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,
body .wmtg-md3-dashboard {
    --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 – Basis nur wenn kein has-value */
body .wmtg-wrap .wmtg-tip-home:not(.has-value),
body .wmtg-wrap .wmtg-tip-away:not(.has-value) {
    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:var(--wmtg-border,#dfe3ea);--wmtg-dashboard-shadow:var(--wmtg-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-width:var(--wmtg-border-width,1px)!important;border-style:var(--wmtg-border-style,solid)!important;border-color:var(--wmtg-border,#dfe3ea)!important;background:#fff!important;box-shadow:var(--wmtg-shadow,0 16px 40px rgba(15,23,42,.08))!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;overflow:visible!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, 100%)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    padding-left:24px!important;
    padding-right:24px!important;
    position:static!important;
    left:auto!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 {
        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;
    }
}

/* ── Tipp-Eingaben: Farbe immer sichtbar (wie Referenz-Screenshot) ── */


/* === FINALE TIPPFELD-FARBEN (JS-gesteuert via .has-value, hohe Spezifitaet) === */

/* Leer (kein .has-value) → grau */
body .wmtg-wrap .wmtg-fixture-tip .wmtg-tip-home,
body .wmtg-wrap .wmtg-fixture-tip .wmtg-tip-away {
    border-color: #dfe3ea !important;
    color: #98a2b3 !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Ausgefüllt (.has-value) → beide neutral als Basis */
body .wmtg-wrap .wmtg-fixture-tip .wmtg-tip-home.has-value,
body .wmtg-wrap .wmtg-fixture-tip .wmtg-tip-away.has-value {
    border-color: rgba(var(--wmtg-accent-rgb, 29,158,117), .4) !important;
    color: var(--wmtg-text, #344054) !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Heimsieg */
body .wmtg-wrap .wmtg-fixture-row.wmtg-tip-home-win .wmtg-fixture-tip .wmtg-tip-home.has-value {
    border-color: #16c45b !important;
    color: #169b47 !important;
    box-shadow: none !important;
}
body .wmtg-wrap .wmtg-fixture-row.wmtg-tip-home-win .wmtg-fixture-tip .wmtg-tip-away.has-value {
    border-color: #ff5b57 !important;
    color: #e23d39 !important;
    box-shadow: none !important;
}

/* Auswärtssieg */
body .wmtg-wrap .wmtg-fixture-row.wmtg-tip-away-win .wmtg-fixture-tip .wmtg-tip-away.has-value {
    border-color: #16c45b !important;
    color: #169b47 !important;
    box-shadow: none !important;
}
body .wmtg-wrap .wmtg-fixture-row.wmtg-tip-away-win .wmtg-fixture-tip .wmtg-tip-home.has-value {
    border-color: #ff5b57 !important;
    color: #e23d39 !important;
    box-shadow: none !important;
}

/* Unentschieden */
body .wmtg-wrap .wmtg-fixture-row.wmtg-tip-draw .wmtg-fixture-tip .wmtg-tip-home.has-value,
body .wmtg-wrap .wmtg-fixture-row.wmtg-tip-draw .wmtg-fixture-tip .wmtg-tip-away.has-value {
    border-color: #f2b300 !important;
    color: #b87900 !important;
    box-shadow: none !important;
}

/* wmtg-has-tip accent-Überschreibung neutralisieren */
body .wmtg-wrap .wmtg-fixture-row.wmtg-has-tip .wmtg-fixture-tip .wmtg-tip-home,
body .wmtg-wrap .wmtg-fixture-row.wmtg-has-tip .wmtg-fixture-tip .wmtg-tip-away,
body .wmtg-fixture-row.is-saved .wmtg-fixture-tip .wmtg-tip-home,
body .wmtg-fixture-row.is-saved .wmtg-fixture-tip .wmtg-tip-away {
    box-shadow: none !important;
}

/* === Gruppen-Header: Würfel + Zähler als gemeinsame Box === */
.wmtg-group-dice-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f3f5f8 !important;
    border: 1px solid #e5e9ef !important;
    border-radius: 10px !important;
    padding: 4px 10px 4px 6px !important;
    cursor: pointer;
}

.wmtg-group-dice-wrap .wmtg-group-dice-button {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #4b5563 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1 !important;
    cursor: pointer;
}

.wmtg-group-dice-wrap:hover {
    background: #e9edf2 !important;
    border-color: #d0d5dd !important;
}

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

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

/* === Auto-Save Feedback am Würfel-Button === */
.wmtg-fixture-tip .wmtg-dice-button.wmtg-saving {
    opacity: 0.5 !important;
    cursor: wait !important;
}
.wmtg-fixture-tip .wmtg-dice-button.wmtg-saved {
    background: #e6faf0 !important;
    border-color: #16c45b !important;
    color: #169b47 !important;
}
.wmtg-fixture-tip .wmtg-dice-button.wmtg-save-error {
    background: #fff0f0 !important;
    border-color: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #667085) !important;
}

/* === Ergebnis-Anzeige + Tipp-Sub === */

/* Wenn Ergebnis vorhanden: fixture-tip wird flexbox-Spalte */
.wmtg-fixture-tip.wmtg-has-result {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    grid-template-columns: none !important;
    min-width: 100px !important;
}

/* Ergebnis-Badge: groß, fett, farbige Ziffern */
.wmtg-result-badge {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.wmtg-result-score-home {
    min-width: 22px !important;
    text-align: center !important;
    color: #16c45b !important;
}

.wmtg-result-score-away {
    min-width: 22px !important;
    text-align: center !important;
    color: #ff5b57 !important;
}

.wmtg-result-colon {
    color: var(--wmtg-muted, #344054) !important;
    font-weight: 600 !important;
    padding: 0 1px !important;
}

/* Kleiner Tipp darunter */
.wmtg-tip-sub {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #98a2b3 !important;
    line-height: 1 !important;
}

.wmtg-tip-sub::before {
    content: 'Dein Tipp:' !important;
    margin-right: 4px !important;
    font-weight: 500 !important;
    color: #b0b7c3 !important;
    white-space: nowrap !important;
}

.wmtg-tip-sub em {
    font-style: normal !important;
    color: #c0c7d0 !important;
}

.wmtg-tip-sub-empty {
    color: #c0c7d0 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.wmtg-tip-sub-empty::before {
    content: 'Dein Tipp:' !important;
    margin-right: 4px !important;
    white-space: nowrap !important;
}

/* === Ergebnis-Farben je nach Ausgang === */

/* Heimsieg: Home grün, Away rot (Standard bereits so) */
.wmtg-result-badge.wmtg-result-home-win .wmtg-result-score-home { color: #16c45b !important; }
.wmtg-result-badge.wmtg-result-home-win .wmtg-result-score-away { color: #ff5b57 !important; }

/* Auswärtssieg: Home rot, Away grün */
.wmtg-result-badge.wmtg-result-away-win .wmtg-result-score-home { color: #ff5b57 !important; }
.wmtg-result-badge.wmtg-result-away-win .wmtg-result-score-away { color: #16c45b !important; }

/* Unentschieden: beide gelb */
.wmtg-result-badge.wmtg-result-draw .wmtg-result-score-home,
.wmtg-result-badge.wmtg-result-draw .wmtg-result-score-away { color: #f2b300 !important; }
.wmtg-result-badge.wmtg-result-draw .wmtg-result-colon       { color: #f2b300 !important; }

/* ============================================================
   MOBILE TIPP-SEITE  (≤ 760px)
   Zeile 1: Datum • Ort • Uhrzeit  (zentriert)
   Zeile 2: Flagge A | Input A | Würfel | Input B | Flagge B (zentriert)
   ============================================================ */
@media (max-width: 760px) {

    /* ── Fortschrittsbalken ── */
    .wmtg-tipping-progress {
        grid-template-columns: auto auto auto !important;
    }
    .wmtg-tipping-progress .wmtg-progress {
        grid-column: 1 / -1 !important;
    }

    /* ── Gruppen-Header ── */
    .wmtg-group-header {
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding: 10px 12px !important;
    }
    .wmtg-group-teams {
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    /* ── Gruppen-Content: Tabelle unter Spiele ── */
    .wmtg-group-content {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
    }
    .wmtg-group-table {
        border-left: 0 !important;
        border-top: 1px solid #eceff3 !important;
    }
    .wmtg-standings-table {
        font-size: 12px !important;
    }
    .wmtg-standings-table th,
    .wmtg-standings-table td {
        padding: 4px 4px !important;
    }

/* ── Fixture-Row: gestapeltes Layout mobil ── */
@media (max-width: 760px) {
    body .wmtg-fixture-row {
        display: block !important;
        padding: 0 !important;
        min-height: 0 !important;
    }
}

/* ============================================================
   SEHR SCHMALE SCREENS  (≤ 400px)
   ============================================================ */
@media (max-width: 400px) {
    .wmtg-fixture-tip input[type="number"] {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
        border-radius: 10px !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: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        font-size: 13px !important;
    }
    .wmtg-fixture-team .wmtg-flag {
        width: 30px !important;
        height: 30px !important;
    }
    .wmtg-result-badge {
        font-size: 18px !important;
    }
}

/* ── Mobile: Uhrzeit in Datum-Zeile, kein eigenes ::after ── */
@media (max-width: 760px) {
    .wmtg-fixture-date-time {
        color: #344054 !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }
    .wmtg-fixture-date-time::before {
        content: none !important;
    }
    .wmtg-fixture-date-time::after {
        content: none !important; /* Uhr steht jetzt direkt im HTML */
    }
    /* venue span: kein ::after (ist letztes Element vor der Zeit) */
    .wmtg-fixture-date span:not(.wmtg-fixture-date-time)::after {
        content: ' •' !important;
        margin: 0 4px !important;
        color: #c0c7d0 !important;
    }

        font-weight: 700 !important;
        color: #98a2b3 !important;
        flex-shrink: 0 !important;
        min-width: 24px !important;
        text-align: center !important;
    }
}


/* ============================================================
   LOGIN-SEITE — Material Design 3
   Hohe Spezifität (body .wmtg-login-page) um Theme-CSS zu schlagen
   ============================================================ */

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

/* ── Seiten-Wrapper ── */
/* Reset parent .wmtg-wrap when it contains the login page */
body .wmtg-wrap:has(.wmtg-login-page),
body .wmtg-wrap:has(.wmtg-login-page) {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .wmtg-login-page {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px 16px 48px !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    font-family: 'Roboto', system-ui, sans-serif !important;
    background-color: var(--wmtg-login-bg, #f0f4f0) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* ── Hintergrundbild ── */
body .wmtg-login-page .wmtg-login-bg-image {
    position: absolute !important;
    inset: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 0 !important;
    transform: scale(1.06) !important;
    /* Blur via nested pseudo so it doesn't affect overlay */
}
/* Blur applied to pseudo wrapping the image */
body .wmtg-login-page .wmtg-login-bg-image::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: inherit !important;
    filter: blur(var(--wmtg-login-bg-blur, 0px)) !important;
    z-index: 0 !important;
}
/* Overlay on top of blurred image */
body .wmtg-login-page .wmtg-login-bg-image::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: var(--wmtg-login-overlay, rgba(0,0,0,0)) !important;
    z-index: 1 !important;
}

/* ── Header ── */
body .wmtg-login-page .wmtg-login-header {
    text-align: center !important;
    margin-bottom: var(--wmtg-login-header-margin, 28px) !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
}
body .wmtg-login-page .wmtg-login-logo {
    width: var(--wmtg-login-logo-size, 72px) !important;
    height: auto !important;
    margin: 0 auto var(--wmtg-login-logo-margin, 8px) !important;
    display: block !important;
    border-radius: var(--wmtg-login-logo-radius, 0px) !important;
}
body .wmtg-login-page .wmtg-login-logo-placeholder {
    font-size: 52px !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: center !important;
}
body .wmtg-login-page .wmtg-login-title {
    font-size: var(--wmtg-login-title-size, 34px) !important;
    font-weight: var(--wmtg-login-title-weight, 400) !important;
    color: var(--wmtg-login-title-color, #1d192b) !important;
    letter-spacing: var(--wmtg-login-title-spacing, 0px) !important;
    margin: 0 0 4px !important;
    line-height: 1.2 !important;
    font-family: 'Roboto', system-ui, sans-serif !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}
body .wmtg-login-page .wmtg-login-subtitle {
    font-size: var(--wmtg-login-sub-size, 15px) !important;
    color: var(--wmtg-login-sub-color, rgba(29,25,43,0.6)) !important;
    margin: 4px 0 0 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* ── Grid ── */
body .wmtg-login-page .wmtg-login-grid-outer {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 900px !important;
    position: relative !important;
    z-index: 1 !important;
    align-items: stretch !important;
}

@media (max-width: 720px) {
    body .wmtg-login-page .wmtg-login-grid-outer {
        grid-template-columns: 1fr !important;
        max-width: 440px !important;
    }
}

/* ── Karten ── */
body .wmtg-login-page .wmtg-login-card {
    background: var(--wmtg-login-card-bg, rgba(255,255,255,0.97)) !important;
    border: 1px solid var(--wmtg-login-card-border, rgba(0,0,0,0.06)) !important;
    border-radius: var(--wmtg-login-card-radius, 28px) !important;
    backdrop-filter: blur(var(--wmtg-login-card-blur, 0px)) !important;
    -webkit-backdrop-filter: blur(var(--wmtg-login-card-blur, 0px)) !important;
    box-shadow: var(--wmtg-login-card-shadow, 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04)) !important;
    padding: 32px 28px !important;
    box-sizing: border-box !important;
}
body .wmtg-login-page .wmtg-login-card-icon {
    font-size: 32px !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    line-height: 1 !important;
    display: block !important;
}
body .wmtg-login-page .wmtg-login-card-title {
    font-size: var(--wmtg-login-card-title-size, 24px) !important;
    font-weight: var(--wmtg-login-card-title-weight, 400) !important;
    color: var(--wmtg-login-card-title-color, #1d192b) !important;
    text-align: center !important;
    margin: 0 0 8px !important;
    line-height: 1.2 !important;
    font-family: 'Roboto', system-ui, sans-serif !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}
body .wmtg-login-page .wmtg-login-card-desc {
    font-size: var(--wmtg-login-desc-size, 14px) !important;
    color: var(--wmtg-login-desc-color, rgba(29,25,43,0.6)) !important;
    text-align: center !important;
    margin: 0 0 20px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* ── Outlined Text Fields (MD3) ── */
body .wmtg-login-page .wmtg-login-field {
    position: relative !important;
    margin-bottom: 16px !important;
    overflow: visible !important;
}
body .wmtg-login-page .wmtg-login-field input[type="text"],
body .wmtg-login-page .wmtg-login-field input[type="email"],
body .wmtg-login-page .wmtg-login-field input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--wmtg-login-field-bg, transparent) !important;
    border: none !important;
    border-radius: var(--wmtg-login-field-radius, 4px) !important;
    font-size: var(--wmtg-login-field-size, 16px) !important;
    font-family: 'Roboto', system-ui, sans-serif !important;
    color: var(--wmtg-login-field-color, #1d192b) !important;
    padding: 18px 48px 6px 16px !important;
    outline: none !important;
    transition: box-shadow .2s, background .2s !important;
    line-height: 1.5 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    /* Border via box-shadow — Label kann einfach darüber liegen */
    box-shadow: 0 0 0 2px var(--wmtg-login-field-border, rgba(29,25,43,0.35)) !important;
    display: block !important;
    margin: 0 !important;
}
body .wmtg-login-page .wmtg-login-field input[type="text"]:focus,
body .wmtg-login-page .wmtg-login-field input[type="email"]:focus,
body .wmtg-login-page .wmtg-login-field input[type="password"]:focus {
    box-shadow: 0 0 0 2px var(--wmtg-login-field-focus, #6750a4) !important;
    outline: none !important;
    border: none !important;
}
body .wmtg-login-page .wmtg-login-field input::placeholder { color: transparent !important; }


/* ── Floating Label ── */
body .wmtg-login-page .wmtg-login-field label {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: var(--wmtg-login-field-size, 16px) !important;
    font-family: 'Roboto', system-ui, sans-serif !important;
    color: var(--wmtg-login-field-ph, rgba(29,25,43,0.55)) !important;
    pointer-events: none !important;
    transition: top .15s cubic-bezier(.4,0,.2,1),
                transform .15s cubic-bezier(.4,0,.2,1),
                font-size .15s cubic-bezier(.4,0,.2,1),
                color .15s, background .15s !important;
    padding: 0 4px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: transparent !important;
    margin: 0 !important;
    display: block !important;
    font-weight: 400 !important;
    z-index: 1 !important;
}
body .wmtg-login-page .wmtg-login-field input:focus ~ label,
body .wmtg-login-page .wmtg-login-field input:not(:placeholder-shown) ~ label {
    top: 0 !important;
    transform: translateY(-50%) !important;
    font-size: var(--wmtg-login-label-size, 11px) !important;
    color: var(--wmtg-login-label-color, var(--wmtg-login-field-focus, #6750a4)) !important;
    background: var(--wmtg-login-label-bg, #ffffff) !important;
    padding: 0 var(--wmtg-login-label-px, 5px) !important;
    line-height: 1.1 !important;
    z-index: 2 !important;
}

/* ── Passwort-Auge ── */
body .wmtg-login-page .wmtg-login-field-pw { position: relative !important; }
body .wmtg-login-page .wmtg-login-field-pw input { padding-right: 48px !important; }
body .wmtg-login-page .wmtg-pw-eye-btn {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    padding: 6px !important;
    color: rgba(29,25,43,0.4) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .15s, color .15s !important;
    -webkit-appearance: none !important;
}
body .wmtg-login-page .wmtg-pw-eye-btn svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    fill: none !important;
    flex-shrink: 0 !important;
}
body .wmtg-login-page .wmtg-pw-eye-btn:hover {
    background: rgba(103,80,164,0.08) !important;
    color: var(--wmtg-login-field-focus, #6750a4) !important;
}

/* ── Vorname/Nachname Row ── */
body .wmtg-login-page .wmtg-login-field-row {
    display: grid !important;
    grid-template-columns: 3fr 2fr !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
}
body .wmtg-login-page .wmtg-login-field-row .wmtg-login-field { margin-bottom: 16px !important; }

/* ── Checkbox ── */
body .wmtg-login-page .wmtg-login-checkbox {
    margin: 8px 0 16px !important;
    display: block !important;
}
body .wmtg-login-page .wmtg-login-checkbox label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: var(--wmtg-login-field-color, #1d192b) !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}
body .wmtg-login-page .wmtg-login-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin-top: 1px !important;
    accent-color: var(--wmtg-login-field-focus, #6750a4) !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    padding: 0 !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* ── MD3 Filled Button ── */
body .wmtg-login-page .wmtg-login-btn {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--wmtg-login-btn-bg, #6750a4) !important;
    color: var(--wmtg-login-btn-color, #ffffff) !important;
    border: none !important;
    border-radius: var(--wmtg-login-btn-radius, 100px) !important;
    padding: var(--wmtg-login-btn-pv, 14px) 24px !important;
    font-size: var(--wmtg-login-btn-size, 14px) !important;
    font-weight: var(--wmtg-login-btn-weight, 500) !important;
    font-family: 'Roboto', system-ui, sans-serif !important;
    letter-spacing: var(--wmtg-login-btn-spacing, 0.1px) !important;
    box-shadow: var(--wmtg-login-btn-shadow, none) !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: box-shadow .2s, transform .1s !important;
    box-sizing: border-box !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    outline: none !important;
}
body .wmtg-login-page .wmtg-login-btn::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: #fff !important;
    opacity: 0 !important;
    transition: opacity .15s !important;
    border-radius: inherit !important;
}
body .wmtg-login-page .wmtg-login-btn:hover { box-shadow: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15) !important; }
body .wmtg-login-page .wmtg-login-btn.wmtg-login-btn-disabled,
body .wmtg-login-page .wmtg-login-btn[disabled] {
    opacity: .45 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    pointer-events: auto !important; /* show cursor */
}
body .wmtg-login-page .wmtg-login-btn.wmtg-login-btn-disabled:hover { box-shadow: none !important; }
body .wmtg-login-page .wmtg-login-btn:hover::before { opacity: .08 !important; }
body .wmtg-login-page .wmtg-login-btn:active { transform: scale(.98) !important; }

/* ── Subtext ── */
body .wmtg-login-page .wmtg-login-subtext {
    font-size: 12px !important;
    color: var(--wmtg-login-subtext-color, rgba(29,25,43,0.5)) !important;
    text-align: center !important;
    margin: 12px 0 0 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}
body .wmtg-login-page .wmtg-login-link {
    color: var(--wmtg-login-field-focus, #6750a4) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
body .wmtg-login-page .wmtg-login-link:hover { text-decoration: underline !important; }

/* ── Passwortstärke ── */
body .wmtg-login-page .wmtg-pw-strength-wrap { margin: -8px 0 12px !important; }
body .wmtg-login-page .wmtg-pw-strength-bar {
    height: 4px !important;
    background: rgba(29,25,43,0.1) !important;
    border-radius: 2px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
}
body .wmtg-login-page .wmtg-pw-bar {
    height: 100% !important;
    border-radius: 2px !important;
    transition: width .3s, background .3s !important;
    width: 0% !important;
}
body .wmtg-login-page .wmtg-pw-rules {
    display: grid !important;
    grid-template-columns: 3fr 2fr !important;
    gap: 4px 12px !important;
    font-size: 11px !important;
    color: var(--wmtg-pw-rule-color, rgba(29,25,43,0.5)) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
body .wmtg-login-page .wmtg-pw-rules span {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
body .wmtg-login-page .wmtg-pw-rules span.ok { color: var(--wmtg-pw-strong, #16c45b) !important; font-weight: 500 !important; }

/* ── Notice ── */
body .wmtg-login-page .wmtg-login-notice {
    max-width: 860px !important;
    width: 100% !important;
    margin: 0 auto 20px !important;
    padding: 14px 20px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    position: relative !important;
    z-index: 1 !important;
}
body .wmtg-login-page .wmtg-login-notice-success { background: #e8f5e9 !important; color: #1b5e20 !important; border: 1px solid rgba(27,94,32,0.2) !important; }
body .wmtg-login-page .wmtg-login-notice-error   { background: #fce4ec !important; color: #880e4f !important; border: 1px solid rgba(136,14,79,0.2) !important; }

/* ── Responsive ── */
@media (max-width: 720px) {
    body .wmtg-login-page { padding: 28px 12px 40px !important; }
    body .wmtg-login-page .wmtg-login-grid-outer {
        grid-template-columns: 1fr !important;
        max-width: 440px !important;
    }
    body .wmtg-login-page .wmtg-login-card { padding: 24px 20px !important; border-radius: 20px !important; }
    body .wmtg-login-page .wmtg-login-title { font-size: var(--wmtg-login-title-size-mobile, 28px) !important; }
    body .wmtg-login-page .wmtg-login-card-title { font-size: var(--wmtg-login-card-title-size-mobile, 22px) !important; }
    body .wmtg-login-page .wmtg-pw-rules { grid-template-columns: 1fr !important; }
}
@media (max-width: 400px) {
    body .wmtg-login-page .wmtg-login-field-row { grid-template-columns: 1fr !important; }
    body .wmtg-login-page .wmtg-login-card { padding: 20px 14px !important; }
}

/* ── Registrierung Erfolgs-Overlay ── */
.wmtg-reg-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 1;
    transition: opacity .4s;
}
.wmtg-reg-overlay.wmtg-reg-overlay-fade { opacity: 0; }

.wmtg-reg-overlay-card {
    max-width: 480px;
    width: 100%;
    padding: 40px 36px;
    text-align: center;
    box-shadow: 0 8px 40px rgba(0,0,0,0.25);
    animation: wmtg-overlay-in .35s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes wmtg-overlay-in {
    from { opacity:0; transform:scale(.85) translateY(20px); }
    to   { opacity:1; transform:scale(1)   translateY(0); }
}

.wmtg-reg-overlay-icon {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 16px;
    display: block;
}
.wmtg-reg-overlay-card h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
    line-height: 1.3;
}
.wmtg-reg-overlay-card p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 20px;
}
.wmtg-reg-countdown-wrap { display: none; } /* legacy, replaced by circle */

/* Circle countdown */
.wmtg-reg-circle-wrap {
    position: relative;
    width: 72px;
    height: 72px;
    margin: 16px auto 8px;
}
.wmtg-reg-circle-svg {
    width: 72px;
    height: 72px;
    transform: rotate(-90deg);
}
.wmtg-reg-circle-track {
    fill: none;
    stroke: rgba(0,0,0,0.1);
    stroke-width: 4;
}
.wmtg-reg-circle-progress {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
}
.wmtg-reg-circle-num {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Roboto', system-ui, sans-serif;
}
.wmtg-reg-redirect-text {
    font-size: 13px;
    text-align: center;
    margin: 0 0 20px;
    opacity: .7;
}
.wmtg-reg-icon-img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
}
.wmtg-reg-icon-emoji { font-size: 52px; display: block; text-align: center; }
.wmtg-reg-overlay-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 32px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .3px;
    transition: opacity .15s, transform .1s;
    font-family: 'Roboto', system-ui, sans-serif;
}
.wmtg-reg-overlay-btn:hover { opacity: .9; transform: translateY(-1px); }



/* ── Hellotheme + Elementor: Dashboard breit genug ── */
html body .e-con:has(.wmtg-dashboard-row-shortcode),
html body .e-con-inner:has(.wmtg-dashboard-row-shortcode),
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;
    max-width: 100% !important;
    padding: 0 !important;
}

/* ── Login: Karten-Icon Bild & Beschreibungs-Alignment ── */
body .wmtg-login-page .wmtg-login-card-icon .wmtg-card-icon-img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
}
body .wmtg-login-page .wmtg-login-card-desc {
    text-align: var(--wmtg-login-desc-align, center) !important;
}


/* ============================================================
   STATISTIK-SEITE — Material Design 3
   ============================================================ */

.wmtg-stats-page {
    font-family: 'Roboto', system-ui, sans-serif;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* ── KPI-Karten ── */
.wmtg-stats-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.wmtg-stats-kpi-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px 18px 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.04);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: box-shadow .2s, transform .15s;
}
.wmtg-stats-kpi-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.07);
    transform: translateY(-2px);
}
.wmtg-stats-kpi-accent {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--kpi-color, #4a90e2);
    border-radius: 20px 20px 0 0;
}
.wmtg-stats-kpi-icon { font-size: 24px; line-height: 1; margin-bottom: 4px; }
.wmtg-stats-kpi-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--kpi-color, #1d192b);
    line-height: 1.1;
    letter-spacing: -.5px;
}
.wmtg-stats-kpi-label {
    font-size: 12px;
    color: rgba(29,25,43,0.55);
    letter-spacing: .3px;
    font-weight: 500;
}

/* ── Grid ── */
.wmtg-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}
.wmtg-stats-card-full { grid-column: 1 / -1; }

/* ── Karte ── */
.wmtg-stats-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.04);
    padding: 20px 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-sizing: border-box;
}
.wmtg-stats-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.wmtg-stats-card-icon { font-size: 20px; line-height: 1; }
.wmtg-stats-card-head h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1d192b !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
}
.wmtg-stats-card-sub {
    font-size: 11px;
    color: rgba(29,25,43,0.45);
    margin-left: auto;
    letter-spacing: .3px;
}

/* ── Tipp-Verteilung ── */
.wmtg-stats-dist { display: flex; flex-direction: column; gap: 12px; }
.wmtg-stats-dist-row { display: grid; grid-template-columns: 150px 1fr 70px; align-items: center; gap: 10px; }
.wmtg-stats-dist-label { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; }
.wmtg-stats-dist-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.wmtg-stats-dist-pts { font-size: 11px; color: rgba(29,25,43,.45); margin-left: auto; white-space: nowrap; }
.wmtg-stats-dist-bar-wrap { height: 8px; background: rgba(29,25,43,.07); border-radius: 4px; overflow: hidden; }
.wmtg-stats-dist-bar { height: 100%; border-radius: 4px; transition: width .6s cubic-bezier(.4,0,.2,1); }
.wmtg-stats-dist-meta { display: flex; flex-direction: column; align-items: flex-end; font-size: 12px; }
.wmtg-stats-dist-meta strong { font-size: 14px; color: #1d192b; }
.wmtg-stats-dist-meta span { color: rgba(29,25,43,.45); }

/* ── Top-Listen ── */
.wmtg-stats-toplist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.wmtg-stats-toplist-row {
    display: grid;
    grid-template-columns: 28px 32px 1fr auto auto;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    transition: background .15s;
}
.wmtg-stats-toplist-row:hover { background: rgba(29,25,43,.04); }
.wmtg-stats-toplist-row.is-first { background: color-mix(in srgb, var(--list-color, #f24ba3) 8%, transparent); }
.wmtg-stats-toplist-rank { font-size: 16px; text-align: center; }
.wmtg-stats-avatar { border-radius: 50% !important; width: 32px !important; height: 32px !important; background: #fdf0f8 !important; border: 1.5px solid #f5c8e8 !important; object-fit: cover !important; display: block !important; }
.wmtg-stats-toplist-name { font-size: 13px; font-weight: 600; color: #1d192b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmtg-stats-toplist-bar-wrap { height: 4px; background: rgba(29,25,43,.08); border-radius: 2px; overflow: hidden; width: 60px; }
.wmtg-stats-toplist-bar { height: 100%; background: var(--list-color, #f24ba3); border-radius: 2px; }
.wmtg-stats-toplist-val { font-size: 13px; font-weight: 700; color: var(--list-color, #f24ba3); white-space: nowrap; text-align: right; }
.wmtg-stats-toplist-val small { font-weight: 400; color: rgba(29,25,43,.45); font-size: 11px; }
.wmtg-stats-empty { color: rgba(29,25,43,.45); font-size: 13px; text-align: center; padding: 16px 0; }

/* ── Turnierfortschritt ── */
.wmtg-stats-stages { display: flex; flex-direction: column; gap: 10px; }
.wmtg-stats-stage-row { display: grid; grid-template-columns: 1fr 100px 40px; align-items: center; gap: 10px; }
.wmtg-stats-stage-name { font-size: 13px; font-weight: 500; color: #1d192b; display: flex; align-items: center; gap: 6px; }
.wmtg-stats-badge-done { font-size: 10px; background: #e6faf0; color: #16c45b; border-radius: 8px; padding: 1px 6px; font-weight: 700; }
.wmtg-stats-stage-bar-wrap { height: 6px; background: rgba(29,25,43,.08); border-radius: 3px; overflow: hidden; }
.wmtg-stats-stage-bar { height: 100%; background: var(--wmtg-accent, #D4537E); border-radius: 3px; transition: width .6s; }
.wmtg-stats-stage-meta { font-size: 12px; color: rgba(29,25,43,.5); text-align: right; }

/* ── Häufigste Ergebnisse ── */
.wmtg-stats-scores { display: flex; flex-direction: column; gap: 8px; }
.wmtg-stats-score-row { display: grid; grid-template-columns: 50px 1fr 36px; align-items: center; gap: 10px; }
.wmtg-stats-score-label { font-size: 13px; font-weight: 700; color: #1d192b; font-variant-numeric: tabular-nums; }
.wmtg-stats-score-bar-wrap { height: 8px; background: rgba(29,25,43,.07); border-radius: 4px; overflow: hidden; }
.wmtg-stats-score-bar { height: 100%; background: var(--wmtg-accent, #D4537E); border-radius: 4px; }
.wmtg-stats-score-count { font-size: 12px; color: rgba(29,25,43,.5); text-align: right; }

/* ── Spiel-Listen ── */
.wmtg-stats-gamelist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wmtg-stats-gamelist li { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; padding: 6px 8px; border-radius: 10px; }
.wmtg-stats-gamelist li:hover { background: rgba(29,25,43,.04); }
.wmtg-stats-game-teams { color: #1d192b; font-weight: 500; font-size: 13px; }
.wmtg-stats-game-badge { border-radius: 12px; padding: 2px 10px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.wmtg-stats-badge-green { background: #e6faf0; color: #16c45b; }
.wmtg-stats-badge-red   { background: #fce4ec; color: #ff5b57; }

/* ── Bonusfragen ── */
.wmtg-stats-bonus-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.wmtg-stats-bonus-block { display: flex; flex-direction: column; gap: 8px; }
.wmtg-stats-bonus-title { font-size: 13px; font-weight: 700; color: #1d192b; margin-bottom: 4px; }
.wmtg-stats-bonus-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; }
.wmtg-stats-bonus-label { font-size: 12px; color: #1d192b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmtg-stats-bonus-bar-wrap { height: 5px; background: rgba(29,25,43,.08); border-radius: 3px; overflow: hidden; width: 80px; }
.wmtg-stats-bonus-bar { height: 100%; background: var(--wmtg-accent, #D4537E); border-radius: 3px; }
.wmtg-stats-bonus-count { font-size: 12px; font-weight: 700; color: rgba(29,25,43,.6); min-width: 20px; text-align: right; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .wmtg-stats-grid { grid-template-columns: 3fr 2fr; }
    .wmtg-stats-kpis { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
    .wmtg-stats-grid { grid-template-columns: 1fr; }
    .wmtg-stats-kpis { grid-template-columns: repeat(2, 1fr); }
    .wmtg-stats-dist-row { grid-template-columns: 120px 1fr 60px; }
    .wmtg-stats-toplist-bar-wrap { display: none; }
    .wmtg-stats-toplist-row { grid-template-columns: 28px 32px 1fr auto; }
}

/* ============================================================
   DESIGN-EINSTELLUNGEN — Material Design 3
   ============================================================ */

.wmtg-ds-page {
    font-family: 'Roboto', system-ui, sans-serif;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* ── Section ── */
.wmtg-ds-section {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
    padding: 24px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.wmtg-ds-section-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}
.wmtg-ds-section-icon { font-size: 24px; line-height: 1.2; flex-shrink: 0; }
.wmtg-ds-section-head h2 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1d192b !important;
    margin: 0 0 2px !important;
    letter-spacing: 0 !important;
}
.wmtg-ds-section-head p {
    font-size: 13px;
    color: rgba(29,25,43,.5);
    margin: 0;
}

/* ── Layout-Grid ── */
.wmtg-ds-layout-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.wmtg-ds-layout-card {
    position: relative;
    border: 2px solid rgba(29,25,43,.1);
    border-radius: 16px;
    padding: 14px 12px;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s, transform .15s;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fafafa;
    overflow: hidden;
}
.wmtg-ds-layout-card input { display: none; }
.wmtg-ds-layout-card:hover {
    border-color: rgba(var(--wmtg-user-accent-rgb, 239,60,148),.4);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.wmtg-ds-layout-card.is-active {
    border-color: var(--wmtg-user-accent, #ef3c94);
    background: color-mix(in srgb, var(--wmtg-user-accent, #ef3c94) 5%, #fff);
    box-shadow: 0 4px 16px rgba(var(--wmtg-user-accent-rgb,239,60,148),.15);
}

/* Layout preview mini */
.wmtg-ds-layout-preview {
    height: 72px;
    border-radius: 8px;
    background: #f0f2f5;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px;
    box-sizing: border-box;
}
.wmtg-ds-lp-bar { height: 8px; background: var(--wmtg-user-accent,#ef3c94); border-radius: 4px; opacity: .7; }
.wmtg-ds-lp-cards { display: flex; gap: 3px; flex: 1; }
.wmtg-ds-lp-card { flex: 1; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.1); }

/* Layout variants */
.wmtg-ds-layout-compact .wmtg-ds-lp-card { border-radius: 2px; }
.wmtg-ds-layout-clean .wmtg-ds-lp-card { box-shadow: none; border: 1px solid #e5e7eb; }
.wmtg-ds-layout-bold .wmtg-ds-lp-card { border: 2px solid var(--wmtg-user-accent,#ef3c94); opacity: .7; box-shadow: none; }

.wmtg-ds-layout-info {
    display: flex;
    align-items: center;
    gap: 6px;
}
.wmtg-ds-layout-icon { font-size: 16px; }
.wmtg-ds-layout-label { font-size: 13px; font-weight: 700; color: #1d192b; }
.wmtg-ds-layout-desc { font-size: 11px; color: rgba(29,25,43,.45); margin: 0; line-height: 1.4; }

/* ── Color Grid ── */
.wmtg-ds-color-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
.wmtg-ds-color-card {
    position: relative;
    border: 2px solid rgba(29,25,43,.08);
    border-radius: 14px;
    cursor: pointer;
    overflow: hidden;
    transition: border-color .2s, transform .15s, box-shadow .2s;
    background: #fafafa;
}
.wmtg-ds-color-card.wmtg-ds-color-dark { background: #1a1a2e; }
.wmtg-ds-color-card input { display: none; }
.wmtg-ds-color-card:hover {
    border-color: var(--c, #ef3c94);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}
.wmtg-ds-color-card.is-active {
    border-color: var(--c, #ef3c94);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--c) 30%, transparent);
}

/* Color mini preview */
.wmtg-ds-color-preview {
    height: 70px;
    overflow: hidden;
}
.wmtg-ds-cp-bg {
    width: 100%;
    height: 100%;
    background: var(--bg, #f8f9ff);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-sizing: border-box;
}
.wmtg-ds-cp-card {
    background: #fff;
    border-radius: 6px;
    padding: 5px 6px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.wmtg-ds-color-dark .wmtg-ds-cp-card { background: rgba(255,255,255,.1); }
.wmtg-ds-cp-bar { height: 5px; background: var(--c, #ef3c94); border-radius: 3px; }
.wmtg-ds-cp-line { height: 3px; background: rgba(0,0,0,.1); border-radius: 2px; width: 70%; }
.wmtg-ds-color-dark .wmtg-ds-cp-line { background: rgba(255,255,255,.2); }
.wmtg-ds-cp-btn { height: 8px; background: var(--c, #ef3c94); border-radius: 3px; width: 60%; margin-top: 2px; opacity: .85; }

.wmtg-ds-color-label {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    padding: 5px 4px 7px;
    color: #1d192b;
    line-height: 1.2;
}
.wmtg-ds-color-dark .wmtg-ds-color-label { color: #f0f0f0; }

/* ── Check ── */
.wmtg-ds-check {
    position: absolute;
    top: 8px; right: 8px;
    width: 20px; height: 20px;
    background: var(--c, var(--wmtg-user-accent, #ef3c94));
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.wmtg-ds-layout-card.is-active .wmtg-ds-check,
.wmtg-ds-color-card.is-active   .wmtg-ds-check { display: flex; }

/* ── Current badge ── */
.wmtg-ds-current-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(29,25,43,.05);
    border-radius: 100px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #1d192b;
}
.wmtg-ds-divider { color: rgba(29,25,43,.3); }

/* ── Save bar ── */
.wmtg-ds-save-bar {
    display: flex;
    justify-content: center;
    padding: 8px 0 24px;
}
.wmtg-ds-save-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--wmtg-user-accent, #ef3c94);
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 14px 36px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Roboto', system-ui, sans-serif;
    cursor: pointer;
    transition: box-shadow .2s, transform .1s;
    letter-spacing: .3px;
}
.wmtg-ds-save-btn:hover {
    box-shadow: 0 4px 20px rgba(var(--wmtg-user-accent-rgb,239,60,148),.35);
    transform: translateY(-1px);
}
.wmtg-ds-save-btn:active { transform: scale(.98); }

/* ── Responsive ── */
@media (max-width: 900px) {
    .wmtg-ds-layout-grid { grid-template-columns: repeat(2, 1fr); }
    .wmtg-ds-color-grid  { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
    .wmtg-ds-layout-grid { grid-template-columns: repeat(2, 1fr); }
    .wmtg-ds-color-grid  { grid-template-columns: repeat(3, 1fr); }
    .wmtg-ds-section     { padding: 16px 14px; }
}

/* ── SVG Icon sizing — global ── */
.wmtg-stats-kpi-icon svg,
.wmtg-stats-card-icon svg,
.wmtg-ds-section-icon svg {
    display: block;
    width: 22px;
    height: 22px;
    stroke: currentColor;
}
.wmtg-stats-kpi-icon { color: var(--kpi-color, currentColor); }
.wmtg-stats-card-icon { display: inline-flex; align-items: center; }
.wmtg-stats-card-icon svg { width: 18px; height: 18px; opacity: .75; }
.wmtg-ds-section-icon { display: flex; align-items: center; color: var(--wmtg-user-accent, #ef3c94); }
.wmtg-ds-section-icon svg { width: 22px; height: 22px; }

.wmtg-svg-icon { display: inline-flex; align-items: center; vertical-align: middle; margin-right: 5px; }
.wmtg-svg-icon svg { width: 16px; height: 16px; }

.wmtg-stats-rank-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(29,25,43,.07);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #1d192b;
}
.wmtg-stats-toplist-row.is-first .wmtg-stats-rank-num {
    background: var(--list-color, #f24ba3);
    color: #fff;
}

/* Save button SVG */
.wmtg-ds-save-btn svg { width: 18px; height: 18px; stroke: currentColor; flex-shrink: 0; }

/* Layout card icon SVG */
.wmtg-ds-layout-icon svg { width: 16px; height: 16px; stroke: currentColor; opacity: .7; }

/* ── Login-Seite: SVG-Karten-Icons ── */
body .wmtg-login-page .wmtg-login-card-icon,
body .wmtg-login-page .wmtg-login-logo-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body .wmtg-login-page .wmtg-card-icon-svg svg,
body .wmtg-login-page .wmtg-login-logo-placeholder svg {
    width: 36px !important;
    height: 36px !important;
    stroke: var(--wmtg-login-card-title-color, #1d192b) !important;
    opacity: .55 !important;
    display: block !important;
}

/* Registrierungs-Overlay Icon */
.wmtg-ov-icon-svg svg {
    width: 52px !important;
    height: 52px !important;
    stroke: var(--wmtg-login-btn-bg, #6750a4) !important;
    opacity: .9 !important;
    display: block !important;
    margin: 0 auto !important;
}

/* ── Design-Settings: Badge Icon ── */
.wmtg-ds-badge-icon { display:inline-flex; align-items:center; vertical-align:middle; }
.wmtg-ds-badge-icon svg { width:16px; height:16px; stroke:var(--wmtg-user-accent,#ef3c94); }



/* ============================================================
   KARTEN-DESIGN — Globale Variablen Plugin-weit
   html body prefix für maximale Spezifität
   ============================================================ */

html body .wmtg-card,
html body .wmtg-dashboard-card,
html body .wmtg-wrap .wmtg-card,
html body .wmtg-tipping-wrap .wmtg-card,
html body .wmtg-dash-card,
html body .wmtg-panel-card,
html body .wmtg-group-section,
html body .wmtg-ko-card,
html body .wmtg-bonus-card,
html body .wmtg-stats-kpi,
html body .wmtg-stats-top-card,
html body .wmtg-stats-kpi-card,
html body .wmtg-stats-card,
html body .wmtg-ranking-grid-card,
html body .wmtg-ranking-table-page .wmtg-ranking-grid-card,
html body .wmtg-dashboard-row-shortcode .wmtg-dash-card,
html body .wmtg-dashboard-row-shortcode .wmtg-panel-card,
html body .wmtg-dashboard-panel-shortcode .wmtg-dash-card,
html body .wmtg-dashboard-panel-shortcode .wmtg-panel-card,
html body .wmtg-md3-card,
html body .wmtg-md3-card-panel {
    border-width:  var(--wmtg-border-width,  1px)                      !important;
    border-style:  var(--wmtg-border-style,  solid)                    !important;
    border-color:  var(--wmtg-border,        #dfe3ea)                  !important;
    box-shadow:    var(--wmtg-shadow,        0 16px 40px rgba(15,23,42,.08)) !important;
    border-radius: var(--wmtg-radius,        18px)                     !important;
}
/* ============================================================
   MD3 DASHBOARD  [wm_dashboard_md3]
   ============================================================ */

.wmtg-md3-dashboard {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: 'Roboto', system-ui, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

/* ── MD3 Card base ── */
.wmtg-md3-card {
    background: var(--wmtg-card-bg, #fff);
    border-radius: var(--wmtg-radius, 28px);
    box-shadow: var(--wmtg-shadow, 0 1px 2px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.03));
    padding: var(--wmtg-card-padding, 24px);
    box-sizing: border-box;
    border-width: var(--wmtg-border-width, 0px);
    border-style: var(--wmtg-border-style, solid);
    border-color: var(--wmtg-border, transparent);
}

/* ── Top row ── */
.wmtg-md3-top-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 16px;
}

/* ── Card header ── */
.wmtg-md3-card-header,
.wmtg-md3-panel-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.wmtg-md3-card-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    color: rgba(29,25,43,.45);
    flex-shrink: 0;
}
.wmtg-md3-card-icon svg { width: 18px; height: 18px; stroke: currentColor; }
.wmtg-md3-icon-accent { color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); }
.wmtg-md3-card-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: rgba(29,25,43,.5);
    flex: 1;
}

/* ── MD3 Chip ── */
.wmtg-md3-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    border: 1.5px solid rgba(29,25,43,.15);
    color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94));
    text-decoration: none;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
    margin-left: auto;
}
.wmtg-md3-chip svg { width: 13px; height: 13px; stroke: currentColor; }
.wmtg-md3-chip:hover { background: rgba(var(--wmtg-user-accent-rgb, 239,60,148),.06); border-color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); }
.wmtg-md3-chip-filled {
    background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94));
    color: #fff;
    border-color: transparent;
}
.wmtg-md3-chip-filled:hover { opacity: .9; background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); }

/* ── KPI Meine Tipps ── */
.wmtg-md3-kpi-row { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.wmtg-md3-kpi-main { display: flex; align-items: baseline; gap: 3px; }
.wmtg-md3-kpi-value { font-size: 48px; font-weight: 300; color: #1d192b; line-height: 1; letter-spacing: -2px; }
.wmtg-md3-kpi-denom { font-size: 18px; color: rgba(29,25,43,.4); font-weight: 400; }
.wmtg-md3-kpi-pct {
    margin-left: auto;
    font-size: 22px;
    font-weight: 500;
    color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94));
}
.wmtg-md3-progress-track {
    height: 4px;
    background: rgba(29,25,43,.08);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 10px;
}
.wmtg-md3-progress-fill {
    height: 100%;
    background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94));
    border-radius: 2px;
    transition: width .6s cubic-bezier(.4,0,.2,1);
}
.wmtg-md3-card-sub { font-size: 12px; color: rgba(29,25,43,.4); }

/* ── KPI Rang ── */
.wmtg-md3-kpi-center { display: flex; align-items: center; justify-content: center; flex: 1; padding: 8px 0; }
.wmtg-md3-kpi-rank {
    font-size: 52px;
    font-weight: 300;
    color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94));
    letter-spacing: -2px;
    line-height: 1;
}
.wmtg-md3-card-rank { display: flex; flex-direction: column; }

/* ── Punkte ── */
.wmtg-md3-point-list { display: flex; flex-direction: column; gap: 10px; }
.wmtg-md3-point-row { display: flex; align-items: center; gap: 10px; }
.wmtg-md3-point-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.wmtg-md3-point-label { font-size: 13px; color: rgba(29,25,43,.6); flex: 1; }
.wmtg-md3-point-val { font-size: 15px; font-weight: 700; color: #1d192b; }

/* ── Bonus ── */
.wmtg-md3-bonus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}
.wmtg-md3-bonus-item {
    background: rgba(29,25,43,.03);
    border-radius: 16px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1.5px solid rgba(29,25,43,.07);
    transition: border-color .15s;
}
.wmtg-md3-bonus-item.is-done { border-color: rgba(22,196,91,.25); background: rgba(22,196,91,.04); }
.wmtg-md3-bonus-pts { font-size: 11px; font-weight: 700; color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); letter-spacing: .5px; }
.wmtg-md3-bonus-title { font-size: 13px; font-weight: 600; color: #1d192b; line-height: 1.3; }
.wmtg-md3-bonus-answer { font-size: 13px; color: rgba(29,25,43,.55); }
.wmtg-md3-badge { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 100px; }
.wmtg-md3-badge-green { background: #e6faf0; color: #16c45b; }
.wmtg-md3-badge-grey  { background: rgba(29,25,43,.07); color: rgba(29,25,43,.45); }

/* ── Bottom row ── */
.wmtg-md3-bottom-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.wmtg-md3-card-panel {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.wmtg-md3-panel-head {
    padding: 16px 20px 14px;
    border-bottom: 1px solid rgba(29,25,43,.06);
    margin-bottom: 0;
    /* Chip darf nicht in den Padding-Bereich fallen */
    padding-right: 110px;
}
/* Panel-Head: kein extra padding-right nötig */
.wmtg-md3-card-panel .wmtg-md3-panel-head {
    padding-right: 0 !important;
    overflow: hidden;
}
/* Chip im Panel-Head: bündig am rechten Rand, volle Höhe */
.wmtg-md3-card-panel .wmtg-md3-panel-head .wmtg-md3-chip,
.wmtg-md3-card-panel .wmtg-md3-panel-head .wmtg-md3-chip-filled {
    position: static !important;
    margin: -16px -0px -14px auto !important;
    border-radius: 0 var(--wmtg-radius, 28px) 0 var(--wmtg-radius, 28px) !important;
    padding: 16px 14px 14px 14px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    border-width: 0 !important;
    white-space: nowrap !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* ── Match list ── */
.wmtg-md3-match-list { flex: 1; overflow-y: auto; padding: 8px 0; }
.wmtg-md3-match-row { padding: 10px 20px; transition: background .15s; }
.wmtg-md3-match-row:hover { background: rgba(29,25,43,.03); }
.wmtg-md3-match-time {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: rgba(29,25,43,.4);
    margin-bottom: 8px;
    letter-spacing: .3px;
}
.wmtg-md3-match-time svg { width: 12px; height: 12px; }
.wmtg-md3-match-teams {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.wmtg-md3-tip-box {
    display: flex;
    align-items: center;
    gap: 2px;
    background: rgba(29,25,43,.06);
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(29,25,43,.4);
    min-width: 52px;
    justify-content: center;
}
.wmtg-md3-tip-box.has-tip { background: rgba(var(--wmtg-user-accent-rgb,239,60,148),.1); color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); }
.wmtg-md3-tip-sep { opacity: .5; font-weight: 400; }
.wmtg-md3-tip-empty { letter-spacing: 2px; opacity: .4; }

/* ── Result list ── */
.wmtg-md3-result-list { flex: 1; overflow-y: auto; padding: 8px 0; }
.wmtg-md3-result-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    transition: background .15s;
}
.wmtg-md3-result-row:hover { background: rgba(29,25,43,.03); }
.wmtg-md3-result-team { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #1d192b; }
.wmtg-md3-result-away { justify-content: flex-end; }
.wmtg-md3-flag { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; }
.wmtg-md3-result-score {
    font-size: 14px;
    font-weight: 800;
    color: #1d192b;
    background: rgba(29,25,43,.06);
    border-radius: 8px;
    padding: 4px 10px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
}

/* ── Ranking list ── */
.wmtg-md3-ranking-list { flex: 1; overflow-y: auto; padding: 8px 0; }
.wmtg-md3-rank-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    transition: background .15s;
}
.wmtg-md3-rank-row:hover { background: rgba(29,25,43,.03); }
.wmtg-md3-rank-row.is-me { background: rgba(var(--wmtg-user-accent-rgb,239,60,148),.05); }
.wmtg-md3-rank-pos {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(29,25,43,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: rgba(29,25,43,.5);
    flex-shrink: 0;
}
.wmtg-md3-rank-pos.top-1 { background: #f2b300; color: #fff; }
.wmtg-md3-rank-pos.top-2 { background: #94a3b8; color: #fff; }
.wmtg-md3-rank-pos.top-3 { background: #b45309; color: #fff; }
.wmtg-md3-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; }
.wmtg-md3-rank-info { flex: 1; min-width: 0; }
.wmtg-md3-rank-name { font-size: 13px; font-weight: 600; color: #1d192b; display: flex; align-items: center; gap: 5px; }
.wmtg-md3-rank-sub { font-size: 11px; color: rgba(29,25,43,.4); }
.wmtg-md3-me-badge { font-size: 9px; background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); color: #fff; border-radius: 4px; padding: 1px 5px; font-weight: 700; }
.wmtg-md3-rank-pts { text-align: right; }
.wmtg-md3-rank-pts strong { font-size: 15px; font-weight: 800; color: #1d192b; display: block; }
.wmtg-md3-rank-pts span { font-size: 10px; color: rgba(29,25,43,.4); }

/* ── Empty state ── */
.wmtg-md3-empty { padding: 24px; text-align: center; color: rgba(29,25,43,.35); font-size: 13px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .wmtg-md3-top-row    { grid-template-columns: 3fr 2fr; }
    .wmtg-md3-card-tips  { grid-column: 1 / -1; }
    /* Bottom panels bleiben 3-spaltig, scrollen wenn nötig */
    .wmtg-md3-bottom-row { grid-template-columns: repeat(3, 1fr); overflow-x: auto; }
    .wmtg-md3-bottom-row > .wmtg-md3-card-panel { min-width: 200px; }
}
@media (max-width: 600px) {
    .wmtg-md3-top-row    { grid-template-columns: 1fr; }
    .wmtg-md3-bottom-row { grid-template-columns: 1fr; overflow-x: visible; }
    .wmtg-md3-bottom-row > .wmtg-md3-card-panel { min-width: 0; }
    .wmtg-md3-card { border-radius: calc(var(--wmtg-radius, 28px) * 0.75); }
    .wmtg-md3-kpi-value  { font-size: 36px; }
}

/* ============================================================
   MD3 DASHBOARD v2  [wm_dashboard_md3]
   ============================================================ */

.wmtg-md3v2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: 'Roboto', system-ui, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

/* ── Karte ── */
.wmtg-md3v2-card {
    background: #fff;
    border-radius: var(--wmtg-radius, 16px);
    box-shadow: var(--wmtg-shadow, 0 1px 2px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04));
    border-width: var(--wmtg-border-width, 0px);
    border-style: var(--wmtg-border-style, solid);
    border-color: var(--wmtg-border, #dfe3ea);
    padding: 16px;
    box-sizing: border-box;
}

/* ── Label ── */
.wmtg-md3v2-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: rgba(29,25,43,.45);
    margin-bottom: 10px;
}
.wmtg-md3v2-label .ti { font-size: 13px; }

/* ── Top row ── */
.wmtg-md3v2-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 12px;
}

/* ── Meine Tipps ── */
.wmtg-md3v2-big {
    font-size: 40px;
    font-weight: 300;
    color: #1d192b;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.wmtg-md3v2-denom { font-size: 18px; font-weight: 400; color: rgba(29,25,43,.35); }
.wmtg-md3v2-prog-track { height: 3px; background: rgba(29,25,43,.08); border-radius: 2px; overflow: hidden; margin-bottom: 8px; }
.wmtg-md3v2-prog-fill { height: 100%; background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); border-radius: 2px; transition: width .6s; }
.wmtg-md3v2-sub { font-size: 11px; color: rgba(29,25,43,.4); margin-bottom: 12px; }

/* ── Rang ── */
.wmtg-md3v2-card-center { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.wmtg-md3v2-rank-num { font-size: 44px; font-weight: 300; color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); letter-spacing: -2px; line-height: 1.1; margin: 4px 0 6px; }

/* ── KV-Liste ── */
.wmtg-md3v2-kv-list { display: flex; flex-direction: column; gap: 0; }
.wmtg-md3v2-kv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(29,25,43,.06);
    font-size: 12px;
}
.wmtg-md3v2-kv:last-child { border-bottom: none; }
.wmtg-md3v2-kv span { color: rgba(29,25,43,.55); }
.wmtg-md3v2-kv strong { font-weight: 700; font-size: 13px; color: #1d192b; }
.wmtg-md3v2-kv-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 120px; }
.wmtg-md3v2-badge { font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 10px; background: rgba(29,25,43,.07); color: rgba(29,25,43,.5); white-space: nowrap; flex-shrink: 0; }

/* ── Chips ── */
.wmtg-md3v2-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity .15s;
}
.wmtg-md3v2-chip .ti { font-size: 12px; }
.wmtg-md3v2-chip:hover { opacity: .85; }
.wmtg-md3v2-chip-outline {
    border: 1px solid rgba(29,25,43,.15);
    color: #1d192b;
    background: transparent;
}
.wmtg-md3v2-chip-accent {
    background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94));
    color: #fff;
    border: none;
}

/* ── Bottom row ── */
.wmtg-md3v2-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.wmtg-md3v2-panel {
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Panel head ── */
.wmtg-md3v2-panel-head {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px 14px;
    border-bottom: 0.5px solid rgba(29,25,43,.07);
}
.wmtg-md3v2-panel-head .ti { font-size: 14px; color: rgba(29,25,43,.4); }
.wmtg-md3v2-panel-head > span {
    flex: 1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: rgba(29,25,43,.45);
}

/* ── Match list ── */
.wmtg-md3v2-match-list { flex: 1; }
.wmtg-md3v2-match-row { padding: 9px 14px; border-bottom: 0.5px solid rgba(29,25,43,.05); }
.wmtg-md3v2-match-row:last-child { border-bottom: none; }
.wmtg-md3v2-match-time { display: flex; align-items: center; gap: 4px; font-size: 10px; color: rgba(29,25,43,.4); margin-bottom: 6px; }
.wmtg-md3v2-match-time .ti { font-size: 11px; }
.wmtg-md3v2-match-teams { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.wmtg-md3v2-tip-box { background: rgba(29,25,43,.06); border-radius: 6px; padding: 3px 8px; font-size: 12px; font-weight: 700; color: rgba(29,25,43,.4); min-width: 40px; text-align: center; }
.wmtg-md3v2-tip-box.has-tip { background: rgba(var(--wmtg-user-accent-rgb,239,60,148),.1); color: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); }

/* ── Result list ── */
.wmtg-md3v2-result-list { flex: 1; }
.wmtg-md3v2-result-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; padding: 8px 14px; border-bottom: 0.5px solid rgba(29,25,43,.05); }
.wmtg-md3v2-result-row:last-child { border-bottom: none; }
.wmtg-md3v2-result-team { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; }
.wmtg-md3v2-result-away { justify-content: flex-end; }
.wmtg-md3v2-flag { width: 18px; height: 13px; object-fit: cover; border-radius: 2px; }
.wmtg-md3v2-score { font-size: 12px; font-weight: 800; background: rgba(29,25,43,.06); border-radius: 5px; padding: 3px 8px; text-align: center; white-space: nowrap; }

/* ── Rank list ── */
.wmtg-md3v2-rank-list { flex: 1; }
.wmtg-md3v2-rank-row { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-bottom: 0.5px solid rgba(29,25,43,.05); transition: background .1s; }
.wmtg-md3v2-rank-row:last-child { border-bottom: none; }
.wmtg-md3v2-rank-row.is-me { background: rgba(var(--wmtg-user-accent-rgb,239,60,148),.04); }
.wmtg-md3v2-pos { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; flex-shrink: 0; background: rgba(29,25,43,.07); color: rgba(29,25,43,.45); }
.wmtg-md3v2-pos-1 { background: #f2b300; color: #fff; }
.wmtg-md3v2-pos-2 { background: #94a3b8; color: #fff; }
.wmtg-md3v2-pos-3 { background: #b45309; color: #fff; }
.wmtg-md3v2-avatar { width: 26px; height: 26px; border-radius: 50%; background: rgba(29,25,43,.08); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: rgba(29,25,43,.5); flex-shrink: 0; }
.wmtg-md3v2-rank-info { flex: 1; min-width: 0; }
.wmtg-md3v2-rank-name { font-size: 12px; font-weight: 600; color: #1d192b; display: flex; align-items: center; gap: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wmtg-md3v2-rank-sub { font-size: 10px; color: rgba(29,25,43,.4); }
.wmtg-md3v2-me { font-size: 9px; background: var(--wmtg-accent, var(--wmtg-user-accent, #ef3c94)); color: #fff; border-radius: 3px; padding: 1px 4px; font-weight: 700; flex-shrink: 0; }
.wmtg-md3v2-rank-pts { text-align: right; flex-shrink: 0; }
.wmtg-md3v2-rank-pts strong { font-size: 13px; font-weight: 800; color: #1d192b; display: block; }
.wmtg-md3v2-rank-pts span { font-size: 9px; color: rgba(29,25,43,.35); }

/* ── Empty ── */
.wmtg-md3v2-empty { padding: 20px; text-align: center; font-size: 12px; color: rgba(29,25,43,.35); }

/* ── Accent scope ── */
body .wmtg-md3v2 {
    --wmtg-accent: var(--wmtg-user-accent, #ef3c94);
    --wmtg-accent-rgb: var(--wmtg-user-accent-rgb, 239,60,148);
}

/* ── Global override ── */
html body .wmtg-md3v2 .wmtg-md3v2-card {
    border-width:  var(--wmtg-border-width,  0px)   !important;
    border-style:  var(--wmtg-border-style,  solid) !important;
    border-color:  var(--wmtg-border,  #dfe3ea)     !important;
    box-shadow:    var(--wmtg-shadow,  0 1px 2px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04)) !important;
    border-radius: var(--wmtg-radius,  16px)         !important;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .wmtg-md3v2-top { grid-template-columns: 3fr 2fr; }
    .wmtg-md3v2-bottom { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
    .wmtg-md3v2-top    { grid-template-columns: 3fr 2fr; }
    .wmtg-md3v2-bottom { grid-template-columns: 1fr; }
}
@media (max-width: 400px) {
    .wmtg-md3v2-top { grid-template-columns: 1fr; }
}

/* ============================================================
   MD3 DASHBOARD v3  [wm_dashboard_md3]
   Tonal Surface-Hierarchie · Akzentfarbe via --wmtg-user-accent
   ============================================================ */

/* ── Scope & Tokens ── */
.wmtg-m3 {
    --m3-acc:      var(--wmtg-user-accent, #7c6fcd);
    --m3-acc-rgb:  var(--wmtg-user-accent-rgb, 124,111,205);
    --m3-surf:     #ffffff;
    --m3-surf-var: color-mix(in srgb, var(--m3-acc) 8%, #ffffff);
    --m3-container:color-mix(in srgb, var(--m3-acc) 12%, #ffffff);
    --m3-on-acc:   #ffffff;
    --m3-outline:  rgba(var(--m3-acc-rgb), .15);
    --m3-text:     #1c1b1f;
    --m3-text2:    #49454f;
    --m3-text3:    #79747e;
    --m3-radius:   var(--wmtg-radius, 16px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: 'Roboto', system-ui, sans-serif;
    width: 100%;
    box-sizing: border-box;
}

/* ── Hero ── */
.wmtg-m3-hero {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 16px;
    padding: 20px 20px 16px;
    background: #ffffff;
    border-radius: var(--m3-radius);
    box-shadow: var(--wmtg-shadow, 0 1px 3px rgba(0,0,0,.06));
}
.wmtg-m3-hero-left { display: flex; flex-direction: column; gap: 2px; }
.wmtg-m3-hero-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.wmtg-m3-label {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: var(--m3-text3);
    margin-bottom: 6px;
}
.wmtg-m3-label .ti { font-size: 12px; }

.wmtg-m3-hero-num {
    font-size: 52px;
    font-weight: 300;
    color: var(--m3-text);
    line-height: 1;
    letter-spacing: -2px;
    margin-bottom: 8px;
}
.wmtg-m3-hero-num sup {
    font-size: 20px;
    font-weight: 400;
    color: var(--m3-text3);
    vertical-align: super;
    letter-spacing: 0;
}

.wmtg-m3-prog {
    height: 4px;
    background: rgba(var(--m3-acc-rgb), .15);
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 6px;
}
.wmtg-m3-prog-fill {
    height: 100%;
    background: var(--m3-acc);
    border-radius: 2px;
    transition: width .6s cubic-bezier(.4,0,.2,1);
}
.wmtg-m3-hero-sub { font-size: 11px; color: var(--m3-text3); }

.wmtg-m3-rank-num {
    font-size: 52px;
    font-weight: 300;
    color: var(--m3-acc);
    letter-spacing: -2px;
    line-height: 1;
}

/* ── FAB buttons ── */
.wmtg-m3-fab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    background: var(--m3-acc);
    color: #ffffff;
    transition: opacity .15s;
    letter-spacing: .2px;
    margin-top: 4px;
}
.wmtg-m3-fab .ti { font-size: 13px; }
.wmtg-m3-chip-sm {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    color: var(--m3-acc);
    border: 1.5px solid rgba(var(--m3-acc-rgb), .3);
    transition: opacity .15s;
}
.wmtg-m3-chip-sm .ti { font-size: 12px; }
.wmtg-m3-chip-sm:hover { background: color-mix(in srgb, var(--m3-acc) 8%, #fff); }
.wmtg-m3-fab:hover { opacity: .88; }
.wmtg-m3-fab-tonal {
    background: transparent;
    color: var(--m3-acc);
    border: 1.5px solid rgba(var(--m3-acc-rgb), .3);
    padding: 5px 12px;
    font-size: 11px;
    border-radius: 20px;
}

/* ── Stat chips ── */
.wmtg-m3-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.wmtg-m3-stat-chip {
    background: color-mix(in srgb, var(--m3-acc) 10%, #ffffff);
    border-radius: calc(var(--m3-radius) * .75);
    padding: 12px 14px;
    text-align: center;
    box-shadow: var(--wmtg-shadow, none);
}
.wmtg-m3-stat-num {
    font-size: 28px;
    font-weight: 400;
    color: var(--m3-text);
    line-height: 1;
    letter-spacing: -1px;
}
.wmtg-m3-stat-num.is-accent { color: var(--m3-acc); }
.wmtg-m3-stat-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--m3-text3);
    margin-top: 5px;
}

/* ── 3 Panels ── */
.wmtg-m3-panels {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.wmtg-m3-panel {
    background: color-mix(in srgb, var(--m3-acc) 8%, #ffffff);
    border-radius: var(--m3-radius);
    box-shadow: var(--wmtg-shadow, 0 1px 3px rgba(0,0,0,.06));
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Panel head ── */
.wmtg-m3-ph {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    background: transparent;
    border-bottom: 1px solid rgba(var(--m3-acc-rgb), .1);
    position: relative;
    overflow: hidden;
}
.wmtg-m3-ph-flat { background: var(--m3-surf); border-bottom: 1px solid var(--m3-outline); }
.wmtg-m3-ph-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--m3-acc);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.wmtg-m3-ph-icon .ti { color: #fff; font-size: 14px; }
.wmtg-m3-ph-title {
    flex: 1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: var(--m3-text2);
}

/* ── Match rows ── */
.wmtg-m3-match-list { flex: 1; }
.wmtg-m3-match-row { padding: 10px 16px; border-bottom: 1px solid rgba(0,0,0,.04); background: #fff; }
.wmtg-m3-match-row:last-child { border-bottom: none; }
.wmtg-m3-match-time {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: var(--m3-text3);
    margin-bottom: 6px;
}
.wmtg-m3-match-time .ti { font-size: 11px; }
.wmtg-m3-match-teams { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.wmtg-m3-tip {
    background: color-mix(in srgb, var(--m3-acc) 10%, #fff);
    color: var(--m3-text3);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
    min-width: 42px;
    text-align: center;
    flex-shrink: 0;
}
.wmtg-m3-tip.has-tip { color: var(--m3-acc); }

/* ── Result rows ── */
.wmtg-m3-result-list { flex: 1; }
.wmtg-m3-result-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(0,0,0,.04);
    background: #fff;
}
.wmtg-m3-result-row:last-child { border-bottom: none; }
.wmtg-m3-result-team { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: var(--m3-text); }
.wmtg-m3-away { justify-content: flex-end; }
.wmtg-m3-flag { width: 18px; height: 13px; object-fit: cover; border-radius: 2px; }
.wmtg-m3-score {
    background: var(--m3-surf-var);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 800;
    color: var(--m3-text);
    text-align: center;
    white-space: nowrap;
}

/* ── Rank rows ── */
.wmtg-m3-rank-list { flex: 1; }
.wmtg-m3-rank-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0,0,0,.04);
    transition: background .1s;
    background: #fff;
}
.wmtg-m3-rank-row:last-child { border-bottom: none; }
.wmtg-m3-rank-row.is-me { background: color-mix(in srgb, var(--m3-acc) 6%, #fff); }
.wmtg-m3-pos {
    width: 22px; height: 22px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 800; flex-shrink: 0;
    background: rgba(0,0,0,.07); color: var(--m3-text3);
}
.wmtg-m3-pos-1 { background: #f2b300; color: #fff; }
.wmtg-m3-pos-2 { background: #94a3b8; color: #fff; }
.wmtg-m3-pos-3 { background: #b45309; color: #fff; }
.wmtg-m3-av {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--m3-surf-var);
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 700; color: var(--m3-acc); flex-shrink: 0;
}
.wmtg-m3-rank-info { flex: 1; min-width: 0; }
.wmtg-m3-rank-name {
    font-size: 12px; font-weight: 600; color: var(--m3-text);
    display: flex; align-items: center; gap: 4px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.wmtg-m3-rank-sub { font-size: 10px; color: var(--m3-text3); }
.wmtg-m3-me {
    font-size: 9px; background: var(--m3-acc); color: #fff;
    border-radius: 4px; padding: 1px 5px; font-weight: 700; flex-shrink: 0;
}
.wmtg-m3-rank-pts { text-align: right; flex-shrink: 0; }
.wmtg-m3-rank-pts strong { font-size: 14px; font-weight: 700; color: var(--m3-text); display: block; }
.wmtg-m3-rank-pts span { font-size: 9px; color: var(--m3-text3); }

/* ── Bonus ── */
.wmtg-m3-bonus-card {
    background: var(--m3-surf);
    border-radius: var(--m3-radius);
    box-shadow: var(--wmtg-shadow, none);
    overflow: hidden;
}
.wmtg-m3-bonus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1px;
    background: rgba(0,0,0,.05);
}
.wmtg-m3-bonus-item {
    background: var(--m3-surf);
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.wmtg-m3-bonus-item.is-done { background: color-mix(in srgb, var(--m3-acc) 5%, #fff); }
.wmtg-m3-bonus-pts { font-size: 10px; font-weight: 700; color: var(--m3-acc); letter-spacing: .4px; }
.wmtg-m3-bonus-title { font-size: 12px; font-weight: 600; color: var(--m3-text); line-height: 1.3; }
.wmtg-m3-bonus-answer { font-size: 11px; color: var(--m3-text3); }

/* ── Empty ── */
.wmtg-m3-empty { padding: 24px; text-align: center; font-size: 12px; color: var(--m3-text3); }

/* ── Global override ── */
html body .wmtg-m3 .wmtg-m3-hero,
html body .wmtg-m3 .wmtg-m3-stat-chip,
html body .wmtg-m3 .wmtg-m3-panel,
html body .wmtg-m3 .wmtg-m3-bonus-card {
    border-width:  var(--wmtg-border-width,  0px)   !important;
    border-style:  var(--wmtg-border-style,  solid) !important;
    border-color:  var(--wmtg-border, transparent)  !important;
}

/* ── Layout: Panels immer untereinander ── */
.wmtg-m3-panels { grid-template-columns: 1fr; }
.wmtg-m3-stats  { grid-template-columns: repeat(4,1fr); }

@media (max-width: 600px) {
    .wmtg-m3-hero   { grid-template-columns: 1fr; }
    .wmtg-m3-hero-right { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 12px; }
    .wmtg-m3-stats  { grid-template-columns: repeat(2,1fr); }
    .wmtg-m3-hero-num { font-size: 40px; }
}



/* ═══════════════════════════════════════════════════════════════════════════
   v3.12.3 – Dashboard Redesign
   Interne Trennlinien: --wmtg-db-sep (transparent wenn Rahmen aus)
   Alle Buttons vollfarbig. Fortschrittsbalken-Fix.
   ═══════════════════════════════════════════════════════════════════════════ */

.wmtg-db-wrap {
    --wmtg-db-accent:       var(--wmtg-accent, #1D9E75);
    --wmtg-db-accent-rgb:   var(--wmtg-accent-rgb, 29,158,117);
    --wmtg-db-exact-color:  var(--wmtg-db-exact, #1D9E75);
    --wmtg-db-diff-color:   var(--wmtg-db-diff,  #185FA5);
    --wmtg-db-tend-color:   var(--wmtg-db-tend,  #B87317);
    --wmtg-db-card-bg:      var(--wmtg-card-bg, #ffffff);
    --wmtg-db-card-border:  var(--wmtg-border, #e5e7eb);
    --wmtg-db-card-radius:  var(--wmtg-radius, 16px);
    --wmtg-db-card-shadow:  var(--wmtg-shadow, none);
    --wmtg-db-card-bw:      var(--wmtg-border-width, 1px);
    --wmtg-db-card-bs:      var(--wmtg-border-style, solid);
    --wmtg-db-text:         var(--wmtg-text, #111827);
    --wmtg-db-muted:        var(--wmtg-muted, #6b7280);
    --wmtg-db-gap:          14px;
    /* Interne Trennlinien: skalieren mit Kartenrahmen-Farbe, aber immer sichtbar */
    --wmtg-db-sep:          none;
    max-width: var(--wmtg-max-width, 1290px);
}

/* ── Haupt-Layout ────────────────────────────────────────────────────────── */
/* ── Willkommens-Banner ─────────────────────────────────────────────────── */
.wmtg-db-welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--wmtg-db-card-bg);
    border-width:  var(--wmtg-db-card-bw);
    border-style:  var(--wmtg-db-card-bs);
    border-color:  var(--wmtg-db-card-border);
    border-radius: var(--wmtg-db-card-radius);
    box-shadow:    var(--wmtg-db-card-shadow);
    padding: 20px 24px;
    margin-bottom: var(--wmtg-db-gap);
    overflow: hidden;
    position: relative;
}
.wmtg-db-welcome::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(var(--wmtg-db-accent-rgb), .06) 0%,
        transparent 60%);
    pointer-events: none;
}
.wmtg-db-welcome-left {
    flex-shrink: 0;
}
.wmtg-db-welcome-greeting {
    font-size: 13px !important;
    color: var(--wmtg-db-muted);
    line-height: 1.2;
}
.wmtg-db-welcome-name {
    font-size: 26px !important;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--wmtg-db-text);
    line-height: 1.1;
}
.wmtg-db-welcome-right {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.wmtg-db-logout-btn{
    display:inline-flex;align-items:center;gap:6px;
    font-size:12px;font-weight:600;
    color:var(--wmtg-db-muted,#9ca3af);
    background:transparent;
    cursor:pointer;
    padding:6px 14px;
    border:1px solid rgba(var(--wmtg-db-accent-rgb),.2);
    border-radius:8px;
    margin-left:16px;
    font-family:inherit;
    transition:color .15s,border-color .15s,background .15s;
}
.wmtg-db-logout-btn:hover{
    color:var(--wmtg-db-accent);
    border-color:var(--wmtg-db-accent);
    background:rgba(var(--wmtg-db-accent-rgb),.05);
}

/* Logout Overlay */
.wmtg-logout-overlay{
    position:fixed;inset:0;
    background:rgba(0,0,0,.55);
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.wmtg-logout-modal{
    background:var(--wmtg-card-bg,#fff);
    border-radius:20px;
    padding:36px 32px 28px;
    max-width:360px;
    width:100%;
    text-align:center;
    border:1px solid rgba(var(--wmtg-db-accent-rgb),.15);
    animation:wmtg-modal-in .18s ease;
}
@keyframes wmtg-modal-in{
    from{opacity:0;transform:scale(.94) translateY(8px)}
    to{opacity:1;transform:scale(1) translateY(0)}
}
.wmtg-logout-icon{
    width:64px;height:64px;border-radius:50%;
    background:rgba(var(--wmtg-db-accent-rgb),.1);
    color:var(--wmtg-db-accent);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 20px;
}
.wmtg-logout-title{
    font-size:20px;font-weight:800;
    color:var(--wmtg-db-text,#1a0014);
    margin:0 0 10px;
    letter-spacing:-.02em;
}
.wmtg-logout-text{
    font-size:14px;line-height:1.6;
    color:var(--wmtg-db-muted,#6b7280);
    margin:0 0 28px;
}
.wmtg-logout-actions{
    display:flex;flex-direction:column;gap:10px;
}
.wmtg-logout-cancel{
    padding:13px;
    background:var(--wmtg-db-accent);
    color:#fff;
    border:none;
    border-radius:12px;
    font-size:14px;font-weight:700;
    cursor:pointer;
    font-family:inherit;
    transition:filter .15s,transform .1s;
}
.wmtg-logout-cancel:hover{filter:brightness(.9);transform:translateY(-1px)}
.wmtg-logout-confirm{
    display:block;
    padding:11px;
    background:transparent;
    color:var(--wmtg-db-muted,#9ca3af);
    border:1px solid rgba(0,0,0,.12);
    border-radius:12px;
    font-size:13px;font-weight:600;
    text-decoration:none;
    transition:background .15s,color .15s;
}
.wmtg-logout-confirm:hover{
    background:rgba(0,0,0,.05);
    color:var(--wmtg-db-text,#1a0014);
}
.wmtg-db-reminder{
    display:flex;align-items:center;gap:12px;
    background:rgba(var(--wmtg-db-accent-rgb),.07);
    border:1px solid rgba(var(--wmtg-db-accent-rgb),.2);
    border-radius:12px;
    padding:14px 20px;
    margin-bottom:20px;
    color:var(--wmtg-db-text);
    font-size:14px;
    flex-wrap:wrap;
}
.wmtg-db-reminder svg{
    color:var(--wmtg-db-accent);
    flex-shrink:0;
}
.wmtg-db-reminder-link{
    margin-left:auto;
    font-size:13px;font-weight:700;
    color:var(--wmtg-db-accent);
    text-decoration:none;
    white-space:nowrap;
}
.wmtg-db-reminder-link:hover{text-decoration:underline}
@media(max-width:600px){
    .wmtg-db-reminder{flex-direction:column;align-items:flex-start;gap:8px}
    .wmtg-db-reminder-link{margin-left:0}
    .wmtg-db-logout-btn{
        grid-column:1/-1;
        margin:8px 12px 4px;
        justify-content:center;
        font-size:12px;
        border-top:1px solid rgba(var(--wmtg-db-accent-rgb),.1);
        padding-top:12px;
        border-radius:0;
        border-left:none;border-right:none;border-bottom:none;
    }
}
.wmtg-db-welcome-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 4px 20px;
    border-left: 1px solid rgba(var(--wmtg-db-accent-rgb), .15);
}
.wmtg-db-welcome-stat:first-child {
    border-left: none;
}
.wmtg-db-welcome-stat-val {
    font-size: 17px !important;
    font-weight: 700;
    color: var(--wmtg-db-text);
    line-height: 1.2;
    white-space: nowrap;
}
.wmtg-db-welcome-stat-label {
    font-size: 10px !important;
    color: var(--wmtg-db-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
    margin-top: 2px;
}


.wmtg-db-welcome-wrap {
    position: relative;
    margin-bottom: var(--wmtg-db-gap);
    border-radius: var(--wmtg-db-card-radius);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.12);
    overflow: hidden;
}
.wmtg-db-welcome-wrap .wmtg-db-welcome {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    box-shadow: none;
}
.wmtg-db-donate-bar {
    position: relative;
    z-index: 1;
    margin-top: calc(-1 * var(--wmtg-db-card-radius, 16px));
    background: #FBEAF0;
    padding: calc(var(--wmtg-db-card-radius, 16px) + 6px) 16px 7px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: inset 0 -8px 14px -6px rgba(212,83,126,.15);
}
.wmtg-db-donate-bar-amt {
    font-size: 11px;
    font-weight: 500;
    color: #993556;
    white-space: nowrap;
}
.wmtg-db-donate-bar-goal {
    font-size: 11px;
    color: #993556;
    white-space: nowrap;
}
.wmtg-db-donate-bar-track {
    position: relative;
    height: 14px;
    flex: 1;
    border-radius: 999px;
    overflow: hidden;
    background: linear-gradient(to right, #D4537E 0%, #f97316 25%, #facc15 50%, #86efac 90%, #22c55e 100%);
}
.wmtg-db-donate-bar-fill {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 999px 999px 0;
    background: #F4C0D1;
}
.wmtg-db-donate-bar-pct {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    background: #D4537E;
    border-radius: 20px;
    padding: 1px 7px;
    white-space: nowrap;
}

@keyframes wmtg-donate-pulse {
    0%,100% { transform: scale(1);   opacity: 1; }
    50%      { transform: scale(1.3); opacity: .85; }
}
.wmtg-db-donate-stat {
    align-items: center !important;
    cursor: pointer;
}
.wmtg-db-donate-heart {
    display: inline-block;
    animation: wmtg-donate-pulse 1.4s ease-in-out infinite;
    transform-origin: center;
    color: var(--wmtg-donate-color, #ef4444);
}
.wmtg-db-donate-stat .wmtg-db-welcome-stat-label {
    color: var(--wmtg-donate-color, #ef4444) !important;
    font-weight: 600;
}

.wmtg-db-hero {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--wmtg-db-gap);
    margin-bottom: var(--wmtg-db-gap);
}
.wmtg-db-panels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wmtg-db-gap);
    margin-bottom: var(--wmtg-db-gap);
}
.wmtg-db-bonus-row { margin-bottom: var(--wmtg-db-gap); }

/* ── Basiskarte ──────────────────────────────────────────────────────────── */
.wmtg-db-card {
    background:    var(--wmtg-db-card-bg);
    border-width:  var(--wmtg-db-card-bw);
    border-style:  var(--wmtg-db-card-bs);
    border-color:  var(--wmtg-db-card-border);
    border-radius: var(--wmtg-db-card-radius);
    box-shadow:    var(--wmtg-db-card-shadow);
    padding:       18px 20px;
    color:         var(--wmtg-db-text);
    box-sizing:    border-box;
}
.wmtg-db-card--accent {
    padding-left: 20px;
}

/* ── Panel-Struktur ─────────────────────────────────────────────────────── */
.wmtg-db-panel {
    padding: 0;
    display: flex;
    flex-direction: column;
}
.wmtg-db-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: var(--wmtg-db-sep);
}
.wmtg-db-panel-title {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wmtg-db-accent);
    background: rgba(var(--wmtg-db-accent-rgb), .08);
    padding: 4px 10px 4px 8px;
    border-radius: 999px;
}
.wmtg-db-panel-title .wmtg-db-icon {
    width: 14px;
    height: 14px;
}

/* ── Labels & Text-Hierarchie ───────────────────────────────────────────── */
.wmtg-db-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wmtg-db-muted);
    margin-bottom: 10px;
}
.wmtg-db-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--wmtg-db-accent);
}
.wmtg-db-big {
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.03em;
    color: var(--wmtg-db-text);
}
.wmtg-db-unit {
    font-size: 16px !important;
    color: var(--wmtg-db-muted);
    margin-left: 2px;
}
.wmtg-db-muted {
    font-size: 12px !important;
    color: var(--wmtg-db-muted);
    margin-top: 4px;
}
.wmtg-db-empty {
    padding: 28px 18px;
    text-align: center;
    font-size: 13px !important;
    color: var(--wmtg-db-muted);
    flex: 1;
}

/* ── Hero-Row (Tipps-Karte) ─────────────────────────────────────────────── */
.wmtg-db-hero-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 2px;
}
.wmtg-db-badge {
    margin-left: auto;
    font-size: 11px !important;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(var(--wmtg-db-accent-rgb), .12);
    color: var(--wmtg-db-accent);
}

/* ── Fortschrittsbalken ─────────────────────────────────────────────────── */
.wmtg-db-progress-track {
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: rgba(var(--wmtg-db-accent-rgb), .15);
    overflow: hidden;
    margin: 12px 0 6px;
}
.wmtg-db-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: var(--wmtg-db-accent);
    transition: width .4s ease;
}

/* ── Rang-Karte ──────────────────────────────────────────────────────────── */
.wmtg-db-rank-row-inline {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
}
.wmtg-db-rank-pts {
    font-size: 13px !important;
    margin-left: 2px;
}
.wmtg-db-rank-icon {
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
}

/* ── Punkte-Balken ───────────────────────────────────────────────────────── */
.wmtg-db-pts-rows { display: grid; gap: 9px; }
.wmtg-db-pts-row  { display: flex; align-items: center; gap: 8px; }
.wmtg-db-pts-label {
    font-size: 12px !important;
    color: var(--wmtg-db-muted);
    min-width: 62px;
}
.wmtg-db-pts-bar-wrap {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: rgba(var(--wmtg-db-accent-rgb), .12);
    overflow: hidden;
}
.wmtg-db-pts-bar {
    height: 100%;
    border-radius: 999px;
    min-width: 4px;
    transition: width .4s ease;
}
.wmtg-db-pts-bar--exact { background: var(--wmtg-db-exact-color); }
.wmtg-db-pts-bar--diff  { background: var(--wmtg-db-diff-color); }
.wmtg-db-pts-bar--tend  { background: var(--wmtg-db-tend-color); }
.wmtg-db-pts-val {
    font-size: 12px !important;
    font-weight: 600;
    color: var(--wmtg-db-text);
    min-width: 20px;
    text-align: right;
}

/* ── Spielzeilen ────────────────────────────────────────────────────────── */
.wmtg-db-match-list { flex: 1; padding: 0; }
.wmtg-db-match-row {
    padding: 14px 18px 16px;
    border-bottom: var(--wmtg-db-sep);
}
.wmtg-db-match-row:last-child { border-bottom: none; }
.wmtg-db-match-date {
    font-size: 10px !important;
    color: var(--wmtg-db-muted);
    text-align: center;
    margin-bottom: 8px;
}
.wmtg-db-match-tip-label {
    font-size: 9px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--wmtg-db-muted);
    text-align: center;
    margin-bottom: 5px;
}
.wmtg-db-match-teams {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
}
.wmtg-db-team { display: flex; align-items: center; gap: 7px; }
.wmtg-db-team--home { flex-direction: row; justify-content: flex-end; }
.wmtg-db-team--away { flex-direction: row; justify-content: flex-start; }
.wmtg-db-team-code {
    font-size: 13px !important;
    font-weight: 700;
    color: var(--wmtg-db-text);
    text-transform: uppercase;
    letter-spacing: .03em;
}

/* ── Tipp-Pille ─────────────────────────────────────────────────────────── */
.wmtg-db-tip-pill {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 5px 12px;
    border-radius: 10px;
    background: rgba(var(--wmtg-db-accent-rgb), .10);
    font-size: 15px !important;
    font-weight: 700;
    color: var(--wmtg-db-accent);
    white-space: nowrap;
    line-height: 1.2;
}
.wmtg-db-tip-pill-score {
    display: flex;
    align-items: center;
    gap: 3px;
}
.wmtg-db-tip-pill em {
    font-style: normal;
    opacity: .5;
    font-size: 12px !important;
}
.wmtg-db-tip-pill.is-empty {
    background: rgba(var(--wmtg-db-accent-rgb), .06);
    color: var(--wmtg-db-muted);
    font-weight: 400;
}

/* ── Ergebnis-Liste ─────────────────────────────────────────────────────── */
.wmtg-db-result-list { flex: 1; padding: 4px 0; }
.wmtg-db-result-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-bottom: var(--wmtg-db-sep);
}
.wmtg-db-result-row:last-child { border-bottom: none; }
.wmtg-db-result-team {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px !important;
    font-weight: 600;
    color: var(--wmtg-db-text);
}
.wmtg-db-result-team--home { justify-content: flex-end; }
.wmtg-db-result-team--away { justify-content: flex-start; }
.wmtg-db-result-flag {
    width: 18px;
    height: 13px;
    border-radius: 2px;
    object-fit: cover;
}
.wmtg-db-result-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}
.wmtg-db-result-score {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--wmtg-db-text);
}
.wmtg-db-result-badge {
    font-size: 9px !important;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 999px;
    white-space: nowrap;
}
.wmtg-db-result-badge--exact { background: rgba(var(--wmtg-db-accent-rgb), .15); color: var(--wmtg-db-exact-color); }
.wmtg-db-result-badge--diff  { background: rgba(24,95,165, .15);  color: var(--wmtg-db-diff-color); }
.wmtg-db-result-badge--tend  { background: rgba(184,115,23, .15); color: var(--wmtg-db-tend-color); }

/* ── Rangliste ──────────────────────────────────────────────────────────── */
.wmtg-db-rank-list { flex: 1; padding: 6px 0; }
.wmtg-db-rank-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border-bottom: var(--wmtg-db-sep);
}
.wmtg-db-rank-row:last-child { border-bottom: none; }
.wmtg-db-rank-row.is-me {
    background: rgba(var(--wmtg-db-accent-rgb), .06);
    border-radius: 8px;
    margin: 2px 8px;
    padding: 8px 10px;
    border-bottom: none;
}
.wmtg-db-rank-pos {
    font-size: 13px !important;
    font-weight: 700;
    width: 22px;
    text-align: center;
    color: var(--wmtg-db-muted);
    flex-shrink: 0;
}
.wmtg-db-rank-pos--gold   { color: #B8860B; }
.wmtg-db-rank-pos--silver { color: #888; }
.wmtg-db-rank-pos--bronze { color: #A0522D; }
.wmtg-db-rank-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    font-weight: 700;
    flex-shrink: 0;
    background: #fdf0f8;
    border: 1.5px solid #f5c8e8;
    overflow: hidden;
}
.wmtg-db-rank-avatar img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
}
.wmtg-db-rank-avatar--gold    { border-color: rgba(255,185,0,.4); background: #fffbeb; }
.wmtg-db-rank-avatar--silver  { border-color: rgba(170,170,170,.4); background: #f9f9f9; }
.wmtg-db-rank-avatar--bronze  { border-color: rgba(175,100,30,.35); background: #fef5ec; }
.wmtg-db-rank-avatar--default { border-color: #f5c8e8; background: #fdf0f8; }
.wmtg-db-rank-info { flex: 1; min-width: 0; }
.wmtg-db-rank-info strong {
    display: block;
    font-size: 12px !important;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--wmtg-db-text);
}
.wmtg-db-rank-info em {
    display: block;
    font-size: 10px !important;
    font-style: normal;
    color: var(--wmtg-db-muted);
    margin-top: 1px;
}
.wmtg-db-rank-pts {
    font-size: 14px !important;
    font-weight: 700;
    color: var(--wmtg-db-text);
    flex-shrink: 0;
}

/* ── CTA-Buttons – alle vollfarbig ──────────────────────────────────────── */
.wmtg-db-cta {
    display: block;
    text-align: center;
    margin: auto 14px 14px;
    margin-top: 18px;
    padding: 11px 18px;
    border-radius: 10px;
    background: var(--wmtg-db-accent);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .02em;
    transition: opacity .15s;
    border: none;
}
.wmtg-db-cta:hover { opacity: .85; color: #fff !important; }

/* ghost-Variante wird auch vollfarbig, nur etwas transparenter */
.wmtg-db-cta--ghost {
    background: rgba(var(--wmtg-db-accent-rgb), .82);
}
.wmtg-db-cta--ghost:hover { opacity: .92; background: var(--wmtg-db-accent); }

/* ── Bonusfragen ────────────────────────────────────────────────────────── */
.wmtg-db-bonus-card { padding: 0; }
.wmtg-db-bonus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0;
}
.wmtg-db-bonus-item {
    padding: 14px 18px;
    border-right: var(--wmtg-db-sep);
}
.wmtg-db-bonus-item:last-child { border-right: none; }
.wmtg-db-bonus-q {
    font-size: 11px !important;
    color: var(--wmtg-db-muted);
    margin-bottom: 4px;
}
.wmtg-db-bonus-a {
    font-size: 13px !important;
    font-weight: 600;
    color: var(--wmtg-db-text);
}
.wmtg-db-bonus-a.is-empty {
    color: var(--wmtg-db-muted);
    font-weight: 400;
    font-style: italic;
}
.wmtg-db-bonus-pts {
    font-size: 10px !important;
    color: var(--wmtg-db-muted);
    margin-top: 3px;
}

/* ── Responsiv ──────────────────────────────────────────────────────────── */
@media (max-width: 960px) {
    .wmtg-db-hero { grid-template-columns: 3fr 2fr; }
    .wmtg-db-tips-card { grid-column: 1 / -1; }
    .wmtg-db-panels { grid-template-columns: 1fr; }
    /* Tablet: Name links, Stats rechts bleiben – aber Stats wrappen sauberer */
    .wmtg-db-welcome-right { gap: 0; }
    .wmtg-db-welcome-stat { padding: 4px 14px; }
}

@media (max-width: 600px) {
    .wmtg-db-hero { grid-template-columns: 1fr; }
    .wmtg-db-tips-card { grid-column: auto; }
    .wmtg-db-card { padding: 14px 16px; }
    .wmtg-db-big { font-size: 32px !important; }
    .wmtg-db-bonus-grid { grid-template-columns: 3fr 2fr; }
    .wmtg-db-bonus-item { border-bottom: var(--wmtg-db-sep); }
    .wmtg-db-bonus-item:nth-child(2n) { border-right: none; }

    /* Mobile Welcome: kompakte Karte */
    .wmtg-db-welcome {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        padding: 16px 16px 14px;
    }
    .wmtg-db-welcome-left {
        border-bottom: 1px solid rgba(var(--wmtg-db-accent-rgb), .12);
        padding-bottom: 12px;
    }
    .wmtg-db-welcome-greeting {
        font-size: 12px !important;
    }
    .wmtg-db-welcome-name {
        font-size: 22px !important;
    }
    /* Stats als 2×2-Grid auf Mobil */
    .wmtg-db-welcome-right {
        display: grid;
        grid-template-columns: 3fr 2fr;
        gap: 0;
        justify-content: unset;
    }
    .wmtg-db-welcome-stat {
        align-items: flex-start;
        padding: 8px 12px;
        border-left: none !important;
        border-bottom: 1px solid rgba(var(--wmtg-db-accent-rgb), .10);
    }
    /* rechte Spalte: Trennlinie links */
    .wmtg-db-welcome-stat:nth-child(2n) {
        border-left: 1px solid rgba(var(--wmtg-db-accent-rgb), .10) !important;
    }
    /* letzte Zeile: kein border-bottom */
    .wmtg-db-welcome-stat:nth-last-child(-n+2) {
        border-bottom: none;
    }
    .wmtg-db-welcome-stat-val {
        font-size: 15px !important;
    }
    .wmtg-db-welcome-stat-label {
        font-size: 9px !important;
    }
}


/* ════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v3.14.7 – Fixture-Row Layout
   Höchste Spezifität, steht ganz unten → gewinnt immer
   ════════════════════════════════════════════════════════════════ */

/* Desktop & Tablet */
html body .wmtg-wrap .wmtg-fixture-row,
html body .wmtg-group-board .wmtg-fixture-row,
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-row {
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) 110px !important;
    align-items: center !important;
    flex-direction: unset !important;
    min-height: 50px !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* Tipp-Spalte */
html body .wmtg-wrap .wmtg-fixture-tip,
html body .wmtg-group-board .wmtg-fixture-tip,
html body .wmtg-wrap .wmtg-ko-board .wmtg-fixture-tip {
    display: grid !important;
    grid-template-columns: 32px 26px 32px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 6px 8px !important;
}

/* Ergebnis-Anzeige: column layout erlaubt */
html body .wmtg-wrap .wmtg-fixture-tip.wmtg-has-result,
html body .wmtg-group-board .wmtg-fixture-tip.wmtg-has-result {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
}

/* Tablet ≤ 1100px */
@media (max-width: 1100px) {
    html body .wmtg-wrap .wmtg-fixture-row,
    html body .wmtg-group-board .wmtg-fixture-row {
        grid-template-columns: 110px minmax(0, 1fr) 110px !important;
    }
}

/* Mobile ≤ 760px */
@media (max-width: 760px) {
    html body .wmtg-wrap .wmtg-fixture-row,
    html body .wmtg-group-board .wmtg-fixture-row {
        grid-template-columns: 80px minmax(0, 1fr) 96px !important;
        min-height: 44px !important;
    }
}

/* v3.14.9 – Fixture-Team kompakt (flag_only + code) */
html body .wmtg-wrap .wmtg-fixture-team.left,
html body .wmtg-wrap .wmtg-fixture-team.right {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
}

html body .wmtg-wrap .wmtg-fixture-team.left  { justify-content: flex-end !important; }
html body .wmtg-wrap .wmtg-fixture-team.right { justify-content: flex-start !important; }

html body .wmtg-wrap .wmtg-fixture-team .wmtg-flag,
html body .wmtg-wrap .wmtg-fixture-team .wmtg-flag img {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}

html body .wmtg-wrap .wmtg-fix-code {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--wmtg-text, #1f2937) !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* wmtg-team strong (aus badge_html) in fixture - falls noch irgendwo vorhanden */
html body .wmtg-wrap .wmtg-fixture-team .wmtg-team strong {
    font-size: 11px !important;
    font-weight: 700 !important;
}

html body .wmtg-wrap .wmtg-fixture-team .wmtg-team .wmtg-flag,
html body .wmtg-wrap .wmtg-fixture-team .wmtg-team .wmtg-flag img {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
}

/* Fixture-main Grid */
html body .wmtg-wrap .wmtg-fixture-main {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Fixture-time */
html body .wmtg-wrap .wmtg-fixture-time {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--wmtg-muted, #667085) !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* v3.15.0 – Abstand & visuelle Trennung zwischen Ansetzungen und Tabelle */
html body .wmtg-wrap .wmtg-group-content {
    gap: 0 !important;
}

html body .wmtg-wrap .wmtg-group-table {
    margin: 12px 12px 12px 12px !important;
    border-width:  var(--wmtg-border-width, 1px) !important;
    border-style:  var(--wmtg-border-style, solid) !important;
    border-color:  var(--wmtg-border, #e5e7eb) !important;
    border-radius: var(--wmtg-radius, 14px) !important;
    box-shadow:    0 2px 8px rgba(0,0,0,.07) !important;
    background:    var(--wmtg-card-bg, #fff) !important;
    padding: 14px 12px !important;
    overflow: hidden !important;
}

@media (max-width: 1100px) {
    html body .wmtg-wrap .wmtg-group-table {
        margin: 0 12px 12px 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,.07) !important;
        border-radius: var(--wmtg-radius, 14px) !important;
    }
}

/* v3.15.2 – Tabelle kompakter */
html body .wmtg-wrap .wmtg-group-table table {
    font-size: 12px !important;
}

html body .wmtg-wrap .wmtg-group-table th,
html body .wmtg-wrap .wmtg-group-table td {
    padding: 5px 4px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

html body .wmtg-wrap .wmtg-group-table th {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    color: var(--wmtg-muted, #667085) !important;
}

/* Teamname */
html body .wmtg-wrap .wmtg-group-table .wmtg-team strong {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--wmtg-text, #1f2937) !important;
}

/* Teamflagge */
html body .wmtg-wrap .wmtg-group-table .wmtg-flag,
html body .wmtg-wrap .wmtg-group-table .wmtg-flag img {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}

/* Pts fett, GD farbig – aber klein */
html body .wmtg-wrap .wmtg-group-table td:last-child {
    font-weight: 700 !important;
    font-size: 11px !important;
}

/* Hinweistexte */
html body .wmtg-wrap .wmtg-group-table p,
html body .wmtg-wrap .wmtg-group-table > p,
html body .wmtg-wrap .wmtg-group-table .wmtg-standings-footnote {
    font-size: 10px !important;
    color: var(--wmtg-muted, #9ca3af) !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
}

/* v3.15.3 – Tipp-Felder & Würfel ausgerichtet */

/* Alle drei Elemente auf gleiche Höhe */
html body .wmtg-fixture-tip input[type="number"],
html body .wmtg-fixture-tip .wmtg-dice-button {
    height: 34px !important;
    vertical-align: middle !important;
}

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

/* Würfel deutlich größer */
html body .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 18px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* v3.15.4 – Tipp-Felder & Würfel: einheitliche Größe, sauber ausgerichtet */
html body .wmtg-wrap .wmtg-fixture-tip,
html body .wmtg-group-board .wmtg-fixture-tip {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 6px 8px !important;
    grid-template-columns: none !important;
}

html body .wmtg-wrap .wmtg-fixture-tip input[type="number"] {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 9px !important;
    border: 1.5px solid var(--wmtg-border, #dfe3ea) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: var(--wmtg-text, #344054) !important;
    background: var(--wmtg-card-bg, #fff) !important;
    padding: 0 !important;
    box-shadow: none !important;
    line-height: 36px !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

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

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-shrink: 0 !important;
    border-radius: 7px !important;
    border: 1px solid var(--wmtg-border, #e1e6ee) !important;
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .06) !important;
    color: var(--wmtg-muted, #6b7280) !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    padding: 0 !important;
    line-height: 1 !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .12) !important;
}

/* v3.15.5 – Tipp-Spalte: perfekte Zentrierung, größerer Würfel */

/* Fixture-Row: Tipp-Spalte vertikal zentrieren */
html body .wmtg-wrap .wmtg-fixture-row,
html body .wmtg-group-board .wmtg-fixture-row {
    align-items: center !important;
}

/* Tipp-Container: flex, mittig */
html body .wmtg-wrap .wmtg-fixture-tip,
html body .wmtg-group-board .wmtg-fixture-tip {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 10px !important;
    grid-template-columns: none !important;
    height: 100% !important;
}

/* Eingabefelder */
html body .wmtg-wrap .wmtg-fixture-tip input[type="number"] {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 9px !important;
    border: 1.5px solid var(--wmtg-border, #dfe3ea) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: var(--wmtg-text, #344054) !important;
    background: var(--wmtg-card-bg, #fff) !important;
    padding: 0 !important;
    box-shadow: none !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    display: block !important;
}

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

/* Würfel – groß, rund, akzentfarben */
html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 9px !important;
    border: 1.5px solid rgba(var(--wmtg-accent-rgb, 29,158,117), .3) !important;
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .07) !important;
    color: var(--wmtg-accent, #1D9E75) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    padding: 0 !important;
    transition: background .15s !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .15) !important;
}

/* v3.15.7 – Würfel: transparenter Hintergrund, gleiche Höhe */
html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button {
    background: transparent !important;
    border-color: var(--wmtg-border, #dfe3ea) !important;
    color: var(--wmtg-muted, #9ca3af) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    align-self: center !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .08) !important;
    border-color: var(--wmtg-accent, #1D9E75) !important;
    color: var(--wmtg-accent, #1D9E75) !important;
}

/* v3.15.8 – FINAL: Würfel ohne Rahmen/Hintergrund, auf Höhe der Inputs */
html body .wmtg-wrap .wmtg-fixture-tip,
html body .wmtg-group-board .wmtg-fixture-tip {
    align-items: center !important;
}

html body .wmtg-wrap .wmtg-fixture-tip input[type="number"],
html body .wmtg-group-board .wmtg-fixture-tip input[type="number"],
html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    height: 36px !important;
    vertical-align: middle !important;
    align-self: center !important;
    flex-shrink: 0 !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    width: 28px !important;
    min-width: 28px !important;
    color: var(--wmtg-muted, #9ca3af) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button:hover,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button:hover,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button:hover,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--wmtg-accent, #1D9E75) !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button svg,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}

/* ═══ v3.15.9 ABSOLUTE FINAL – Tipp-Felder & Würfel ═══════════════════════ */
html body .wmtg-wrap .wmtg-fixture-tip,
html body .wmtg-group-board .wmtg-fixture-tip,
html body .wmtg-form .wmtg-fixture-tip,
html body .wmtg-group-form .wmtg-fixture-tip {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 8px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    height: 100% !important;
}

html body .wmtg-wrap .wmtg-fixture-tip input[type="number"],
html body .wmtg-group-board .wmtg-fixture-tip input[type="number"] {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--wmtg-border, #dfe3ea) !important;
    background: var(--wmtg-card-bg, #fff) !important;
    color: var(--wmtg-text, #344054) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 34px !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    vertical-align: middle !important;
}

html body .wmtg-wrap .wmtg-fixture-tip input[type="number"]::-webkit-outer-spin-button,
html body .wmtg-wrap .wmtg-fixture-tip input[type="number"]::-webkit-inner-spin-button,
html body .wmtg-group-board .wmtg-fixture-tip input[type="number"]::-webkit-outer-spin-button,
html body .wmtg-group-board .wmtg-fixture-tip input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Focus-Ring: einheitlich in Akzentfarbe, kein Browser-Default (rosa/blau) */
html body .wmtg-wrap .wmtg-fixture-tip input[type="number"]:focus,
html body .wmtg-group-board .wmtg-fixture-tip input[type="number"]:focus,
html body .wmtg-form .wmtg-fixture-tip input[type="number"]:focus,
html body .wmtg-group-form .wmtg-fixture-tip input[type="number"]:focus {
    outline: none !important;
    border-color: var(--wmtg-accent, #1D9E75) !important;
    box-shadow: 0 0 0 2px rgba(var(--wmtg-accent-rgb, 29,158,117), .18) !important;
}

/* Gespeicherter Tipp: Border-Farbe aus dem Punkte-Feedback, kein Focus-Bleed */
html body .wmtg-wrap .wmtg-fixture-tip input[type="number"]:not(:focus),
html body .wmtg-group-board .wmtg-fixture-tip input[type="number"]:not(:focus) {
    outline: none !important;
    box-shadow: none !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--wmtg-muted, #adb5bd) !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button:hover,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button:hover,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button:hover,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button:hover {
    background: none !important;
    border: none !important;
    color: var(--wmtg-accent, #1D9E75) !important;
}

html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button svg,
html body .wmtg-group-board .wmtg-fixture-tip .wmtg-dice-button svg,
html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button svg,
html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
/* ═══════════════════════════════════════════════════════════════════════════ */

/* v3.16.0 – KO-Runde: identisches Layout wie Gruppenphase */
html body .wmtg-wrap .wmtg-ko-board {
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #eceff3);
    border-radius: var(--wmtg-radius, 16px);
    box-shadow:    var(--wmtg-shadow, none);
    padding: 20px;
}

html body .wmtg-wrap .wmtg-ko-board h3 {
    margin: 0 0 4px;
    font-size: 16px !important;
    font-weight: 700;
    color: var(--wmtg-text, #111827);
}

html body .wmtg-wrap .wmtg-ko-board > p {
    margin: 0 0 16px;
    font-size: 12px !important;
    color: var(--wmtg-muted, #667085);
}

/* Stage-Tabs */
html body .wmtg-wrap .wmtg-ko-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 20px;
    padding: 3px;
    background: var(--wmtg-card-bg, #fff);
    border-width:  var(--wmtg-border-width, 1px);
    border-style:  var(--wmtg-border-style, solid);
    border-color:  var(--wmtg-border, #e5e7eb);
    border-radius: 12px;
    display: inline-flex;
}

html body .wmtg-wrap .wmtg-ko-tabs button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 8px 14px;
    border-radius: 9px;
    color: var(--wmtg-muted, #888);
    font-weight: 600;
    font-size: 13px !important;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
}

html body .wmtg-wrap .wmtg-ko-tabs button.active {
    background: var(--wmtg-accent, #1D9E75);
    color: #fff;
    font-weight: 700;
}

/* Stage-Panel */
html body .wmtg-wrap .wmtg-ko-stage-panel { display: none; }
html body .wmtg-wrap .wmtg-ko-stage-panel.active { display: block; }

html body .wmtg-wrap .wmtg-ko-stage-panel h4 {
    font-size: 11px !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wmtg-accent, #1D9E75);
    background: rgba(var(--wmtg-accent-rgb, 29,158,117), .08);
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 12px;
}

/* KO-Zeilen: identisch mit Gruppenphase */
html body .wmtg-wrap .wmtg-ko-list {
    display: flex;
    flex-direction: column;
}

html body .wmtg-wrap .wmtg-ko-row {
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) 110px !important;
    align-items: center !important;
    min-height: 50px !important;
    border-bottom: 1px solid var(--wmtg-border, #f1f2f4) !important;
    padding: 0 !important;
    gap: 0 !important;
}

html body .wmtg-wrap .wmtg-ko-row:last-child {
    border-bottom: none !important;
}

/* v3.16.1 – Mobile Gruppenphase: 2-zeiliges Layout */
@media (max-width: 680px) {

    /* Karte volle Breite, kein overflow */
    html body .wmtg-wrap .wmtg-group-board {
        border-radius: 12px !important;
    }

    /* Tabelle unter Ansetzungen statt nebeneinander */
    html body .wmtg-wrap .wmtg-group-content {
        grid-template-columns: 1fr !important;
    }

    /* Fixture-Row: 2 Zeilen */
    html body .wmtg-wrap .wmtg-fixture-row,
    html body .wmtg-group-board .wmtg-fixture-row,
    html body .wmtg-wrap .wmtg-ko-row {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "date  tip"
            "main  tip" !important;
        min-height: unset !important;
        padding: 10px 12px !important;
        gap: 4px 8px !important;
        align-items: center !important;
    }

    html body .wmtg-wrap .wmtg-fixture-date,
    html body .wmtg-wrap .wmtg-ko-date {
        grid-area: date !important;
        padding: 0 !important;
        display: flex !important;
        align-items: baseline !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }

    html body .wmtg-wrap .wmtg-fixture-date strong,
    html body .wmtg-wrap .wmtg-ko-date strong {
        font-size: 12px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    html body .wmtg-wrap .wmtg-fixture-date span:not(.wmtg-fixture-date-time),
    html body .wmtg-wrap .wmtg-ko-date span:not(.wmtg-fixture-date-time) {
        display: none !important; /* Stadion auf Mobil ausblenden */
    }

    html body .wmtg-wrap .wmtg-fixture-date .wmtg-fixture-date-time,
    html body .wmtg-wrap .wmtg-ko-date .wmtg-fixture-date-time {
        display: inline !important;
        font-size: 11px !important;
        color: var(--wmtg-muted, #667085) !important;
    }

    html body .wmtg-wrap .wmtg-fixture-main {
        grid-area: main !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        grid-template-columns: none !important;
    }

    html body .wmtg-wrap .wmtg-fixture-team.left,
    html body .wmtg-wrap .wmtg-fixture-team.right {
        justify-content: flex-start !important;
        flex-direction: row !important;
    }

    html body .wmtg-wrap .wmtg-fixture-time {
        font-size: 11px !important;
        color: var(--wmtg-muted, #667085) !important;
        white-space: nowrap !important;
        padding: 0 4px !important;
    }

    html body .wmtg-wrap .wmtg-fixture-tip,
    html body .wmtg-group-board .wmtg-fixture-tip {
        grid-area: tip !important;
        flex-direction: column !important;
        gap: 4px !important;
        padding: 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }

    html body .wmtg-wrap .wmtg-fixture-tip input[type="number"] {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
    }

    html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
    html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
    html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        font-size: 13px !important;
    }

    /* Gruppen-Header kompakter */
    html body .wmtg-wrap .wmtg-group-header {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 10px 14px !important;
    }

    html body .wmtg-wrap .wmtg-group-table {
        margin: 8px !important;
    }
}

/* v3.16.2 – Mobile Fixture: sauberes 1-Zeilen-Layout */
@media (max-width: 680px) {

    html body .wmtg-wrap .wmtg-fixture-row,
    html body .wmtg-group-board .wmtg-fixture-row,
    html body .wmtg-wrap .wmtg-ko-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-template-areas: none !important;
        padding: 10px 12px !important;
        gap: 8px !important;
        min-height: 52px !important;
    }

    /* Datum: kompakt, kein Stadion */
    html body .wmtg-wrap .wmtg-fixture-date,
    html body .wmtg-wrap .wmtg-ko-date {
        grid-area: unset !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        flex-shrink: 0 !important;
        width: 68px !important;
        padding: 0 !important;
    }

    html body .wmtg-wrap .wmtg-fixture-date strong,
    html body .wmtg-wrap .wmtg-ko-date strong {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: var(--wmtg-text, #344054) !important;
        white-space: nowrap !important;
    }

    html body .wmtg-wrap .wmtg-fixture-date span,
    html body .wmtg-wrap .wmtg-ko-date span {
        display: none !important;
    }

    html body .wmtg-wrap .wmtg-fixture-date .wmtg-fixture-date-time,
    html body .wmtg-wrap .wmtg-ko-date .wmtg-fixture-date-time {
        display: block !important;
        font-size: 10px !important;
        color: var(--wmtg-muted, #9ca3af) !important;
    }

    /* Teams: flex, nimmt verfügbaren Platz */
    html body .wmtg-wrap .wmtg-fixture-main {
        grid-area: unset !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 5px !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        grid-template-columns: none !important;
        overflow: hidden !important;
    }

    html body .wmtg-wrap .wmtg-fixture-team.left,
    html body .wmtg-wrap .wmtg-fixture-team.right {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
    }

    html body .wmtg-wrap .wmtg-fix-code {
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    html body .wmtg-wrap .wmtg-fixture-team .wmtg-flag,
    html body .wmtg-wrap .wmtg-fixture-team .wmtg-flag img {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }

    html body .wmtg-wrap .wmtg-fixture-time {
        font-size: 10px !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        padding: 0 2px !important;
    }

    /* Tipp-Felder: horizontal, kompakt */
    html body .wmtg-wrap .wmtg-fixture-tip,
    html body .wmtg-group-board .wmtg-fixture-tip {
        grid-area: unset !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 3px !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    html body .wmtg-wrap .wmtg-fixture-tip input[type="number"] {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        flex: 0 0 30px !important;
        font-size: 13px !important;
        border-radius: 7px !important;
    }

    html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button,
    html body .wmtg-form .wmtg-fixture-tip .wmtg-dice-button,
    html body .wmtg-group-form .wmtg-fixture-tip .wmtg-dice-button {
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
    }

    html body .wmtg-wrap .wmtg-fixture-tip .wmtg-dice-button svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* Tabelle unter Ansetzungen */
    html body .wmtg-wrap .wmtg-group-content {
        grid-template-columns: 1fr !important;
    }

    html body .wmtg-wrap .wmtg-group-table {
        margin: 0 10px 10px !important;
    }
}

/* v3.16.3 – Tabellen-Scroll in Gruppenansicht */
.wmtg-table-scroll-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
}

.wmtg-table-scroll-wrap table {
    min-width: 320px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   wmtg_countdown – Split-Flap Flughafen-Stil
   ═══════════════════════════════════════════════════════════════════════════ */

.wmtg-countdown-wrap {
    text-align: center;
    margin-bottom: 18px;
    padding: 24px 20px 20px;
    background: #1a1a2e;
    border-radius: var(--wmtg-radius, 16px);
    box-shadow: 0 8px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
}

.wmtg-countdown-label {
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: #f0a500;
    margin-bottom: 20px;
    opacity: .9;
}

.wmtg-countdown-board {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.wmtg-countdown-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* Flip-Karte */
.wmtg-countdown-flip {
    position: relative;
    width: 72px;
    height: 84px;
    perspective: 300px;
}

.wmtg-flip-card {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    background: #0d0d1a;
    border: 1px solid #2a2a4a;
}

.wmtg-flip-top {
    top: 0;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 2px;
}

.wmtg-flip-bottom {
    bottom: 0;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 2px;
}

.wmtg-flip-val {
    font-family: 'Courier New', 'Roboto Mono', monospace;
    font-size: 40px !important;
    font-weight: 900;
    color: #f5f5f0;
    line-height: 1;
    letter-spacing: -.02em;
    display: block;
    text-shadow: 0 0 12px rgba(240,165,0,.3);
}

/* Mittellinie */
.wmtg-countdown-flip::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
    transform: translateY(-50%);
    z-index: 10;
}

/* Flip-Animation */
@keyframes wmtg-flip-top {
    0%   { transform: rotateX(0deg); }
    100% { transform: rotateX(-90deg); }
}

@keyframes wmtg-flip-bottom {
    0%   { transform: rotateX(90deg); }
    100% { transform: rotateX(0deg); }
}

.wmtg-flipping .wmtg-flip-top {
    transform-origin: bottom center;
    animation: wmtg-flip-top .25s ease-in forwards;
}

.wmtg-flipping .wmtg-flip-bottom {
    transform-origin: top center;
    animation: wmtg-flip-bottom .25s ease-out .25s forwards;
}

/* Trennpunkte */
.wmtg-countdown-sep {
    font-size: 36px !important;
    font-weight: 900;
    color: #f0a500;
    line-height: 1;
    margin-top: -16px;
    opacity: .7;
    font-family: monospace;
}

/* Einheiten-Label */
.wmtg-countdown-unit-label {
    font-size: 9px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: #5a5a7a;
}

/* Gestartet-Meldung */
.wmtg-countdown-started {
    margin-top: 16px;
    font-size: 16px !important;
    font-weight: 700;
    color: #f0a500;
}

/* Responsiv */
@media (max-width: 600px) {
    .wmtg-countdown-flip {
        width: 52px;
        height: 62px;
    }
    .wmtg-flip-val {
        font-size: 28px !important;
    }
    .wmtg-countdown-board {
        gap: 6px;
    }
    .wmtg-countdown-sep {
        font-size: 24px !important;
        margin-top: -12px;
    }
}

/* v3.16.8 – Dashboard News-Panel */
.wmtg-db-news-row {
    margin-bottom: var(--wmtg-db-gap, 14px);
}

.wmtg-db-news-card {
    padding: 0 !important;
    overflow: hidden;
}

.wmtg-db-news-cat {
    font-size: 10px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--wmtg-db-accent, #1D9E75);
    background: rgba(var(--wmtg-db-accent-rgb, 29,158,117), .08);
    padding: 3px 9px;
    border-radius: 999px;
}

.wmtg-db-news-inner {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    align-items: center;
    gap: 0;
    text-decoration: none !important;
    color: inherit !important;
    transition: background .15s;
}

.wmtg-db-news-inner:hover {
    background: rgba(var(--wmtg-db-accent-rgb, 29,158,117), .03);
}

.wmtg-db-news-thumb {
    width: 200px;
    height: 120px;
    flex-shrink: 0;
    overflow: hidden;
}

.wmtg-db-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.wmtg-db-news-inner:hover .wmtg-db-news-thumb img {
    transform: scale(1.04);
}

.wmtg-db-news-body {
    padding: 16px 20px;
    min-width: 0;
}

.wmtg-db-news-title {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--wmtg-db-text, #111827);
    line-height: 1.35;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wmtg-db-news-excerpt {
    font-size: 13px !important;
    color: var(--wmtg-db-muted, #6b7280);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.wmtg-db-news-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px !important;
    color: var(--wmtg-db-muted, #9ca3af);
}

.wmtg-db-news-meta-sep {
    opacity: .4;
}

.wmtg-db-news-arrow {
    padding: 0 18px;
    flex-shrink: 0;
    color: var(--wmtg-db-accent, #1D9E75);
    opacity: .5;
    transition: opacity .15s, transform .15s;
}

.wmtg-db-news-arrow svg {
    width: 20px;
    height: 20px;
    display: block;
}

.wmtg-db-news-inner:hover .wmtg-db-news-arrow {
    opacity: 1;
    transform: translateX(3px);
}

/* Ohne Bild */
.wmtg-db-news-inner:not(:has(.wmtg-db-news-thumb)) {
    grid-template-columns: 1fr auto;
}

@media (max-width: 600px) {
    .wmtg-db-news-inner {
        grid-template-columns: 1fr auto;
    }
    .wmtg-db-news-thumb {
        display: none;
    }
    .wmtg-db-news-title {
        white-space: normal;
        font-size: 14px !important;
    }
}

/* ── Bonus-Panel Blur (v3.18.3) ──────────────────────────────── */
body .wmtg-bonus-blurred {
    position: relative !important;
    overflow: hidden !important;
    min-height: 160px !important;
}

body .wmtg-bonus-blurred .wmtg-stats-bonus-grid {
    filter: blur(7px) !important;
    user-select: none !important;
    pointer-events: none !important;
    opacity: .55 !important;
}

/* Overlay liegt über dem Blur-Inhalt, innerhalb der Karte */
body .wmtg-bonus-blur-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.45) !important;
}

body .wmtg-bonus-blur-message {
    text-align: center !important;
    padding: 20px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--wmtg-card-bg, #fff) !important;
    border-radius: var(--wmtg-radius, 14px) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.10) !important;
    max-width: 320px !important;
}

body .wmtg-bonus-blur-message svg {
    color: var(--wmtg-muted, #9ca3af) !important;
}

body .wmtg-bonus-blur-message p {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--wmtg-text, #1a2035) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

body .wmtg-bonus-blur-sub {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--wmtg-muted, #9ca3af) !important;
}

/* Badge im Card-Header */
body .wmtg-bonus-blur-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-left: auto !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--wmtg-muted, #9ca3af) !important;
    background: var(--wmtg-border, #f1f3f5) !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
}

/* Kein äußerer Abstand bei Tipp- und Statistik-Seite */
.wmtg-tipping-wrap.wmtg-wrap,
.wmtg-stats-page.wmtg-wrap {
    margin:  0 !important;
    padding: 0 !important;
}

.wmtg-db-wrap.wmtg-wrap {
    margin:  0 !important;
    padding: 0 !important;
}

/* ── KO-Runde: 3-Zeilen-Layout ──────────────────────────────── */
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-row {
    display: block !important;
    grid-template-columns: none !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid var(--wmtg-border, #f0f1f3) !important;
}
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-row:last-child {
    border-bottom: none !important;
}

/* Zeile 1: Datum */
.wmtg-ko-line-date {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
}
.wmtg-ko-date-day {
    font-size: 12px;
    font-weight: 700;
    color: var(--wmtg-text, #1a2035);
}
.wmtg-ko-date-time {
    font-size: 11px;
    color: var(--wmtg-muted, #9ca3af);
}
.wmtg-ko-date-venue {
    font-size: 10px;
    color: var(--wmtg-muted, #c4c9d4);
    margin-left: auto;
}

/* Zeile 2: Ansetzung */
.wmtg-ko-line-match {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.wmtg-ko-team {
    display: flex;
    align-items: center;
    gap: 5px;
}
.wmtg-ko-home { justify-content: flex-end; }
.wmtg-ko-away { justify-content: flex-start; }
.wmtg-ko-team .wmtg-flag,
.wmtg-ko-team .wmtg-flag img {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
}
.wmtg-ko-vs {
    font-size: 10px;
    font-weight: 700;
    color: var(--wmtg-muted, #c4c9d4);
    text-transform: uppercase;
    letter-spacing: .08em;
    flex-shrink: 0;
}

/* Zeile 3: Tippfelder */
.wmtg-ko-line-tip .wmtg-fixture-tip {
    display: flex !important;
    justify-content: flex-start !important;
    padding: 0 !important;
}

/* ── KO-Runde: zentriertes Layout ───────────────────────────── */
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-row {
    text-align: center !important;
}
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-date {
    justify-content: center !important;
}
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-match {
    justify-content: center !important;
}
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-tip {
    justify-content: center !important;
}
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-tip .wmtg-fixture-tip {
    justify-content: center !important;
}
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-date-venue {
    margin-left: 0 !important;
}

/* ── KO-Runde: zentrierte Ausrichtung ───────────────────────── */
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-list {
    max-width: 480px !important;
    margin: 0 auto !important;
}

html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-date {
    justify-content: center !important;
}

html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-match {
    justify-content: center !important;
}

html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-tip {
    display: flex !important;
    justify-content: center !important;
}

html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-tip .wmtg-fixture-tip,
html body .wmtg-wrap .wmtg-ko-board .wmtg-ko-line-tip .wmtg-ko-tip {
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════════════════
   Meine Tipps – [wmtg_meine_tipps]
   ══════════════════════════════════════════════════════════════ */


/* Header */
.wmtg-mt-header{
    display:flex;align-items:center;gap:14px;
    padding:20px 0 24px;
}
.wmtg-mt-avatar{
    width:52px;height:52px;border-radius:50%;
    border:2px solid var(--wmtg-border,#f5c8e8);
    background:#fdf0f8;object-fit:cover;flex-shrink:0;
}
.wmtg-mt-header-info{flex:1;min-width:0}
.wmtg-mt-title{font-size:22px;font-weight:800;color:var(--wmtg-text,#1a2035);margin:0 0 2px}
.wmtg-mt-username{font-size:13px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-mt-header-total{
    text-align:right;flex-shrink:0;
}
.wmtg-mt-total-pts{
    display:block;font-size:32px;font-weight:900;
    color:var(--wmtg-accent,#1D9E75);line-height:1;
}
.wmtg-mt-total-label{font-size:11px;color:var(--wmtg-muted,#9ca3af)}

/* Karte */
.wmtg-mt-card{
    background:var(--wmtg-card-bg,#fff);
    border:var(--wmtg-border-width,1px) var(--wmtg-border-style,solid) var(--wmtg-border,#e5e7eb);
    border-radius:var(--wmtg-radius,16px);
    box-shadow:var(--wmtg-shadow,none);
    overflow:hidden;
    margin-bottom:16px;
}

/* Karten-Kopf */
.wmtg-mt-card-head{
    display:flex;align-items:center;gap:8px;
    padding:12px 18px;
    background:var(--wmtg-card-bg,#f8f9fc);
    border-bottom:1px solid var(--wmtg-border,#e5e7eb);
    font-size:13px;font-weight:700;color:var(--wmtg-text,#1a2035);
}
.wmtg-mt-card-head svg{color:var(--wmtg-accent,#1D9E75);flex-shrink:0}
.wmtg-mt-card-pts{
    margin-left:auto;
    font-size:13px;font-weight:700;
    color:var(--wmtg-accent,#1D9E75);
}

/* Tabellen-Header */
.wmtg-mt-table-head{
    display:grid;
    grid-template-columns:36px minmax(260px,2fr) 80px 80px 52px;
    padding:7px 18px;
    background:var(--wmtg-card-bg,#f8f9fc);
    border-bottom:1px solid var(--wmtg-border,#e5e7eb);
    font-size:10px;font-weight:700;letter-spacing:.07em;
    text-transform:uppercase;color:var(--wmtg-muted,#9ca3af);
}
.wmtg-mt-table-head--bonus{
    grid-template-columns:1.4fr 1fr 1fr 52px;
}
.wmtg-mt-table-head>div:nth-child(n+2){text-align:center}
.wmtg-mt-table-head>div:first-child{text-align:center}

/* Stage-Trenner */
.wmtg-mt-stage-header{
    padding:6px 18px;
    font-size:10px;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:var(--wmtg-muted,#9ca3af);
    background:var(--wmtg-card-bg,#f8f9fc);
    border-bottom:1px solid var(--wmtg-border,#e5e7eb);
    border-top:1px solid var(--wmtg-border,#e5e7eb);
}
.wmtg-mt-stage-header:first-of-type{border-top:none}

/* Zeilen */
.wmtg-mt-row{
    display:grid;
    grid-template-columns:36px minmax(260px,2fr) 80px 80px 52px;
    align-items:center;
    padding:9px 18px;
    border-bottom:1px solid var(--wmtg-border,#f0f1f3);
    transition:background .1s;
}
.wmtg-mt-row--bonus{
    grid-template-columns:1.4fr 1fr 1fr 52px;
}
.wmtg-mt-row:last-of-type{border-bottom:none}

/* Nr-Spalte */
.wmtg-mt-col-nr{
    font-size:11px;font-weight:600;
    color:var(--wmtg-muted,#c4c9d4);
    text-align:center;
}

/* Farb-Akzente */
.wmtg-mt-exact{background:rgba(34,197,94,.05)!important;border-left:3px solid rgba(34,197,94,.4)!important}
.wmtg-mt-diff {background:rgba(59,130,246,.05)!important;border-left:3px solid rgba(59,130,246,.35)!important}
.wmtg-mt-tend {background:rgba(234,179,8,.05)!important; border-left:3px solid rgba(234,179,8,.35)!important}
.wmtg-mt-miss {border-left:3px solid transparent!important}

/* Spiel-Spalte */
.wmtg-mt-col-match{display:flex;align-items:center;gap:6px;min-width:0}
.wmtg-mt-match-date{font-size:11px;color:var(--wmtg-muted,#9ca3af);flex-shrink:0;width:34px}
.wmtg-mt-match-teams{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
.wmtg-mt-teamname{font-size:12px;font-weight:600;color:var(--wmtg-text,#374151);white-space:nowrap}
.wmtg-mt-teamname .wmtg-mt-code{font-size:11px;font-weight:400;color:var(--wmtg-muted,#9ca3af);margin-left:2px}
.wmtg-mt-vs{font-size:10px;color:var(--wmtg-muted,#d1d5db);flex-shrink:0}
.wmtg-mt-col-match .wmtg-flag,
.wmtg-mt-col-match .wmtg-flag img{width:18px!important;height:18px!important;border-radius:50%!important;flex-shrink:0!important}

/* Ergebnis / Tipp */
.wmtg-mt-col-result,.wmtg-mt-col-tip{text-align:center}
.wmtg-mt-score{font-size:12px;font-weight:700;color:var(--wmtg-text,#1a2035)}
.wmtg-mt-score-pending{color:var(--wmtg-muted,#d1d5db);font-size:12px}
.wmtg-mt-tip{font-size:12px;font-weight:600;color:var(--wmtg-accent,#1D9E75)}
.wmtg-mt-no-tip{font-size:11px;color:var(--wmtg-muted,#d1d5db)}

/* Punkte-Badge */
.wmtg-mt-col-pts{text-align:center}
.wmtg-mt-pts-badge{
    display:inline-flex;align-items:center;justify-content:center;
    width:24px;height:24px;border-radius:6px;
    font-size:12px;font-weight:700;
}
.wmtg-mt-pts-4   {background:rgba(34,197,94,.15);color:#15803d}
.wmtg-mt-pts-3   {background:rgba(59,130,246,.15);color:#1d4ed8}
.wmtg-mt-pts-2   {background:rgba(234,179,8,.15);color:#a16207}
.wmtg-mt-pts-0   {background:rgba(239,68,68,.08);color:#b91c1c}
.wmtg-mt-pts-miss{background:rgba(239,68,68,.08);color:#b91c1c}
.wmtg-mt-pts-open{color:var(--wmtg-muted,#d1d5db);font-size:16px}

/* Bonus-Spalten */
.wmtg-mt-col-question{font-size:13px;color:var(--wmtg-text,#374151)}
.wmtg-mt-col-answer,.wmtg-mt-col-correct{text-align:center;font-size:12px}

/* Zwischensumme */
.wmtg-mt-subtotal{
    display:flex;justify-content:space-between;align-items:center;
    padding:10px 18px;
    border-top:1px solid var(--wmtg-border,#e5e7eb);
    background:var(--wmtg-card-bg,#f8f9fc);
    font-size:12px;font-weight:600;color:var(--wmtg-muted,#6b7280);
}
.wmtg-mt-subtotal-pts{
    font-size:14px;font-weight:700;color:var(--wmtg-accent,#1D9E75);
}

/* Gesamtsumme */
.wmtg-mt-total-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:16px 20px;
    background:var(--wmtg-card-bg,#fff);
    border:var(--wmtg-border-width,1px) var(--wmtg-border-style,solid) var(--wmtg-border,#e5e7eb);
    border-radius:var(--wmtg-radius,16px);
    box-shadow:var(--wmtg-shadow,none);
}
.wmtg-mt-total-label-big{font-size:14px;font-weight:700;color:var(--wmtg-text,#1a2035)}
.wmtg-mt-total-pts-big{font-size:22px;font-weight:900;color:var(--wmtg-accent,#1D9E75)}

/* Leer-Zustand */
.wmtg-mt-empty{padding:24px 18px;text-align:center;font-size:13px;color:var(--wmtg-muted,#9ca3af)}

/* Responsiv */
@media(max-width:640px){
    .wmtg-mt-table-head,.wmtg-mt-row{
        grid-template-columns:28px 1fr 56px 56px 36px!important;
    }
    .wmtg-mt-table-head--bonus,.wmtg-mt-row--bonus{
        grid-template-columns:1fr 1fr 36px!important;
    }
    .wmtg-mt-table-head--bonus .wmtg-mt-col-correct,
    .wmtg-mt-row--bonus .wmtg-mt-col-correct{display:none!important}
    .wmtg-mt-match-date{display:none}
}

/* ══════════════════════════════════════════════════════════════
   Meine Statistik – [wmtg_meine_statistik]
   ══════════════════════════════════════════════════════════════ */
/* wmtg-ms-wrap und wmtg-mt-wrap: max-width wird von wmtg-wrap geerbt */

/* Abstand zwischen Panels wenn auf derselben Seite */
.wmtg-mt-total-row{margin-bottom:32px!important}
.wmtg-ms-stats-grid{margin-top:4px}

.wmtg-ms-header{display:flex;align-items:center;gap:14px;padding:20px 0 24px}
.wmtg-ms-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--wmtg-accent,#f24ba3);background:#fdf0f8;object-fit:cover;flex-shrink:0}
.wmtg-ms-header-info{flex:1;min-width:0}
.wmtg-ms-title{font-size:22px;font-weight:800;color:var(--wmtg-text,#1a2035);margin:0 0 2px}
.wmtg-ms-username{font-size:13px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-ms-header-total{text-align:right;flex-shrink:0}
.wmtg-ms-total-pts{display:block;font-size:32px;font-weight:900;color:var(--wmtg-accent,#f24ba3);line-height:1}
.wmtg-ms-total-label{font-size:11px;color:var(--wmtg-muted,#9ca3af)}

.wmtg-ms-stats-grid{display:grid;gap:9px;margin-bottom:9px}
.wmtg-ms-stats-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wmtg-ms-stats-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.25rem}
.wmtg-ms-stat{background:var(--wmtg-card-bg,#f8f9fc);border:1px solid var(--wmtg-border,#e5e7eb);border-radius:var(--wmtg-radius,12px);padding:11px 13px;display:flex;flex-direction:column;gap:2px}
.wmtg-ms-stat-label{font-size:11px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-ms-stat-val{font-size:20px;font-weight:900;color:var(--wmtg-accent,#f24ba3)}
.wmtg-ms-stat--muted .wmtg-ms-stat-val{color:var(--wmtg-muted,#9ca3af)}
.wmtg-ms-stat-sub{font-size:11px;color:var(--wmtg-muted,#9ca3af)}

.wmtg-ms-card{background:var(--wmtg-card-bg,#fff);border:var(--wmtg-border-width,1px) var(--wmtg-border-style,solid) var(--wmtg-border,#e5e7eb);border-radius:var(--wmtg-radius,16px);box-shadow:var(--wmtg-shadow,none);overflow:hidden;margin-bottom:12px}
.wmtg-ms-card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--wmtg-card-bg,#f8f9fc);border-bottom:1px solid var(--wmtg-border,#e5e7eb)}
.wmtg-ms-card-title{font-size:13px;font-weight:700;color:var(--wmtg-text,#1a2035)}
.wmtg-ms-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(var(--wmtg-accent-rgb,242,75,163),.1);color:var(--wmtg-accent,#f24ba3)}
.wmtg-ms-legend{display:flex;flex-wrap:wrap;gap:8px}
.wmtg-ms-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-ms-legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}
.wmtg-ms-legend-dot--mid{background:rgba(var(--wmtg-accent-rgb,242,75,163),0.6)}
.wmtg-ms-legend-dot--soft{background:rgba(var(--wmtg-accent-rgb,242,75,163),0.3)}
.wmtg-ms-legend-dot--muted{background:var(--wmtg-border,#e5e7eb)}
.wmtg-ms-chart-wrap{position:relative;width:100%;padding:12px 18px 16px}

.wmtg-ms-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.wmtg-ms-best-list{padding:10px 18px;display:flex;flex-direction:column;gap:7px}
.wmtg-ms-best-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid var(--wmtg-border,#f0f1f3)}
.wmtg-ms-best-row:last-child{border-bottom:none}
.wmtg-ms-best-match{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.wmtg-ms-best-match .wmtg-flag,.wmtg-ms-best-match .wmtg-flag img{width:16px!important;height:16px!important;border-radius:50%!important}
.wmtg-ms-best-vs{color:var(--wmtg-muted,#d1d5db);font-size:10px}
.wmtg-ms-best-score{font-weight:700;color:var(--wmtg-text,#1a2035);white-space:nowrap}
.wmtg-ms-best-tip{color:var(--wmtg-muted,#9ca3af);white-space:nowrap}
.wmtg-ms-best-pts{font-weight:700;white-space:nowrap;padding:1px 7px;border-radius:6px;font-size:11px}
.wmtg-ms-pts-4{background:rgba(var(--wmtg-accent-rgb,242,75,163),.15);color:var(--wmtg-accent,#f24ba3)}
.wmtg-ms-pts-3{background:rgba(var(--wmtg-accent-rgb,242,75,163),.08);color:var(--wmtg-accent,#f24ba3)}
.wmtg-ms-empty{font-size:13px;color:var(--wmtg-muted,#9ca3af);text-align:center;padding:16px 0}

@media(max-width:640px){
    .wmtg-ms-stats-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .wmtg-ms-stats-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .wmtg-ms-two-col{grid-template-columns:1fr!important}
    .wmtg-ms-legend{display:none}
}

/* ── Tipper-Header [wmtg_tipper_header] ─────────────────────── */
.wmtg-th-wrap{
    display:flex;align-items:center;gap:14px;
    padding:18px 22px;
    background:var(--wmtg-card-bg,#fff);
    border:var(--wmtg-border-width,1px) var(--wmtg-border-style,solid) var(--wmtg-border,#e5e7eb);
    border-radius:var(--wmtg-radius,16px);
    box-shadow:var(--wmtg-shadow,none);
    margin:0 auto 16px;
    max-width:var(--wmtg-max-width, 1290px);
    width:100%;
    box-sizing:border-box;
}
.wmtg-th-avatar{
    width:52px;height:52px;border-radius:50%;
    border:2px solid var(--wmtg-accent,#f24ba3);
    background:transparent;object-fit:cover;flex-shrink:0;
    box-shadow:0 2px 12px rgba(0,0,0,.15);
}
.wmtg-th-info{flex:1;min-width:0}
.wmtg-th-name{display:block;font-size:18px;font-weight:800;color:var(--wmtg-text,#1a2035)}
.wmtg-th-sub{display:block;font-size:12px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-th-total,.wmtg-th-rank{text-align:center;padding:0 12px}
.wmtg-th-pts{display:block;font-size:28px;font-weight:900;color:var(--wmtg-accent,#f24ba3)!important;line-height:1}
.wmtg-th-label{display:block;font-size:11px;color:var(--wmtg-muted,#9ca3af);margin-top:2px}
.wmtg-th-rank{border-left:1px solid var(--wmtg-border,#e5e7eb)}

.wmtg-ms-section-title{
    display:flex;align-items:center;gap:8px;
    font-size:15px;font-weight:700;
    color:var(--wmtg-text,#1a2035);
    padding:12px 0 16px;
    margin-top:0;
}
.wmtg-ms-section-title svg{color:var(--wmtg-accent,#f24ba3)}

/* ── Statistik-Tabs ──────────────────────────────────────────── */
.wmtg-ms-tabs-card { padding: 0 !important; overflow: hidden; }
.wmtg-ms-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid var(--wmtg-border, #e5e7eb);
    background: var(--wmtg-card-bg, #f8f9fc);
    -webkit-overflow-scrolling: touch;
}
.wmtg-ms-tabs::-webkit-scrollbar { display: none; }
.wmtg-ms-tab {
    flex: 0 0 auto;
    padding: 11px 18px;
    font-size: 12px;
    font-weight: 600;
    color: var(--wmtg-muted, #9ca3af);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s, border-color .15s;
}
.wmtg-ms-tab:hover { color: var(--wmtg-text, #1a2035); }
.wmtg-ms-tab.active {
    color: var(--wmtg-accent, #D4537E);
    border-bottom-color: var(--wmtg-accent, #D4537E);
}
.wmtg-ms-tab-panel { padding: 16px 18px 18px; }
.wmtg-ms-tab-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

/* ══════════════════════════════════════════════════════════════
   Landing Page – [wmtg_landing]
   ══════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   LANDING PAGE
   ═══════════════════════════════════════════════════════════ */
.wmtg-lp-wrap{
    --wmtg-lp-accent:#e8005a;
    --wmtg-lp-btn:#8b0038;
    --wmtg-lp-text:#1a0014;
    --wmtg-lp-desc:#5a3a50;
    --wmtg-lp-muted:#9c7490;
    --wmtg-lp-card-bg:rgba(255,255,255,.85);
    --wmtg-lp-card-text:#1a0014;
    --wmtg-lp-badge-bg:rgba(0,0,0,.04);
    --wmtg-lp-cd-num:#1a0014;
    --wmtg-lp-cd-bg:#ffffff;
    --wmtg-lp-overlay:rgba(255,240,244,.88);
    position:relative;
    background:#fff0f4;
    background-size:cover;
    background-position:center right;
    overflow:hidden;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.wmtg-lp-overlay{
    position:absolute;inset:0;
    background:var(--wmtg-lp-overlay);
    pointer-events:none;
    z-index:0;
}

/* Hero grid */
.wmtg-lp-hero{
    position:relative;z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    max-width:1300px;
    width:100%;
    margin:0 auto;
    padding:64px 48px;
    align-items:center;
    box-sizing:border-box;
}

/* Badge */
.wmtg-lp-badge{
    display:inline-flex;align-items:center;gap:6px;
    font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
    color:var(--wmtg-lp-accent);
    background:var(--wmtg-lp-badge-bg);
    border:1px solid rgba(0,0,0,.12);
    padding:5px 13px;border-radius:999px;
    margin-bottom:20px;
    line-height:1;
}

/* Headline */
.wmtg-lp-headline{
    display:block;
    font-size:clamp(50px,5.5vw,84px);
    font-weight:900;
    line-height:.98;
    letter-spacing:-.03em;
    color:var(--wmtg-lp-text);
    margin:0 0 20px;
    padding-bottom:18px;
    border-bottom:3px solid var(--wmtg-lp-text);
}
.wmtg-lp-headline span{display:block}
.wmtg-lp-h-accent{color:var(--wmtg-lp-accent)}

/* Description */
.wmtg-lp-desc{
    font-size:15px;line-height:1.7;
    color:var(--wmtg-lp-desc);
    margin:0 0 28px;
    max-width:440px;
}

/* Mini-Features */
.wmtg-lp-feats{
    display:flex;
    flex-wrap:wrap;
    gap:18px 28px;
    align-items:center;
}
.wmtg-lp-feat{
    display:flex;
    align-items:center;
    gap:12px;
}
.wmtg-lp-feat-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    background:rgba(232,0,90,.1);
    color:var(--wmtg-lp-accent);
    line-height:0;
}
.wmtg-lp-feat-icon svg{display:block;flex-shrink:0}
.wmtg-lp-feat-text strong{display:block;font-size:13px;font-weight:700;color:var(--wmtg-lp-text);line-height:1.3}
.wmtg-lp-feat-text span{display:block;font-size:12px;color:var(--wmtg-lp-muted);line-height:1.3}

/* Right column */
.wmtg-lp-right{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
}

/* Countdown label – nur eine einfache Zeile, kein Border */
.wmtg-lp-cd-label{
    display:flex;align-items:center;justify-content:center;gap:6px;
    font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--wmtg-lp-accent);
    margin:0;
    padding:0;
}

/* Countdown boxes */
.wmtg-lp-countdown{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.wmtg-lp-cd-box{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:var(--wmtg-lp-cd-bg);
    border:1px solid rgba(0,0,0,.1);
    border-radius:12px;
    padding:18px 8px 14px;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.wmtg-lp-cd-num{
    font-size:clamp(28px,3vw,50px);
    font-weight:900;line-height:1;
    color:var(--wmtg-lp-cd-num);
    letter-spacing:-.02em;
}
.wmtg-lp-cd-lbl{
    font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
    color:#9c7490;margin-top:6px;
}

/* CTA button */
.wmtg-lp-cta{
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:var(--wmtg-lp-btn);
    color:#fff !important;
    font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    padding:18px 24px;
    border-radius:10px;
    text-decoration:none !important;
    box-sizing:border-box;
    transition:filter .2s,transform .15s;
    box-shadow:0 4px 20px rgba(0,0,0,.2);
}
.wmtg-lp-cta:hover{filter:brightness(.88);transform:translateY(-1px);color:#fff !important}
.wmtg-lp-cta:focus-visible{
    outline:3px solid var(--wmtg-lp-accent);
    outline-offset:3px;
}

/* CTA sub */
.wmtg-lp-cta-sub{
    font-size:12px;color:#9c7490;
    margin:0;text-align:center;line-height:1.5;
}

/* Login link – als Button gestaltet für bessere Erkennbarkeit */
.wmtg-lp-login-link{
    display:flex;align-items:center;justify-content:center;gap:8px;
    font-size:14px;font-weight:600;
    color:var(--wmtg-lp-btn) !important;
    text-decoration:none !important;
    border:1.5px solid var(--wmtg-lp-btn);
    border-radius:10px;
    padding:12px 20px;
    background:rgba(0,0,0,.02);
    transition:background .15s, opacity .15s;
}
.wmtg-lp-login-link:hover{background:rgba(139,0,56,.06);opacity:1;color:var(--wmtg-lp-btn) !important}
.wmtg-lp-login-link:focus-visible{
    outline:3px solid var(--wmtg-lp-btn);
    outline-offset:3px;
}

/* Cards */
.wmtg-lp-cards{
    position:relative;z-index:1;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    max-width:1300px;
    width:100%;
    margin:0 auto;
    padding:0 48px 48px;
    box-sizing:border-box;
}
.wmtg-lp-card{
    display:flex;align-items:center;gap:16px;
    background:var(--wmtg-lp-card-bg);
    backdrop-filter:blur(6px);
    padding:22px 20px;
    border-radius:14px;
    border:1px solid rgba(0,0,0,.07);
}
.wmtg-lp-card-icon{
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
    color:var(--wmtg-lp-accent);
    line-height:0;
}
.wmtg-lp-card-icon svg{display:block}
.wmtg-lp-card-title{display:block;font-size:15px;font-weight:700;color:var(--wmtg-lp-card-text)}
.wmtg-lp-card-sub{display:block;font-size:13px;color:var(--wmtg-lp-muted)}

/* ── Tablet (≤1024px) ── */
@media(max-width:1024px){
    .wmtg-lp-hero{
        gap:48px;
        padding:56px 40px;
    }
    .wmtg-lp-cards{
        padding:0 40px 48px;
        gap:10px;
    }
}

/* ── Schmales Tablet / großes Phone (≤768px) ── */
@media(max-width:768px){
    .wmtg-lp-wrap{justify-content:flex-start}
    .wmtg-lp-hero{
        grid-template-columns:1fr;
        gap:32px;
        padding:40px 24px 28px;
    }
    .wmtg-lp-headline{
        font-size:clamp(44px,9vw,64px);
    }
    .wmtg-lp-desc{max-width:100%}
    .wmtg-lp-right{
        /* Auf Tablet: Inhalt bleibt linksbündig aber nicht über den ganzen Screen */
        max-width:520px;
    }
    .wmtg-lp-cards{
        grid-template-columns:repeat(2,1fr);
        padding:0 24px 36px;
        gap:10px;
    }
    .wmtg-lp-cd-num{font-size:clamp(24px,6vw,42px)}
    .wmtg-lp-cd-box{padding:14px 8px 12px}
}

/* ── Smartphone (≤480px) ── */
@media(max-width:480px){
    .wmtg-lp-hero{
        padding:28px 16px 20px;
        gap:24px;
    }
    .wmtg-lp-headline{
        font-size:clamp(34px,10vw,50px);
        padding-bottom:12px;
    }
    .wmtg-lp-badge{font-size:10px;padding:4px 11px}
    .wmtg-lp-desc{font-size:14px;margin-bottom:18px}
    .wmtg-lp-feats{gap:12px 16px}
    .wmtg-lp-feat-icon{width:36px;height:36px;min-width:36px}
    .wmtg-lp-feat-text strong{font-size:12px}
    .wmtg-lp-feat-text span{font-size:11px}
    /* Countdown kompakt – alle 4 nebeneinander */
    .wmtg-lp-countdown{gap:6px}
    .wmtg-lp-cd-num{font-size:clamp(20px,6.5vw,32px)}
    .wmtg-lp-cd-box{padding:10px 4px 9px;border-radius:9px}
    .wmtg-lp-cd-lbl{font-size:10px;letter-spacing:.03em}
    .wmtg-lp-cta{font-size:13px;padding:15px 16px;border-radius:9px}
    .wmtg-lp-cta-sub{font-size:11px}
    .wmtg-lp-login-link{font-size:13px}
    /* Karten: 2×2 statt einspaltig */
    .wmtg-lp-cards{
        grid-template-columns:repeat(2,1fr);
        padding:0 16px 24px;
        gap:8px;
    }
    .wmtg-lp-card{padding:14px 12px;gap:10px;border-radius:10px}
    .wmtg-lp-card-icon svg{width:16px;height:16px}
    .wmtg-lp-card-title{font-size:13px}
    .wmtg-lp-card-sub{font-size:11px}
}

/* ── Sehr kleines Phone (≤360px) ── */
@media(max-width:360px){
    .wmtg-lp-cd-num{font-size:18px}
    .wmtg-lp-cd-box{padding:8px 3px 7px}
    .wmtg-lp-headline{font-size:32px}
}

/* ── Tipp-Verlauf Tabelle ──────────────────────────────────────────────────── */
.wmtg-ms-history-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(0,0,0,.08);position:relative;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.wmtg-ms-history-wrap.wmtg-history-blurred .wmtg-ms-history{filter:blur(4px);pointer-events:none;user-select:none}
.wmtg-history-blur-overlay{display:none;position:absolute;inset:0;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(2px);z-index:2}
.wmtg-ms-history-wrap.wmtg-history-blurred .wmtg-history-blur-overlay{display:flex}
.wmtg-history-blur-btn{background:var(--wmtg-accent,#f24ba3);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer}
.wmtg-ms-history{width:100%;border-collapse:collapse;font-size:13px}
.wmtg-ms-history thead th{
    padding:10px 14px;text-align:left;
    background:var(--wmtg-surface,#f8f9fa);
    font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
    color:var(--wmtg-muted,#6b7280);
    border-bottom:1px solid rgba(0,0,0,.08);
}
.wmtg-ms-history tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:background .1s}
.wmtg-ms-history tbody tr:last-child{border-bottom:none}
.wmtg-ms-history tbody tr:hover{background:rgba(0,0,0,.02)}
.wmtg-ms-history td{padding:9px 14px;vertical-align:middle}
.wmtg-ms-h-date{font-size:11px;color:var(--wmtg-muted,#9ca3af);margin-right:6px}
.wmtg-ms-h-teams{font-weight:500;color:var(--wmtg-text,#1a0014)}
.wmtg-ms-h-score{font-weight:700;font-size:14px;white-space:nowrap}
.wmtg-ms-h-tip{font-size:13px;color:var(--wmtg-muted,#6b7280)}
.wmtg-ms-h-notipped{font-style:italic;color:var(--wmtg-muted,#9ca3af)}
.wmtg-ms-h-pts{font-size:12px;font-weight:700;white-space:nowrap}
.wmtg-ms-h-exact td,.wmtg-ms-h-exact .wmtg-ms-h-pts{color:var(--wmtg-accent)}
.wmtg-ms-h-exact{background:rgba(var(--wmtg-accent-rgb,232,0,90),.04)}
.wmtg-ms-h-diff .wmtg-ms-h-pts{color:#7c3aed}
.wmtg-ms-h-diff{background:rgba(124,58,237,.03)}
.wmtg-ms-h-tend .wmtg-ms-h-pts{color:#d97706}
.wmtg-ms-h-tend{background:rgba(217,119,6,.03)}
.wmtg-ms-h-miss .wmtg-ms-h-pts{color:var(--wmtg-muted,#9ca3af)}
@media(max-width:540px){
    .wmtg-ms-history thead th:nth-child(2),.wmtg-ms-history td:nth-child(2){display:none}
    .wmtg-ms-h-date{display:none}
}

/* ── Meine Tipps: Karten-Layout (mobile-first) ─────────────────────────────── */
.wmtg-mtc-match{
    margin:6px 8px;
    border:0.5px solid var(--wmtg-border,#e5e7eb);
    border-radius:12px;
    overflow:hidden;
    background:var(--wmtg-card-bg,#fff);
}
.wmtg-mt-stage-header + .wmtg-mtc-match{margin-top:6px}
.wmtg-mtc-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:6px 12px;
    background:var(--wmtg-surface,#f8f9fc);
    border-bottom:0.5px solid var(--wmtg-border,#e5e7eb);
}
.wmtg-mtc-meta{font-size:11px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-mtc-status{font-size:11px;font-weight:600}
.wmtg-mtc-status-time{color:var(--wmtg-muted,#9ca3af)}
.wmtg-mtc-status-miss{color:#e23d39}
.wmtg-mtc-pts-0{color:var(--wmtg-muted,#9ca3af)}
.wmtg-mtc-pts-2{color:#d97706}
.wmtg-mtc-pts-3{color:#7c3aed}
.wmtg-mtc-pts-4{color:var(--wmtg-accent,#1D9E75)}
.wmtg-mtc-body{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:8px;
    padding:10px 12px;
}
.wmtg-mtc-team{display:flex;align-items:center;gap:7px}
.wmtg-mtc-team .wmtg-flag,.wmtg-mtc-team .wmtg-flag img{
    width:22px!important;height:22px!important;border-radius:50%!important;flex-shrink:0!important;
}
.wmtg-mtc-team-away{flex-direction:row-reverse;text-align:right}
.wmtg-mtc-teaminfo{display:flex;flex-direction:column;gap:1px}
.wmtg-mtc-teaminfo-away{align-items:flex-end}
.wmtg-mtc-teamname{font-size:12px;font-weight:600;color:var(--wmtg-text,#1a2035);line-height:1.2}
.wmtg-mtc-teamcode{font-size:10px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-mtc-scores{display:flex;align-items:center;justify-content:center;gap:4px}
.wmtg-mtc-score-box{
    width:28px;height:28px;
    border-radius:7px;
    border:1.5px solid var(--wmtg-border,#e5e7eb);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:700;
    color:var(--wmtg-text,#1a2035);
    background:var(--wmtg-card-bg,#fff);
}
.wmtg-mtc-score-win{
    border-color:var(--wmtg-accent,#1D9E75);
    color:var(--wmtg-accent,#1D9E75);
}
.wmtg-mtc-score-draw{border-color:#d97706;color:#d97706}
.wmtg-mtc-sep{font-size:11px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-mtc-tip-strip{
    display:flex;align-items:center;justify-content:space-between;
    padding:6px 12px 8px;
    border-top:0.5px solid var(--wmtg-border,#e5e7eb);
}
.wmtg-mtc-tip-label{font-size:11px;color:var(--wmtg-muted,#9ca3af)}
.wmtg-mtc-tip-val{font-size:12px;font-weight:700;color:var(--wmtg-accent,#1D9E75)}
.wmtg-mtc-tip-empty{font-size:11px;color:var(--wmtg-muted,#c4c9d4);font-style:italic}
.wmtg-mtc-pts-badge{
    font-size:11px;font-weight:700;
    padding:2px 7px;border-radius:5px;
}
.wmtg-mtc-pts-badge.wmtg-mtc-pts-4{background:rgba(29,158,117,.1);color:var(--wmtg-accent,#1D9E75)}
.wmtg-mtc-pts-badge.wmtg-mtc-pts-3{background:rgba(124,58,237,.1);color:#7c3aed}
.wmtg-mtc-pts-badge.wmtg-mtc-pts-2{background:rgba(217,119,6,.1);color:#d97706}
.wmtg-mtc-pts-badge.wmtg-mtc-pts-0,.wmtg-mtc-pts-badge.wmtg-mtc-pts-miss{
    background:rgba(220,38,38,.08);color:#e23d39;
}
/* Farbakzente auf der linken Seite der Karte */
.wmtg-mt-exact .wmtg-mtc-match,.wmtg-mtc-match.wmtg-mt-exact{border-left:3px solid var(--wmtg-accent,#1D9E75)!important}
.wmtg-mt-diff  .wmtg-mtc-match,.wmtg-mtc-match.wmtg-mt-diff  {border-left:3px solid #7c3aed!important}
.wmtg-mt-tend  .wmtg-mtc-match,.wmtg-mtc-match.wmtg-mt-tend  {border-left:3px solid #d97706!important}
.wmtg-mt-miss  .wmtg-mtc-match,.wmtg-mtc-match.wmtg-mt-miss  {border-left:3px solid #e23d39!important}

/* ── Fixture Row: neues Layout (Datum-Block + Meta + Teams) ─────────────────── */

/* Datum-Block: abgesetzte Farbe (dunkler als Akzent) */
.wmtg-fixture-row{
    display:grid;
    grid-template-columns:64px 1fr auto;
    align-items:stretch;
}
.wmtg-fx-date-block{
    background:var(--wmtg-accent,#e8005a);
    color:#fff;
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    padding:12px 6px;
    flex-shrink:0;
    text-align:center;
    line-height:1.1;
    align-self:stretch;
}
.wmtg-fx-day{font-size:22px;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.25)}
.wmtg-fx-month{font-size:12px;font-weight:500;margin-top:3px;text-shadow:0 1px 2px rgba(0,0,0,.2)}

/* Mittlerer Bereich: zentriert */
.wmtg-fx-main-new{
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    gap:8px;
    padding:14px 20px;
    min-width:0;
    text-align:center;
}

/* Meta-Zeile: einzeilig, zentriert */
.wmtg-fx-meta{
    display:flex;align-items:center;justify-content:center;
    gap:6px;
    font-size:12px;
    color:var(--wmtg-muted,#9ca3af);
    white-space:nowrap;
    width:100%;
}
.wmtg-fx-sep{opacity:.3;font-size:10px}
.wmtg-fx-venue,.wmtg-fx-country{white-space:nowrap}
.wmtg-fx-venue-mob{display:none}

/* Uhrzeit-Pill */
.wmtg-fx-time-pill{
    display:inline-flex;align-items:center;gap:3px;
    font-size:11px;font-weight:600;
    padding:2px 8px;border-radius:20px;
    white-space:nowrap;flex-shrink:0;
}
.wmtg-fx-time-pill i{font-size:11px}
/* Primetime 18–22 Uhr: Grün */
.wmtg-fx-tp-prime     {background:#d1fae5;color:#065f46;border:0.5px solid #6ee7b7}
/* Nachmittag 14–18 Uhr: Gelb */
.wmtg-fx-tp-afternoon {background:#fef9c3;color:#713f12;border:0.5px solid #fde047}
/* Mittag 12–14 Uhr: Orange */
.wmtg-fx-tp-midday    {background:#ffedd5;color:#7c2d12;border:0.5px solid #fdba74}
/* Spätabend 22–1 Uhr: Lila */
.wmtg-fx-tp-lateeve   {background:#ede9fe;color:#4c1d95;border:0.5px solid #a78bfa}
/* Tiefe Nacht 1–6 Uhr: Dunkelblau */
.wmtg-fx-tp-deep      {background:#0f172a;color:#93c5fd;border:0.5px solid #1e40af}
/* Morgen 6–12 Uhr: Neutral */
.wmtg-fx-tp-morning   {background:var(--wmtg-surface,#f8f9fc);color:var(--wmtg-muted,#9ca3af);border:0.5px solid var(--wmtg-border,#e5e7eb)}

/* Teams-Zeile */
.wmtg-fx-teams{
    display:flex;align-items:center;justify-content:center;
    gap:16px;flex-wrap:nowrap;
}
.wmtg-fx-team{display:flex;align-items:center;gap:6px}
.wmtg-fx-team .wmtg-flag,
.wmtg-fx-team .wmtg-flag img{width:22px!important;height:22px!important;border-radius:50%!important;flex-shrink:0!important}
.wmtg-fx-team-away{flex-direction:row-reverse}
.wmtg-fx-teaminfo{display:flex;flex-direction:column;gap:1px;align-items:flex-start}
.wmtg-fx-teaminfo-away{align-items:flex-start}
.wmtg-fx-teamname{font-size:15px;font-weight:700;color:var(--wmtg-text,#1a2035);white-space:nowrap;line-height:1.2}
.wmtg-fx-teamcode{font-size:11px;color:var(--wmtg-muted,#9ca3af);line-height:1}
.wmtg-fx-vs{
    font-size:11px;font-weight:700;
    color:var(--wmtg-muted,#9ca3af);
    background:var(--wmtg-surface,#f8f9fc);
    border:0.5px solid var(--wmtg-border,#e5e7eb);
    padding:4px 12px;border-radius:6px;
    flex-shrink:0;
}

/* Responsiv */
@media(max-width:640px){
    /* Mobile: gestapeltes Layout – kein 3-Spalten-Grid mehr */
    .wmtg-fixture-row{
        display:block !important;
        padding:0 !important;
    }
    /* Datum-Banner: volle Breite, zentriert */
    .wmtg-fx-date-block{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        width:100% !important;
        padding:7px 14px !important;
        min-height:0 !important;
    }
    .wmtg-fx-day{font-size:13px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}
    .wmtg-fx-month{font-size:13px;font-weight:700;margin-top:0}
    /* Datum-Trennzeichen + Stadion neben dem Datum */
    .wmtg-fx-date-block::after{
        content:'·';
        opacity:.4;
        font-size:12px;
    }
    .wmtg-fx-venue-mob{
        display:inline !important;
        font-size:11px;
        font-weight:400;
        opacity:.88;
        color:#fff;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:180px;
    }
    /* Meta-Zeile: Land + Uhrzeit zentriert */
    .wmtg-fx-main-new{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        padding:0 !important;
        gap:0 !important;
    }
    .wmtg-fx-meta{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        padding:6px 14px !important;
        background:var(--wmtg-surface,#f8f9fc) !important;
        border-bottom:1px solid var(--wmtg-border,#e5e7eb) !important;
        font-size:11px !important;
        flex-wrap:nowrap !important;
    }
    /* Stadion in Meta-Zeile ausblenden (steht im Banner) */
    .wmtg-fx-venue{display:none !important}
    /* Teams zentriert */
    .wmtg-fx-teams{
        justify-content:center !important;
        padding:10px 14px 6px !important;
    }
    .wmtg-fx-teamname{font-size:14px}
    /* Inputs: eigene Zeile, zentriert */
    .wmtg-fixture-tip{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:6px !important;
        padding:8px 14px 12px !important;
        border-top:1px solid var(--wmtg-border,#e5e7eb) !important;
        width:100% !important;
        grid-template-columns:none !important;
    }
}
@media(max-width:420px){
    .wmtg-fx-teams{gap:8px}
    .wmtg-fx-teamcode{font-size:9px}
}


/* ═══════════════════════════════════════════════════════════
   FINALE MOBILE OVERRIDE – gestapeltes Layout (v3.23.28+)
   Überschreibt alle früheren Fixture-Row Regeln auf Mobile
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
    html body .wmtg-wrap .wmtg-fixture-row,
    html body .wmtg-group-board .wmtg-fixture-row,
    html body .wmtg-tipping-wrap .wmtg-fixture-row,
    body .wmtg-fixture-row {
        display: block !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-template-areas: none !important;
        padding: 0 !important;
        gap: 0 !important;
        min-height: 0 !important;
    }

    /* Datum-Banner: volle Breite, zentriert, Schemafarbe */
    html body .wmtg-fx-date-block,
    body .wmtg-fx-date-block {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 7px 14px !important;
        min-height: 0 !important;
        background: var(--wmtg-accent, #e8005a) !important;
        color: #fff !important;
        grid-area: unset !important;
    }
    .wmtg-fx-day   { font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; }
    .wmtg-fx-month { font-size: 13px !important; font-weight: 700 !important; margin: 0 !important; }
    .wmtg-fx-venue-mob { display: inline !important; font-size: 11px !important; font-weight: 400 !important; opacity: .88 !important; color: #fff !important; }

    /* Meta-Zeile: Land + Uhrzeit zentriert */
    html body .wmtg-fx-main-new,
    body .wmtg-fx-main-new {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
        gap: 0 !important;
        grid-area: unset !important;
    }
    .wmtg-fx-meta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 6px 14px !important;
        background: var(--wmtg-surface, #f8f9fc) !important;
        border-bottom: 1px solid var(--wmtg-border, #e5e7eb) !important;
        font-size: 11px !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }
    .wmtg-fx-venue { display: none !important; }

    /* Teams zentriert */
    .wmtg-fx-teams {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        padding: 10px 14px 6px !important;
    }
    .wmtg-fx-teamname { font-size: 14px !important; }

    /* Eingabe: eigene Zeile, zentriert */
    html body .wmtg-wrap .wmtg-fixture-tip,
    html body .wmtg-group-board .wmtg-fixture-tip,
    body .wmtg-fixture-tip {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 8px 14px 12px !important;
        border-top: 1px solid var(--wmtg-border, #e5e7eb) !important;
        width: 100% !important;
        grid-area: unset !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
    }
}

/* Venue-Sep und Venue-Mob: nur auf Mobile sichtbar */
.wmtg-fx-venue-sep { display: none; }
.wmtg-fx-venue-mob { display: none; }

@media (max-width: 760px) {
    .wmtg-fx-venue-sep {
        display: inline !important;
        color: rgba(255,255,255,.5) !important;
        font-size: 11px !important;
        flex-shrink: 0 !important;
    }
    .wmtg-fx-venue-mob {
        display: inline !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        color: rgba(255,255,255,.88) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 160px !important;
        flex-shrink: 1 !important;
    }
    /* Remove the ::after pseudo-separator since we now have a real span */
    .wmtg-fx-date-block::after { content: none !important; }
}

/* ── Dark Mode → see assets/dark-mode.css ─────────────────────────────────── */

/* ── TV-Guide: Nächstes Spiel im Dashboard ─────────────────────────────── */
.wmtg-db-tvguide-next__heading {
    font-size: 10px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--wmtg-db-muted);
    margin: 0 0 6px 4px !important;
}
.wmtg-db-tvguide-next {
    margin-bottom: var(--wmtg-db-gap);
}
.wmtg-db-tvguide-next__inner {
    background: var(--wmtg-db-card-bg);
    border: var(--wmtg-db-card-bw) var(--wmtg-db-card-bs) var(--wmtg-db-card-border);
    border-radius: var(--wmtg-db-card-radius);
    box-shadow: var(--wmtg-db-card-shadow);
    padding: 14px 20px;
    position: relative;
    overflow: hidden;
}
.wmtg-db-tvguide-next__inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(var(--wmtg-db-accent-rgb), .06) 0%, transparent 60%);
    pointer-events: none;
}
.wmtg-db-tvguide-next__inner--pay {
    border-color: rgba(var(--wmtg-db-accent-rgb), .4);
}
.wmtg-db-tvguide-next__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.wmtg-db-tvguide-next__label {
    font-size: 11px;
    font-weight: 500;
    color: var(--wmtg-db-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-left: auto;
}
.wmtg-db-tvguide-tag {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
}
.wmtg-db-tvguide-tag--group {
    background: rgba(var(--wmtg-db-accent-rgb), 1);
    color: #fff;
}
.wmtg-db-tvguide-tag--venue {
    color: var(--wmtg-db-muted);
    font-size: 12px;
    font-weight: 400;
}
.wmtg-db-tvguide-next__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.wmtg-db-tvguide-next__teams {
    display: flex;
    align-items: center;
    gap: 10px;
}
.wmtg-db-tvguide-next__team {
    font-size: 16px;
    font-weight: 700;
    color: var(--wmtg-db-text);
}
.wmtg-db-tvguide-next__vs {
    font-size: 13px;
    color: var(--wmtg-db-muted);
    font-weight: 400;
}
.wmtg-db-tvguide-next__times {
    display: flex;
    align-items: center;
    gap: 8px;
}
.wmtg-db-tvguide-next__time {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 12px;
    border-radius: var(--wmtg-db-card-radius);
    min-width: 64px;
}
.wmtg-db-tvguide-next__time--mesz {
    background: rgba(var(--wmtg-db-accent-rgb), 1);
    color: #fff;
}
.wmtg-db-tvguide-next__time--local {
    background: var(--wmtg-db-card-bg);
    border: 1px solid var(--wmtg-db-card-border);
    color: var(--wmtg-db-text);
}
.wmtg-db-tvguide-next__time-lbl {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .8;
}
.wmtg-db-tvguide-next__time-val {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
}
.wmtg-db-tvguide-next__bcs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.wmtg-db-tvguide-bc {
    font-size: 11px;
    font-weight: 700;
    background: #1e3a5f;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}
.wmtg-db-tvguide-note {
    font-size: 12px;
    color: var(--wmtg-db-muted);
}

/* ── TV-Guide Dashboard: responsive Anpassungen ────────────────────────── */
.wmtg-tvg-notes-desktop { display: inline; font-size: 12px; color: var(--wmtg-db-muted); font-style: italic; margin-left: 4px; }
.wmtg-tvg-mob-note { font-size: 11px; color: var(--wmtg-db-muted); font-style: italic; }
.wmtg-tvg-desktop { display: block; }
.wmtg-tvg-mobile  { display: none !important; }

/* Mobile-Karte Struktur */
.wmtg-tvg-mob-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 14px;
    border-bottom: 0.5px solid var(--wmtg-db-card-border, rgba(0,0,0,.1));
    background: var(--wmtg-db-card-bg2, rgba(0,0,0,.02));
}
.wmtg-tvg-mob-venue { font-size: 11px; color: var(--wmtg-db-muted); }
.wmtg-tvg-mob-date  { font-size: 10px; color: var(--wmtg-db-muted); white-space: nowrap; }
.wmtg-tvg-mob-body  {
    padding: 6px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: nowrap;
}
.wmtg-tvg-mob-teams {
    font-size: 12px;
    font-weight: 500;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wmtg-tvg-mob-teams .wm2026tv-team { font-size: 12px; }
.wmtg-tvg-mob-teams .wm2026tv-vs   { font-size: 11px; }
.wmtg-tvg-mob-times { display: flex; gap: 4px; flex-shrink: 0; }
.wmtg-tvg-mobile .wm2026tv-time { padding: 2px 8px; min-width: 50px; }
.wmtg-tvg-mobile .wm2026tv-time__label { font-size: 8px; }
.wmtg-tvg-mobile .wm2026tv-time__val   { font-size: 13px; }
.wmtg-tvg-mob-footer {
    padding: 0 14px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .wmtg-tvg-desktop { display: none !important; }
    .wmtg-tvg-mobile  { display: block !important; }
}


/* ══════════════════════════════════════════════════════════════
   Gruppenübersicht – [wmtg_gruppen]
   ══════════════════════════════════════════════════════════════ */
.wmtg-groups-wrap {
    padding-top: 0 !important;
    max-width: var(--wmtg-max-width, 1290px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wmtg-groups-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 12px;
}

.wmtg-group-card {
    background: var(--wmtg-card-bg, #fff);
    border: 0.5px solid var(--wmtg-border, #e5e7eb);
    border-radius: var(--wmtg-radius, 12px);
    overflow: hidden;
    box-shadow: var(--wmtg-shadow, none);
}

.wmtg-groups-wrap .wmtg-group-header {
    padding: 10px 14px;
    background: var(--wmtg-accent, #D4537E);
    color: #fff;
}
.wmtg-groups-wrap .wmtg-group-header-title  { font-size: 14px; font-weight: 500; }
.wmtg-groups-wrap .wmtg-group-header-teams  { font-size: 10px; opacity: .8; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wmtg-group-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}
.wmtg-group-table thead th {
    padding: 5px 6px;
    font-size: 10px;
    font-weight: 500;
    color: var(--wmtg-muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: right;
    border-bottom: 0.5px solid var(--wmtg-border, #e5e7eb);
}
.wmtg-group-th-team { text-align: left !important; width: 44%; }
.wmtg-group-table thead th:not(.wmtg-group-th-team) { width: 9%; }

.wmtg-group-table tbody tr {
    border-bottom: 0.5px solid var(--wmtg-border, #e5e7eb);
    transition: background .1s;
}
.wmtg-group-table tbody tr:last-child { border-bottom: none; }
.wmtg-group-table tbody td {
    padding: 7px 6px;
    text-align: right;
    color: var(--wmtg-text, #111827);
}
.wmtg-group-team-cell {
    display: flex;
    align-items: center;
    gap: 5px;
}
.wmtg-group-pos {
    font-size: 10px;
    color: var(--wmtg-muted, #6b7280);
    min-width: 12px;
    flex-shrink: 0;
}
.wmtg-group-flag {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
    border: 0.5px solid var(--wmtg-border, #e5e7eb);
}
.wmtg-group-flag-fallback {
    width: 20px;
    height: 20px;
    background: var(--wmtg-card-bg2, #f3f4f6);
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7px;
    color: var(--wmtg-muted, #6b7280);
    border: 0.5px solid var(--wmtg-border, #e5e7eb);
}
.wmtg-group-team-name {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wmtg-group-pts {
    font-weight: 500;
    color: var(--wmtg-accent, #D4537E);
}
.wmtg-group-qual-direct { background: rgba(var(--wmtg-accent-rgb, 212,83,126), .06); }
.wmtg-group-qual-third  { background: rgba(var(--wmtg-accent-rgb, 212,83,126), .03); }

.wmtg-groups-legend {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--wmtg-muted, #6b7280);
    margin-top: 4px;
    margin-bottom: 16px;
}
.wmtg-groups-legend-item { display: flex; align-items: center; gap: 6px; }
.wmtg-groups-legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.wmtg-groups-legend-dot--direct { background: rgba(var(--wmtg-accent-rgb, 212,83,126), .6); }
.wmtg-groups-legend-dot--third  { background: rgba(var(--wmtg-accent-rgb, 212,83,126), .3); }

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

/* ── Kalender: vergangene Tage + Heute-Marker ──────────────────────────── */
.wmtg-cal-past {
    opacity: .5;
    filter: grayscale(.5);
    pointer-events: none;
}
.wmtg-cal-past .wmtg-calendar-day-label {
    color: var(--wmtg-muted, #6b7280) !important;
}
.wmtg-cal-today-badge {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    background: var(--wmtg-accent, #D4537E);
    color: #fff;
    border-radius: 20px;
    padding: 2px 8px;
    margin-left: 8px;
    vertical-align: middle;
    letter-spacing: .03em;
}

/* ── Dashboard: Letzte Ergebnisse — Mein Tipp ──────────────────────────── */
.wmtg-db-result-my-tip {
    display: block;
    font-size: 10px;
    color: var(--wmtg-db-muted);
    margin-top: 2px;
    white-space: nowrap;
}
.wmtg-db-result-my-tip--none {
    opacity: .6;
    font-style: italic;
}

/* ── TV-Guide: Mehrspielliste im Dashboard ──────────────────────────────── */
.wmtg-db-tvguide-list {
    background: var(--wmtg-db-card-bg, #fff);
    border: var(--wmtg-db-card-bw) var(--wmtg-db-card-bs) var(--wmtg-db-card-border);
    border-radius: var(--wmtg-db-card-radius);
    box-shadow: var(--wmtg-db-card-shadow);
    overflow: hidden;
    margin-bottom: var(--wmtg-db-gap);
}
.wmtg-db-tvguide-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-bottom: 0.5px solid var(--wmtg-db-card-border, rgba(0,0,0,.08));
    flex-wrap: nowrap !important;
    min-width: 0;
    overflow: hidden;
}
.wmtg-db-tvguide-row:last-child { border-bottom: none; }
.wmtg-db-tvguide-row--mag { background: rgba(226,0,116,.04); }
.wmtg-db-tvguide-row__left {
    display: contents;
}
.wmtg-db-tvguide-row__right-group {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;
}
.wmtg-db-tvguide-row__meta { display: contents; }
.wmtg-db-tvguide-row__tag { font-size: 10px !important; padding: 2px 6px !important; flex-shrink: 0; }
.wmtg-db-tvguide-row__venue {
    font-size: 11px;
    color: var(--wmtg-db-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
}
.wmtg-db-tvguide-row__teams {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    color: var(--wmtg-db-text);
    white-space: nowrap;
    flex-shrink: 0;
}
.wmtg-db-tvguide-row__vs {
    font-size: 11px;
    font-weight: 400;
    color: var(--wmtg-db-muted);
}
.wmtg-db-tvguide-row__bottom { display: contents; }
.wmtg-db-tvguide-row__cd {
    font-size: 11px;
    color: var(--wmtg-db-muted);
    white-space: nowrap;
    flex-shrink: 0;
}
.wmtg-db-tvguide-row__local {
    font-size: 11px;
    color: var(--wmtg-db-muted);
    white-space: nowrap;
    flex-shrink: 0;
}
.wmtg-db-tvguide-row__right { flex-shrink: 0; }

@media (max-width: 640px) {
    .wmtg-db-tvguide-row { padding: 7px 10px; gap: 5px; }
    .wmtg-db-tvguide-row__venue { display: none; }
    .wmtg-db-tvguide-row__teams { font-size: 11px; }
    .wmtg-db-tvguide-row__local { display: none; }
    .wmtg-db-tvguide-row__cd { display: none; }
}

.wmtg-db-tvguide-row__cd {
    font-size: 12px !important;
    font-family: ui-monospace, 'SF Mono', monospace !important;
    font-weight: 500;
    color: var(--wmtg-db-muted) !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    min-width: 72px;
    letter-spacing: .02em;
}

/* ══════════════════════════════════════════════════════════════
   Tipp-Übersicht – [wmtg_tipp_uebersicht]
   ══════════════════════════════════════════════════════════════ */
.wmtg-tu-date-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--wmtg-accent, #D4537E);
    padding: 16px 0 6px;
}
.wmtg-tu-date-label:first-child { padding-top: 0; }

.wmtg-tu-card {
    margin-bottom: 10px;
    overflow: hidden;
}
.wmtg-tu-match-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: var(--wmtg-card-bg2, #f9fafb);
    border-bottom: 0.5px solid var(--wmtg-border, #e5e7eb);
}
.wmtg-tu-match-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}
.wmtg-tu-stage {
    font-size: 10px;
    font-weight: 600;
    background: var(--wmtg-accent, #D4537E);
    color: #fff;
    padding: 2px 7px;
    border-radius: 20px;
    flex-shrink: 0;
}
.wmtg-tu-teams {
    font-size: 13px;
    font-weight: 500;
    color: var(--wmtg-text, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wmtg-tu-vs {
    font-size: 11px;
    font-weight: 400;
    color: var(--wmtg-muted, #6b7280);
    margin: 0 3px;
}
.wmtg-tu-score {
    font-size: 16px;
    font-weight: 700;
    color: var(--wmtg-accent, #D4537E);
    flex-shrink: 0;
}
.wmtg-tu-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.wmtg-tu-th {
    padding: 6px 14px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--wmtg-muted, #6b7280);
    border-bottom: 0.5px solid var(--wmtg-border, #e5e7eb);
    text-align: left;
}
.wmtg-tu-th--tipp,
.wmtg-tu-th--pts { text-align: right; }
.wmtg-tu-row { border-bottom: 0.5px solid var(--wmtg-border, #e5e7eb); }
.wmtg-tu-row:last-child { border-bottom: none; }
.wmtg-tu-td {
    padding: 8px 14px;
    color: var(--wmtg-text, #111827);
}
.wmtg-tu-td--tipper {
    display: flex;
    align-items: center;
    gap: 8px;
}
.wmtg-tu-td--tipp { text-align: right; font-weight: 500; }
.wmtg-tu-td--pts  { text-align: right; }
.wmtg-tu-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 0.5px solid var(--wmtg-border, #e5e7eb);
}
.wmtg-tu-name { font-size: 13px; color: var(--wmtg-text, #111827); }
.wmtg-tu-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
    white-space: nowrap;
}
.wmtg-tu-badge--exakt   { background: #eaf3de; color: #3B6D11; }
.wmtg-tu-badge--diff    { background: #e6f1fb; color: #185FA5; }
.wmtg-tu-badge--tend    { background: #faeeda; color: #854F0B; }
.wmtg-tu-badge--daneben { background: #fcebeb; color: #A32D2D; }
.wmtg-tu-empty {
    padding: 10px 14px;
    font-size: 12px;
    color: var(--wmtg-muted, #6b7280);
    font-style: italic;
}

/* ── Tipp-Übersicht: Accordion ─────────────────────────────────────────── */
.wmtg-tu-date-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 6px;
    cursor: pointer;
    user-select: none;
}
.wmtg-tu-date-toggle:first-child { padding-top: 0; }
.wmtg-tu-date-label-text {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--wmtg-accent, #D4537E);
}
.wmtg-tu-chevron {
    font-size: 14px;
    color: var(--wmtg-accent, #D4537E);
    transition: transform .2s;
}
.wmtg-tu-group {
    margin-bottom: 8px;
}

/* ── TV-Guide: Live-Indikator ───────────────────────────────────────────── */
@keyframes wmtg-livepulse {
    0%,100% { opacity:1 }
    50%      { opacity:.3 }
}
.wmtg-db-tvguide-live-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 500;
    color: var(--wmtg-accent, #D4537E);
    margin-bottom: 5px;
}
.wmtg-db-tvguide-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wmtg-accent, #D4537E);
    animation: wmtg-livepulse 1.2s ease-in-out infinite;
    flex-shrink: 0;
    display: inline-block;
}
.wmtg-db-tvguide-row--live {
    border-left: 3px solid var(--wmtg-accent, #D4537E);
    padding-left: 11px !important;
}
.wmtg-db-tvguide-row__live-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(var(--wmtg-accent-rgb, 212,83,126), .1);
    color: var(--wmtg-accent, #D4537E);
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    border: 0.5px solid rgba(var(--wmtg-accent-rgb, 212,83,126), .3);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════════════════════
   Spenden: Balken-Markierungen + Spenderliste + Ranglisten-Badge
   ══════════════════════════════════════════════════════════════ */

/* Marker auf dem Balken */
.wmtg-db-donate-marker {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: var(--wmtg-muted, #9ca3af);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    overflow: hidden;
    transition: transform .15s;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.wmtg-db-donate-marker:hover { transform: translate(-50%, -50%) scale(1.25); z-index: 5; }
.wmtg-db-donate-marker--filled { background: var(--wmtg-accent, #D4537E); border-color: #fff; }
.wmtg-db-donate-marker__img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
.wmtg-db-donate-marker__initials {
    font-size: 7px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.wmtg-db-donate-marker__tip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--wmtg-card-bg, #fff);
    border: 0.5px solid var(--wmtg-border, #e5e7eb);
    border-radius: 6px;
    padding: 4px 8px;
    white-space: nowrap;
    font-size: 11px;
    color: var(--wmtg-text, #111827);
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
    z-index: 10;
}
.wmtg-db-donate-marker:hover .wmtg-db-donate-marker__tip { opacity: 1; }

/* Spenderliste unter dem Balken */
.wmtg-db-donate-spender {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    padding: 8px 18px 10px;
}
.wmtg-db-donate-spender-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}
.wmtg-db-donate-spender-heart {
    color: var(--wmtg-accent, #D4537E);
    font-size: 11px;
    flex-shrink: 0;
}
.wmtg-db-donate-spender-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 0.5px solid var(--wmtg-border, #e5e7eb);
}
.wmtg-db-donate-spender-initials {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--wmtg-accent, #D4537E);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7px;
    font-weight: 700;
    flex-shrink: 0;
}
.wmtg-db-donate-spender-name {
    font-weight: 500;
    color: var(--wmtg-text, #111827);
}
.wmtg-db-donate-spender-date {
    color: var(--wmtg-muted, #6b7280);
    font-size: 11px;
}
.wmtg-db-donate-spender-amt {
    font-weight: 500;
    color: var(--wmtg-accent, #D4537E);
}

/* Ranglisten-Abzeichen */
.wmtg-rl-name { display: flex; align-items: center; gap: 5px; }
.wmtg-rl-donor-badge {
    font-size: 12px;
    color: var(--wmtg-accent, #D4537E);
    flex-shrink: 0;
}

.wmtg-db-donate-spender-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--wmtg-muted, #6b7280);
    padding: 6px 18px 0;
    margin: 0;
}

/* ══════════════════════════════════════════════════════════════
   Login-Spenden-Modal — vollständig anpassbar über Admin
   ══════════════════════════════════════════════════════════════ */
.wmtg-donate-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: hidden;
}
.wmtg-donate-modal-bg-image {
    position: absolute;
    inset: -20px;
    background-repeat: no-repeat;
    z-index: 0;
}
.wmtg-donate-modal-bg-image--mobile { display: none; }
@media (max-width: 640px) {
    .wmtg-donate-modal-bg-image--desktop { display: none; }
    .wmtg-donate-modal-bg-image--mobile  { display: block; }
}
.wmtg-donate-modal-overlay-tint {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.wmtg-donate-modal {
    position: relative;
    z-index: 2;
    background: var(--wmtg-modal-card-bg, #fff);
    border-radius: var(--wmtg-modal-radius, 16px);
    max-width: var(--wmtg-modal-max-width, 380px);
    width: 100%;
    overflow: hidden;
}
.wmtg-donate-modal-body {
    padding: var(--wmtg-modal-pad-top, 24px) var(--wmtg-modal-pad-x, 28px) var(--wmtg-modal-pad-bottom, 24px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--wmtg-modal-gap, 16px);
}
.wmtg-donate-modal-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(var(--wmtg-modal-accent-rgb, 212,83,126), .1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--wmtg-modal-accent, #D4537E);
}
.wmtg-donate-modal-title {
    font-size: 17px;
    font-weight: 600;
    color: var(--wmtg-modal-text, #111827);
    margin: 0;
}
.wmtg-donate-modal-text {
    font-size: 13px;
    color: var(--wmtg-modal-muted, #6b7280);
    line-height: 1.5;
    margin: 0;
}
.wmtg-donate-modal-progress {
    width: 100%;
    background: rgba(0,0,0,.025);
    border-radius: 8px;
    padding: 12px 14px;
}
.wmtg-donate-modal-progress-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 12px;
    color: var(--wmtg-modal-muted, #6b7280);
}
.wmtg-donate-modal-progress-pct {
    font-size: 11px;
    font-weight: 600;
    background: var(--wmtg-modal-accent, #D4537E);
    color: #fff;
    padding: 2px 8px;
    border-radius: 20px;
}
.wmtg-donate-modal-progress-track {
    height: 8px;
    background: rgba(0,0,0,.06);
    border-radius: 999px;
    overflow: hidden;
}
.wmtg-donate-modal-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--wmtg-modal-accent, #D4537E), #f97316);
    border-radius: 999px;
}
.wmtg-donate-modal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 12px;
    background: var(--wmtg-modal-accent, #D4537E);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.wmtg-donate-modal-btn:hover { opacity: .92; color: #fff; }

/* Pizza-Kreis + Schließen-Button: mittig unter dem Spenden-Button */
.wmtg-donate-modal-ring-wrap {
    width: 30px;
    height: 30px;
}
.wmtg-donate-modal-ring-bg { fill: rgba(0,0,0,.06); }
.wmtg-donate-modal-ring-fill { fill: var(--wmtg-modal-accent, #D4537E); }

.wmtg-donate-modal-close {
    display: none;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    color: var(--wmtg-modal-accent, #D4537E);
    cursor: pointer;
    line-height: 1;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
}
.wmtg-donate-modal-close--ready {
    display: flex;
}
.wmtg-donate-modal-close-icon {
    font-size: 13px;
}
.wmtg-donate-modal-close-label {
    font-size: 13px;
}

/* ── TV-Guide: Eigener Tipp unter laufendem Spiel ──────────────────────── */
.wmtg-db-tvguide-tip-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 14px 10px 17px;
    border-top: 0.5px dashed var(--wmtg-db-card-border, rgba(0,0,0,.08));
    font-size: 12px;
}
.wmtg-db-tvguide-tip-strip:not(:last-child) {
    border-bottom: 0.5px solid var(--wmtg-db-card-border, rgba(0,0,0,.08));
}
.wmtg-db-tvguide-tip-strip__left {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.wmtg-db-tvguide-tip-strip__right {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    justify-content: flex-end;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wmtg-db-tvguide-tip-strip i {
    font-size: 13px;
    color: var(--wmtg-db-muted, #6b7280);
}
.wmtg-db-tvguide-tip-strip__label {
    color: var(--wmtg-db-muted, #6b7280);
}
.wmtg-db-tvguide-tip-strip__label--none {
    font-style: italic;
}
.wmtg-db-tvguide-tip-strip__val {
    font-weight: 600;
    color: var(--wmtg-accent, #f24ba3);
}

/* ── Live-Ticker: sanfter Übergang beim Rotieren ───────────────────────── */
.wmtg-db-ticker {
    transition: opacity .25s;
}

@media (max-width: 640px) {
    .wmtg-db-tvguide-tip-strip {
        flex-wrap: wrap;
    }
    .wmtg-db-tvguide-tip-strip__right {
        justify-content: flex-start;
        width: 100%;
    }
}