/* Phần giao diện của app mà bản web không có (loại DO trong docs/responsive-program/PLATFORM-CAPABILITY-MATRIX.md:
   cửa sổ, ghim nổi, AntiNote, phím tắt toàn cục, cập nhật tự động, khay hệ thống, thông báo Windows, Art Editor…).
   Bảng khả năng nói: "Web: ẩn control hoặc unsupported state có UX, không throw" — ở đây là ẩn.

   Chỉ ẩn, không đổi giá trị trình bày nào (không token/màu/cỡ mới) và không dùng !important: mọi selector đều dài hơn
   selector hiển thị gốc của app. Thêm mục chỉ-Desktop mới của app → thêm một dòng ở đây. Module web không có ở thanh
   trái (Art Editor, Dashboard, Premium…) đã ẩn bằng chính cơ chế ẩn mục của app (main.js#WEB_HIDDEN_RAIL_VIEWS), và
   Command Palette tự theo (commandPalette.js dùng isNavAvailable). */

/* Menu avatar: Cửa sổ nổi, AntiNote, Góp ý (cần máy chủ phản hồi, chưa nối), Thoát. */
html[data-platform="web"] [data-avatar-action="pin"],
html[data-platform="web"] [data-avatar-action="antinote"],
html[data-platform="web"] [data-avatar-action="feedback"],
html[data-platform="web"] [data-avatar-action="hide"] {
  display: none;
}

/* Cài đặt — mục điều hướng: Thanh điều hướng (ẩn/hiện module: web chỉ có đúng các module đã chốt), Phím tắt toàn cục
   (kể cả phím chụp màn hình Art Editor), Thêm nhanh & Widget (cửa sổ phụ + phím tắt toàn cục). */
html[data-platform="web"] .settings-nav-item[data-settings-target="sidebar"],
html[data-platform="web"] .settings-nav-item[data-settings-target="shortcuts"],
html[data-platform="web"] .settings-nav-item[data-settings-target="tools"] {
  display: none;
}

/* Cài đặt › Chung: Hệ thống & Cửa sổ (khởi động cùng Windows, khay hệ thống, tự cập nhật) và Thông báo & Nhắc việc
   (toast Windows, cửa sổ nhắc họp) — đều do tiến trình main Windows thực hiện. */
html[data-platform="web"] .settings-card:has(#autoStartToggle),
html[data-platform="web"] .settings-card:has(#showMeetingAlertsToggle) {
  display: none;
}

/* Cài đặt › Giao diện: Phông chữ (đã chốt bỏ ở web; Cỡ chữ và Khung viền thẻ nổi/liền mạch GIỮ — trình duyệt vẫn hiển thị được). */
html[data-platform="web"] .settings-field-row:has(#fontFamilySelect),
html[data-platform="web"] #fontMissingHint {
  display: none;
}

/* Cài đặt › Dự án: công tắc ẩn/hiện module (web cố định ba module). */
html[data-platform="web"] .settings-card:has(#moduleProjectWorkspaceToggle) {
  display: none;
}

/* Cài đặt › Đồng bộ & Sao lưu: mở thư mục sao lưu của máy. */
html[data-platform="web"] .settings-field-row:has(#openBackupFolderBtn),
html[data-platform="web"] .sync-schedule-row:has(#openBackupFolderBtn) {
  display: none;
}

/* Hình nền: nguồn "Bing mỗi ngày" cần máy chủ trung gian (Bing không cho trình duyệt gọi trực tiếp — CORS). */
html[data-platform="web"] .source-choice[data-source="bing"] {
  display: none;
}

/* Mục "Trò chơi" (webGames.js, chỉ bản web). Máy tính / máy tính bảng: nút trên thanh trái (khuôn .nav-rail-item) mở
   popover .ui-popover + .ui-menu-item (khuôn menu chuẩn). Điện thoại: nhóm "Trò chơi" trong menu avatar (dòng
   .widget-menu-item có sẵn) — chỉ game cảm ứng (Lênh Đênh); ẩn nhóm này khi KHÔNG phải điện thoại để không trùng
   với nút rail. Không thêm giá trị kích thước/màu mới: chỉ vị trí lớp nổi + bố cục 2 dòng chữ. */
html[data-platform="web"][data-mobile="1"] #navRail .nav-rail-game {
  display: none;
}
html[data-platform="web"]:not([data-mobile="1"]) #navAvatarGames {
  display: none;
}
.web-games-menu {
  position: fixed;
  z-index: var(--ui-layer-popover);
  display: grid;
  gap: var(--ui-space-0-5);
  min-width: var(--ui-popover-w-md);
  padding: var(--ui-space-1);
}
.web-games-menu .web-games-item {
  display: flex;
  align-items: center;
  gap: var(--ui-space-2);
  width: 100%;
  height: auto;
  min-height: var(--ui-size-lg);
  padding-block: var(--ui-space-1);
  text-align: start;
}
.web-games-item-icon {
  display: inline-flex;
  flex: none;
}
.web-games-item-copy {
  display: grid;
  min-width: 0;
}
.web-games-item-copy small {
  color: var(--ui-text-muted);
  font-size: var(--fs-caption);
}