/* 港车易 CARYEE - 后台 E2 页补充样式（不修改共享 styles.css） */
:root { --green: #167a5b; --orange: #f06423; --line: #e6e8ee; --soft: #f4f6f9; --muted: #6b7280; --text: #14213d; }

.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
.filter-bar input[type="search"], .filter-bar select, .filter-bar input[type="text"] {
  min-height: 40px; border: 1px solid var(--line); border-radius: 8px; padding: 0 12px; background: #fff; color: var(--text); font: inherit;
}
.filter-bar input[type="search"] { min-width: 220px; }
.filter-bar .spacer { flex: 1; }

.status-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.status-tabs button {
  border: 1px solid var(--line); background: #fff; color: var(--muted); border-radius: 999px;
  padding: 7px 16px; cursor: pointer; font: inherit; font-weight: 700;
}
.status-tabs button.active { background: var(--green); border-color: var(--green); color: #fff; }

.pager { display: flex; align-items: center; gap: 14px; justify-content: flex-end; margin-top: 14px; }
.pager-info { color: var(--muted); font-size: 13px; font-weight: 700; }
.pager button:disabled { opacity: .45; cursor: not-allowed; }

.empty { padding: 28px; text-align: center; color: var(--muted); }

/* 设置表单 */
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.settings-grid label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 800; }
.settings-grid input, .settings-grid textarea, .settings-grid select {
  width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; color: var(--text); font: inherit; background: #fff;
}
.settings-grid textarea { resize: vertical; min-height: 90px; font-family: ui-monospace, monospace; }
.settings-grid .full { grid-column: 1 / -1; }
.upload-row { display: flex; align-items: center; gap: 12px; }
.upload-row input[type="file"] { display: none; }
.img-preview { width: 84px; height: 56px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft) center/contain no-repeat; flex: none; }
.upload-progress { font-size: 12px; color: var(--muted); min-width: 60px; }

/* 时间线 */
.timeline { display: grid; gap: 12px; }
.timeline > div { display: grid; gap: 4px; border-left: 2px solid var(--line); padding-left: 12px; }
.timeline strong { font-size: 14px; }
.timeline span { color: var(--muted); font-size: 13px; line-height: 1.6; }

.data-table img.cell-img { width: 64px; height: 42px; object-fit: cover; border-radius: 6px; }
.muted-copy { color: var(--muted); font-size: 13px; line-height: 1.7; }
.table-action { background: none; border: 0; color: var(--green); cursor: pointer; font: inherit; font-weight: 700; padding: 2px 4px; }
.table-action.danger { color: #d64545; }

@media (max-width: 760px) { .settings-grid { grid-template-columns: 1fr; } }