/* Возвраты товаров от WB: список и карточка возврата.
 *
 * Все цвета — токенами тем: страница обязана переключаться вместе с темой.
 * Список живёт под блоком `wb-returns`, карточка — под корневым классом своей
 * страницы `wb-return-card`: это разные страницы, и общее у них только имя
 * среза. Блоки полей и таблицы карточки — общие (`doc_form.css`).
 */

/* ── Список ─────────────────────────────────────────────────────────────── */

.wb-returns .wb-returns__filters {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.wb-returns .wb-returns__filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    align-items: end;
}

/* Пикер занимает место двух полей даты: его полоса шире колонки в 180px. */
.wb-returns .wb-returns__filter-period {
    grid-column: span 2;
    min-width: 0;
}

.wb-returns .wb-returns__filter-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}

.wb-returns .wb-returns__message {
    margin: var(--spacing-sm) 0;
}

/* Счётчики по стадиям: считаются по отбору, а не по загруженной странице. */
.wb-returns .wb-returns__counts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: var(--spacing-sm) 0;
}

.wb-returns .wb-returns__count {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.wb-returns .wb-returns__count-label {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.wb-returns .wb-returns__count-value {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--color-text-primary);
}

.wb-returns .wb-returns__hint {
    margin: var(--spacing-sm) 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    max-width: 120ch;
}

.wb-returns .wb-returns__table-shell {
    overflow: auto;
    max-height: calc(100vh - 330px);
}

.wb-returns .wb-returns__presets {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin: var(--spacing-sm) 0;
}

.wb-return-card .wb-return-card__related-document {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-sm);
    margin: var(--spacing-sm) 0;
}

/* Идентификаторы сверяют посимвольно. Перенос и обрезку ячейки даёт
 * `table__data--list`: колонка, которая не растёт, режет, а не переносит. */
.wb-returns .wb-returns__code {
    font-family: var(--font-family-mono, monospace);
    font-variant-numeric: tabular-nums;
}
/* ── Карточка возврата ──────────────────────────────────────────────────── */

.wb-return-card .wb-return-card__message {
    margin: var(--spacing-sm) var(--spacing-lg);
}

/* Пустое состояние вкладки: сказано словами, а не пустым листом. */
.wb-return-card .wb-return-card__empty {
    margin: var(--spacing-md);
    padding: var(--spacing-md);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    max-width: 90ch;
}

.wb-return-card .wb-return-card__hint {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    max-width: 90ch;
}

.wb-return-card .wb-return-card__code {
    font-family: var(--font-family-mono, monospace);
    white-space: nowrap;
}

.wb-return-card .wb-return-card__payload {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

/* Строка площадки: моноширинная и со своим скроллом, чтобы не растягивать лист. */
.wb-return-card .wb-return-card__json {
    margin: 0;
    padding: var(--spacing-md);
    max-height: 32rem;
    overflow: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-secondary);
    font-family: var(--font-family-mono, monospace);
    font-size: var(--font-size-xs);
    white-space: pre-wrap;
    word-break: break-word;
}