/**
 * Страницы продавца: список и просмотр заявок на выплату (UX-доводка).
 * Подключение только к seller panel (см. SellerPanelProvider).
 */

/* Отступ между KPI и таблицей */
.fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-above-table {
    margin-bottom: 2rem;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid rgb(229 231 235 / 0.95);
}

.dark .fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-above-table {
    border-bottom-color: rgb(55 65 81 / 0.75);
}

/* Карточки KPI: одинаковая высота, отделение от фона страницы */
.fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-cards .seller-kpi-four {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
    .fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-cards .seller-kpi-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-cards .seller-kpi-four {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-card {
    align-self: stretch;
    background: rgb(255 255 255 / 0.92);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.dark .fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-card {
    background: rgb(17 24 39 / 0.55);
}

.fi-panel-seller .fi-page.fi-seller-payouts-list .seller-payouts-summary-card-inner {
    min-height: 7.25rem;
}

/* Таблица чуть плотнее */
.fi-panel-seller .fi-page.fi-seller-payouts-list .fi-ta-table tbody td {
    padding-block: 0.55rem;
}

.fi-panel-seller .fi-page.fi-seller-payouts-list .fi-ta-header-cell {
    padding-block: 0.45rem;
    font-size: 0.8125rem;
}

/* Просмотр заявки */
.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-view-grid {
    gap: 1.25rem;
}

.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-view-card.fi-sc-section {
    border-radius: 0.75rem;
    padding: 1rem 1.1rem;
    background: rgb(255 255 255 / 0.95);
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.06);
}

.dark .fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-view-card.fi-sc-section {
    background: rgb(17 24 39 / 0.65);
}

.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-view-card .fi-sc-section-header-heading {
    font-size: 0.9375rem;
    font-weight: 600;
}

.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-status-hint {
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: rgb(107 114 128);
}

.dark .fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-status-hint {
    color: rgb(156 163 175);
}

.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-comment-block.fi-sc-section,
.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-next-block.fi-sc-section {
    margin-top: 0.25rem;
}

.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-next-text {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: rgb(55 65 81);
}

.dark .fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-next-text {
    color: rgb(209 213 219);
}

/* Просмотр: воздух между парой верхних карточек и блоками ниже */
.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-comment-block.fi-sc-section {
    margin-top: 0.65rem;
}

.fi-panel-seller .fi-page.fi-seller-payouts-view .seller-payout-next-block.fi-sc-section {
    margin-top: 0.35rem;
}

/* Список: колонка действий не раздувает строку */
.fi-panel-seller .fi-page.fi-seller-payouts-list .fi-ta-actions-cell {
    white-space: nowrap;
}

/* Empty state спокойнее по ширине текста */
.fi-panel-seller .fi-page.fi-seller-payouts-list .fi-ta-empty-state-description {
    max-width: 36rem;
}