/*
 * DMG branding overlay for the self-hosted NetBird dashboard.
 *
 * Injected via nginx `sub_filter` in the netbird-branding-proxy sidecar
 * (see branding/nginx.conf) — the upstream netbird-dashboard image and its
 * source are never modified, so `docker pull`/upgrade keeps working.
 *
 * Verified live 2026-07-07 against computers.dmgapp.ai (NetBird v0.73.2,
 * dashboard v2.90.2): the dashboard is a Next.js + Tailwind app. Its accent
 * color is a Tailwind color token literally named "netbird" (class names
 * like `bg-netbird`, `enabled:dark:bg-netbird`, `focus:ring-netbird-600/50`),
 * not a CSS custom property — so these rules target the Tailwind *class name*
 * substring, which is far more likely to survive a dashboard redesign than
 * hardcoding NetBird's current computed hex output. Its base font is already
 * Inter, matching DMG's brand font — no font override needed.
 *
 * If a future NetBird release renames the "netbird" token or changes this
 * markup, these rules simply stop matching and the page falls back to
 * stock NetBird styling (fails soft, never breaks the app) — re-inspect the
 * live DOM and update the selectors below when that happens.
 */

html,
html.dark,
body {
  background-color: #101821 !important;
}

/* Primary accent (buttons, links, focus rings) -> DMG teal */
[class*="bg-netbird"] {
  background-color: #0f9e8a !important;
}
[class*="hover:bg-netbird"]:hover {
  background-color: #0e6e6e !important;
}
[class*="text-netbird"] {
  color: #1fc99a !important;
}
[class*="ring-netbird"] {
  --tw-ring-color: #1fc99a !important;
}
[class*="border-netbird"] {
  border-color: #0f9e8a !important;
}

/* Active/selected sidebar nav item */
[class*="dark:bg-nb-gray-900"] {
  background-color: rgba(31, 201, 154, 0.16) !important;
}