/* 1. Fix Logo to rõ, chuẩn tỷ lệ và sắc nét tuyệt đối */
header a[title="Home"] img,
header img[alt="logo"],
div[role="dialog"] img[alt="logo"] {
  aspect-ratio: auto !important;
  height: 52px !important;
  width: auto !important;
  max-width: 190px !important;
  object-fit: contain !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
}

@media (max-width: 768px) {
  header a[title="Home"] img,
  header img[alt="logo"] {
    height: 42px !important;
    max-width: 140px !important;
  }
}

/* 2. Ẩn nút thừa cạnh nút Home */
#theme-toggle-mobile-btn { display: none !important; }

/* 3. Chế độ Dark Mode */
html { scrollbar-gutter: stable; }
html.dark, html.dark body { background-color: #0d1117 !important; color: #f0f6fc !important; }
html.dark header, html.dark header.bg-white { background-color: #161b22 !important; border-bottom: 1px solid #30363d !important; }
html.dark header * { border-color: #30363d; }
html.dark .cardBg, html.dark .bg-white { background-color: #161b22 !important; color: #f0f6fc; }
html.dark .primaryBgLight, html.dark [class*="primaryBgLight"], html.dark .primaryCatBg, html.dark .primaryBackgroundBg, html.dark .primarySellBg, html.dark .primaryRentBg { background-color: #12161c !important; }
html.dark .bg-\[\#F5F5F4\], html.dark .bg-\[\#f5f5f4\], html.dark [class*="bg-[#F5F5F4]"], html.dark [class*="bg-[#f5f5f4]"] { background-color: #21262d !important; }
html.dark .bg-gray-50, html.dark .bg-gray-100 { background-color: #0d1117 !important; }
html.dark .text-gray-900, html.dark .text-gray-800, html.dark .text-gray-700, html.dark .text-black, html.dark .blackTextColor, html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 { color: #f0f6fc !important; }
html.dark .text-gray-600, html.dark .text-gray-500, html.dark .secondaryTextColor { color: #8b949e !important; }
html.dark .border-gray-100, html.dark .border-gray-200, html.dark .border-gray-300, html.dark .newBorderColor { border-color: #30363d !important; }
html.dark input, html.dark select, html.dark textarea { background-color: #0d1117 !important; color: #f0f6fc !important; border-color: #30363d !important; }
html.dark input::placeholder, html.dark textarea::placeholder { color: #6e7681 !important; }
html.dark .dropdown-content, html.dark .dropdown-menu, html.dark [role="dialog"], html.dark .sheet-content { background-color: #161b22 !important; border-color: #30363d !important; color: #f0f6fc !important; }
html.dark footer { background-color: #090d12 !important; border-top: 1px solid #30363d !important; }

/* 4. Định dạng nút chuyển chế độ sáng tối trên thanh vàng */
#theme-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin-left: 8px !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
  background: rgba(255, 255, 255, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  color: #ffffff !important;
}
#theme-toggle-btn svg { width: 16px !important; height: 16px !important; pointer-events: none !important; }