/* leichte transparente Farben, damit Hover & Stripes sichtbar bleiben */
.rang-gold td {
    background-color: #ffd70033 !important; /* Gold */
/*    font-weight: 600;*/
}

.rang-silber td {
    background-color: #c0c0c033 !important; /* Silber */
/*    font-weight: 600;*/
}

.rang-bronze td {
    background-color: #cd7f3233 !important; /* Bronze */
/*    font-weight: 600;*/
}

/* ======= Responsive ======= */
@media (max-width: 768px) {
    .skew-section {
        padding: 5rem 0;
    }

        .skew-section .inner {
            padding: 0 1rem;
        }
}

.selected-panel {
    background-color: var(--mud-palette-surface);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.stat {
    text-align: center;
    padding: 6px 0;
}

.stat-line {
    flex: 1;
    min-width: 100px;
    margin-right: 12px;
}

    .stat-line:last-child {
        margin-right: 0;
    }

.mud-progress-linear {
    margin-top: 4px;
    height: 6px;
}



/* Allgemeines Zeilen-Styling */
/*.mud-table tr {
    transition: background-color 0.2s ease, transform 0.15s ease;
}*/

/* Hover leicht verstärken */
/*.mud-table tr:hover {
    background-color: rgba(255, 255, 255, 0.04);
}*/

/* Ausgewählte Zeile */
/* Für alle Tabellenzeilen, auch innerhalb von MudTable-Komponenten */
.selected-row > td,
.selected-row > th {
    background-color: #FFB74D !important;
/*    color: var(--mud-palette-primary-text) !important;*/
    font-weight: 600;
}

/* Falls du zusätzlich das tr selbst stylen willst (Schatten, etc.) */
.mud-table .mud-table-body .mud-table-row.selected-row {
    box-shadow: 0 0 16px rgba(0,0,0,0.35);
    transition: all 0.15s ease-in-out;
}



/* Textfarbe stärker für Lesbarkeit */
/*.selected-row td {
    color: var(--mud-palette-text-primary) !important;
}*/

/* Mehr Höhe */
.selected-row td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.mud-list.text-center .mud-list-item {
    text-align: center;
/*    border-bottom: 1px solid rgba(255,255,255,0.05);*/
}

    .mud-list.text-center .mud-list-item:last-child {
        border-bottom: none;
    }