/* Лента заказов Wildberries: список, карточка и блок на карточке заказа.
 *
 * Все цвета — токенами тем: страница обязана переключаться вместе с темой.
 * Имена блоков — `wb-feed`, и они не пересекаются с `a015-*` (карточка заказа):
 * список и карточка — разные страницы, и общее у них только имя среза.
 */

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

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

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

.wb-feed__message {
    margin: 8px 0;
}

/* Счётчики по статусам: считаются по отбору, а не по загруженной странице. */
.wb-feed__status-counts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 8px 0;
}

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

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

.wb-feed__table-shell {
    overflow: auto;
    max-height: calc(100vh - 400px);
}

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

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

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

/* Причина отмены рядом с бейджем статуса: она объясняет его, а не спорит с ним. */
.wb-feed__cancel-reason {
    margin-left: 6px;
    font-size: 12px;
    color: var(--color-text-secondary);
}

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

/* Блок ленты на карточке заказа: данные и адрес принадлежат ленте, карточка
 * заказа его только размещает. */
.wb-feed__empty {
    padding: 12px;
    color: var(--color-text-secondary);
}