/* Match the navigation accent on the model view switch only. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"] {
  background-color: #4f46e5;
  color: #fff;
  --tw-ring-color: rgba(99,102,241,.32);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"]:hover {
  background-color: #4338ca;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"] {
  background-color: #6366f1;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"]:hover {
  background-color: #818cf8;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button:focus-visible {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}