/* 创作分成（jio_income）：统计 + 状态视图 + 筛选 + 分成表。复用 native-ui.css 的 --an-* 令牌，规则限定在 .jio-income-page 下。 */

/* ---------- 状态视图 ---------- */
.jio-income-page .jio-income-views { display: flex; width: fit-content; max-width: 100%; }

/* ---------- 筛选栏 ---------- */
.jio-income-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.jio-income-filters label { display: inline-flex; margin: 0; }
.jio-income-filters__search { flex: 1 1 220px; }
.jio-income-filters__search input { width: 100%; }
.jio-income-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
.jio-income-page .jio-income-filters__id { width: 96px; }
.jio-income-filters__submit { display: inline-flex; gap: 8px; }

/* ---------- 批量操作 ---------- */
.jio-income-bulk { margin: 0; }
.jio-income-bulk__count { color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.jio-income-bulk__count.is-active { color: var(--an-text); font-weight: 500; }
.jio-income-page .jio-income-bulk .button:disabled { opacity: .6; cursor: not-allowed; }
.jio-income-table .check-column input:disabled { cursor: not-allowed; opacity: .45; }

/* ---------- 分成表 ---------- */
.jio-income-table { min-width: 1040px; table-layout: fixed; }
.jio-income-table .column-record { width: 13%; }
.jio-income-table .column-author { width: 15%; }
.jio-income-table .column-source { width: 24%; }
.jio-income-table .column-base { width: 14%; }
.jio-income-table .column-amount { width: 12%; }
.jio-income-table .column-status { width: 12%; }
.jio-income-table .column-actions { width: 13%; }
.jio-income-table td,
.jio-income-table tbody th { vertical-align: top; }
.jio-income-id { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; }
.jio-income-post { display: block; color: var(--an-text); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
a.jio-income-post:hover,
a.jio-income-post:focus { color: var(--an-primary); }
.jio-income-order { color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-decoration: none; }
.jio-income-order:hover,
.jio-income-order:focus { color: var(--an-primary); }
.jio-income-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.jio-income-table .column-base,
.jio-income-table .column-amount { font-variant-numeric: tabular-nums; }

/* 行内操作：每个按钮是一个独立 POST 表单 */
.jio-income-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.jio-income-action { display: inline-flex; margin: 0; }
.jio-income-action .button[disabled] { opacity: .6; cursor: progress; }

@media (max-width: 782px) {
	.jio-income-filters__search { flex-basis: 100%; }
	.jio-income-filters__range { flex-wrap: wrap; }
}