/* Đồng bộ nền xanh teal với trang chủ HTMS (hero/footer) */

html {
  --theme-color: #0f766e !important;
  --theme-color-light: #14b8a6 !important;
  --theme-color-dark: #115e59 !important;
  --theme-color-bg: #e8f5f2 !important;
  --shopee-color: #0f766e !important;
  --shopee-color-light: #14b8a6 !important;
  --shopee-color-dark: #115e59 !important;
  --shopee-color-bg: #e8f5f2 !important;
  --color-shopee: #0f766e !important;
  --color-shopee-light: #14b8a6 !important;
  --color-shopee-dark: #115e59 !important;
  --color-shopee-bg: #e8f5f2 !important;
}

.wallet-hero {
  background: linear-gradient(135deg, #0f766e 0%, #14b8a6 52%, #115e59 100%) !important;
  color: #fff !important;
}

.wallet-hero .wallet-hero-btn {
  color: #0f766e !important;
  background: #fff !important;
}

footer.brand-teal {
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(20, 184, 166, 0.28), transparent 55%),
    linear-gradient(180deg, #0f766e 0%, #115e59 55%, #0b4f4a 100%) !important;
  color: #99f6e4 !important;
  border-top-color: rgba(167, 243, 208, 0.22) !important;
}

html.dark footer.brand-teal {
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(20, 184, 166, 0.28), transparent 55%),
    linear-gradient(180deg, #0f766e 0%, #115e59 55%, #0b4f4a 100%) !important;
  color: #99f6e4 !important;
}

footer.brand-teal .text-slate-400,
footer.brand-teal .text-slate-500,
footer.brand-teal .text-slate-300,
footer.brand-teal .text-slate-200 {
  color: #99f6e4 !important;
}

footer.brand-teal .border-slate-800,
footer.brand-teal .border-slate-800\/80,
footer.brand-teal .border-slate-800\/60,
footer.brand-teal .border-slate-900,
footer.brand-teal .border-slate-900\/80 {
  border-color: rgba(167, 243, 208, 0.22) !important;
}

footer.brand-teal a[class*="bg-slate-900"],
footer.brand-teal .bg-slate-900,
footer.brand-teal .bg-slate-900\/50,
footer.brand-teal .bg-slate-900\/30 {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ecfdf8 !important;
}

/* Admin sidebar */
#admin-sidebar {
  background:
    radial-gradient(700px 280px at 0% 0%, rgba(20, 184, 166, 0.32), transparent 55%),
    linear-gradient(180deg, #0f766e 0%, #115e59 45%, #0b4f4a 100%) !important;
  color: #ccfbf1 !important;
  border-right-color: rgba(167, 243, 208, 0.18) !important;
}

#admin-sidebar .sidebar-brand {
  background: rgba(11, 79, 74, 0.72) !important;
  border-bottom-color: rgba(167, 243, 208, 0.22) !important;
}

#admin-sidebar nav a:not(.bg-shopee):hover,
#admin-sidebar nav button:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.admin-sidebar-flyout {
  background-color: #115e59 !important;
  color: #ecfdf8 !important;
}