/* Возвраты Яндекс.Маркета: список и карточка.
 *
 * Все цвета — токенами тем: в MPI страницы куста YM держали часть оформления
 * атрибутом style в разметке, и такая страница не переключается вместе с темой.
 */

.ym-return__filters {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ym-return__filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.ym-return__filter-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.ym-return__message {
    margin: 8px 0;
}

/* Итоги по отбору — строкой над таблицей, чтобы читались до прокрутки. */
.ym-return__totals {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    padding: 8px 16px;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.ym-return__total b {
    color: var(--color-text-primary);
    font-variant-numeric: tabular-nums;
}

.ym-return__table-shell {
    overflow: auto;
    max-height: calc(100vh - 340px);
}

.ym-return__sticky-head {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--color-bg-secondary);
}

.ym-return__number {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ym-return__number--negative {
    color: var(--color-error);
}

.ym-return__code {
    font-family: var(--font-mono, monospace);
    white-space: nowrap;
}

.ym-return__link {
    padding: 0;
    font-family: var(--font-mono, monospace);
}

/* Сводка карточки: три числа, ради которых её и открывают. */
.ym-return__summary {
    padding: 0 16px;
}

.ym-return__summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 6px);
    background: var(--color-bg-secondary);
}

.ym-return__summary-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ym-return__summary-label {
    font-size: 12px;
    color: var(--color-text-secondary);
}

.ym-return__summary-value {
    font-size: 18px;
    font-variant-numeric: tabular-nums;
    color: var(--color-text-primary);
}

.ym-return__fields {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 6px 16px;
    margin: 0;
}

.ym-return__fields dt {
    color: var(--color-text-secondary);
}

.ym-return__fields dd {
    margin: 0;
    color: var(--color-text-primary);
}

/* Подпись, объясняющая, чего число не означает. */
.ym-return__hint {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.ym-return__hint-inline {
    font-size: 12px;
    color: var(--color-text-secondary);
}

/* Решение площадки по позиции: тип, сумма, комментарий в одну строку. */
.ym-return__decision {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
}

.ym-return__projections {
    display: flex;
    flex-direction: column;
    gap: 24px;
}