#tableTeam tr.AlternateItem > td {
    padding: 12px 8px;
}

#tableTeam {
    border: 0;
    background: transparent;
}

.pronos-title-actions {
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-right: 50px;
    min-height: 42px;
    min-width: 0;
}

.pronos-consult-user-title {
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(520px, 44vw);
    margin: 0;
    color: cornflowerblue;
    line-height: 1.12;
    overflow-wrap: break-word;
    white-space: normal;
}

.pronos-title-actions .pronos-consult-user-title:only-child {
    max-width: min(760px, 62vw);
}

.admin-prono-edit-toggle-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.admin-prono-edit-mode-toggle {
    flex: 0 0 auto;
    margin: 0;
    justify-content: flex-end;
}

.admin-prono-edit-mode-toggle .mode-toggle__btn {
    padding: 7px 18px 7px 10px;
    font-size: 12px;
    font-weight: 700;
}

.admin-prono-edit-mode-toggle .mode-toggle.is-disabled {
    opacity: 0.66;
    pointer-events: none;
}

.admin-prono-edit-mode-toggle .mode-toggle__btn:disabled {
    cursor: wait;
}

.prediction-reminder {
    position: fixed;
    top: var(--prediction-reminder-top, 70px);
    left: 50%;
    z-index: 1038;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 22px;
    width: min(980px, calc(100vw - 28px));
    max-width: none;
    margin: 0;
    min-height: 176px;
    padding: 18px 22px 28px;
    border: 1px solid rgba(50, 94, 130, 0.18);
    border-left-width: 5px;
    border-radius: 0 0 14px 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 251, 255, 0.96) 56%, rgba(255, 247, 242, 0.94) 100%);
    color: #233549;
    box-shadow: 0 18px 42px rgba(23, 42, 64, 0.28);
    text-align: left;
    opacity: 0;
    pointer-events: auto;
    transform: translate(-50%, -140%);
    transition: transform 360ms cubic-bezier(0.2, 0.82, 0.22, 1), opacity 220ms ease;
    will-change: transform, opacity;
}

.prediction-reminder.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

.prediction-reminder.is-dismissing {
    opacity: 0;
    transform: translate(-50%, -140%);
    transition: transform 560ms cubic-bezier(0.42, 0, 0.2, 1), opacity 360ms ease;
}

.prediction-reminder.is-upcoming {
    border-color: rgba(32, 123, 135, 0.2);
    border-left-color: #1f9a8a;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(239, 249, 247, 0.96) 58%, rgba(244, 248, 255, 0.94) 100%);
    color: #20384a;
}

.prediction-reminder.is-urgent {
    border-left-color: #d65a3a;
}

.prediction-reminder-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.prediction-reminder-title {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 800;
    color: #1d334b;
}

.prediction-reminder.is-upcoming .prediction-reminder-title {
    color: #113f55;
}

.prediction-reminder p {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}

.prediction-reminder-matches {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.prediction-reminder-matches li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
    padding: 2px 0;
}

.prediction-reminder-time {
    font-weight: 800;
    color: #c4492d;
}

.prediction-reminder.is-upcoming .prediction-reminder-time {
    color: #16796e;
}

.prediction-reminder-teams {
    overflow-wrap: anywhere;
}

.prediction-reminder-matches .prediction-reminder-more {
    color: #496178;
    font-size: 12.5px;
    font-weight: 700;
}

.prediction-reminder-badge,
.prediction-reminder-carousel-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    min-height: 18px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #d65a3a;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.prediction-reminder-badge--qualifier {
    background: #2f7ed8;
}

.prediction-reminder-action {
    flex: 0 0 auto;
    align-self: center;
    min-width: 138px;
    white-space: normal;
}

.prediction-reminder-close-strip {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 14px;
    border: 0;
    border-top: 1px solid rgba(42, 80, 112, 0.14);
    border-radius: 0 0 12px 12px;
    background: rgba(32, 60, 88, 0.06);
    cursor: pointer;
    padding: 0;
}

.prediction-reminder-close-strip span {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(35, 53, 73, 0.58);
    border-left: 2px solid rgba(35, 53, 73, 0.58);
    transform: translateX(-50%) rotate(45deg);
}

.prediction-reminder-close-strip:hover,
.prediction-reminder-close-strip:focus {
    background: rgba(32, 60, 88, 0.11);
    outline: 0;
}

.GroupSelect.prediction-reminder-target {
    border-color: rgba(214, 90, 58, 0.82) !important;
    box-shadow: 0 0 0 3px rgba(214, 90, 58, 0.36), 0 18px 36px rgba(23, 42, 64, 0.18) !important;
    animation: predictionReminderTargetPulse 1200ms ease;
}

@keyframes predictionReminderTargetPulse {
    0% {
        box-shadow: none;
    }

    45% {
        box-shadow: 0 0 0 3px rgba(214, 90, 58, 0.36), 0 18px 36px rgba(23, 42, 64, 0.18);
    }

    100% {
        box-shadow: 0 0 0 3px rgba(214, 90, 58, 0.36), 0 18px 36px rgba(23, 42, 64, 0.18);
    }
}

.item.has-prediction-reminder {
    position: relative;
}

.item.has-prediction-reminder .itemInfo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 18px;
    line-height: 18px;
    padding: 0 38px 0 8px;
    overflow: visible;
    box-sizing: border-box;
    text-align: center;
}

.item.has-prediction-reminder .carousel-info-value {
    max-width: 100%;
    overflow: hidden;
}

.item.has-prediction-reminder .carousel-info-value--mixed .carousel-points-value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item.has-prediction-reminder .carousel-info-value--mixed .carousel-progress-value,
.item.has-prediction-reminder .carousel-info-value--mixed .carousel-info-separator {
    flex: 0 0 auto;
}

.prediction-reminder-carousel-badge {
    position: absolute;
    top: 50%;
    right: 18px;
    min-width: 17px;
    min-height: 17px;
    padding: 2px 5px;
    font-size: 10px;
    transform: translateY(-50%);
}

.wc-modern-nav .wc-pronos-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.wc-modern-nav .wc-pronos-nav-label {
    min-width: 0;
}

.wc-modern-nav .wc-pronos-reminder-link[hidden] {
    display: none !important;
}

.wc-modern-nav .wc-pronos-reminder-shell[hidden] {
    display: none !important;
}

.wc-modern-nav .prediction-reminder-nav-badge {
    position: static;
    top: auto;
    right: auto;
    flex: 0 0 auto;
    min-width: 17px;
    min-height: 17px;
    padding: 2px 5px;
    font-size: 10px;
    transform: none;
}

.wc-modern-nav .wc-mobile-pronos-reminder {
    display: none;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(214, 90, 58, 0.32);
    border-radius: 10px;
    background: rgba(214, 90, 58, 0.08);
    text-decoration: none;
}

.wc-modern-nav .wc-desktop-pronos-reminder {
    display: none;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    border: 1px solid rgba(214, 90, 58, 0.32);
    border-radius: 10px;
    background: rgba(214, 90, 58, 0.08);
    text-decoration: none;
}

.wc-modern-nav .wc-desktop-pronos-reminder:hover,
.wc-modern-nav .wc-desktop-pronos-reminder:focus {
    background: rgba(214, 90, 58, 0.14);
    text-decoration: none;
    outline: 0;
}

.wc-modern-nav .wc-desktop-pronos-reminder .prediction-reminder-nav-badge {
    min-width: 18px;
    min-height: 18px;
}

.wc-modern-nav .wc-pronos-reminder-shell {
    position: relative;
}

.wc-modern-nav .wc-pronos-reminder-shell::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1044;
    display: none;
    width: min(340px, calc(100vw - 18px));
    height: calc(50% + 46px);
}

.wc-modern-nav .wc-mobile-pronos-reminder-wrap {
    display: none;
    flex: 0 0 auto;
}

.wc-modern-nav .wc-pronos-reminder-popover {
    position: absolute;
    top: calc(100% + 8px);
    left: -4px;
    z-index: 1045;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    width: max-content;
    min-width: 274px;
    max-width: min(342px, calc(100vw - 24px));
    padding: 10px 10px;
    border: 1px solid rgba(114, 174, 236, 0.26);
    border-left: 3px solid #47d0c3;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(19, 39, 59, 0.98), rgba(11, 27, 42, 0.98));
    color: #eef7ff;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px) scale(0.985);
    transform-origin: 18px 0;
    transition: opacity 150ms ease, transform 150ms ease;
}

.wc-modern-nav .wc-pronos-reminder-popover::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 16px;
    width: 10px;
    height: 10px;
    border-top: 1px solid rgba(114, 174, 236, 0.26);
    border-left: 1px solid rgba(114, 174, 236, 0.26);
    background: rgba(19, 39, 59, 0.98);
    transform: rotate(45deg);
}

.wc-modern-nav .wc-pronos-reminder-popover-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2f7ed8, #42c6b8);
    color: #fff;
    box-shadow: 0 7px 15px rgba(47, 126, 216, 0.28);
    font-size: 11px;
}

.wc-modern-nav .wc-pronos-reminder-popover-text {
    display: block;
    min-width: 0;
    color: #f4fbff;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 0;
}

.wc-modern-nav .wc-pronos-reminder-popover-text-line {
    display: block;
}

.wc-modern-nav .wc-pronos-reminder-popover-text-line + .wc-pronos-reminder-popover-text-line {
    margin-top: 2px;
}

.wc-modern-nav .wc-pronos-reminder-popover-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(93, 165, 255, 0.38);
    border-radius: 7px;
    background: rgba(48, 116, 194, 0.26);
    color: #e6f2ff;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.wc-modern-nav .wc-pronos-reminder-popover-action:hover,
.wc-modern-nav .wc-pronos-reminder-popover-action:focus {
    border-color: rgba(115, 186, 255, 0.72);
    background: rgba(47, 126, 216, 0.48);
    color: #fff;
    outline: 0;
}

.wc-modern-nav .wc-pronos-reminder-shell.is-popover-open .wc-pronos-reminder-popover {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.wc-modern-nav .wc-pronos-reminder-shell.is-popover-dismissed::after {
    display: none !important;
}

.wc-modern-nav .wc-pronos-reminder-shell.is-popover-dismissed .wc-pronos-reminder-popover {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-6px) scale(0.985) !important;
}

@media (min-width: 1200px) {
    .wc-modern-nav .wc-pronos-reminder-shell:hover::after,
    .wc-modern-nav .wc-pronos-reminder-shell:focus-within::after {
        display: block;
    }

    .wc-modern-nav .wc-pronos-reminder-shell:hover .wc-pronos-reminder-popover,
    .wc-modern-nav .wc-pronos-reminder-shell:focus-within .wc-pronos-reminder-popover {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 380px) {
    .wc-modern-nav .wc-pronos-reminder-popover {
        grid-template-columns: 26px minmax(0, 1fr);
        width: min(286px, calc(100vw - 24px));
        min-width: 0;
    }

    .wc-modern-nav .wc-pronos-reminder-popover-action {
        grid-column: 2;
        justify-self: flex-start;
        min-height: 28px;
    }
}

.wc-modern-nav .wc-mobile-pronos-reminder:hover,
.wc-modern-nav .wc-mobile-pronos-reminder:focus {
    background: rgba(214, 90, 58, 0.14);
    text-decoration: none;
    outline: 0;
}

.wc-modern-nav .wc-mobile-pronos-reminder .prediction-reminder-nav-badge {
    min-width: 18px;
    min-height: 18px;
}

html[data-theme='dark'] .prediction-reminder {
    border-color: rgba(143, 181, 218, 0.24);
    border-left-color: #f07a55;
    background:
        linear-gradient(135deg, rgba(24, 38, 56, 0.96) 0%, rgba(26, 44, 62, 0.96) 58%, rgba(48, 34, 30, 0.92) 100%);
    color: #e9f0f7;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}

html[data-theme='dark'] .prediction-reminder.is-upcoming {
    border-color: rgba(94, 197, 186, 0.24);
    border-left-color: #48c1b0;
    background:
        linear-gradient(135deg, rgba(24, 38, 56, 0.96) 0%, rgba(23, 55, 62, 0.94) 60%, rgba(28, 42, 64, 0.92) 100%);
    color: #e1f2f2;
}

html[data-theme='dark'] .prediction-reminder-title,
html[data-theme='dark'] .prediction-reminder.is-upcoming .prediction-reminder-title {
    color: #fff;
}

html[data-theme='dark'] .prediction-reminder-time {
    color: #ffab8e;
}

html[data-theme='dark'] .prediction-reminder.is-upcoming .prediction-reminder-time {
    color: #83ddd1;
}

html[data-theme='dark'] .prediction-reminder-close-strip {
    border-top-color: rgba(217, 235, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme='dark'] .prediction-reminder-close-strip span {
    border-color: rgba(233, 240, 247, 0.7);
}

html[data-theme='dark'] .prediction-reminder-close-strip:hover,
html[data-theme='dark'] .prediction-reminder-close-strip:focus {
    background: rgba(255, 255, 255, 0.14);
}

@media (prefers-reduced-motion: reduce) {
    .prediction-reminder {
        transition: none;
    }
}

@media (min-width: 768px) {
    .prediction-reminder {
        top: calc(var(--prediction-reminder-top, 70px) + 2px);
        right: var(--prediction-reminder-right, 22px);
        left: auto;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 10px;
        width: min(540px, calc(100vw - 36px));
        min-height: 0;
        padding: 15px 16px 25px;
        border-left-width: 4px;
        border-radius: 14px;
        box-shadow: 0 16px 38px rgba(23, 42, 64, 0.24);
        transform: translateY(-130%);
    }

    .prediction-reminder.is-visible {
        transform: translateY(0);
    }

    .prediction-reminder.is-dismissing {
        transform: translateY(-130%);
    }

    .prediction-reminder-main {
        justify-content: flex-start;
    }

    .prediction-reminder-title {
        margin-bottom: 4px;
        font-size: 15px;
    }

    .prediction-reminder p {
        font-size: 13px;
        line-height: 1.35;
    }

    .prediction-reminder-matches {
        gap: 4px;
        margin-top: 10px;
        font-size: 13px;
    }

    .prediction-reminder-matches li {
        gap: 7px;
        padding: 1px 0;
    }

    .prediction-reminder-action {
        align-self: flex-end;
        min-width: 128px;
        margin-top: 2px;
    }

    .prediction-reminder-close-strip {
        right: 10px;
        left: 10px;
        border-radius: 0 0 11px 11px;
    }
}

@media (max-width: 767px) {
    .pronos-title-actions {
        float: none;
        clear: both;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
        padding: 6px 16px 0 50px;
        min-height: 0;
    }

    .pronos-screen .pageTitle .pronos-consult-user-title {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        line-height: 1.15;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: normal;
        word-break: normal;
        white-space: nowrap;
    }

    .admin-prono-edit-mode-toggle {
        width: min(100%, 240px);
        max-width: 100%;
    }

    .admin-prono-edit-mode-toggle .mode-toggle {
        width: 100%;
    }

    .prediction-reminder {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: calc(100vw - 22px);
        min-height: 190px;
        padding: 12px 12px 23px;
    }

    .prediction-reminder-action {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .wc-modern-nav .wc-desktop-pronos-reminder-item {
        display: none;
    }

    .wc-modern-nav .wc-mobile-pronos-reminder-wrap:not([hidden]) {
        display: inline-flex;
    }

    .wc-modern-nav .wc-mobile-pronos-reminder:not([hidden]) {
        display: inline-flex;
    }
}

@media (min-width: 1200px) {
    .wc-modern-nav .wc-desktop-pronos-reminder:not([hidden]) {
        display: inline-flex;
    }
}

@media (max-width: 520px) {
    .pronos-screen .pageTitle:not(:has(.pronos-title-actions)) {
        display: none;
        margin: 0 !important;
    }
}

#tableTeam > tbody > tr > td {
    background-color: transparent;
    border-top-color: rgba(120, 156, 201, 0.16);
}

#tableTeam > tbody > tr > td.paired-empty-cell {
    padding: 0 !important;
    border-top: 1px solid rgba(120, 156, 201, 0.16) !important;
    min-width: 220px;
    height: 100%;
    box-sizing: border-box;
}

#tableTeam.table-hover > tbody > tr:hover > td,
#tableTeam.table-hover > tbody > tr:hover > th,
#tableTeam > tbody > tr.AlternateItem:hover > td,
#tableTeam > tbody > tr:hover > td.GameDisabled,
#tableTeam > tbody > tr:hover > td.NotOwn {
    background-color: transparent !important;
}

#tableTeam.table-hover > tbody > tr:hover,
#tableTeam > tbody > tr.AlternateItem:hover,
#tableTeam > tbody > tr:hover > td.GameDisabled,
#tableTeam > tbody > tr:hover > td.NotOwn {
    background: transparent !important;
}

#tableTeam .GroupSelect {
    background: linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%);
    border: 1px solid rgba(112, 154, 206, 0.3);
    border-radius: 16px;
    padding: 14px 12px;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(16, 44, 74, 0.09);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

/* Hover carte */
#tableTeam .GroupSelect:hover {
    background: linear-gradient(180deg, #f3f9ff 0%, #e2eeff 100%);
    box-shadow: 0 10px 24px rgba(16, 44, 74, 0.14);
    transform: translateY(-2px);
    border-color: rgba(88, 141, 201, 0.42);
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) {
    position: relative;
    min-height: 176px;
    padding: 14px 24px 12px;
    border-radius: 20px;
    border-color: rgba(80, 158, 248, 0.34);
    background:
        linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(20, 184, 166, 0.07) 48%, rgba(255, 255, 255, 0) 82%),
        linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%);
    box-shadow: 0 14px 34px rgba(16, 44, 74, 0.14);
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare):hover {
    background:
        linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(20, 184, 166, 0.09) 48%, rgba(255, 255, 255, 0) 82%),
        linear-gradient(180deg, #f6fbff 0%, #e7f2ff 100%);
    border-color: rgba(80, 158, 248, 0.5);
    box-shadow: 0 18px 38px rgba(16, 44, 74, 0.18);
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) > .image_picker_selector,
#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) > .pronos-stats-band {
    position: relative;
    z-index: 1;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .image_picker_selector {
    min-height: 120px;
    align-items: center;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .thumbnail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 78px;
    min-height: 78px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 20px;
    box-sizing: border-box;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart {
    position: relative;
    display: block;
    min-height: 120px;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart > .row:first-child {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    height: 20px;
    margin: 0 !important;
    overflow: visible;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row {
    position: absolute;
    top: 26px;
    right: 0;
    left: 0;
    display: block !important;
    height: 58px !important;
    margin: 0 !important;
    overflow: visible;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .final-qualifier-required-hint {
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 2;
    min-height: 26px;
    max-width: 172px;
    margin: 0;
    padding-right: 13px;
    padding-left: 13px;
    text-align: center;
    white-space: normal;
    transform: translateX(50%);
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .scorepart-group-row {
    position: absolute;
    right: 0;
    bottom: 24px;
    left: 0;
    width: 100%;
    height: 17px;
    margin: 0;
    overflow: hidden;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .scorepart-venue-row {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    margin: 0;
    overflow: hidden;
}

#tableTeam .GroupSelect.is-final-qualifier-required .ScorePart .scorepart-group-row,
#tableTeam .GroupSelect.is-final-qualifier-required .ScorePart .scorepart-venue-row {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

#tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .pronos-stats-band {
    width: calc(100% + 48px);
    margin: 10px -24px -12px;
    border-radius: 0 0 20px 20px;
}

#tableTeam .GroupSelect.is-focus-flash {
    animation: wcMatchFocusFlash 1.2s ease-in-out 1 forwards;
}

#tableTeam .GroupSelect.is-focus-hold,
#tableTeam .GroupSelect.is-linked-focus {
    background: linear-gradient(180deg, #f3f9ff 0%, #e2eeff 100%);
    box-shadow: 0 20px 42px rgba(16, 44, 74, 0.28);
    transform: translateY(-5px);
    border-color: rgba(42, 116, 204, 0.72);
}

@keyframes wcMatchFocusFlash {
    0% {
        background: linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%);
        box-shadow: 0 6px 16px rgba(16, 44, 74, 0.09);
        transform: translateY(0);
        border-color: rgba(112, 154, 206, 0.3);
    }
    50%, 100% {
        background: linear-gradient(180deg, #f3f9ff 0%, #e2eeff 100%);
        box-shadow: 0 20px 42px rgba(16, 44, 74, 0.28);
        transform: translateY(-5px);
        border-color: rgba(42, 116, 204, 0.72);
    }
}

/* Matchs de test (SYNC_TEST_*) : look "disabled" visuel mais controles actifs */
#tableTeam tr.TestMatchItem .GroupSelect {
    background: linear-gradient(180deg, #f7f8fa 0%, #f1f3f6 100%);
    border: 1px dashed #b9c2cf;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    filter: grayscale(0.28);
    opacity: 0.82;
    cursor: not-allowed;
}

#tableTeam tr.TestMatchItem .GroupSelect:hover {
    transform: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    border-color: #b9c2cf;
}

#tableTeam tr.TestMatchItem .test-match-badge {
    display: inline-block;
    margin-bottom: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #5c6675;
    background: #e7ebf1;
    border: 1px solid #cfd6e0;
}

/* Garder la partie score/reset pleinement utilisable et lisible */
#tableTeam tr.TestMatchItem .ScorePart,
#tableTeam tr.TestMatchItem .score-row,
#tableTeam tr.TestMatchItem .dropScore,
#tableTeam tr.TestMatchItem .inputScore,
#tableTeam tr.TestMatchItem .btn-reset-prono,
#tableTeam tr.TestMatchItem .UpHome,
#tableTeam tr.TestMatchItem .DownHome,
#tableTeam tr.TestMatchItem .UpAway,
#tableTeam tr.TestMatchItem .DownAway {
    opacity: 1;
    filter: none;
    cursor: pointer;
}

/* Effet bouton sur les équipes */
#tableTeam .thumbnail {
    border-radius: 14px;
    border: 1px solid rgba(120, 156, 201, 0.24);
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(16, 44, 74, 0.08);
    transition: all 0.18s ease;
    cursor: pointer;
}

/* Keep custom blue states visible (override default white thumbnail background) */
#tableTeam .thumbnail.consultDrawDisabled {
    background: linear-gradient(135deg, #d9edff 0%, #b9daf8 58%, #8ebceb 100%);
    border: 2px solid rgba(64, 137, 204, 0.72);
    color: #183a59;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26), 0 6px 14px rgba(26, 89, 146, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

#tableTeam .thumbnail.consultWinnerDisabled {
    background: linear-gradient(135deg, #17345a 0%, #2364ba 58%, #3b8df0 100%);
    border: 2px solid rgba(80, 158, 248, 0.76);
    color: #f4f9ff;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

/* Hover équipe */
#tableTeam .thumbnail:hover {
    box-shadow: 0 8px 18px rgba(16, 44, 74, 0.14);
    transform: translateY(-2px);
    border-color: rgba(88, 141, 201, 0.34);
}

/* Effet appui */
#tableTeam .thumbnail:active {
    transform: translateY(1px) scale(0.97);
    box-shadow: 0 2px 6px rgba(0,0,0,0.16);
}

/* Équipe sélectionnée */
#tableTeam .thumbnail.selected {
    background: linear-gradient(135deg, #17345a 0%, #2364ba 58%, #3b8df0 100%);
    color: #ffffff;
    border-color: rgba(80, 158, 248, 0.76);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

/* Match nul pronostique: rendre les deux cartes lisibles (pas blanches) */
#tableTeam .GroupSelect.is-draw-prono .thumbnail {
    background: linear-gradient(135deg, #d9edff 0%, #b9daf8 58%, #8ebceb 100%);
    border: 2px solid rgba(64, 137, 204, 0.72);
    color: #183a59;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26), 0 6px 14px rgba(26, 89, 146, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

#tableTeam .GroupSelect.is-final-qualifier-required .thumbnail {
    border: 3px solid rgba(245, 158, 11, 0.95);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2), 0 18px 34px rgba(16, 44, 74, 0.18);
    animation: finalQualifierCardPulse 1.8s ease-in-out infinite;
}

#tableTeam .final-qualifier-required-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 24px;
    margin: 5px auto 0;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.9);
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(254, 243, 199, 0.95));
    color: #9a3412;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(245, 158, 11, 0.22);
}

#tableTeam .final-qualifier-required-hint[aria-hidden="true"] {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    box-shadow: none;
}

@keyframes finalQualifierCardPulse {
    0%, 100% {
        box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.14), 0 16px 30px rgba(16, 44, 74, 0.14);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.26), 0 22px 42px rgba(16, 44, 74, 0.22);
    }
}

/* Cadre du prono: vert = bonne issue, orange = prono neutre, rouge = faux */
#tableTeam .thumbnail.PronoExactScore,
#tableTeam .thumbnail.PronoGoodMargin,
#tableTeam .thumbnail.PronoGoodWinnerExactGoal,
#tableTeam .thumbnail.PronoGoodWinnerSimple,
#tableTeam .thumbnail.PronoGoodResult {
    border: 3px solid #00c853 !important;
    box-shadow: 0 0 12px rgba(0, 200, 83, 0.55);
}

#tableTeam .thumbnail.PronoAdjacent,
#tableTeam .thumbnail.PronoAdjacentExactGoal {
    border: 3px solid #fda520 !important;
    box-shadow: 0 0 10px rgba(253, 165, 32, 0.55);
}

#tableTeam .thumbnail.PronoWrong,
#tableTeam .thumbnail.PronoWrongExactGoal {
    border: 3px solid #e53935 !important;
    box-shadow: 0 0 10px rgba(229, 57, 53, 0.45);
}

/* Score du prono: vert = exact, orange = bon ecart, rouge = score imprecis/faux */
#tableTeam .Score.PronoExactScore,
#tableTeam .Score.PronoTeamExact {
    color: #00c853;
}

#tableTeam td.GameDisabled h3.Score.PronoExactScore {
    font-size: 24px;
    line-height: 1.13;
}

#tableTeam .Score.PronoGoodWinner {
    color: #fbc02d;
}

#tableTeam .Score.PronoGoodMargin,
#tableTeam .Score.PronoGoodWinnerSimple {
    color: #fda520;
}

#tableTeam .Score.PronoGoodResult,
#tableTeam .Score.PronoAdjacent {
    color: #e53935;
}

#tableTeam .Score.PronoWrong {
    color: #e53935;
}

#tableTeam .prono-points-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    padding-left: 0;
    padding-right: 0;
}

#tableTeam .PronoPoints {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 26px;
    padding: 3px 7px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    background: rgba(17, 24, 39, 0.04);
}

#tableTeam .PronoPoints.PronoExactScore {
    color: #00c853;
    background: rgba(0, 200, 83, 0.1);
}

#tableTeam .PronoPoints.PronoGoodWinner {
    color: #fbc02d;
    background: rgba(251, 192, 45, 0.12);
}

#tableTeam .PronoPoints.PronoGoodWinnerExactGoal {
    color: #fda520;
    background: rgba(253, 165, 32, 0.13);
}

#tableTeam .PronoPoints.PronoGoodMargin,
#tableTeam .PronoPoints.PronoGoodWinnerSimple,
#tableTeam .PronoPoints.PronoAdjacent,
#tableTeam .PronoPoints.PronoAdjacentExactGoal {
    color: #fda520;
    background: rgba(253, 165, 32, 0.13);
}

#tableTeam .PronoPoints.PronoGoodResult {
    color: #00a84a;
    background: rgba(0, 168, 74, 0.11);
}

#tableTeam .PronoPoints.PronoPointsGroupStrong {
    color: #00c853;
    background: rgba(0, 200, 83, 0.1);
}

#tableTeam .PronoPoints.PronoPointsIntermediate {
    color: #fda520;
    background: rgba(253, 165, 32, 0.13);
}

#tableTeam .PronoPoints.PronoWrong,
#tableTeam .PronoPoints.PronoWrongExactGoal {
    color: #e53935;
    background: rgba(229, 57, 53, 0.11);
}

/* Image équipe */
#tableTeam .thumbnail img {
    transition: transform 0.18s ease;
}

#tableTeam .thumbnail:hover img {
    transform: scale(1.04);
}

/* Texte équipe */
#tableTeam .thumbnail p {
    margin-top: 6px;
    margin-bottom: 0;
    font-weight: 600;
}

/* Pas d'effet bouton quand le match est désactivé */
#tableTeam td.GameDisabled .thumbnail,
#tableTeam td.GameDisabled .thumbnail:hover,
#tableTeam td.GameDisabled .thumbnail:active {
    cursor: default;
    transform: none;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

/* Pas d'effet image zoom en mode désactivé */
#tableTeam td.GameDisabled .thumbnail:hover img {
    transform: none;
}

/* Pas d'effet hover sur la carte complète en mode désactivé */
#tableTeam td.GameDisabled .GroupSelect:hover {
    background: linear-gradient(180deg, #f3f9ff 0%, #e2eeff 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(16, 44, 74, 0.14);
    border-color: rgba(88, 141, 201, 0.32);
}

/* ❌ Pas d’effet cliquable si ce n’est pas ton compte */
#tableTeam td.NotOwn .thumbnail,
#tableTeam td.NotOwn .thumbnail:hover,
#tableTeam td.NotOwn .thumbnail:active {
    cursor: default;
    transform: none;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

/* Hover visuel autorise, mais sans interaction de prono */
#tableTeam td.NotOwn .GroupSelect:hover {
    background: linear-gradient(180deg, #f3f9ff 0%, #e2eeff 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(16, 44, 74, 0.14);
    border-color: rgba(88, 141, 201, 0.32);
}

/* ❌ Pas de zoom image */
#tableTeam td.NotOwn .thumbnail:hover img {
    transform: none;
}

/* BUTTONS ARROW */
/* Boutons +/- score modernes */
.UpHome,
.DownHome,
.UpAway,
.DownAway {
    width: 34px;
    height: 28px;
    padding: 0 !important;
    border: none;
    border-radius: 10px;
    background: #ffffff;
    color: #006AB8;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12);
    transition: all 0.18s ease;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Hover */
.UpHome:hover,
.DownHome:hover,
.UpAway:hover,
.DownAway:hover {
    background: #006AB8;
    color: #ffffff;
    box-shadow: 0 5px 14px rgba(0,106,184,0.28);
    transform: translateY(-1px);
}

/* Effet appui */
.UpHome:active,
.DownHome:active,
.UpAway:active,
.DownAway:active {
    transform: translateY(1px) scale(0.96);
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

/* Caret blanc au hover */
.UpHome:hover .caret,
.DownHome:hover .caret,
.UpAway:hover .caret,
.DownAway:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

/* Boutons du haut */
.UpHome .caret,
.UpAway .caret {
    border-bottom: 5px dashed #006AB8;
    border-top: none;
}

/* Boutons du bas */
.DownHome .caret,
.DownAway .caret {
    border-top: 5px dashed #006AB8;
}

.UpHome,
.UpAway {
    margin-bottom: 4px; /* espace vers le bas */
}

.DownHome,
.DownAway {
    margin-top: 4px; /* espace vers le haut */
}

#tableTeam .ScorePart .score-row {
    height: 58px !important;
    margin-bottom: 0;
}

#tableTeam .ScorePart {
    position: relative;
}

#tableTeam .ScorePart .UpHome,
#tableTeam .ScorePart .DownHome,
#tableTeam .ScorePart .UpAway,
#tableTeam .ScorePart .DownAway {
    width: 30px;
    height: 22px;
}

#tableTeam .ScorePart .UpHome,
#tableTeam .ScorePart .UpAway {
    margin-bottom: 2px;
}

#tableTeam .ScorePart .DownHome,
#tableTeam .ScorePart .DownAway {
    margin-top: 2px;
}

#tableTeam .ScorePart .scorepart-group-row,
#tableTeam .ScorePart .scorepart-venue-row {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

#tableTeam .ScorePart .scorepart-group-row {
    height: 16px;
    margin: 0;
    overflow: hidden;
    margin-bottom: 8px;
}

#tableTeam .ScorePart .scorepart-venue-row {
    height: 14px;
    margin: 1px 0 0;
    overflow: hidden;
}

#tableTeam .ScorePart .scorepart-group-row > div,
#tableTeam .ScorePart .scorepart-venue-row > div {
    float: none;
    width: 100%;
    padding: 0 2px;
}

#tableTeam .ScorePart .scorepart-group-row .js-group-link {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tableTeam .ScorePart .scorepart-venue-row.is-empty {
    visibility: hidden;
}

#tableTeam .MatchInfoPart {
    overflow: visible;
}

#tableTeam .gamelist-venue-row {
    height: 12px;
    margin: -1px 0 0;
    overflow: hidden;
    text-align: center;
}

#tableTeam .ScorePart .scorepart-venue-cell {
    padding: 0 2px;
}

#tableTeam .gamelist-venue-row > div {
    padding: 0 2px;
}

#tableTeam .match-venue-link {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #307cc3;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tableTeam .match-venue-link:hover,
#tableTeam .match-venue-link:focus {
    color: #006AB8;
    text-decoration: none;
}

#tableTeam .gamelist-venue-link {
    margin-top: 1px;
}

#tableTeam .ScorePart .match-venue-link {
    color: #69b8ff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

/* Desktop = nom complet */
.team-short {
    display: none;
}

/* TABLETTE UNIQUEMENT */
@media (max-width: 991px) and (min-width: 768px) {
    #tableTeam .GroupSelect {
        width: 100% !important;
        margin: 0 !important;
        padding: 14px 12px;

        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    #tableTeam .image_picker_selector {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        gap: 10px;
    }

    #tableTeam .image_picker_selector > li {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #tableTeam .thumbnail {
        min-height: 95px;
         width: 100%;
        max-width: 220px;
        margin: 0 auto;
    }

    #tableTeam .Score,
    #tableTeam .spanScore {
        font-size: 24px;
        font-weight: 800;
    }
}

/* Mobile = short name + layout FIFA */
@media (max-width: 767px) {
    html:has(.pronos-screen),
    body:has(.pronos-screen) {
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
        overscroll-behavior-x: none;
    }

    body:has(.pronos-screen) .container.body-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
        overflow-x: visible;
    }

    .pronos-screen {
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
    }

    .pronos-screen .pageTitle {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
    }

    .pronos-screen .pageTitle h2,
    .pronos-screen .pronos-title-actions {
        max-width: 100%;
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }

    #tableTeam .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html,
    body {
        max-width: 100%;
    }

    .pronos-screen .games-container-wrapper,
    .pronos-screen #GamesContainer,
    .pronos-screen #tableTeam {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-x: clip;
    }

    .pronos-screen .CarouselContainer {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: visible;
        top: 90px;
        min-height: 78px;
        margin-bottom: 8px;
        padding-bottom: 4px;
    }

    .pronos-screen #owl-demo .item {
        margin-top: 4px;
        margin-bottom: 8px;
    }

    .pronos-screen .customNavigation {
        margin-top: 4px;
    }

    .pronos-screen,
    .pronos-screen #GamesContainer,
    .pronos-screen #tableTeam,
    .pronos-screen #tableTeam tbody,
    .pronos-screen #tableTeam tr,
    .pronos-screen #tableTeam td,
    .pronos-screen #tableTeam .GroupSelect,
    .pronos-screen #tableTeam .image_picker_selector,
    .pronos-screen #tableTeam .image_picker_selector > li,
    .pronos-screen #tableTeam .thumbnail {
        min-width: 0;
        max-width: 100%;
    }

    .pronos-screen #tableTeam,
    .pronos-screen #tableTeam tbody,
    .pronos-screen #tableTeam tr,
    .pronos-screen #tableTeam td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .CarouselContainer {
        max-width: 100%;
        /* Removed overflow to allow sticky positioning to work */
    }

    #GamesContainer,
    #tableTeam {
        max-width: 100%;
        overflow-x: hidden;
    }

    .team-full {
        display: inline;
    }

    .team-short {
        display: none;
    }

    #tableTeam {
        width: 100%;
    }

    #tableTeam td {
        padding: 8px 4px !important;
    }

    #tableTeam .GroupSelect {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 8px;
        border-radius: 16px;
        box-sizing: border-box;
    }

    #tableTeam .image_picker_selector {
        display: grid !important;
        grid-template-columns: minmax(82px, 0.85fr) minmax(144px, 1.65fr) minmax(82px, 0.85fr);
        align-items: center;
        gap: 6px;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        max-width: 100%;
    }

    #tableTeam .image_picker_selector > li {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #tableTeam .ImagePicker {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 84px !important;
    }

    #tableTeam .image_picker_selector > li:first-child {
        justify-self: start;
        margin-left: 5px !important;
    }

    #tableTeam .image_picker_selector > li:last-child {
        justify-self: end;
        margin-right: 5px !important;
    }

    #tableTeam .thumbnail {
        width: 84px;
        height: 82px;
        padding: 6px;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #tableTeam .thumbnail img {
        max-height: 36px;
        width: auto;
        margin-bottom: 5px;
    }

    #tableTeam .thumbnail p {
        font-size: 11px;
        line-height: 1.15;
        text-align: center;
        margin: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #tableTeam .image_picker_selector > li:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: visible;
    }

    #tableTeam .image_picker_selector > li:nth-child(2):not(.ScorePart) {
        overflow: hidden;
    }

    #tableTeam .image_picker_selector > li.MatchInfoPart:nth-child(2):not(.ScorePart) {
        overflow: visible;
    }

    #tableTeam .image_picker_selector > li:nth-child(2) .row {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        text-align: center;
        margin: 2px 0;
    }

    #tableTeam .image_picker_selector > li.MatchInfoPart:nth-child(2) .real-score-row,
    #tableTeam .image_picker_selector > li.MatchInfoPart:nth-child(2) .real-score-status {
        overflow: visible;
    }

    #tableTeam .real-score-status .GameStatus {
        transform: translateY(-3px);
    }

    #tableTeam .image_picker_selector > li.ScorePart:nth-child(2) .row {
        overflow: visible;
    }

    #tableTeam .image_picker_selector > li:nth-child(2) .row:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        height: auto !important;
    }

    #tableTeam .dropScore,
    #tableTeam .inputScore {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
    }

    #tableTeam .spanScore,
    #tableTeam .Score {
        font-size: 24px;
        font-weight: 800;
        line-height: 1;
        color: #111827;
    }

    /* En mobile, garder le prono lisible mais reduire le score reel */
    #tableTeam td.GameDisabled h5.Score {
        font-size: 19px;
        line-height: 1;
    }

    #tableTeam .UpHome,
    #tableTeam .DownHome,
    #tableTeam .UpAway,
    #tableTeam .DownAway {
        width: 26px;
        height: 24px;
        padding: 0 !important;
    }

    #tableTeam .ImagePicker > div:last-child,
    #tableTeam .image_picker_selector > li:nth-child(2) a {
        font-size: 12px;
    }

    #tableTeam td.GameDisabled .col-xxs-4.col-xs-4.col-sm-2.col-md-2.col-lg-2 {
        overflow: visible;
    }

    #tableTeam td.GameDisabled .PronoLabelInline {
        display: inline-block;
        width: max-content;
        max-width: none;
        margin: 1px 0 0;
        text-align: center;
        white-space: nowrap;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    #tableTeam td.GameDisabled .col-xxs-4.col-xs-4.col-sm-2.col-md-2.col-lg-2 {
        padding-left: 0;
        padding-right: 0;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) {
        min-height: 238px;
        padding: 18px 10px 0;
        border-radius: 18px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .image_picker_selector {
        min-height: 186px;
        align-items: center;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .thumbnail {
        height: 98px;
        min-height: 98px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart > .row:first-child {
        margin-bottom: 6px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row {
        gap: 6px;
        height: 66px !important;
        min-width: 134px;
        margin-top: 0;
        margin-bottom: 0;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .dropScore {
        gap: 5px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .inputScore {
        min-width: 24px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .final-qualifier-required-hint {
        top: 92px;
        min-height: 24px;
        max-width: 140px;
        padding: 4px 8px;
        font-size: 8.5px;
        line-height: 1.08;
        text-align: center;
        white-space: normal;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .scorepart-group-row {
        height: 16px;
        margin-top: 52px;
        margin-bottom: 5px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .scorepart-venue-row {
        height: 13px;
        margin-top: 2px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .pronos-stats-band {
        width: calc(100% + 20px);
        margin: 10px -10px 0;
        border-radius: 0 0 18px 18px;
    }
}

@media (max-width: 450px) {
    #tableTeam .image_picker_selector {
        grid-template-columns: minmax(94px, 0.85fr) minmax(144px, 1.7fr) minmax(94px, 0.85fr);
        gap: 6px;
    }

    #tableTeam .ImagePicker {
        width: 94px !important;
    }

    #tableTeam .thumbnail {
        margin-left: auto;
        margin-right: auto;
    }
}

#tableTeam .GroupSelect.is-admin-prono-edit {
    border-color: rgba(47, 125, 209, 0.55);
    box-shadow: 0 10px 26px rgba(47, 125, 209, 0.16);
}

@media (max-width: 400px) {
    #tableTeam .image_picker_selector {
        grid-template-columns: minmax(80px, 0.8fr) minmax(142px, 1.7fr) minmax(80px, 0.8fr);
        gap: 5px;
    }

    #tableTeam .ImagePicker {
        width: 80px !important;
    }

    #tableTeam .thumbnail {
        width: 74px;
        min-height: 76px;
        height: auto;
    }
}

@media (max-width: 380px) {
    #tableTeam .image_picker_selector {
        grid-template-columns: minmax(74px, 0.75fr) minmax(138px, 1.7fr) minmax(74px, 0.75fr);
        gap: 4px;
    }

    #tableTeam .ImagePicker {
        width: 74px !important;
    }

    #tableTeam .thumbnail {
        width: 70px;
    }

    #tableTeam .thumbnail img {
        max-height: 32px;
    }

    #tableTeam .spanScore,
    #tableTeam .Score {
        font-size: 22px;
    }

    #tableTeam td.GameDisabled h5.Score {
        font-size: 18px;
    }

    #tableTeam .UpHome,
    #tableTeam .DownHome,
    #tableTeam .UpAway,
    #tableTeam .DownAway {
        width: 24px;
        height: 22px;
    }

    #tableTeam .ScorePart .score-row {
        min-width: 128px;
    }

    #tableTeam .ScorePart .score-row .inputScore {
        margin: 0 7px !important;
    }
}

/* ===== BOUTON RESET PRONOSTIC ===== */
.btn-reset-prono {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    z-index: 3;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 80, 80, 0.55);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: rgba(255, 90, 90, 0.85);
    font-size: 11px;
    line-height: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.22s ease,
                transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
                background 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease,
                box-shadow 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    pointer-events: none;
}

.btn-reset-prono .glyphicon {
    font-size: 11px;
    line-height: 1;
    display: block;
    position: static;
    top: auto;
    margin: 0;
}

/* Visible au survol de la gameline — seulement si un pronostic est posé */
.GroupSelect:hover:has(.thumbnail.selected, .spanScore:not(:empty)) .btn-reset-prono {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}

.GroupSelect:has(.thumbnail.selected, .spanScore:not(:empty)) .btn-reset-prono:hover {
    opacity: 1 !important;
    background: rgba(255, 65, 65, 0.88);
    border-color: rgba(255, 65, 65, 0.95);
    color: #ffffff;
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 0 0 4px rgba(255, 65, 65, 0.18),
                0 4px 16px rgba(255, 65, 65, 0.4);
}

.GroupSelect:has(.thumbnail.selected, .spanScore:not(:empty)) .btn-reset-prono:active {
    transform: translate(-50%, -50%) scale(0.9);
    box-shadow: 0 0 0 2px rgba(255, 65, 65, 0.15),
                0 2px 8px rgba(255, 65, 65, 0.25);
}

/* Sur mobile: apparaît au tap sur la gameline si un pronostic est posé */
@media (max-width: 767px) {
    .btn-reset-prono {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.95);
        width: 21px;
        height: 21px;
        font-size: 10px;
    }
    .GroupSelect.is-tapped:has(.thumbnail.selected, .spanScore:not(:empty)) .btn-reset-prono {
        opacity: 1;
        transform: translate(-50%, -20%) scale(1);
        pointer-events: auto;
    }

    /* Score-row : flexbox sans gap global — neutralise les marges Bootstrap .row */
    #tableTeam .ScorePart .score-row {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        height: 52px !important;
        gap: 0;
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        min-width: 132px;
        overflow: visible;
        width: 100%;
    }

    /* Les colonnes Bootstrap : zéro padding, largeur auto */
    #tableTeam .ScorePart .score-row .dropScore,
    #tableTeam .ScorePart .score-row .inputScore {
        float: none !important;
        flex: 0 0 auto;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Chaque groupe flèche centré verticalement */
    #tableTeam .ScorePart .score-row .dropScore {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Les chiffres s'écartent vers l'extérieur pour pousser les flèches */
    #tableTeam .ScorePart .score-row .inputScore {
        margin: 0 8px !important;
        min-width: 22px;
    }

    /* Réduire les boutons +/- sur mobile */
    #tableTeam .ScorePart .UpHome,
    #tableTeam .ScorePart .DownHome,
    #tableTeam .ScorePart .UpAway,
    #tableTeam .ScorePart .DownAway {
        width: 26px;
        height: 18px;
        padding: 0 !important;
    }

    #tableTeam .ScorePart .UpHome,
    #tableTeam .ScorePart .UpAway {
        margin-bottom: 1px;
    }

    #tableTeam .ScorePart .DownHome,
    #tableTeam .ScorePart .DownAway {
        margin-top: 1px;
    }

    /* Chiffre du score */
    #tableTeam .ScorePart .spanScore {
        font-size: 18px;
        min-width: 22px;
        display: block;
        text-align: center;
    }

    #tableTeam .ScorePart .scorepart-venue-row {
        height: 11px;
        margin-top: -2px;
    }

    #tableTeam .gamelist-venue-row {
        height: 11px;
        margin-top: -2px;
    }

    #tableTeam .match-venue-link {
        font-size: 9px;
        line-height: 11px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) {
        min-height: 210px;
        padding-top: 8px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .image_picker_selector {
        min-height: 154px;
        align-items: center;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart {
        position: relative;
        display: block;
        height: 154px;
        min-height: 154px;
        min-width: 0;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart > .row:first-child {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 20px;
        margin: 0 !important;
        overflow: visible;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row {
        position: absolute;
        top: 42px;
        right: 0;
        left: 0;
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
        min-width: 134px;
        height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .dropScore,
    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .inputScore {
        float: none !important;
        flex: 0 0 auto;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .dropScore {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .inputScore {
        min-width: 24px;
        text-align: center;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .inputScore:nth-child(2) {
        margin-right: 8px !important;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .score-row .inputScore:nth-child(3) {
        margin-left: 8px !important;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .final-qualifier-required-hint {
        position: absolute;
        top: auto;
        right: 50%;
        bottom: 0;
        left: auto;
        min-height: 24px;
        max-width: 142px;
        margin: 0;
        padding: 4px 8px;
        font-size: 8.5px;
        line-height: 1.08;
        text-align: center;
        white-space: normal;
        transform: translateX(50%);
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .scorepart-group-row {
        position: absolute;
        right: 0;
        bottom: 26px;
        left: 0;
        width: 100%;
        height: 16px;
        margin: 0 !important;
        overflow: hidden;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) .ScorePart .scorepart-venue-row {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 13px;
        margin: 0 !important;
        overflow: hidden;
    }
}

/* Masqué sur les lignes désactivées ou lecture seule */

html[data-theme='dark'] #tableTeam {
    border: 0;
    background: transparent;
}

html[data-theme='dark'] #tableTeam > tbody > tr > td {
    background-color: transparent;
    border-top-color: rgba(120, 156, 201, 0.2);
}

html[data-theme='dark'] #tableTeam > tbody > tr:first-child > td {
    border-top-color: rgba(120, 156, 201, 0.12);
}

html[data-theme='dark'] #tableTeam.table-hover > tbody > tr:hover > td,
html[data-theme='dark'] #tableTeam.table-hover > tbody > tr:hover > th,
html[data-theme='dark'] #tableTeam > tbody > tr.AlternateItem:hover > td {
    background-color: transparent !important;
}

html[data-theme='dark'] #tableTeam.table-hover > tbody > tr:hover,
html[data-theme='dark'] #tableTeam > tbody > tr.AlternateItem:hover,
html[data-theme='dark'] #tableTeam > tbody > tr:hover > td.GameDisabled,
html[data-theme='dark'] #tableTeam > tbody > tr:hover > td.NotOwn {
    background: transparent !important;
}

html[data-theme='dark'] #tableTeam .GroupSelect {
    background: #18283d;
    border-color: rgba(145, 184, 233, 0.22);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.34);
}

html[data-theme='dark'] #tableTeam .GroupSelect:hover {
    background: #1e324b;
    border-color: rgba(90, 156, 232, 0.45);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42);
    transform: translateY(-2px);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) {
    border-color: rgba(92, 156, 236, 0.32);
    background:
        linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(20, 184, 166, 0.08) 48%, rgba(15, 23, 42, 0) 82%),
        #18283d;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.44);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare):hover {
    border-color: rgba(92, 156, 236, 0.48);
    background:
        linear-gradient(135deg, rgba(59, 130, 246, 0.16), rgba(20, 184, 166, 0.1) 48%, rgba(15, 23, 42, 0) 82%),
        #1e324b;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.5);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-focus-flash {
    animation-name: wcMatchFocusFlashDark;
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-focus-hold,
html[data-theme='dark'] #tableTeam .GroupSelect.is-linked-focus {
    background: #1e324b;
    border-color: rgba(132, 194, 255, 0.78);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.62);
    transform: translateY(-5px);
}

html[data-theme='dark'] .GroupSelect.prediction-reminder-target {
    border-color: rgba(255, 138, 104, 0.88) !important;
    box-shadow: 0 0 0 3px rgba(255, 138, 104, 0.38), 0 18px 38px rgba(0, 0, 0, 0.55) !important;
}

@keyframes wcMatchFocusFlashDark {
    0% {
        background: #18283d;
        border-color: rgba(145, 184, 233, 0.22);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.34);
        transform: translateY(0);
    }
    50%, 100% {
        background: #1e324b;
        border-color: rgba(132, 194, 255, 0.78);
        box-shadow: 0 20px 42px rgba(0, 0, 0, 0.62);
        transform: translateY(-5px);
    }
}

html[data-theme='dark'] #tableTeam td.GameDisabled .GroupSelect:hover,
html[data-theme='dark'] #tableTeam td.NotOwn .GroupSelect:hover {
    background: #18283d;
    border-color: rgba(145, 184, 233, 0.22);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.34);
    transform: translateY(-2px);
}

html[data-theme='dark'] #tableTeam tr.TestMatchItem .GroupSelect:hover {
    background: #223449;
    border-color: rgba(138, 169, 206, 0.42);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

html[data-theme='dark'] #tableTeam .thumbnail {
    background: #122338;
    border-color: rgba(163, 198, 245, 0.24);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.32);
}

html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.notSelectedRightDisabled,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.selectedDisabled,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.selectedRightDisabled,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.selectedWrongDisabled {
    background: #14263b;
    border-color: rgba(145, 184, 233, 0.3);
    color: #dceaff;
}

html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled:hover,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.notSelectedRightDisabled:hover,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.selectedDisabled:hover,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.selectedRightDisabled:hover,
html[data-theme='dark'] #tableTeam ul.thumbnails.image_picker_selector li .thumbnail.selectedWrongDisabled:hover {
    background: #1a3150 !important;
    border-color: rgba(123, 175, 237, 0.55) !important;
}

html[data-theme='dark'] #tableTeam .thumbnail:hover {
    background: #1a3150;
    border-color: rgba(123, 175, 237, 0.55);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.44);
    transform: translateY(-2px);
}

html[data-theme='dark'] #tableTeam .thumbnail:active {
    background: #152a43;
    transform: translateY(1px) scale(0.97);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.48);
}

html[data-theme='dark'] #tableTeam .thumbnail p,
html[data-theme='dark'] #tableTeam .ImagePicker > div:last-child,
html[data-theme='dark'] #tableTeam .image_picker_selector > li:nth-child(2) a {
    color: #dceaff;
}

html[data-theme='dark'] #tableTeam .image_picker_selector > li:nth-child(2) .match-venue-link {
    color: #8bc7ff;
}

html[data-theme='dark'] #tableTeam .image_picker_selector > li:nth-child(2) .match-venue-link:hover,
html[data-theme='dark'] #tableTeam .image_picker_selector > li:nth-child(2) .match-venue-link:focus {
    color: #b9ddff;
}

html[data-theme='dark'] #tableTeam .thumbnail.consultDrawDisabled,
html[data-theme='dark'] #tableTeam .GroupSelect.is-draw-prono .thumbnail {
    background: linear-gradient(135deg, #1e466b 0%, #2c638f 58%, #3a7fb3 100%);
    border-color: rgba(108, 176, 234, 0.66);
    color: #e4f1ff;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.44), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(205, 228, 255, 0.12);
}

html[data-theme='dark'] #tableTeam .thumbnail.consultWinnerDisabled,
html[data-theme='dark'] #tableTeam .thumbnail.selected {
    background: linear-gradient(135deg, #102b4d 0%, #1f5fba 58%, #347fe8 100%);
    border-color: rgba(92, 156, 236, 0.82);
    color: #f4f9ff;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(205, 228, 255, 0.14);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-final-qualifier-required .thumbnail {
    border-color: rgba(251, 191, 36, 0.95);
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.22), 0 18px 34px rgba(0, 0, 0, 0.48);
}

html[data-theme='dark'] #tableTeam .final-qualifier-required-hint {
    border-color: rgba(251, 191, 36, 0.86);
    background: linear-gradient(135deg, rgba(69, 43, 8, 0.98), rgba(120, 72, 12, 0.95));
    color: #fde68a;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
}

html[data-theme='dark'] #tableTeam .thumbnail.PronoExactScore,
html[data-theme='dark'] #tableTeam .thumbnail.PronoGoodMargin,
html[data-theme='dark'] #tableTeam .thumbnail.PronoGoodWinnerExactGoal,
html[data-theme='dark'] #tableTeam .thumbnail.PronoGoodWinnerSimple,
html[data-theme='dark'] #tableTeam .thumbnail.PronoGoodResult {
    border-color: #35d987 !important;
    box-shadow: 0 0 12px rgba(53, 217, 135, 0.45);
}

html[data-theme='dark'] #tableTeam .thumbnail.PronoAdjacent,
html[data-theme='dark'] #tableTeam .thumbnail.PronoAdjacentExactGoal {
    border-color: #fda520 !important;
    box-shadow: 0 0 10px rgba(253, 165, 32, 0.42);
}

html[data-theme='dark'] #tableTeam .thumbnail.PronoWrong,
html[data-theme='dark'] #tableTeam .thumbnail.PronoWrongExactGoal {
    border-color: #ff6b6b !important;
    box-shadow: 0 0 10px rgba(255, 107, 107, 0.42);
}

html[data-theme='dark'] #tableTeam .thumbnail.consultWinnerDisabled:hover,
html[data-theme='dark'] #tableTeam .thumbnail.selected:hover {
    background: linear-gradient(135deg, #17365d 0%, #2a70d0 58%, #4692f5 100%);
    border-color: rgba(119, 182, 255, 0.9);
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.5), 0 8px 18px rgba(42, 112, 208, 0.36), inset 0 0 0 1px rgba(205, 228, 255, 0.18);
}

#tableTeam .js-date-link,
#tableTeam .js-group-link,
#tableTeam .js-venue-link,
#tableTeam .js-matchup-link {
    cursor: pointer !important;
    pointer-events: auto !important;
}

#tableTeam .js-pronos-stats-band.is-stats-popup-blocked {
    cursor: default !important;
    pointer-events: auto !important;
}

#tableTeam .GroupSelect {
    float: none;
    display: block;
    width: 100%;
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
    left: auto !important;
    right: auto !important;
}

@media (max-width: 2199px) {
    #tableTeam > tbody > tr > td {
        display: block;
        width: 100%;
    }

    #tableTeam > tbody > tr > td.paired-empty-cell {
        visibility: hidden;
        border-top: 1px solid rgba(120, 156, 201, 0.16) !important;
    }
}

@media (min-width: 2200px) {
    #tableTeam > tbody > tr > td {
        display: table-cell;
        width: 50%;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        /* border-top: 1px solid #ddd !important; */
    }

    #tableTeam > tbody > tr > td.paired-empty-cell {
        display: table-cell !important;
        width: 50%;
    }

    #tableTeam > tbody > tr > td > .GroupSelect {
        float: none;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Keep an odd leftover match aligned to the half-width grid rhythm. */
    #tableTeam > tbody > tr:has(> td.paired-empty-cell) > td.paired-empty-cell {
        visibility: hidden;
        border-top: 1px solid rgba(120, 156, 201, 0.16) !important;
    }
}

html[data-theme='dark'] #tableTeam .spanScore,
html[data-theme='dark'] #tableTeam .Score,
html[data-theme='dark'] #tableTeam .Date,
html[data-theme='dark'] #tableTeam .Group {
    color: #dceaff !important;
}

html[data-theme='dark'] #tableTeam .Score.PronoExactScore,
html[data-theme='dark'] #tableTeam .Score.PronoTeamExact {
    color: #35d987 !important;
}

html[data-theme='dark'] #tableTeam .Score.PronoGoodWinner {
    color: #ffd34d !important;
}

html[data-theme='dark'] #tableTeam .Score.PronoGoodMargin,
html[data-theme='dark'] #tableTeam .Score.PronoGoodWinnerSimple {
    color: #fda520 !important;
}

html[data-theme='dark'] #tableTeam .Score.PronoGoodResult,
html[data-theme='dark'] #tableTeam .Score.PronoAdjacent {
    color: #ff6b6b !important;
}

html[data-theme='dark'] #tableTeam .Score.PronoWrong {
    color: #ff6b6b !important;
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoExactScore {
    color: #35d987;
    background: rgba(53, 217, 135, 0.14);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoGoodWinner {
    color: #ffd34d;
    background: rgba(255, 211, 77, 0.14);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoGoodWinnerExactGoal {
    color: #fda520;
    background: rgba(253, 165, 32, 0.16);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoGoodMargin,
html[data-theme='dark'] #tableTeam .PronoPoints.PronoGoodWinnerSimple,
html[data-theme='dark'] #tableTeam .PronoPoints.PronoAdjacent,
html[data-theme='dark'] #tableTeam .PronoPoints.PronoAdjacentExactGoal {
    color: #fda520;
    background: rgba(253, 165, 32, 0.16);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoGoodResult {
    color: #35d987;
    background: rgba(53, 217, 135, 0.14);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoPointsGroupStrong {
    color: #35d987;
    background: rgba(53, 217, 135, 0.14);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoPointsIntermediate {
    color: #fda520;
    background: rgba(253, 165, 32, 0.16);
}

html[data-theme='dark'] #tableTeam .PronoPoints.PronoWrong,
html[data-theme='dark'] #tableTeam .PronoPoints.PronoWrongExactGoal {
    color: #ff6b6b;
    background: rgba(255, 107, 107, 0.14);
}

html[data-theme='dark'] .UpHome,
html[data-theme='dark'] .DownHome,
html[data-theme='dark'] .UpAway,
html[data-theme='dark'] .DownAway {
    background: #183454;
    color: #cde4ff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.36);
}

html[data-theme='dark'] .UpHome:hover,
html[data-theme='dark'] .DownHome:hover,
html[data-theme='dark'] .UpAway:hover,
html[data-theme='dark'] .DownAway:hover {
    background: #2f6fd6;
    color: #ffffff;
}

html[data-theme='dark'] .UpHome .caret,
html[data-theme='dark'] .UpAway .caret {
    border-bottom-color: #cde4ff;
}

html[data-theme='dark'] .DownHome .caret,
html[data-theme='dark'] .DownAway .caret {
    border-top-color: #cde4ff;
}

html[data-theme='dark'] .GroupSelect:has(.thumbnail.selected, .spanScore:not(:empty)) .btn-reset-prono {
    background: rgba(255, 77, 77, 0.22);
    border-color: rgba(255, 112, 112, 0.65);
    color: #ffcaca;
}

html[data-theme='dark'] .GroupSelect:has(.thumbnail.selected, .spanScore:not(:empty)) .btn-reset-prono:hover {
    background: rgba(255, 76, 76, 0.92);
    border-color: rgba(255, 140, 140, 0.95);
    color: #ffffff;
    box-shadow: 0 0 0 4px rgba(255, 76, 76, 0.24), 0 6px 18px rgba(255, 76, 76, 0.48);
}
td.GameDisabled .btn-reset-prono,
td.NotOwn .btn-reset-prono {
    display: none;
}

/* ── Bande stats pronos ──────────────────────────────────────────── */
.pronos-stats-band {
    display: block;
    width: calc(100% + 24px);
    margin: 10px -12px -14px;
    padding: 5px 10px;
    background: rgba(100, 140, 200, 0.10);
    border: none;
    border-top: 1px solid rgba(120, 156, 201, 0.22);
    border-radius: 0 0 16px 16px;
    font-size: 11px;
    color: #6a8fc4;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0.03em;
    transition: background 0.15s, color 0.15s;
}

.pronos-stats-band:hover,
.pronos-stats-band:focus {
    background: rgba(100, 140, 200, 0.20);
    color: #3a6fba;
    outline: none;
}

.pronos-stats-band.is-loading {
    opacity: 0.7;
    background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.00) 100%);
    background-size: 220% 100%;
    animation: pronos-band-loading 1.15s linear infinite;
}

@keyframes pronos-band-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -20% 0; }
}

.pronos-stats-band .pronos-stats-home { color: #28a86a; font-weight: 600; }
.pronos-stats-band .pronos-stats-win  { color: #28a86a; font-weight: 600; }
.pronos-stats-band .pronos-stats-draw { color: #b8882a; font-weight: 600; }
.pronos-stats-band .pronos-stats-away { color: #cc4444; font-weight: 600; }
.pronos-stats-band .pronos-stats-loss { color: #cc4444; font-weight: 600; }
.pronos-stats-band .pronos-stats-label { margin: 0 4px; }

@media (max-width: 767px) {
    #tableTeam .GroupSelect {
        padding-bottom: 0;
    }

    #tableTeam .pronos-stats-band {
        width: calc(100% + 16px);
        min-height: 28px;
        margin: 10px -8px 0;
        padding: 6px 8px 7px;
        line-height: 1.2;
    }

    #tableTeam .GroupSelect:not(.is-finished-compare) {
        display: flex;
        flex-direction: column;
    }

    #tableTeam .GroupSelect:not(.is-finished-compare) > .image_picker_selector {
        flex: 1 1 auto;
    }

    #tableTeam .GroupSelect:not(.is-finished-compare) > .pronos-stats-band {
        margin-top: auto;
        margin-bottom: -1px;
    }

    #tableTeam .GroupSelect.is-final-round:not(.is-finished-compare) > .pronos-stats-band {
        margin-top: auto;
        margin-bottom: -1px;
    }
}

/* dark mode */
html[data-theme='dark'] .pronos-stats-band {
    background: rgba(60, 100, 170, 0.14);
    border-top-color: rgba(100, 140, 200, 0.28);
    color: #7aaae0;
}
html[data-theme='dark'] .pronos-stats-band:hover,
html[data-theme='dark'] .pronos-stats-band:focus {
    background: rgba(60, 100, 170, 0.28);
    color: #a8cbf0;
}

html[data-theme='dark'] .pronos-stats-band.is-loading {
    background-image: linear-gradient(90deg, rgba(160,190,230,0.00) 0%, rgba(160,190,230,0.18) 50%, rgba(160,190,230,0.00) 100%);
}

/* ── Modale pronos stats ─────────────────────────────────────────── */
.pronos-stats-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.55);
    align-items: center;
    justify-content: center;
}
.pronos-stats-modal-overlay.is-open {
    display: flex;
}
.pronos-stats-modal {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.32);
    width: 92%;
    max-width: 560px;
    max-height: 85vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.pronos-stats-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px 10px;
    border-bottom: 1px solid rgba(120, 156, 201, 0.2);
    position: sticky;
    top: 0;
    background: inherit;
    z-index: 1;
}
.pronos-stats-modal-title {
    font-size: 14px;
    font-weight: 700;
    color: #2c5090;
    margin: 0;
}
.pronos-stats-modal-close {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #888;
    padding: 2px 6px;
}
.pronos-stats-modal-close:hover { color: #333; }
.pronos-stats-modal-body {
    padding: 14px 18px;
}
.pronos-stats-summary {
    display: flex;
    gap: 18px;
    justify-content: center;
    margin-bottom: 14px;
    font-size: 13px;
}
.pronos-stats-summary .pss-home { color: #28a86a; font-weight: 700; }
.pronos-stats-summary .pss-win  { color: #28a86a; font-weight: 700; }
.pronos-stats-summary .pss-draw { color: #b8882a; font-weight: 700; }
.pronos-stats-summary .pss-away { color: #cc4444; font-weight: 700; }
.pronos-stats-summary .pss-loss { color: #cc4444; font-weight: 700; }
.pronos-stats-table-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.pronos-stats-search,
.pronos-stats-order {
    border: 1px solid rgba(120, 156, 201, 0.3);
    border-radius: 6px;
    height: 30px;
    padding: 4px 8px;
    font-size: 12px;
    color: #2c4e80;
    background: #fff;
}
.pronos-stats-search {
    flex: 1;
    min-width: 160px;
}
.pronos-stats-order {
    min-width: 170px;
}
.pronos-stats-count {
    margin-bottom: 8px;
    font-size: 11px;
    color: #6f8eb7;
    text-align: right;
}
.pronos-stats-modal table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.pronos-stats-modal .pronos-stats-table {
    table-layout: fixed;
}
.pronos-stats-modal .pronos-stats-table th:nth-child(1),
.pronos-stats-modal .pronos-stats-table td:nth-child(1) { width: 38%; }
.pronos-stats-modal .pronos-stats-table th:nth-child(2),
.pronos-stats-modal .pronos-stats-table td:nth-child(2),
.pronos-stats-modal .pronos-stats-table th:nth-child(3),
.pronos-stats-modal .pronos-stats-table td:nth-child(3),
.pronos-stats-modal .pronos-stats-table th:nth-child(4),
.pronos-stats-modal .pronos-stats-table td:nth-child(4) { width: 13%; }
.pronos-stats-modal .pronos-stats-table th:nth-child(5),
.pronos-stats-modal .pronos-stats-table td:nth-child(5) { width: 23%; }
.pronos-stats-modal th {
    text-align: center;
    padding: 5px 8px;
    border-bottom: 2px solid rgba(120, 156, 201, 0.3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5578a8;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.pronos-stats-modal th.pronos-sortable {
    cursor: pointer;
    user-select: none;
}
.pronos-stats-modal .pronos-sort-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}
.pronos-stats-modal .pronos-sort-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pronos-stats-modal .pronos-sort-arrow {
    flex: 0 0 auto;
    font-size: 9px;
    line-height: 1;
    letter-spacing: 0;
}
.pronos-stats-modal td {
    text-align: center;
    padding: 5px 8px;
    border-bottom: 1px solid rgba(120, 156, 201, 0.12);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pronos-stats-modal td.prow-pick {
    width: 56px;
    font-weight: 700;
    color: #86a5cf;
    vertical-align: middle;
}
.pronos-stats-modal td.prow-pick.is-active {
    color: #2b7dd8;
}
.pronos-stats-modal .prow-pick-mark {
    display: block;
    line-height: 1;
}
.pronos-stats-modal tr:last-child td { border-bottom: none; }
.pronos-stats-modal .prow-pseudo { text-align: left; color: #2c4e80; }
.pronos-stats-modal .prow-score  { font-weight: 600; color: #1a3560; }
.pronos-stats-modal .prow-score-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    line-height: 20px;
}
.pronos-stats-modal .prow-score-value.is-qualified {
    border-color: #2b7dd8;
    color: #2b7dd8;
    box-shadow: 0 0 0 2px rgba(43, 125, 216, 0.08);
}
.pronos-stats-modal-empty {
    text-align: center;
    color: #999;
    font-size: 13px;
    padding: 20px 0;
}

/* dark mode modale */
html[data-theme='dark'] .pronos-stats-modal {
    background: #1a263a;
    color: #cde4ff;
}
html[data-theme='dark'] .pronos-stats-modal-header {
    background: #1a263a;
    border-bottom-color: rgba(100, 140, 200, 0.2);
}
html[data-theme='dark'] .pronos-stats-modal-title { color: #8bbde8; }
html[data-theme='dark'] .pronos-stats-modal-close { color: #7a9fc4; }
html[data-theme='dark'] .pronos-stats-modal-close:hover { color: #cde4ff; }
html[data-theme='dark'] .pronos-stats-modal th { color: #7aaae0; border-bottom-color: rgba(100, 140, 200, 0.3); }
html[data-theme='dark'] .pronos-stats-modal td { border-bottom-color: rgba(100, 140, 200, 0.12); }
html[data-theme='dark'] .pronos-stats-modal .prow-pseudo { color: #9dc6f0; }
html[data-theme='dark'] .pronos-stats-modal .prow-score  { color: #cde4ff; }
html[data-theme='dark'] .pronos-stats-modal td.prow-pick { color: #6f95bf; }
html[data-theme='dark'] .pronos-stats-modal td.prow-pick.is-active { color: #9fd2ff; }
html[data-theme='dark'] .pronos-stats-modal .prow-score-value.is-qualified {
    border-color: #9fd2ff;
    color: #9fd2ff;
    box-shadow: 0 0 0 2px rgba(159, 210, 255, 0.12);
}
html[data-theme='dark'] .pronos-stats-search,
html[data-theme='dark'] .pronos-stats-order {
    background: #172236;
    color: #cde4ff;
    border-color: rgba(100, 140, 200, 0.35);
}
html[data-theme='dark'] .pronos-stats-count {
    color: #86add9;
}

/* Pagination controls */
.pronos-stats-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(120, 156, 201, 0.2);
}
.pronos-pagination-btn {
    padding: 6px 12px;
    font-size: 12px;
    border: 1px solid rgba(120, 156, 201, 0.4);
    border-radius: 4px;
    background: #f5f8fc;
    color: #2c4e80;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
}
.pronos-pagination-btn:hover:not(:disabled) {
    background: #e8eef9;
    border-color: rgba(120, 156, 201, 0.6);
}
.pronos-pagination-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.pronos-pagination-info {
    font-size: 12px;
    color: #6f8eb7;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
}

html[data-theme='dark'] .pronos-pagination-btn {
    background: #172236;
    color: #9dc6f0;
    border-color: rgba(100, 140, 200, 0.35);
}
html[data-theme='dark'] .pronos-pagination-btn:hover:not(:disabled) {
    background: #203050;
    border-color: rgba(100, 140, 200, 0.5);
}
html[data-theme='dark'] .pronos-pagination-info {
    color: #86add9;
}

/* Finished match comparison */
#tableTeam .match-compare-panel {
    display: grid;
    gap: 0;
    width: 100%;
    max-width: 270px;
    margin: 0 auto 7px;
    color: #263b4f;
}

#tableTeam .official-score-card,
#tableTeam .prediction-score-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 12px;
}

#tableTeam .official-score-card {
    padding: 8px 10px 9px;
    border: 1px solid rgba(42, 180, 150, 0.48);
    background: linear-gradient(135deg, #202b35 0%, #1f3f3d 58%, #176456 100%);
    color: #f8fbff;
    box-shadow: 0 14px 28px rgba(7, 16, 27, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

#tableTeam .prediction-score-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: var(--finished-card-height, 132px);
    min-height: var(--finished-card-height, 132px);
    padding: 8px 10px 9px;
    border: 1px solid rgba(84, 142, 210, 0.48);
    background: linear-gradient(135deg, #14263b 0%, #183a59 58%, #215b86 100%);
    color: #f8fbff;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

#tableTeam .match-compare-panel.has-verdict .official-result-card {
    justify-content: flex-start;
    position: relative;
}

#tableTeam .match-compare-panel.has-verdict .official-result-card .prediction-main-row {
    flex: none;
    position: static;
}

#tableTeam .match-compare-panel.has-verdict .official-result-card .official-scoreline {
    position: absolute;
    top: calc(50% - 16px);
    right: 10px;
    left: 10px;
    width: auto;
    transform: none;
}

@media (max-width: 380px) {
    .pronos-screen .pageTitle .pronos-consult-user-title {
        font-size: 13px;
    }
}

#tableTeam .compare-card-head,
#tableTeam .prediction-score-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
}

#tableTeam .compare-card-head {
    margin-bottom: 5px;
}

#tableTeam .prediction-score-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

#tableTeam .prediction-score-badges {
    display: contents;
}

#tableTeam .prediction-score-meta .compare-card-kicker {
    grid-column: 1;
    justify-self: start;
}

#tableTeam .prediction-score-badges .PronoPoints {
    grid-column: 2;
    justify-self: center;
}

#tableTeam .prediction-score-badges .GameStatus {
    grid-column: 3;
    justify-self: end;
}

#tableTeam .compare-card-kicker {
    display: block;
    min-width: 0;
    color: #52708e;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: 0;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

#tableTeam .official-score-card .compare-card-kicker {
    color: #a5f0df;
}

#tableTeam .prediction-score-card .compare-card-kicker {
    color: #a5f0df;
}

#tableTeam .official-result-card .compare-card-kicker {
    color: #c7e5ff;
}

#tableTeam .score-label-short {
    display: none;
}

#tableTeam .official-score-card .GameStatus {
    min-width: 0;
    min-height: 19px;
    padding: 2px 7px;
    transform: none;
    border-color: rgba(165, 240, 223, 0.34);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    box-shadow: none;
    font-size: 9px;
    line-height: 1;
}

#tableTeam .prediction-score-card .GameStatus {
    min-width: 0;
    min-height: 19px;
    padding: 2px 7px;
    transform: none;
    border-color: rgba(165, 240, 223, 0.34);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    box-shadow: none;
    font-size: 9px;
    line-height: 1;
}

#tableTeam .prediction-score-card .GameStatus.is-live,
#tableTeam .prediction-score-card .GameStatus.is-overtime,
#tableTeam .prediction-score-card .GameStatus.is-halftime,
#tableTeam .prediction-score-card .GameStatus.is-paused,
#tableTeam .prediction-score-card .GameStatus.is-penalty {
    min-width: 54px;
    min-height: 26px;
    padding: 4px 9px;
    border-color: rgba(253, 165, 32, 0.88);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0) 31%),
        linear-gradient(180deg, #fff3ce 0%, #ffbd4d 52%, #f68d1f 100%);
    color: #653400;
    box-shadow: 0 0 0 1px rgba(253, 165, 32, 0.2), 0 0 14px rgba(253, 165, 32, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.48);
    font-size: 11px;
    font-weight: 900;
}

#tableTeam .prediction-score-card .GameStatus.is-live::after,
#tableTeam .prediction-score-card .GameStatus.is-overtime::after,
#tableTeam .prediction-score-card .GameStatus.is-halftime::after,
#tableTeam .prediction-score-card .GameStatus.is-paused::after,
#tableTeam .prediction-score-card .GameStatus.is-penalty::after {
    animation-name: scoreBadgeShineFrequent;
    animation-duration: 3.8s;
}

@keyframes scoreBadgeShineFrequent {
    0%,
    10% {
        opacity: 0;
        transform: skewX(-18deg) translateX(0);
    }
    18% {
        opacity: 0.95;
    }
    34% {
        opacity: 0.2;
        transform: skewX(-18deg) translateX(420%);
    }
    42% {
        opacity: 0;
        transform: skewX(-18deg) translateX(420%);
    }
    43%,
    54% {
        opacity: 0;
        transform: skewX(-18deg) translateX(0);
    }
    62% {
        opacity: 0.95;
    }
    78% {
        opacity: 0.2;
        transform: skewX(-18deg) translateX(420%);
    }
    100% {
        opacity: 0;
        transform: skewX(-18deg) translateX(420%);
    }
}

@media (prefers-reduced-motion: reduce) {
    #tableTeam .prediction-score-card .GameStatus.is-live::after,
    #tableTeam .prediction-score-card .GameStatus.is-overtime::after,
    #tableTeam .prediction-score-card .GameStatus.is-halftime::after,
    #tableTeam .prediction-score-card .GameStatus.is-paused::after,
    #tableTeam .prediction-score-card .GameStatus.is-penalty::after {
        animation: none;
    }
}

#tableTeam .compare-scoreline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    width: 100%;
    font-variant-numeric: tabular-nums;
}

#tableTeam .compare-scoreline.has-score-detail {
    grid-template-columns: minmax(0, 1fr) minmax(58px, auto) minmax(0, 1fr);
    gap: 4px;
}

#tableTeam .compare-score {
    display: block;
    min-width: 0;
    font-weight: 900;
    line-height: 0.95;
    letter-spacing: 0;
    text-align: center;
}

#tableTeam .official-scoreline .compare-score {
    color: #ffffff;
    font-size: 34px;
}

#tableTeam .official-scoreline.has-score-detail .compare-score {
    font-size: 33px;
}

#tableTeam .prediction-scoreline .compare-score {
    font-size: 34px;
}

#tableTeam .compare-score-middle {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    min-width: 0;
}

#tableTeam .compare-score-separator {
    color: currentColor;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    opacity: 0.72;
}

#tableTeam .official-score-detail-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    min-width: 58px;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    border: 0;
    background: #ffffff;
    color: #174263;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

#tableTeam .official-score-detail-badge.is-penalty-detail {
    flex-direction: column;
    min-width: 66px;
    min-height: 30px;
    padding: 4px 8px;
    gap: 1px;
    font-size: 10px;
    line-height: 1.08;
}

#tableTeam .official-score-detail-line {
    display: block;
    line-height: 1.08;
}

#tableTeam .prediction-score-card.PronoExactScore,
#tableTeam .prediction-score-card.PronoGoodMargin,
#tableTeam .prediction-score-card.PronoGoodWinnerExactGoal,
#tableTeam .prediction-score-card.PronoGoodWinnerSimple,
#tableTeam .prediction-score-card.PronoGoodResult {
    border-style: solid;
    border-color: rgba(0, 168, 96, 0.42);
    background: linear-gradient(135deg, #14263b 0%, #183a59 58%, #215b86 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0, 168, 96, 0.18);
}

#tableTeam .prediction-score-card.PronoAdjacent,
#tableTeam .prediction-score-card.PronoAdjacentExactGoal {
    border-color: rgba(239, 145, 39, 0.48);
    background: linear-gradient(135deg, #14263b 0%, #183a59 58%, #215b86 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(239, 145, 39, 0.18);
}

#tableTeam .prediction-score-card.PronoWrong,
#tableTeam .prediction-score-card.PronoWrongExactGoal {
    border-color: rgba(213, 63, 63, 0.5);
    background: linear-gradient(135deg, #14263b 0%, #183a59 58%, #215b86 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(213, 63, 63, 0.2);
}

#tableTeam .prediction-scoreline .compare-score.PronoExactScore,
#tableTeam .prediction-scoreline .compare-score.PronoTeamExact {
    color: #00a84a;
}

#tableTeam .prediction-scoreline .compare-score.PronoGoodWinner {
    color: #bf8a00;
}

#tableTeam .prediction-scoreline .compare-score.PronoGoodMargin,
#tableTeam .prediction-scoreline .compare-score.PronoGoodWinnerSimple,
#tableTeam .prediction-scoreline .compare-score.PronoAdjacent,
#tableTeam .prediction-scoreline .compare-score.PronoAdjacentExactGoal {
    color: #df7d00;
}

#tableTeam .prediction-scoreline .compare-score.PronoGoodResult,
#tableTeam .prediction-scoreline .compare-score.PronoWrong,
#tableTeam .prediction-scoreline .compare-score.PronoWrongExactGoal {
    color: #d53f3f;
}

#tableTeam .prediction-verdict-row {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 15px;
    margin-top: 4px;
}

#tableTeam .prediction-verdict-row .PronoLabelInline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0;
    padding: 2px 7px;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.58);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
}

#tableTeam .prediction-main-row {
    display: grid;
    align-items: center;
    align-content: center;
    justify-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

#tableTeam .official-result-card .prediction-main-row {
    flex: 1;
}

#tableTeam .prediction-main-row .PronoLabelInline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 2px 7px;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
}

#tableTeam td.GameDisabled .prediction-main-row .PronoLabelInline {
    position: static;
    left: auto;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    transform: none;
    justify-self: center;
    grid-column: 1 / -1;
}

#tableTeam .official-result-card .prediction-main-row .PronoLabelInline,
#tableTeam td.GameDisabled .official-result-card .prediction-main-row .PronoLabelInline {
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: max-content;
    max-width: calc(100% - 12px);
    transform: translateX(-50%);
}

#tableTeam .no-prediction-note {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    color: #d7e8f8;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

html[data-theme='dark'] #tableTeam .match-compare-panel {
    color: #dceaff;
}

html[data-theme='dark'] #tableTeam .official-score-card {
    border-color: rgba(91, 220, 195, 0.48);
    background: linear-gradient(135deg, #15202d 0%, #163839 58%, #0f544b 100%);
}

html[data-theme='dark'] #tableTeam .prediction-score-card {
    border-color: rgba(92, 156, 236, 0.48);
    background: linear-gradient(135deg, #0b1726 0%, #102d49 58%, #174a72 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(205, 228, 255, 0.08);
}

html[data-theme='dark'] #tableTeam .compare-card-kicker,
html[data-theme='dark'] #tableTeam .no-prediction-note {
    color: #9fc1e6;
}

html[data-theme='dark'] #tableTeam .official-score-card .compare-card-kicker {
    color: #9df0df;
}

html[data-theme='dark'] #tableTeam .prediction-score-card.PronoExactScore,
html[data-theme='dark'] #tableTeam .prediction-score-card.PronoGoodMargin,
html[data-theme='dark'] #tableTeam .prediction-score-card.PronoGoodWinnerExactGoal,
html[data-theme='dark'] #tableTeam .prediction-score-card.PronoGoodWinnerSimple,
html[data-theme='dark'] #tableTeam .prediction-score-card.PronoGoodResult {
    border-color: rgba(53, 217, 135, 0.42);
    background: linear-gradient(135deg, #0b1726 0%, #102d49 58%, #174a72 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(53, 217, 135, 0.18);
}

html[data-theme='dark'] #tableTeam .prediction-score-card.PronoAdjacent,
html[data-theme='dark'] #tableTeam .prediction-score-card.PronoAdjacentExactGoal {
    border-color: rgba(253, 165, 32, 0.48);
    background: linear-gradient(135deg, #0b1726 0%, #102d49 58%, #174a72 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(253, 165, 32, 0.18);
}

html[data-theme='dark'] #tableTeam .prediction-score-card.PronoWrong,
html[data-theme='dark'] #tableTeam .prediction-score-card.PronoWrongExactGoal {
    border-color: rgba(255, 107, 107, 0.5);
    background: linear-gradient(135deg, #0b1726 0%, #102d49 58%, #174a72 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(255, 107, 107, 0.2);
}

html[data-theme='dark'] #tableTeam .prediction-verdict-row .PronoLabelInline {
    background: rgba(12, 24, 39, 0.52);
}

html[data-theme='dark'] #tableTeam .prediction-main-row .PronoLabelInline {
    background: rgba(12, 24, 39, 0.52);
}

@media (max-width: 767px) {
    #tableTeam .match-compare-panel {
        max-width: 172px;
        gap: 5px;
        margin: 0 auto 5px;
    }

    #tableTeam .official-score-card {
        padding: 7px 7px 8px;
    }

    #tableTeam .prediction-score-card {
        height: var(--finished-card-height, 98px);
        min-height: var(--finished-card-height, 98px);
        padding: 6px;
    }

    #tableTeam .compare-card-head,
    #tableTeam .prediction-score-meta {
        justify-content: center;
        gap: 4px;
        margin-bottom: 4px;
    }

    #tableTeam .prediction-score-meta {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    #tableTeam .compare-card-kicker {
        font-size: 8px;
        text-align: center;
    }

    #tableTeam .official-result-card .score-label-full {
        display: none;
    }

    #tableTeam .official-result-card .score-label-short {
        display: inline;
    }

    #tableTeam .official-result-card .prediction-score-meta .compare-card-kicker {
        display: none;
    }

    #tableTeam .official-result-card .prediction-score-badges .PronoPoints {
        grid-column: 1;
        justify-self: start;
        min-height: 24px;
    }

    #tableTeam .official-result-card.is-final-result-card .prediction-score-badges .PronoPoints {
        grid-column: 2;
        justify-self: center;
    }

    #tableTeam .official-score-card .GameStatus {
        min-height: 17px;
        padding: 2px 6px;
        font-size: 8px;
    }

    #tableTeam .prediction-score-card .GameStatus {
        min-height: 17px;
        padding: 2px 6px;
        font-size: 8px;
    }

    #tableTeam .prediction-score-card .GameStatus.is-live,
    #tableTeam .prediction-score-card .GameStatus.is-overtime,
    #tableTeam .prediction-score-card .GameStatus.is-halftime,
    #tableTeam .prediction-score-card .GameStatus.is-paused,
    #tableTeam .prediction-score-card .GameStatus.is-penalty {
        min-height: 24px;
        padding: 3px 7px;
        font-size: 9px;
    }

    #tableTeam .official-scoreline .compare-score {
        font-size: 27px;
    }

    #tableTeam .official-scoreline.has-score-detail .compare-score {
        font-size: 25px;
    }

    #tableTeam .prediction-scoreline .compare-score {
        font-size: 27px;
    }

    #tableTeam .compare-score-separator {
        font-size: 15px;
    }

    #tableTeam .official-score-detail-badge {
        min-width: 52px;
        min-height: 18px;
        padding: 0 6px;
        font-size: 9px;
    }

    #tableTeam .official-score-detail-badge.is-penalty-detail {
        min-width: 58px;
        min-height: 28px;
        padding: 3px 7px;
        font-size: 9px;
    }

    #tableTeam .prediction-verdict-row .PronoLabelInline {
        position: static;
        left: auto;
        width: auto;
        max-width: 100%;
        padding: 2px 5px;
        transform: none;
        font-size: 9px;
        white-space: normal;
    }

    #tableTeam .prediction-main-row .PronoLabelInline {
        position: static;
        left: auto;
        width: auto;
        max-width: 100%;
        padding: 2px 5px;
        font-size: 9px;
        white-space: normal;
    }

    #tableTeam .official-result-card .prediction-main-row .PronoLabelInline,
    #tableTeam td.GameDisabled .official-result-card .prediction-main-row .PronoLabelInline {
        bottom: 14px;
        transform: translateX(-50%);
    }

    #tableTeam .official-result-card.has-penalty-detail .prediction-main-row .PronoLabelInline,
    #tableTeam td.GameDisabled .official-result-card.has-penalty-detail .prediction-main-row .PronoLabelInline {
        bottom: 8px;
    }

    #tableTeam .match-compare-panel.has-verdict .official-result-card .official-scoreline {
        top: calc(50% - 12px);
        right: 6px;
        left: 6px;
    }

    #tableTeam .no-prediction-note {
        min-height: 32px;
        font-size: 11px;
    }
}

@media (max-width: 400px) {
    #tableTeam .match-compare-panel {
        max-width: 154px;
    }

    #tableTeam .official-scoreline .compare-score {
        font-size: 25px;
    }

    #tableTeam .prediction-scoreline .compare-score {
        font-size: 25px;
    }
}

/* Finished match team cards */
#tableTeam .GroupSelect.is-finished-compare {
    --finished-card-height: 132px;
    padding-top: 42px;
    padding-bottom: 18px;
    overflow: visible;
}

#tableTeam .GroupSelect.is-finished-compare .MatchInfoPart > .row:first-child {
    display: none !important;
}

#tableTeam .GroupSelect.is-finished-compare .MatchInfoPart > .row:first-child .nbaPreStatTx {
    margin-bottom: 0;
    line-height: 14px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-match-date {
    position: absolute;
    top: 14px;
    right: 0;
    left: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    min-width: 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
}

#tableTeam .GroupSelect.is-finished-compare .finished-match-date .js-date-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #337ab7;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
    text-transform: inherit;
    text-shadow: none;
    pointer-events: auto;
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .finished-match-date .js-date-link {
    color: #dceaff;
}

#tableTeam .GroupSelect.is-finished-compare .image_picker_selector {
    align-items: start;
    overflow: visible;
    padding-top: 0;
}

#tableTeam .GroupSelect.is-finished-compare .image_picker_selector > li {
    overflow: visible !important;
}

#tableTeam .GroupSelect.is-finished-compare .MatchInfoPart {
    position: relative;
}

#tableTeam .GroupSelect.is-finished-compare .ImagePicker {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    min-width: 0;
    margin-top: 0 !important;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card {
    position: relative;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    align-content: center;
    justify-items: center;
    gap: 7px;
    width: 178px;
    max-width: 178px;
    height: var(--finished-card-height);
    min-height: var(--finished-card-height);
    margin: 0 auto;
    padding: 12px 18px;
    border-width: 1px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.68);
    color: #203449;
    text-align: center;
    overflow: visible;
    box-shadow: 0 14px 28px rgba(7, 16, 27, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-home {
    padding-right: 42px;
    padding-left: 12px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-away {
    padding-right: 12px;
    padding-left: 42px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card.consultWinnerDisabled,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.selected {
    background: linear-gradient(135deg, #17345a 0%, #2364ba 58%, #3b8df0 100%);
    color: #ffffff;
    border-color: rgba(80, 158, 248, 0.76);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

#tableTeam .GroupSelect.is-finished-compare.is-draw-prono .finished-team-card,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.consultDrawDisabled {
    background: linear-gradient(135deg, #d9edff 0%, #b9daf8 58%, #8ebceb 100%);
    color: #183a59;
    border-color: rgba(64, 137, 204, 0.72);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26), 0 6px 14px rgba(26, 89, 146, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoExactScore,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoGoodMargin,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoGoodWinnerExactGoal,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoGoodWinnerSimple,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoGoodResult {
    border-width: 3px !important;
    border-color: #25c46f !important;
    box-shadow: 0 14px 28px rgba(7, 16, 27, 0.22), 0 0 0 1px rgba(37, 196, 111, 0.18), 0 0 16px rgba(37, 196, 111, 0.22);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoAdjacent,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoAdjacentExactGoal {
    border-width: 3px !important;
    border-color: #efa126 !important;
    box-shadow: 0 14px 28px rgba(7, 16, 27, 0.22), 0 0 0 1px rgba(239, 161, 38, 0.18), 0 0 15px rgba(239, 161, 38, 0.2);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoWrong,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.PronoWrongExactGoal {
    border-width: 3px !important;
    border-color: #e15252 !important;
    box-shadow: 0 14px 28px rgba(7, 16, 27, 0.22), 0 0 0 1px rgba(225, 82, 82, 0.18), 0 0 15px rgba(225, 82, 82, 0.2);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card:is(.consultWinnerDisabled, .selected) {
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card.notSelectedDisabled {
    opacity: 1 !important;
    filter: none !important;
    background: rgba(255, 255, 255, 0.68);
    color: #203449;
    border-color: rgba(120, 156, 201, 0.24);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html:not([data-theme='dark']) #tableTeam td.GameDisabled .GroupSelect.is-finished-compare .finished-team-card:hover {
    cursor: pointer;
    transform: translateY(-3px);
    box-shadow: 0 22px 40px rgba(7, 16, 27, 0.3), 0 8px 18px rgba(36, 91, 150, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

html:not([data-theme='dark']) #tableTeam td.GameDisabled .GroupSelect.is-finished-compare .finished-team-card:hover img {
    transform: scale(1.04);
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card img {
    width: 40px;
    height: 40px;
    max-width: none;
    max-height: none;
    margin: 0;
    object-fit: contain;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card p {
    min-width: 0;
    margin: 0;
    color: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.12;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    display: -webkit-box;
    width: 100%;
    min-height: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#tableTeam .GroupSelect.is-finished-compare .team-prono-goals {
    position: absolute;
    top: 50%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 54px;
    min-width: 54px;
    height: 56px;
    padding: 5px 3px;
    border-radius: 9px;
    background: #18293a;
    color: #ffffff;
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    transform: translateY(-50%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

#tableTeam .GroupSelect.is-finished-compare .team-prono-goals-label {
    color: rgba(255, 255, 255, 0.72);
    font-size: 7px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

#tableTeam .GroupSelect.is-finished-compare .team-prono-goals-value {
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
    line-height: 0.95;
}

#tableTeam .GroupSelect.is-finished-compare .team-prono-goals.PronoExactScore .team-prono-goals-value {
    color: #00c853;
}

#tableTeam .GroupSelect.is-finished-compare .team-prono-goals.PronoGoodResult .team-prono-goals-value,
#tableTeam .GroupSelect.is-finished-compare .team-prono-goals.PronoGoodMargin .team-prono-goals-value {
    color: #fda520;
}

#tableTeam .GroupSelect.is-finished-compare .team-prono-goals.PronoWrong .team-prono-goals-value {
    color: #ff5f5f;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-home .team-prono-goals {
    right: 10px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-away .team-prono-goals {
    left: 10px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-team-card.consultWinnerDisabled .team-prono-goals,
#tableTeam .GroupSelect.is-finished-compare .finished-team-card.selected .team-prono-goals {
    background: rgba(10, 30, 58, 0.58);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

#tableTeam .GroupSelect.is-finished-compare .ImagePicker > div:last-child {
    margin-top: 7px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-match-details {
    margin-top: 12px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-match-group {
    line-height: 16px;
}

#tableTeam .GroupSelect.is-finished-compare .finished-match-venue {
    margin-top: 5px;
}

#tableTeam .GroupSelect.is-finished-compare .pronos-stats-band {
    width: calc(100% + 24px);
    margin: 10px -12px -18px;
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .finished-team-card {
    background: rgba(18, 35, 56, 0.72);
    color: #dceaff;
    border-color: rgba(163, 198, 245, 0.24);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .finished-team-card.consultWinnerDisabled,
html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .finished-team-card.selected {
    background: linear-gradient(135deg, #102b4d 0%, #1f5fba 58%, #347fe8 100%);
    color: #f4f9ff;
    border-color: rgba(92, 156, 236, 0.82);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(205, 228, 255, 0.14);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .finished-team-card.notSelectedDisabled {
    opacity: 1 !important;
    filter: none !important;
    background: rgba(18, 35, 56, 0.72);
    color: #dceaff;
    border-color: rgba(163, 198, 245, 0.24);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.48), 0 6px 14px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(205, 228, 255, 0.08);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare.is-draw-prono .finished-team-card,
html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .finished-team-card.consultDrawDisabled {
    background: linear-gradient(135deg, #1e466b 0%, #2c638f 58%, #3a7fb3 100%);
    color: #e4f1ff;
    border-color: rgba(108, 176, 234, 0.66);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.44), 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(205, 228, 255, 0.12);
}

html[data-theme='dark'] #tableTeam .GroupSelect.is-finished-compare .team-prono-goals {
    background: rgba(7, 16, 27, 0.72);
    color: #ffffff;
}

@media (min-width: 768px) {
    #tableTeam .GroupSelect.is-finished-compare .image_picker_selector {
        display: grid !important;
        grid-template-columns: minmax(184px, 1fr) minmax(266px, 1.08fr) minmax(184px, 1fr);
        gap: 18px;
    }

    #tableTeam .GroupSelect.is-finished-compare .image_picker_selector > li {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #tableTeam .GroupSelect.is-finished-compare .MatchInfoPart {
        min-width: 266px;
        justify-self: center;
    }

    #tableTeam .GroupSelect.is-finished-compare .ImagePicker:first-child {
        justify-self: end;
    }

    #tableTeam .GroupSelect.is-finished-compare .ImagePicker:last-child {
        justify-self: start;
    }

}

@media (min-width: 992px) {
    #tableTeam .GroupSelect.is-finished-compare .finished-team-card {
        width: 248px;
        max-width: 248px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-home {
        padding-right: 66px;
        padding-left: 16px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-away {
        padding-right: 16px;
        padding-left: 66px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card-long p {
        font-size: 13.5px;
        -webkit-line-clamp: 2;
    }
}

@media (min-width: 2200px) {
    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .image_picker_selector {
        grid-template-columns: minmax(176px, 0.9fr) minmax(246px, 1fr) minmax(176px, 0.9fr);
        gap: 12px;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .MatchInfoPart {
        min-width: 246px;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .match-compare-panel {
        max-width: 246px;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .finished-team-card {
        width: 204px;
        max-width: 204px;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .finished-team-home {
        padding-right: 58px;
        padding-left: 12px;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .finished-team-away {
        padding-right: 12px;
        padding-left: 58px;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .finished-team-card p {
        display: block;
        width: auto;
        max-width: 112px;
        min-height: 16px;
        overflow: hidden;
        overflow-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: unset;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .finished-team-card .team-full {
        display: block;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #tableTeam > tbody > tr:not(.single-match-row) > td:not(.paired-empty-cell) > .GroupSelect.is-finished-compare .finished-team-card-long p {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    #tableTeam .GroupSelect.is-finished-compare {
        --finished-card-height: 112px;
        padding: 12px 7px 8px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-match-date {
        position: static;
        height: 18px;
        margin: 0 0 8px;
        padding: 0 4px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-match-date .js-date-link {
        font-size: inherit;
        line-height: inherit;
    }

    #tableTeam .GroupSelect.is-finished-compare .image_picker_selector {
        grid-template-columns: minmax(82px, 0.95fr) minmax(146px, 1.45fr) minmax(82px, 0.95fr);
        align-items: start;
        gap: 7px;
        padding-top: 0;
    }

    #tableTeam .GroupSelect.is-finished-compare .match-compare-panel {
        max-width: 146px;
    }

    #tableTeam .GroupSelect.is-finished-compare .ImagePicker {
        width: auto !important;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 84px;
        max-width: 88px;
        height: var(--finished-card-height);
        min-height: var(--finished-card-height);
        padding: 7px 6px;
        text-align: center;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-home {
        padding-right: 6px;
        padding-left: 6px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-away {
        padding-right: 6px;
        padding-left: 6px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card img {
        width: 34px;
        height: 34px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card p {
        width: 100%;
        font-size: 10.5px;
        line-height: 1.08;
        text-align: center;
    }

    #tableTeam .GroupSelect.is-finished-compare .team-prono-goals {
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 40px;
        min-width: 40px;
        height: 39px;
        padding: 4px 2px;
        border-radius: 7px;
        gap: 3px;
        transform: none;
    }

    #tableTeam .GroupSelect.is-finished-compare .team-prono-goals-label {
        font-size: 6px;
    }

    #tableTeam .GroupSelect.is-finished-compare .team-prono-goals-value {
        font-size: 17px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-home .team-prono-goals {
        right: auto;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-away .team-prono-goals {
        left: auto;
    }

    #tableTeam .GroupSelect.is-finished-compare .ImagePicker > div:last-child {
        margin-top: 4px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-match-details {
        margin-top: 7px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-match-venue {
        margin-top: 3px;
    }

    #tableTeam .GroupSelect.is-finished-compare .pronos-stats-band {
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0 0 12px 12px;
    }
}

@media (max-width: 400px) {
    #tableTeam .GroupSelect.is-finished-compare {
        --finished-card-height: 106px;
    }

    #tableTeam .GroupSelect.is-finished-compare .image_picker_selector {
        grid-template-columns: minmax(76px, 0.95fr) minmax(136px, 1.45fr) minmax(76px, 0.95fr);
        gap: 5px;
    }

    #tableTeam .GroupSelect.is-finished-compare .match-compare-panel {
        max-width: 136px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card {
        width: 78px;
        max-width: 82px;
        height: var(--finished-card-height);
        min-height: var(--finished-card-height);
        padding-left: 4px;
        padding-right: 4px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card img {
        width: 31px;
        height: 31px;
    }

    #tableTeam .GroupSelect.is-finished-compare .finished-team-card p {
        font-size: 10px;
    }
}