html { scroll-behavior: smooth; }

body { font-family: 'Inter', 'Segoe UI', system-ui, sans-serif; }

/* Ẩn thanh cuộn ngang cho dải tab */
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-none::-webkit-scrollbar { display: none; }

/* lucide icon kế thừa kích thước từ class w/h */
[data-lucide] { display: inline-block; vertical-align: middle; }

/* ── Tab Hero (dải tab trên cùng) ── */
.hero-tab { color: #6b7280; }
.hero-tab:hover { color: #374151; background: #f9fafb; }
.hero-tab.tab-active { color: #2563eb; background: #fff; box-shadow: inset 0 -2px 0 0 #2563eb; }

/* ── Tab dạng pill (Chọn ô / Dán địa chỉ) ── */
.pill-tab { color: #6b7280; }
.pill-tab:hover { color: #374151; }
.pill-tab.tab-active { background: #fff; color: #111827; box-shadow: 0 1px 2px rgba(0,0,0,.05); }

/* ── Nút lọc vùng ── */
.filter-btn { background:#fff; color:#4b5563; border:1px solid #e5e7eb; }
.filter-btn:hover { background:#f9fafb; }
.filter-btn.filter-active { background:#2563eb; color:#fff; border-color:#2563eb; }