/* ═══════ Forms + Filters + Tabs + Pagination — 极简 ═══════ */
.filter-bar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 24px; }
.filter-bar .chip {
  padding: 6px 14px; border-radius: var(--radius-sm); font-size: 0.8rem; font-weight: 400;
  border: 1px solid var(--border); background: transparent;
  color: var(--fg-muted); cursor: pointer; transition: all 0.25s var(--ease); white-space: nowrap;
}
.filter-bar .chip:hover { border-color: var(--border-strong); color: var(--fg); }
.filter-bar .chip.active { background: var(--fg); color: var(--bg-card); border-color: var(--fg); }
.filter-bar input, .filter-bar select {
  padding: 6px 12px; background: transparent; border: 1px solid var(--border);
  border-radius: var(--radius-sm); color: var(--fg); font-size: 0.8rem;
}
.filter-bar input:focus, .filter-bar select:focus { outline: none; border-color: var(--fg); }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: 0.8rem; font-weight: 500; color: var(--fg-muted); margin-bottom: 5px; }
.form-group input, .form-group textarea, .form-group select {
  width: 100%; padding: 10px 14px; background: var(--bg-soft);
  border: 1px solid var(--border); border-radius: var(--radius);
  color: var(--fg); transition: all 0.25s;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--fg); background: var(--bg-card); }
.form-group textarea { min-height: 90px; resize: vertical; }
.form-row { display: grid; gap: 14px; }
.form-row--2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 500px) { .form-row--2 { grid-template-columns: 1fr; } .filter-bar { gap: 4px; } .filter-bar .chip { padding: 5px 10px; font-size: 0.74rem; } }
.pager { margin-top: 28px; }
.pager-row { display: flex; gap: 4px; justify-content: center; }
.pager-row button { padding: 6px 12px; background: transparent; border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--fg-muted); font-size: 0.8rem; transition: all 0.25s; cursor: pointer; }
.pager-row button:hover { border-color: var(--border-strong); color: var(--fg); }
.pager-row button.active { background: var(--fg); color: var(--bg-card); border-color: var(--fg); }
.pager-row button:disabled { opacity: 0.3; pointer-events: none; }
.tabs { display: flex; gap: 2px; margin-bottom: 24px; border-bottom: 1px solid var(--border); }
.tabs button { padding: 10px 20px; background: none; border-bottom: 2px solid transparent; color: var(--fg-muted); font-size: 0.85rem; font-weight: 500; transition: all 0.25s; }
.tabs button:hover { color: var(--fg); }
.tabs button.active { color: var(--accent); border-bottom-color: var(--accent); }
.tab-content { display: none; }
.tab-content.active { display: block; }