/* Trang bản mẫu (/templates): bộ lọc category. */
/* ---------- Bộ lọc category ---------- */
.chips { display: flex; flex-wrap: wrap; gap: 8px; flex-basis: 100%; margin-top: 4px; }
.chip { background: var(--panel); border: 1px solid var(--line); color: var(--muted); border-radius: 999px; padding: 6px 14px; cursor: pointer; font-size: 13px; }
.chip:hover { color: var(--text); border-color: #3a4156; }
.chip.on { background: var(--brand); border-color: var(--brand); color: #fff; font-weight: 600; }

/* Ô chọn dạng checkbox trong panel */
.panel label.check { flex-direction: row; align-items: flex-start; gap: 10px; color: var(--text); font-size: 13px; cursor: pointer; }
.panel label.check input { margin-top: 2px; width: 16px; height: 16px; accent-color: var(--brand); flex: none; }