/* 底欄 6 格（鏡像 app bottom_nav_menu.xml，2026-10-16）—— 由 tools/build-nav.py 產生 markup，
   呢個檔只係樣式。數值全部由 app 抽出，唔准自己揀：
   ‧ 背景 @color/white、border-top = @color/divider #E5E5E5
   ‧ icon 24dp、label 12sp（Material `textAppearanceCaption`）、labelVisibilityMode=labeled（唔移位）
   ‧ 選中色：**Alan 2026-10-16 拍板用品牌藍 `#0056B3`（logo_blue）** —— 呢個係刻意偏離 app：
     app 側選中色 = Material `mtrl_navigation_bar_item_tint` 嘅 checked = ?attr/colorPrimary，
     而 app theme 從來冇自訂 colorPrimary ⇒ 真係紫色 `#6200EE`（唔係品牌色，係 Material 預設）。
     想改橙／改返紫：只改下面 `.tabbar .tab.active` 一個值（橙 = `#FF8000` brand_orange）。
     未選中 = ?attr/colorOnSurface @60%（黑 60% 疊白 = #666666），同 app 一致，唔郁。
   ‧ 市集格 = BidCity 彩色 app icon 原檔，唔上 tint（app NavColourIcon.keepColour）
   ‧ 未讀徽章 = Material BadgeDrawable（bg Color.RED #FF0000、白字、16dp 高、圓角）
   ⚠️ 呢個檔要喺每一頁（含 index.html）載入 —— 唔可以只放 member.css（首頁冇載 member.css）。*/
.tabbar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 30;
  display: flex; background: #fff; border-top: 1px solid var(--divider, #E5E5E5);
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
  box-shadow: 0 -1px 6px rgba(0, 0, 0, .04);
}
.tabbar .tab {
  position: relative; flex: 1;
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  text-decoration: none; font-size: 12px; line-height: 1.2;
  color: #666666; padding: 2px 0;
  -webkit-tap-highlight-color: transparent;
}
.tabbar .tab .ico { display: block; width: 24px; height: 24px; }
.tabbar .tab .ico svg, .tabbar .tab .ico img { display: block; width: 24px; height: 24px; }
.tabbar .tab.active { color: #0056B3; font-weight: 700; }  /* Alan 2026-10-16：品牌藍（app 係紫 #6200EE） */
/* 未讀數字徽章（Material BadgeDrawable 幾何：16dp 高、圓角 8dp、icon 右上角） */
.tabbar .tab .nav-badge {
  position: absolute; top: -2px; left: 50%; transform: translateX(6px);
  min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box;
  border-radius: 8px; background: #FF0000; color: #FFFFFF;
  font-size: 11px; font-weight: 700; line-height: 16px; text-align: center;
}
.tabbar .tab .nav-badge[hidden] { display: none; }
/* 有底欄嘅頁面要留位（56px 底欄 + safe area） */
.has-tabbar { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }