/* Базовые стили таблицы */
.swg-table { background-color: var(--swg-main); color: var(--swg-main-text); font-size: 14px; line-height: 20px; width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Roboto, sans-serif; border-radius: 20px; overflow: hidden; }
.swg-table th, .swg-table td {text-align: left; padding-top: 16px; padding-bottom: 16px; }
.swg-table td:not(:last-child),.swg-table th:not(:last-child) { padding-left: 16px;}
.swg-table td:last-child,.swg-table th:last-child { padding-right: 16px;}
.swg-table thead tr {background-color: var(--swg-main)!important; color: var(--swg-secondary-text);}
.swg-table th { font-size: 14px; line-height: 20px;  font-weight:700; text-transform: uppercase;}
.swg-table tr:nth-child(odd) { background-color: var(--swg-secondary); }
.swg-table .button-column a, .swg-table .button-column button { background: var(--swg-accent); color: var(--swg-main-on-color);  text-align: center; line-height: 20px; white-space: nowrap; display: inline-block; width: 100%; padding: 10px 16px; text-decoration: none; border-radius: 20px; font-size: 14px;  font-weight: 600; transition: all 0.2s; border:none ;}
.swg-table .button-column a:hover, .swg-table .button-column button:hover {background-color: var(--swg-accent-hover);}

/* --- Настройка колонок --- */
.swg-table .game-column { display: flex; align-items: center; gap: 8px; }
.swg-table .game-column img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; }
.swg-table .player-column { display: flex; align-items: center; }
.swg-table .player-column .badge-demo { display: inline-flex; align-items: center; margin-right: 5px; }
.swg-tabs-nav { display: flex; gap: 10px; margin-bottom: 20px; }
.swg-tab-btn { background-color: var(--swg-main); color: var(--swg-secondary-text); padding: 8px 16px; border-radius: 8px; font-size: 14px; line-height:20px; font-weight: 600; cursor: pointer; font-family: Roboto, sans-serif; }
.swg-tab-btn.active { background-color: var(--swg-accent); color: var(--swg-main-on-color); border:none ; }
.swg-tab-content { display: none; animation: fadeIn 0.3s ease-in-out; }
.swg-tab-content.active { display: block; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInRow { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.new-row { animation: fadeInRow 0.5s ease-out forwards; }

.swg-mobile {display:none;}
.swg-game-name a, .swg-game-name button{  font-weight: 700; color: var(--swg-accent); }
.swg-provider img {max-width: 16px!important; height: auto!important; margin-right:2px; filter: grayscale(100%); border-radius: 1px!important;}
.swg-provider {font-size: 12px; line-height: 14px;color: var(--swg-secondary-text);}
.svg-time {font-size: 10px; line-height: 12px; color: var(--swg-secondary-text);}
.swg-bet-multiplayer {display: flex; gap:16px; align-items: center;}
.swg-bet-multiplayer svg, .swg-win svg{margin-left: 2px; width: 20px;  height: 20px;  padding: 2px; vertical-align: sub;}
.swg-win {font-weight: 700;  color: var(--swg-active);}

@media (max-width: 768px) {
    .swg-table td:has(.player-column), .swg-table td:has(.win-column) {display:none;}
    .swg-desck {display:none;}
    .swg-mobile {display:block;}
    .swg-bet-multiplayer {font-size: 12px; line-height: 14px; gap:8px;}
    .swg-bet-multiplayer svg {width: 16px;}
    .swg-table .button-column a, .swg-table .button-column button {   font-size: 0 !important;   width: 36px !important;   height: 36px;  padding: 0 !important;   display: flex !important;  align-items: center;  justify-content: center;   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none"><path d="M0 0V14L11 7L0 0Z" fill="white"/></svg>');  background-repeat: no-repeat;   background-position: 57% center; background-size: 11px 14px;  background-color: var(--swg-accent);
    }
} 
#swg-tab-3 .swg-win{color:var(--swg-main-text);}
#swg-tab-3 .swg-multiplayer{color:var(--swg-active);}