/* Общие стили для страниц тренировок */

/* Форма добавления подхода */
.add-set-card {
    border-radius: 12px;
}

.add-set-form {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: stretch;
}

.add-set-field {
    flex: 1 1 auto;
    min-width: 0;
}

.add-set-button-wrapper {
    display: flex;
    align-items: stretch;
    flex: 0 0 72px; /* делаем колонку под кнопку шире */
}

.add-set-button {
    width: 100%;
    height: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px; /* небольшие внутренние отступы */
    box-sizing: border-box;
}

/* Компактная таблица подходов */
.compact-table {
    font-size: 0.875rem;
}

    .compact-table .mud-table-cell {
        padding: 8px 12px;
    }

    .compact-table .mud-table-root {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .compact-table tbody.mud-table-body {
        display: table-row-group;
    }

    .compact-table tr {
        display: table-row;
    }

    .compact-table .mud-table-cell {
        display: table-cell;
    }

/* Карточка таблицы подходов */
.sets-table-card {
    border-radius: 12px;
}

/* Карточка пустого состояния */
.empty-state-card {
    border-radius: 12px;
}

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
}

/* Карточки загрузки и ошибки */
.loading-card, .error-card {
    border-radius: 12px;
    margin-top: 32px;
}

.loading-state, .error-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
}

/* Стили для изображений и видео упражнений */
.exercise-image-card {
    border-radius: 12px;
    overflow: hidden;
}

.exercise-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background-color: #292929;
}

.exercise-video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background-color: #292929;
}

.exercise-image-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    border-radius: 12px;
}